rufloui 0.3.1

package/src/frontend/types.ts

@@ -0,0 +1,239 @@
+export interface Agent {
+  id: string
+  name: string
+  type: string
+  status: 'idle' | 'running' | 'completed' | 'error' | 'terminated'
+  createdAt: string
+  lastActivity?: string
+  taskId?: string
+  currentTask?: string
+  currentAction?: string
+  metrics?: {
+    tasksCompleted: number
+    errorRate: number
+    avgResponseTime: number
+  }
+}
+
+export interface SwarmState {
+  id: string
+  topology: 'hierarchical' | 'mesh' | 'star' | 'ring' | 'hierarchical-mesh'
+  strategy: string
+  status: 'initializing' | 'active' | 'paused' | 'shutdown' | 'inactive'
+  maxAgents: number
+  activeAgents: number
+  agents: Agent[]
+  createdAt: string
+}
+
+export interface Task {
+  id: string
+  title: string
+  description: string
+  status: 'pending' | 'in_progress' | 'completed' | 'cancelled' | 'failed'
+  assignedTo?: string
+  priority: 'low' | 'normal' | 'high' | 'critical'
+  createdAt: string
+  completedAt?: string
+  result?: string
+  /** Working directory for agent execution */
+  cwd?: string
+}
+
+export interface MemoryEntry {
+  key: string
+  value: string
+  namespace: string
+  tags: string[]
+  ttl?: number
+  createdAt: string
+  updatedAt: string
+}
+
+export interface MemoryStats {
+  totalEntries: number
+  namespaces: string[]
+  storageSize: string
+  hnswEnabled: boolean
+  indexedVectors: number
+}
+
+export interface Session {
+  id: string
+  name: string
+  status: 'active' | 'saved' | 'restored'
+  createdAt: string
+  agentCount: number
+  taskCount: number
+}
+
+export interface HiveMindState {
+  status: 'inactive' | 'active' | 'consensus'
+  members: string[]
+  consensusProtocol: string
+  lastConsensus?: {
+    topic: string
+    result: string
+    timestamp: string
+    votes: Record<string, string>
+  }
+}
+
+export interface HealthCheck {
+  name: string
+  status: 'pass' | 'warn' | 'fail'
+  detail: string
+}
+
+export interface SystemHealth {
+  status: 'healthy' | 'degraded' | 'unhealthy'
+  uptime: string
+  cpu: number
+  memory: number
+  activeConnections: number
+  mcpStatus: string
+  checks?: HealthCheck[]
+  passed?: number
+  warnings?: number
+}
+
+export interface NeuralStatus {
+  enabled: boolean
+  models: Array<{
+    name: string
+    status: string
+    accuracy: number
+    lastTrained?: string
+  }>
+  trainingQueue: number
+}
+
+export interface PerformanceMetrics {
+  latency: { avg: number; p95: number; p99: number }
+  throughput: number
+  errorRate: number
+  activeRequests: number
+  history: Array<{
+    timestamp: string
+    latency: number
+    throughput: number
+  }>
+}
+
+export interface HookConfig {
+  name: string
+  type: string
+  enabled: boolean
+  trigger: string
+  command?: string
+  timeout?: number
+  lastRun?: string
+  runCount: number
+}
+
+export interface WorkflowDef {
+  id: string
+  name: string
+  status: 'draft' | 'running' | 'completed' | 'paused' | 'cancelled'
+  steps: Array<{
+    id: string
+    name: string
+    status: string
+    agent?: string
+    detail?: string
+  }>
+  createdAt: string
+}
+
+export interface CoordinationMetrics {
+  topology: string
+  nodes: number
+  syncLatency: number
+  consensusRounds: number
+  loadDistribution: Record<string, number>
+}
+
+export interface VizNode {
+  id: string
+  sessionId: string
+  agentId?: string
+  slug?: string
+  agentType?: string
+  status: 'active' | 'idle' | 'done' | 'error'
+  currentTool?: string
+  currentFile?: string
+  lastActivity?: string
+  taskId?: string
+  children: VizNode[]
+}
+
+export interface VizSession {
+  sessionId: string
+  taskId: string
+  tree: VizNode
+  startedAt: string
+}
+
+export interface SwarmAgent {
+  id: string
+  type: string
+  status: 'idle' | 'active' | 'working' | 'error' | 'healthy'
+  health: number
+  taskCount: number
+  createdAt: string
+  uptime?: number
+  memory?: { used: number; limit: number }
+  cpu?: number
+  tasks?: { active: number; queued: number; completed: number; failed: number }
+  latency?: { avg: number; p99: number }
+  errors?: { count: number }
+  currentTask?: string
+  currentAction?: string
+}
+
+export interface SwarmMonitorState {
+  swarmId: string
+  status: string
+  topology: string
+  objective: string
+  strategy: string
+  progress: number
+  agents: SwarmAgent[]
+  agentSummary: { total: number; active: number; idle: number; completed: number }
+  taskSummary: { total: number; completed: number; inProgress: number; pending: number }
+  metrics: { tokensUsed: number; avgResponseTime: string; successRate: string; elapsedTime: string }
+  coordination: { consensusRounds: number; messagesSent: number; conflictsResolved: number }
+}
+
+export interface WSMessage {
+  type: string
+  payload: unknown
+  timestamp: string
+}
+
+export interface WebhookEvent {
+  id: string
+  provider: 'github'
+  repo: string
+  event: string
+  title: string
+  body: string
+  url: string
+  number: number
+  author: string
+  labels: string[]
+  receivedAt: string
+  taskId?: string
+  status: 'received' | 'processing' | 'completed' | 'failed' | 'ignored'
+}
+
+export interface GitHubWebhookStatus {
+  enabled: boolean
+  hasToken: boolean
+  tokenPreview: string
+  webhookSecret: string
+  hasSecret: boolean
+  repos: string[]
+  autoAssign: boolean
+  taskTemplate: string
+}

