{/* Render Orchestration page if on #orchestration route */}
{currentPage === 'orchestration' ? (
[truncated — 2317 more characters]
```
### public/wisp/main.js
```javascript
import {
scene,
getControls,
renderer,
camera,
addResize,
resize,
} from "./modules/renderer.js";
import { Group } from "./third_party/three.module.js";
import {
mesh,
mesh2,
simulation,
step,
randomizeColors,
interpolate,
} from "./wisp.js";
import { Post } from "./post.js";
import { randomInRange, mod, clamp, parabola } from "./modules/Maf.js";
// import { capture } from "./modules/capture.js";
const group = new Group();
mesh.scale.setScalar(0.9);
group.add(mesh);
group.add(mesh2);
scene.add(group);
const post = new Post(renderer);
renderer.shadowMap.enabled = true;
camera.position.set(5, 5, 5);
camera.lookAt(scene.position);
const controls = getControls();
controls.minDistance = 5;
controls.maxDistance = 5;
controls.enablePan = false;
controls.enableZoom = false;
controls.enableRotate = false;
function init() {
render();
}
let frames = 0;
let invalidate = false;
let time = 0;
let prevTime = performance.now();
// Mouse tracking for orbit controls
let mouseX = 0;
let mouseY = 0;
let targetRotationX = 0;
let targetRotationY = 0;
// Zoom animation state
let isZoomingIn = false;
let zoomStartTime = 0;
const zoomDuration = 1500; // 1.5 seconds
const startCameraPos = { x: 5, y: 5, z: 5 };
const endCameraPos = { x: 0.1, y: 0.1, z: 0.1 }; // Zoom deep but not too close to avoid blackout
window.addEventListener('mousemove', (event) => {
// Normalize mouse position to -1 to 1
mouseX = (event.clientX / window.innerWidth) * 2 - 1;
mouseY = -(event.clientY / window.innerHeight) * 2 + 1;
});
// Listen for zoom message from parent window
window.addEventListener('message', (event) => {
if (event.data && event.data.type === 'ZOOM_IN') {
console.log('Received zoom command');
isZoomingIn = true;
zoomStartTime = performance.now();
}
});
function render() {
const t = performance.now();
const dt = t - prevTime;
prevTime = t;
// Handle zoom animation
if (isZoomingIn) {
const elapsed = t - zoomStartTime;
const progress = Math.min(elapsed / zoomDuration, 1);
// Ease-in cubic function for smooth acceleration (starts slow, accelerates)
const easeProgress = progress * progress * progress;
// Interpolate camera position
camera.position.x = startCameraPos.x + (endCameraPos.x - startCameraPos.x) * easeProgress;
camera.position.y = startCameraPos.y + (endCameraPos.y - startCameraPos.y) * easeProgress;
camera.position.z = startCameraPos.z + (endCameraPos.z - startCameraPos.z) * easeProgress;
camera.lookAt(scene.position);
// Stop zooming after duration
if (progress >= 1) {
isZoomingIn = false;
}
}
if (running || invalidate || isZoomingIn) {
if (!invalidate) {
time += dt * 0.1; // Slow down time by 90%
// Mouse-based rotation (disabled during zoom)
if (!isZoomingIn) {
targetRotationX = mouseY * 0.3; // Even more subtle effect
targetRotationY = -mouseX * 0.3;
// Smooth lerp to target rotation
group.rotation.x += (targetRotationX - group.rotation.x) * 0.03;
group.rotation.y += (targetRotationY - group.rotation.y) * 0.03;
}
}
step(renderer, time / 1000, dt / 16);
mesh2.material.uniforms.positions.value = simulation.texture;
interpolate(time, renderer);
invalidate = false;
}
// renderer.render(scene, camera);
post.render(scene, camera);
// capture(renderer.domElement);
// if (frames > 10 * 60 && window.capturer.capturing) {
// window.capturer.stop();
// window.capturer.save();
// }
// frames++;
renderer.setAnimationLoop(render);
}
randomize();
function randomize() {
randomizeColors();
// Set background to pure black #1B1B1B
renderer.setClearColor(0x1B1B1B, 1);
// Fixed offset for consistent particle positioning
const offset = 500;
mesh.material.uniforms.offset.value = offset;
simulation.shader.uniforms.offset.value = offset;
invalidate = true;
}
function goFullscreen() {
if (renderer.domElement.webkitRequestFullscreen) {
renderer.domElement.webkitRequestFullscreen();
} else {
renderer.domElement.requestFullscreen();
}
}
let running = true;
window.addEventListener("keydown", (e) => {
if (e.code === "Space") {
running = !running;
}
if (e.code === "KeyF") {
goFullscreen();
}
});
function myResize(w, h, dPR) {
post.setSize(w * dPR, h * dPR);
}
addResize(myResize);
resize();
init();
// window.start = () => {
// frames = 0;
// window.capturer.start();
// };
```
### vite.config.js
```javascript
import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'
// https://vite.dev/config/
export default defineConfig({
plugins: [react()],
server: {
proxy: {
'/api': {
target: 'http://localhost:3001',
changeOrigin: true,
}
}
}
})
```
### eslint.config.js
```javascript
import js from '@eslint/js'
import globals from 'globals'
import reactHooks from 'eslint-plugin-react-hooks'
import reactRefresh from 'eslint-plugin-react-refresh'
import { defineConfig, globalIgnores } from 'eslint/config'
export default defineConfig([
globalIgnores(['dist']),
{
files: ['**/*.{js,jsx}'],
extends: [
js.configs.recommended,
reactHooks.configs['recommended-latest'],
reactRefresh.configs.vite,
],
languageOptions: {
ecmaVersion: 2020,
globals: globals.browser,
parserOptions: {
ecmaVersion: 'latest',
ecmaFeatures: { jsx: true },
sourceType: 'module',
},
},
rules: {
'no-unused-vars': ['error', { varsIgnorePattern: '^[A-Z_]' }],
},
},
])
```
[150 more indexed source files omitted to keep this export small. The full file list is in the Codebase structure section above.]
| 
| 
|
## about
### what it does
darwin pits four ai agents against each other in a live coding battle. you give them a prompt like "make a landing page" and watch them race to build it. each agent has a different personality - speedrunner optimizes for speed, bloom goes hard on aesthetics, solver focuses on clean logic, and loader handles the complex async stuff.
as they code, you can steer them with voice commands or text feedback. vote for your favorite, tip them with sui, and watch the ai commentator roast their code in real-time.
... read more on the [devpost](https://devpost.com/software/darwin-w6fez0)!
## acknowledgments
built with ♡ at cal hacks 12.0 (letta honorable mention)
## Detected evidence (automated analysis)
Indexed codebase: 166 recognized source files, 2436 KB.
- CSS (language) — detected in the code
- Express (technology) — detected in the code
- Flask (technology) — detected in the code
- HTML (language) — detected in the code
- JavaScript (language) — detected in the code
- Python (language) — detected in the code
- React (technology) — detected in the code
- Redis (technology) — detected in the code
- Vercel (technology) — claimed on Devpost, not found in the code
- AI coding agent: Claude Code — evidence: config files committed to the repository
## Codebase structure (from repository index)
### Files (120 of 181)
```
.env.example
.gitignore
ai-agents/.gitignore
ai-agents/api_wrapper.py
ai-agents/config/__init__.py
ai-agents/config/agents_config.py
ai-agents/config/livekit_config.py
ai-agents/demo_code_outputs.py
ai-agents/env.example
ai-agents/flask_server_real.py
ai-agents/main_competitive.py
ai-agents/Procfile
ai-agents/README.md
ai-agents/requirements.txt
ai-agents/runtime.txt
ai-agents/src/__init__.py
ai-agents/src/agents/__init__.py
ai-agents/src/agents/commentator_agent.py
ai-agents/src/agents/orchestrator_agent.py
ai-agents/src/artifacts/__init__.py
ai-agents/src/artifacts/artifact_manager.py
ai-agents/src/core/__init__.py
ai-agents/src/core/agent_factory.py
ai-agents/src/core/competitive_workflow.py
ai-agents/src/core/logger.py
ai-agents/src/core/message_system.py
ai-agents/src/core/shared_memory.py
ai-agents/src/core/user_interaction.py
ai-agents/src/livekit/__init__.py
ai-agents/src/livekit/agent_voices.py
ai-agents/src/livekit/battle_context.py
ai-agents/src/livekit/darwin_commentator_agent.py
ai-agents/src/livekit/room_manager.py
ai-agents/src/livekit/simple_frontend.html
ai-agents/src/livekit/voice_agent.py
ai-agents/src/livekit/voice_commentator.py
ai-agents/src/livekit/voice_pipeline.py
ai-agents/test_all_endpoints.py
ai-agents/vercel.json
api/vote.js
CLAUDE.md
DEVPOST.md
eslint.config.js
index.html
INTEGRATION.md
move/agent_votes/Move.lock
move/agent_votes/Move.toml
move/agent_votes/README.md
move/agent_votes/sources/agent_votes.move
package.json
public/wisp/.history/index_20240228133547.html
public/wisp/.history/index_20240228134040.html
public/wisp/.history/index_20240228134041.html
public/wisp/.history/index_20240228134136.html
public/wisp/.history/index_20240228134137.html
public/wisp/.history/index_20240228134553.html
public/wisp/.history/index_20240228134554.html
public/wisp/.history/index_20240228134632.html
public/wisp/.history/index_20240228134633.html
public/wisp/.history/index_20240228135147.html
public/wisp/.history/index_20240228135155.html
public/wisp/.history/index_20240228135156.html
public/wisp/.history/main_20240228133628.js
public/wisp/.history/main_20240228134237.js
public/wisp/.history/main_20240228134247.js
public/wisp/.history/main_20240228134248.js
public/wisp/.history/wisp_20240228134951.js
public/wisp/.history/wisp_20240228135225.js
public/wisp/.vscode/settings.json
public/wisp/index.html
public/wisp/main.js
public/wisp/modules/bloomPass.js
public/wisp/modules/capture.js
public/wisp/modules/curl.js
public/wisp/modules/easings.js
public/wisp/modules/fbo.js
public/wisp/modules/Fibonacci.js
public/wisp/modules/geometry-index.js
public/wisp/modules/gradient-linear.js
public/wisp/modules/hdri.js
public/wisp/modules/Maf.js
public/wisp/modules/models.js
public/wisp/modules/octree.js
public/wisp/modules/orient2d.js
public/wisp/modules/palettes.js
public/wisp/modules/poisson.js
public/wisp/modules/renderer.js
public/wisp/modules/Shader3DPass.js
public/wisp/modules/Shader3DPingPongPass.js
public/wisp/modules/ShaderPass.js
public/wisp/modules/ShaderPingPongPass.js
public/wisp/modules/tweet-button.js
public/wisp/post.js
public/wisp/shaders/basic.js
public/wisp/shaders/blur.js
public/wisp/shaders/chromatic-aberration.js
public/wisp/shaders/curl.js
public/wisp/shaders/fast-separable-gaussian-blur.js
public/wisp/shaders/fxaa.js
public/wisp/shaders/hsl.js
public/wisp/shaders/levels.js
public/wisp/shaders/noise-common.js
public/wisp/shaders/noise.js
public/wisp/shaders/noise2d.js
public/wisp/shaders/noise3d.js
public/wisp/shaders/ortho.js
public/wisp/shaders/parabola.js
public/wisp/shaders/screen.js
public/wisp/shaders/vignette.js
public/wisp/shaders/worley.js
public/wisp/styles.css
public/wisp/third_party/delaunator.js
public/wisp/third_party/DeviceOrientationControls.js
public/wisp/third_party/GLTFLoader.js
public/wisp/third_party/OBJLoader.js
public/wisp/third_party/OrbitControls.js
public/wisp/third_party/perlin.js
public/wisp/third_party/RGBELoader.js
public/wisp/third_party/RoundedBoxGeometry.js
public/wisp/third_party/three.module.js
[61 more files omitted for size]
```
### Dependencies
- ai-agents/requirements.txt: asyncio-mqtt@>=0.11.0, flask@>=3.0.0, flask-cors@>=4.0.0, letta-client@>=0.1.0, livekit@>=0.11.0, livekit-agents@>=1.2.13, pydantic@>=2.0.0, python-dotenv@>=1.0.0, redis@>=4.5.0, requests@>=2.31.0, rich@>=13.0.0
- package.json: @babel/standalone@^7.28.5, @elevenlabs/elevenlabs-js@^2.20.1, @eslint/js@^9.36.0, @fontsource/geist-mono@^5.2.7, @google/genai@^1.27.0, @livekit/components-react@^2.9.15, @mysten/dapp-kit@^0.19.7, @mysten/sui@^1.43.1, @react-three/fiber@^9.4.0, @react-three/postprocessing@^3.0.4, @types/node@^24.9.2, @types/react@^19.1.16, @types/react-dom@^19.1.9, @types/three@^0.180.0, @vapi-ai/web@^2.5.0, @vitejs/plugin-react@^5.0.4, cors@^2.8.5, dotenv@^17.2.3, eslint@^9.36.0, eslint-plugin-react-hooks@^5.2.0, eslint-plugin-react-refresh@^0.4.22, express@^5.1.0, fiber@^1.0.4, framer-motion@^12.23.24, globals@^16.4.0, gsap@^3.13.0, livekit-client@^2.15.13, livekit-server-sdk@^2.14.0, motion@^12.23.24, ogl@^1.0.11, postprocessing@^6.37.8, react@^19.1.1, react-dom@^19.1.1, react-icons@^5.5.0, three@^0.180.0, typescript@^5.9.3, vite@^7.1.7
### Recent commits (newest first)
- feat: update assets
- icon change
- feat: rewrite readme
- feat: update readme
- feat: change example artifact
- feat: mobile patch
- feat: update readme
- feat: updated readme
- feat: updated readme
- feat: wallet view
- feat: fix blockchain likes
- chore: refactor code
- feat: better preview
- feat: preview
- feat: sui wallet
- feat: wallet
- feat: css changes
- feat: add links
- feat: loading screen
- feat: state machine logic
## Key source files (fetched from GitHub, selected and truncated for size)
### INTEGRATION.md
```markdown
# Sui Integration Guide
## What We Built
A simple on-chain voting system where users can vote for their favorite Darwin agents. Each vote is recorded on the Sui blockchain.
## Files Created
1. **Move Smart Contract** (`move/agent_votes/`)
- `sources/agent_votes.move` - The voting logic
- `Move.toml` - Package configuration
2. **Frontend Integration** (`src/utils/suiClient.js`)
- Functions to vote and fetch vote counts
## Next Steps to Enable Voting
### Option 1: Simple (Without Wallet) - Display Only
Just display vote counts without letting users vote:
```javascript
// In Orchestration.jsx
import { getVoteCounts } from '../utils/suiClient';
import { useEffect, useState } from 'react';
const [voteCounts, setVoteCounts] = useState({});
useEffect(() => {
// Fetch votes every 10 seconds
const interval = setInterval(async () => {
const counts = await getVoteCounts();
setVoteCounts(counts);
}, 10000);
return () => clearInterval(interval);
}, []);
// Display in agent cards: "❤️ {voteCounts.speedrunner || 0} votes"
```
### Option 2: Full Integration (With Wallet)
To let users actually vote, you need to add a wallet connector:
1. Install wallet adapter:
```bash
npm install @mysten/dapp-kit @mysten/wallet-standard @tanstack/react-query
```
2. Wrap your app in providers (in `main.jsx` or `App.jsx`):
```javascript
import { SuiClientProvider, WalletProvider } from '@mysten/dapp-kit';
import { getFullnodeUrl } from '@mysten/sui/client';
import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
import '@mysten/dapp-kit/dist/index.css';
const queryClient = new QueryClient();
const networks = {
testnet: { url: getFullnodeUrl('testnet') }
};