Frontend Overview

​

Stack

​

Key files

​

API client

import { api } from './js/api/DualMindApi.js';

// Single chat
const res = await api.arena.chat({ prompt: "Hello" });

// Dual chat battle
const battle = await api.arena.dualChat({
    prompt: "Explain quantum computing",
    threadId: "optional-thread-id"
});

// Vote on comparison
await api.arena.vote({
    comparisonId: battle.comparisonId,
    winner: "agent1"
});

// Get leaderboard stats
const stats = await api.arena.getStats();

// Thread management
const threads = await api.threads.getThreads();
const thread = await api.threads.createThread({ title: "New Chat" });
const messages = await api.threads.getMessages(thread.threadId);

​

Configuration

• apiBaseUrl — Auto-detected: localhost:5079 for dev, api.dualmindlab.tech for production
• supabase.url / supabase.anonKey — Supabase project credentials
• streaming.enabled — SSE streaming toggle (default: true)
• features.* — Feature flags for streaming, voting, threads, leaderboard
• speedPreset — 'fast', 'balanced', or 'quality' presets

​

Auth flow

1. User visits /login page
2. Clicks “Login with Google” → Supabase OAuth redirect
3. After consent, redirected back with JWT in URL hash
4. Supabase JS client stores session (localStorage)
5. All subsequent API calls include Authorization: Bearer <jwt> header automatically via HttpClient

​

Pages