package/src/frontend/utils/formatTime.test.ts

@@ -0,0 +1,83 @@
+import { describe, it, expect, vi, afterEach } from 'vitest';
+import { formatRelativeTime } from './formatTime';
+
+describe('formatRelativeTime', () => {
+  afterEach(() => {
+    vi.restoreAllMocks();
+  });
+
+  it('returns "just now" for a timestamp less than 60 seconds ago', () => {
+    const now = Date.now();
+    vi.spyOn(Date, 'now').mockReturnValue(now);
+    const stamp = new Date(now - 30 * 1000).toISOString();
+    expect(formatRelativeTime(stamp)).toBe('just now');
+  });
+
+  it('returns "2 minutes ago" for 120 seconds ago', () => {
+    const now = Date.now();
+    vi.spyOn(Date, 'now').mockReturnValue(now);
+    const stamp = new Date(now - 120 * 1000).toISOString();
+    expect(formatRelativeTime(stamp)).toBe('2 minutes ago');
+  });
+
+  it('returns "1 hour ago" for 3600 seconds ago', () => {
+    const now = Date.now();
+    vi.spyOn(Date, 'now').mockReturnValue(now);
+    const stamp = new Date(now - 3600 * 1000).toISOString();
+    expect(formatRelativeTime(stamp)).toBe('1 hour ago');
+  });
+
+  it('returns "3 days ago" for 3*86400 seconds ago', () => {
+    const now = Date.now();
+    vi.spyOn(Date, 'now').mockReturnValue(now);
+    const stamp = new Date(now - 3 * 86400 * 1000).toISOString();
+    expect(formatRelativeTime(stamp)).toBe('3 days ago');
+  });
+
+  it('returns "just now" for invalid input', () => {
+    expect(formatRelativeTime('')).toBe('just now');
+    expect(formatRelativeTime('not-a-date')).toBe('just now');
+  });
+
+  it('returns singular "1 minute ago"', () => {
+    const now = Date.now();
+    vi.spyOn(Date, 'now').mockReturnValue(now);
+    const stamp = new Date(now - 60 * 1000).toISOString();
+    expect(formatRelativeTime(stamp)).toBe('1 minute ago');
+  });
+
+  it('returns "just now" for a timestamp 0 seconds ago', () => {
+    const now = Date.now();
+    vi.spyOn(Date, 'now').mockReturnValue(now);
+    const stamp = new Date(now).toISOString();
+    expect(formatRelativeTime(stamp)).toBe('just now');
+  });
+
+  it('returns "1 day ago" for exactly 86400 seconds ago', () => {
+    const now = Date.now();
+    vi.spyOn(Date, 'now').mockReturnValue(now);
+    const stamp = new Date(now - 86400 * 1000).toISOString();
+    expect(formatRelativeTime(stamp)).toBe('1 day ago');
+  });
+
+  it('returns "1 month ago" for 45 days ago', () => {
+    const now = Date.now();
+    vi.spyOn(Date, 'now').mockReturnValue(now);
+    const stamp = new Date(now - 45 * 86400 * 1000).toISOString();
+    expect(formatRelativeTime(stamp)).toBe('1 month ago');
+  });
+
+  it('returns "1 year ago" for 400 days ago', () => {
+    const now = Date.now();
+    vi.spyOn(Date, 'now').mockReturnValue(now);
+    const stamp = new Date(now - 400 * 86400 * 1000).toISOString();
+    expect(formatRelativeTime(stamp)).toBe('1 year ago');
+  });
+
+  it('returns "just now" for future timestamps', () => {
+    const now = Date.now();
+    vi.spyOn(Date, 'now').mockReturnValue(now);
+    const stamp = new Date(now + 60000).toISOString();
+    expect(formatRelativeTime(stamp)).toBe('just now');
+  });
+});

