Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8" /> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | |
| <title>autonomy-labs</title> | |
| <script src="https://cdn.tailwindcss.com?plugins=typography"></script> | |
| <link rel="stylesheet" href="/static/theme.css"> | |
| </head> | |
| <body class="min-h-screen bg-gradient-to-b from-gray-950 via-gray-900 to-gray-950 text-white"> | |
| <header class="border-b border-white/10"> | |
| <div class="mx-auto max-w-6xl px-5 py-4 flex items-center justify-between"> | |
| <div class="flex items-center gap-3"> | |
| <div class="h-9 w-9 rounded-xl bg-blue-600/20 border border-blue-500/30 flex items-center justify-center"> | |
| <span class="text-blue-300 font-black">A</span> | |
| </div> | |
| <div class="leading-tight"> | |
| <div class="font-semibold tracking-tight">autonomy-labs</div> | |
| <div class="text-xs text-gray-400">chat · terminals · agent mode</div> | |
| </div> | |
| </div> | |
| <div class="flex items-center gap-2"> | |
| <a href="/login" | |
| class="px-3 py-2 rounded-lg text-sm text-gray-200 hover:text-white hover:bg-white/5 border border-white/10">Login</a> | |
| <a href="/login?next=%2Fapp" | |
| class="px-3 py-2 rounded-lg text-sm bg-blue-600 hover:bg-blue-700 font-semibold border border-blue-500/40">Open | |
| App</a> | |
| </div> | |
| </div> | |
| </header> | |
| <main class="mx-auto max-w-6xl px-5 py-14"> | |
| <div class="grid grid-cols-1 lg:grid-cols-2 gap-10 items-center"> | |
| <div> | |
| <div | |
| class="inline-flex items-center gap-2 rounded-full border border-white/10 bg-white/5 px-3 py-1 text-xs text-gray-300"> | |
| <span class="h-2 w-2 rounded-full bg-green-400"></span> | |
| FastAPI + Supabase + Docker (HF Spaces) | |
| </div> | |
| <h1 class="mt-5 text-4xl lg:text-5xl font-black tracking-tight"> | |
| Build faster with chat, terminals, and autonomous workflows. | |
| </h1> | |
| <p class="mt-4 text-gray-300 text-lg leading-relaxed"> | |
| A lightweight UI that combines AI chat, PTY-backed terminals, and an agent mode that can stream execution | |
| events. | |
| Designed for Hugging Face Spaces and local development. | |
| </p> | |
| <div class="mt-7 flex flex-wrap gap-3"> | |
| <a href="/docs" | |
| class="px-5 py-3 rounded-xl bg-blue-600 hover:bg-blue-700 font-semibold border border-blue-500/40">Get | |
| started</a> | |
| <a href="/login?next=%2Fapp" | |
| class="px-5 py-3 rounded-xl bg-white/5 hover:bg-white/10 border border-white/10 text-gray-200">Open app</a> | |
| </div> | |
| <div class="mt-8 grid grid-cols-1 sm:grid-cols-2 gap-4"> | |
| <div class="rounded-2xl border border-white/10 bg-white/5 p-4"> | |
| <div class="text-sm font-semibold">Secure execution gates</div> | |
| <div class="text-sm text-gray-400 mt-1">Terminal/Codex/MCP are server-side gated behind Supabase auth.</div> | |
| </div> | |
| <div class="rounded-2xl border border-white/10 bg-white/5 p-4"> | |
| <div class="text-sm font-semibold">Streaming agent UX</div> | |
| <div class="text-sm text-gray-400 mt-1">Live progress and partial text rendering for long runs.</div> | |
| </div> | |
| <div class="rounded-2xl border border-white/10 bg-white/5 p-4"> | |
| <div class="text-sm font-semibold">HF Spaces-ready</div> | |
| <div class="text-sm text-gray-400 mt-1">Runs as a Docker Space with secrets-based configuration.</div> | |
| </div> | |
| <div class="rounded-2xl border border-white/10 bg-white/5 p-4"> | |
| <div class="text-sm font-semibold">Extensible roadmap</div> | |
| <div class="text-sm text-gray-400 mt-1">Rooms (P2P), indexing, vault, MCP registry, admin dashboard.</div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="relative"> | |
| <div | |
| class="absolute -inset-6 bg-gradient-to-tr from-blue-600/30 via-purple-600/20 to-cyan-500/20 blur-3xl rounded-full"> | |
| </div> | |
| <div class="relative rounded-2xl border border-white/10 bg-gray-950/40 p-5 shadow-2xl"> | |
| <div class="flex items-center justify-between"> | |
| <div class="text-sm font-semibold text-gray-200">What you get</div> | |
| <div class="text-xs text-gray-400">MVP · extensible roadmap</div> | |
| </div> | |
| <ul class="mt-4 space-y-3 text-sm text-gray-300"> | |
| <li class="flex gap-3"><span class="text-blue-400">●</span> Chat with markdown + math rendering</li> | |
| <li class="flex gap-3"><span class="text-blue-400">●</span> Multi-tab terminals over WebSockets (PTY)</li> | |
| <li class="flex gap-3"><span class="text-blue-400">●</span> Agent mode with optional Codex CLI streaming</li> | |
| <li class="flex gap-3"><span class="text-blue-400">●</span> MCP tooling hooks (feature-flagged)</li> | |
| <li class="flex gap-3"><span class="text-blue-400">●</span> Ready for indexing / P2P / admin features</li> | |
| </ul> | |
| <div class="mt-6 rounded-xl border border-white/10 bg-white/5 p-4 text-xs text-gray-400"> | |
| Tip: set secrets in HF Spaces → Settings → Variables and secrets, then restart the Space. | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </main> | |
| <footer class="border-t border-white/10"> | |
| <div class="mx-auto max-w-6xl px-5 py-8 flex flex-col sm:flex-row gap-2 sm:items-center sm:justify-between"> | |
| <div class="text-sm text-gray-400">autonomy-labs — ship ideas faster.</div> | |
| <div class="text-sm text-gray-500 flex gap-3"> | |
| <a class="hover:text-gray-300" href="/docs">Docs</a> | |
| <a class="hover:text-gray-300" href="https://github.com/Akt-AI/autonomy-labs" target="_blank" rel="noreferrer">GitHub</a> | |
| </div> | |
| </div> | |
| </footer> | |
| </body> | |
| </html> | |