https://github.com/builtbywilldev/haven-table
🚧 W.I.P.⚔️ A responsive simulation interface for multi-agent debate. Built in React with Tailwind. Visualizes structured AI conversation, powered by Google Gemini.
https://github.com/builtbywilldev/haven-table
ai-interface debate-platform google-gemini haven-table llm-sand react responsive- tailwindcss typescript
Last synced: about 1 year ago
JSON representation
🚧 W.I.P.⚔️ A responsive simulation interface for multi-agent debate. Built in React with Tailwind. Visualizes structured AI conversation, powered by Google Gemini.
- Host: GitHub
- URL: https://github.com/builtbywilldev/haven-table
- Owner: builtbywilldev
- License: other
- Created: 2025-06-13T17:26:42.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-06-13T19:28:40.000Z (about 1 year ago)
- Last Synced: 2025-06-13T19:40:38.640Z (about 1 year ago)
- Topics: ai-interface, debate-platform, google-gemini, haven-table, llm-sand, react, responsive-, tailwindcss, typescript
- Language: TypeScript
- Homepage:
- Size: 185 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# ⚔️ Haven Table
> *A simulation chamber for structured debate.*
> Just layout for now. No models. No fluff. Pure frontend readiness.
---
### 🎯 Overview
**Haven Table** is a fully responsive, zero-storage debate arena built in React.
Designed as a foundation for future AI-powered interactions, it currently focuses on precision layout, clean responsiveness, and a no-distraction interface.
---
### 🧱 Current Status
✅ Circular agent layout (desktop)
✅ Top-row agent layout (mobile/tablet)
✅ Start screen with lore + “Start Debate” button
✅ Interjection input box for user simulation
❌ No agent dialogue yet
❌ No real-time speaking logic
❌ No backend or model connection
---
### 📱 Responsiveness
- On **desktop**, agents are arranged around a perfect responsive circle.
- On **mobile**, avatars shift to the top with reduced card size.
- **Interjection box** remains accessible on all screen sizes.
---
### 🛠 Tech Stack
- React 18
- TypeScript
- TailwindCSS
- Fully client-side, zero dependencies
---
### 🚀 Roadmap
- 🧠 Add mock agent speaking logic (sequential prompts)
- 🎭 Pulse animation when agent is “speaking”
- 🔄 Integrate prompt simulation backend (lightweight, no cloud)
- 📢 Add real interjection handling and logic routing
---
### 🧪 Concept
This isn’t just a UI — it’s the first step in building a **roundtable for logic-based agents** to speak, debate, and evolve.
We’re not using OpenAI or Google out of the gate. We’re keeping it **free, client-based, and extensible**.
---
### 🏷 BuiltByWill x SilentPrototype Labs
> Minimal. Tactical. Uncompromising.