package/src/frontend/utils/formatTime.ts

@@ -0,0 +1,23 @@
+export function formatRelativeTime(isoString: string): string {
+  const now = Date.now();
+  const then = new Date(isoString).getTime();
+  if (isNaN(then)) return 'just now';
+  const seconds = Math.floor((now - then) / 1000);
+
+  if (seconds < 60) return 'just now';
+
+  const minutes = Math.floor(seconds / 60);
+  if (minutes < 60) return `${minutes} ${minutes === 1 ? 'minute' : 'minutes'} ago`;
+
+  const hours = Math.floor(minutes / 60);
+  if (hours < 24) return `${hours} ${hours === 1 ? 'hour' : 'hours'} ago`;
+
+  const days = Math.floor(hours / 24);
+  if (days < 30) return `${days} ${days === 1 ? 'day' : 'days'} ago`;
+
+  const months = Math.floor(days / 30);
+  if (months < 12) return `${months} ${months === 1 ? 'month' : 'months'} ago`;
+
+  const years = Math.floor(months / 12);
+  return `${years} ${years === 1 ? 'year' : 'years'} ago`;
+}

package/tsconfig.json

@@ -0,0 +1,23 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "lib": ["ES2023", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "isolatedModules": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+    "jsx": "react-jsx",
+    "esModuleInterop": true,
+    "strict": true,
+    "noUnusedLocals": false,
+    "noUnusedParameters": false,
+    "noFallthroughCasesInSwitch": true,
+    "paths": {
+      "@/*": ["./src/frontend/*"]
+    }
+  },
+  "include": ["src"]
+}

package/vite.config.ts

@@ -0,0 +1,26 @@
+import { defineConfig } from 'vite'
+import react from '@vitejs/plugin-react'
+import path from 'path'
+
+export default defineConfig({
+  plugins: [react()],
+  root: '.',
+  resolve: {
+    alias: {
+      '@': path.resolve(__dirname, 'src/frontend'),
+    },
+  },
+  server: {
+    port: 5173,
+    proxy: {
+      '/api': 'http://localhost:3001',
+      '/ws': {
+        target: 'ws://localhost:3001',
+        ws: true,
+      },
+    },
+  },
+  build: {
+    outDir: 'dist',
+  },
+})

package/vitest.config.ts

@@ -0,0 +1,17 @@
+import { defineConfig } from 'vitest/config'
+import react from '@vitejs/plugin-react'
+import path from 'path'
+
+export default defineConfig({
+  plugins: [react()],
+  resolve: {
+    alias: {
+      '@': path.resolve(__dirname, 'src/frontend'),
+    },
+  },
+  test: {
+    environment: 'jsdom',
+    globals: true,
+    setupFiles: ['./src/frontend/test-setup.ts'],
+  },
+})