Claudia
6adf0757d3
- Fullscreen 3D visualization with Three.js/React Three Fiber - Real-time WebSocket connection to NATS event stream - Agent nodes (Claudia, Mona, Vera, Stella, Viola) with activity tracking - Event type nodes (Messages, Tools, Knowledge, Lifecycle) - Glowing energy beams for agent communication - Activity beams showing agent → event type flows - Floating glassmorphism UI overlays - Event log panel with filtering - Responsive fullscreen layout Tech: React, Vite, Tailwind CSS, Three.js, NATS JetStream
18 lines
422 B
JavaScript
18 lines
422 B
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
export default {
|
|
content: ['./index.html', './src/**/*.{js,jsx}'],
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
'cyber-bg': '#0a0a0f',
|
|
'cyber-card': '#12121a',
|
|
'cyber-border': '#1e1e2e',
|
|
'cyber-blue': '#00d4ff',
|
|
'cyber-purple': '#a855f7',
|
|
'cyber-pink': '#ec4899',
|
|
'cyber-green': '#22c55e'
|
|
}
|
|
}
|
|
},
|
|
plugins: []
|
|
}
|