Upload folder using huggingface_hub

TASKS.md

@@ -67,7 +67,7 @@ Legend:
 - [x] Add lint/tests + CI (`ruff`, `pytest`, `.github/workflows/ci.yml`).
 
 ## P2/P3 — UI consolidation (nice-to-have)
-- [ ] Merge Autonomous mode and chat mode to a single chat UI.
+- [x] Merge Autonomous mode and chat mode to a single chat UI.
 
 ## P2 — Auth UX
 - [x] Password reset by email (Supabase recovery flow).

app/routes/base.py

@@ -58,6 +58,11 @@ async def read_admin():
     return FileResponse(str(_STATIC / "dashboard.html"))
 
 
+@router.get("/docs")
+async def read_docs():
+    return FileResponse(str(_STATIC / "docs.html"))
+
+
 @router.get("/health")
 async def health_check():
     return {"status": "ok"}

static/dashboard.html

@@ -676,120 +676,49 @@
                     </div>
                 </div>
 
-                <div id="chat-standard" class="flex-grow flex flex-col min-h-0">
-                    <!-- Messages -->
-                    <div id="chat-history" class="flex-grow p-4 overflow-y-auto space-y-4 scroll-smooth">
-                        <div id="chat-empty-state" class="text-center text-gray-500 mt-10">
-                            <div class="text-lg font-semibold text-gray-300">Start a conversation</div>
-                            <div class="text-sm text-gray-500 mt-1">Pick a provider in Settings, then send a message.</div>
+                <div id="agent-split-root" class="split-root flex-grow min-h-0">
+                    <div id="agent-pane-chat" class="split-pane min-h-0 flex flex-col border-r border-gray-700 agent-pane-surface">
+                        <div id="agent-terminal-collapsed-bar" class="hidden px-3 py-2 border-b border-gray-700/70 flex items-center justify-end bg-gray-900/30">
+                            <button onclick="toggleAgentTerminalCollapsed()"
+                                class="px-2 py-1 text-xs rounded-md text-gray-200 hover:bg-white/10 transition"
+                                title="Show terminal">Show terminal</button>
                         </div>
-                    </div>
-
-                    <!-- Input -->
-                    <div class="p-3 bg-gray-800 border-t border-gray-700 shrink-0">
-                        <div id="chat-attachments" class="max-w-5xl mx-auto mb-2 hidden"></div>
-                        <div class="flex space-x-2 max-w-5xl mx-auto items-center">
-                            <select id="chat-agent-target" onchange="setChatAgentTarget(this.value)"
-                                class="bg-gray-700 h-10 rounded-lg border border-gray-600 px-2 text-sm text-white outline-none focus:border-blue-500"
-                                title="Target">
-                                <option value="chat">Chat</option>
-                                <option value="codex">@codex</option>
-                            </select>
-                            <textarea id="chat-input" rows="1"
-                                class="flex-grow bg-gray-700 px-3 py-2 rounded-lg border border-gray-600 resize-none focus:ring-2 focus:ring-blue-500 focus:outline-none text-white max-h-32"
-                                placeholder="Message..."
-                                oninput="this.style.height = ''; this.style.height = this.scrollHeight + 'px'"
-                                onkeydown="handleEnter(event)"></textarea>
-                            <input id="chat-model-quick" type="text" list="model-list" placeholder="Model"
-                                class="bg-gray-700 h-10 w-44 px-2 rounded-lg border border-gray-600 text-sm text-white outline-none focus:border-blue-500 hidden sm:block"
-                                onchange="setQuickModel(this.value)" title="Model" />
-                            <input id="chat-file-input" type="file" accept="image/*" multiple class="hidden" />
-                            <button onclick="document.getElementById('chat-file-input').click()"
-                                class="bg-gray-700 h-10 w-10 rounded-lg hover:bg-gray-600 transition inline-flex items-center justify-center text-gray-200"
-                                title="Attach images" aria-label="Attach images">
-                                <svg class="w-5 h-5" viewBox="0 0 24 24" fill="none" stroke="currentColor">
-                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21.44 11.05l-8.49 8.49a5 5 0 0 1-7.07-7.07l9.2-9.2a3.5 3.5 0 0 1 4.95 4.95l-9.2 9.2a2 2 0 0 1-2.83-2.83l8.49-8.49" />
-                                </svg>
-                            </button>
-                            <button onclick="captureScreenshotToChat()"
-                                class="bg-gray-700 h-10 w-10 rounded-lg hover:bg-gray-600 transition inline-flex items-center justify-center text-gray-200"
-                                title="Take screenshot" aria-label="Take screenshot">
-                                <svg class="w-5 h-5" viewBox="0 0 24 24" fill="none" stroke="currentColor">
-                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 7h4l2-2h4l2 2h4v12H4V7z" />
-                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 17a4 4 0 1 0 0-8 4 4 0 0 0 0 8z" />
-                                </svg>
-                            </button>
-                            <button id="chat-mic-btn" onclick="toggleChatDictation()"
-                                class="bg-gray-700 h-10 w-10 rounded-lg hover:bg-gray-600 transition inline-flex items-center justify-center text-gray-200"
-                                title="Voice input" aria-label="Voice input">
-                                <svg class="w-5 h-5" viewBox="0 0 24 24" fill="none" stroke="currentColor">
-                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 14a3 3 0 0 0 3-3V6a3 3 0 0 0-6 0v5a3 3 0 0 0 3 3z" />
-                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 11a7 7 0 0 1-14 0" />
-                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 19v3" />
-                                </svg>
-                            </button>
-                            <button id="chat-stop-btn" onclick="stopChatGeneration()" disabled
-                                class="bg-gray-600 h-10 px-3 rounded-lg hover:bg-gray-700 font-bold transition inline-flex items-center justify-center disabled:opacity-40 disabled:cursor-not-allowed"
-                                title="Stop generating">
-                                <svg class="w-4 h-4 mr-2" viewBox="0 0 24 24" fill="currentColor">
-                                    <rect x="7" y="7" width="10" height="10" rx="2" />
-                                </svg>
-                                Stop
-                            </button>
-                            <button onclick="sendChatBarMessage()"
-                                class="bg-blue-600 h-10 w-10 rounded-lg hover:bg-blue-700 font-bold transition inline-flex items-center justify-center">
-                                <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                        d="M12 19l9 2-9-18-9 18 9-2zm0 0v-8"></path>
-                                </svg>
-                            </button>
-                        </div>
-                    </div>
-                </div>
-
-                <!-- Autonomous mode embedded in Chat view -->
-                <div id="chat-autonomous" class="hidden flex-grow min-h-0 flex flex-col">
-                    <div id="agent-split-root" class="split-root">
-                        <div id="agent-pane-chat" class="split-pane min-h-0 flex flex-col border-r border-gray-700 agent-pane-surface">
-                            <div id="agent-terminal-collapsed-bar" class="hidden px-3 py-2 border-b border-gray-700/70 flex items-center justify-end bg-gray-900/30">
-                                <button onclick="toggleAgentTerminalCollapsed()"
-                                    class="px-2 py-1 text-xs rounded-md text-gray-200 hover:bg-white/10 transition"
-                                    title="Show terminal">Show terminal</button>
-                            </div>
-                            <div class="flex-grow min-h-0 overflow-hidden">
-                                <div id="agent-chat-history" class="h-full p-4 overflow-y-auto space-y-4">
-                                    <div id="agent-empty-state" class="text-center text-gray-500 mt-10">
-                                        <div class="text-lg font-semibold text-gray-300">Autonomous mode</div>
-                                        <div class="text-sm text-gray-500 mt-1">Ask the agent, then use “Run” on code blocks.</div>
-                                    </div>
+                        <div id="chat-standard" class="flex-grow flex flex-col min-h-0">
+                            <!-- Messages -->
+                            <div id="chat-history" class="flex-grow p-4 overflow-y-auto space-y-4 scroll-smooth">
+                                <div id="chat-empty-state" class="text-center text-gray-500 mt-10">
+                                    <div class="text-lg font-semibold text-gray-300">Start a conversation</div>
+                                    <div class="text-sm text-gray-500 mt-1">Pick a provider in Settings, then send a message.</div>
                                 </div>
                             </div>
+
+                            <!-- Input -->
                             <div class="p-3 bg-gray-800 border-t border-gray-700 shrink-0">
-                                <div id="agent-attachments" class="mb-2 hidden"></div>
-                                <div class="flex space-x-2 items-center">
-                                    <select id="agent-agent-target" onchange="setAgentUseCodexCli(this.value === 'codex')"
+                                <div id="chat-attachments" class="max-w-5xl mx-auto mb-2 hidden"></div>
+                                <div class="flex space-x-2 max-w-5xl mx-auto items-center">
+                                    <select id="chat-agent-target" onchange="setChatAgentTarget(this.value)"
                                         class="bg-gray-700 h-10 rounded-lg border border-gray-600 px-2 text-sm text-white outline-none focus:border-blue-500"
                                         title="Target">
-                                        <option value="agent">Agent</option>
+                                        <option value="chat">Chat</option>
                                         <option value="codex">@codex</option>
                                     </select>
-                                    <textarea id="agent-chat-input" rows="1"
-                                        class="flex-grow bg-gray-700 px-3 py-2 rounded-lg border border-gray-600 resize-none focus:ring-2 focus:ring-blue-500 focus:outline-none text-white max-h-28"
-                                        placeholder="Ask agent..."
+                                    <textarea id="chat-input" rows="1"
+                                        class="flex-grow bg-gray-700 px-3 py-2 rounded-lg border border-gray-600 resize-none focus:ring-2 focus:ring-blue-500 focus:outline-none text-white max-h-32"
+                                        placeholder="Message..."
                                         oninput="this.style.height = ''; this.style.height = this.scrollHeight + 'px'"
-                                        onkeydown="handleAgentEnter(event)"></textarea>
-                                    <input id="agent-model-quick" type="text" list="model-list" placeholder="Model"
+                                        onkeydown="handleEnter(event)"></textarea>
+                                    <input id="chat-model-quick" type="text" list="model-list" placeholder="Model"
                                         class="bg-gray-700 h-10 w-44 px-2 rounded-lg border border-gray-600 text-sm text-white outline-none focus:border-blue-500 hidden sm:block"
                                         onchange="setQuickModel(this.value)" title="Model" />
-                                    <input id="agent-file-input" type="file" accept="image/*" multiple class="hidden" />
-                                    <button onclick="document.getElementById('agent-file-input').click()"
+                                    <input id="chat-file-input" type="file" accept="image/*" multiple class="hidden" />
+                                    <button onclick="document.getElementById('chat-file-input').click()"
                                         class="bg-gray-700 h-10 w-10 rounded-lg hover:bg-gray-600 transition inline-flex items-center justify-center text-gray-200"
                                         title="Attach images" aria-label="Attach images">
                                         <svg class="w-5 h-5" viewBox="0 0 24 24" fill="none" stroke="currentColor">
                                             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21.44 11.05l-8.49 8.49a5 5 0 0 1-7.07-7.07l9.2-9.2a3.5 3.5 0 0 1 4.95 4.95l-9.2 9.2a2 2 0 0 1-2.83-2.83l8.49-8.49" />
                                         </svg>
                                     </button>
-                                    <button onclick="captureScreenshotToAgent()"
+                                    <button onclick="captureScreenshotToChat()"
                                         class="bg-gray-700 h-10 w-10 rounded-lg hover:bg-gray-600 transition inline-flex items-center justify-center text-gray-200"
                                         title="Take screenshot" aria-label="Take screenshot">
                                         <svg class="w-5 h-5" viewBox="0 0 24 24" fill="none" stroke="currentColor">
@@ -797,7 +726,7 @@
                                             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 17a4 4 0 1 0 0-8 4 4 0 0 0 0 8z" />
                                         </svg>
                                     </button>
-                                    <button id="agent-mic-btn" onclick="toggleAgentDictation()"
+                                    <button id="chat-mic-btn" onclick="toggleChatDictation()"
                                         class="bg-gray-700 h-10 w-10 rounded-lg hover:bg-gray-600 transition inline-flex items-center justify-center text-gray-200"
                                         title="Voice input" aria-label="Voice input">
                                         <svg class="w-5 h-5" viewBox="0 0 24 24" fill="none" stroke="currentColor">
@@ -806,17 +735,16 @@
                                             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 19v3" />
                                         </svg>
                                     </button>
-                                    <button id="agent-stop-btn" onclick="stopAgentGeneration()" disabled
-                                        class="bg-gray-600 h-10 px-3 rounded-lg hover:bg-gray-700 font-bold transition flex items-center disabled:opacity-40 disabled:cursor-not-allowed"
+                                    <button id="chat-stop-btn" onclick="stopChatGeneration()" disabled
+                                        class="bg-gray-600 h-10 px-3 rounded-lg hover:bg-gray-700 font-bold transition inline-flex items-center justify-center disabled:opacity-40 disabled:cursor-not-allowed"
                                         title="Stop generating">
                                         <svg class="w-4 h-4 mr-2" viewBox="0 0 24 24" fill="currentColor">
                                             <rect x="7" y="7" width="10" height="10" rx="2" />
                                         </svg>
                                         Stop
                                     </button>
-                                    <button onclick="sendAgentMessage()"
-                                        class="bg-blue-600 h-10 w-10 rounded-lg hover:bg-blue-700 font-bold transition inline-flex items-center justify-center"
-                                        title="Send" aria-label="Send">
+                                    <button onclick="sendChatBarMessage()"
+                                        class="bg-blue-600 h-10 w-10 rounded-lg hover:bg-blue-700 font-bold transition inline-flex items-center justify-center">
                                         <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                                                 d="M12 19l9 2-9-18-9 18 9-2zm0 0v-8"></path>
@@ -825,19 +753,19 @@
                                 </div>
                             </div>
                         </div>
-                        <div id="agent-split-divider" class="split-divider" title="Drag to resize panes"></div>
-                        <div id="agent-pane-terminal" class="split-pane min-h-0 agent-terminal-chrome flex flex-col">
-                            <div class="shrink-0 flex items-center bg-gray-900/60 border-b border-gray-700 overflow-x-auto">
-                                <div id="agent-terminal-tabs" class="flex"></div>
-                                <button onclick="toggleAgentTerminalCollapsed()"
-                                    class="ml-auto px-2 py-2 text-gray-300 hover:text-white hover:bg-white/10 transition font-bold"
-                                    title="Collapse terminal" aria-label="Collapse terminal">⟷</button>
-                                <button onclick="createTerminalTab({ scope: 'agent' })"
-                                    class="px-3 py-2 text-gray-300 hover:text-white hover:bg-white/10 transition font-bold"
-                                    title="New Terminal">+</button>
-                            </div>
-                            <div id="agent-terminals-container" class="flex-grow relative w-full h-full"></div>
+                    </div>
+                    <div id="agent-split-divider" class="split-divider hidden" title="Drag to resize panes"></div>
+                    <div id="agent-pane-terminal" class="split-pane hidden min-h-0 agent-terminal-chrome flex flex-col">
+                        <div class="shrink-0 flex items-center bg-gray-900/60 border-b border-gray-700 overflow-x-auto">
+                            <div id="agent-terminal-tabs" class="flex"></div>
+                            <button onclick="toggleAgentTerminalCollapsed()"
+                                class="ml-auto px-2 py-2 text-gray-300 hover:text-white hover:bg-white/10 transition font-bold"
+                                title="Collapse terminal" aria-label="Collapse terminal">⟷</button>
+                            <button onclick="createTerminalTab({ scope: 'agent' })"
+                                class="px-3 py-2 text-gray-300 hover:text-white hover:bg-white/10 transition font-bold"
+                                title="New Terminal">+</button>
                         </div>
+                        <div id="agent-terminals-container" class="flex-grow relative w-full h-full"></div>
                     </div>
                 </div>
             </div>

static/dashboard.js

@@ -133,7 +133,7 @@ let supabase;
                     const cmd = codeEl.innerText.replace(/\n+$/, '');
                     if (!cmd) return;
                     const agentVisible = !document.getElementById('chat-view').classList.contains('hidden')
-                        && !document.getElementById('chat-autonomous').classList.contains('hidden');
+                        && !document.getElementById('agent-pane-terminal')?.classList.contains('hidden');
                     await runInTerminal(cmd + '\n', { preferScope: agentVisible ? 'agent' : 'main', autoShow: true });
                 };
 
@@ -347,6 +347,15 @@ let supabase;
             return new URL(cleaned, base).toString();
         }
 
+        function loginUrlWithNext(nextPath) {
+            const u = new URL(routeUrl('login'));
+            const next = String(nextPath || '').trim();
+            if (next && next.startsWith('/') && !next.startsWith('//') && !next.includes('\\')) {
+                u.searchParams.set('next', next);
+            }
+            return u.toString();
+        }
+
         async function fetchConfig() {
             const candidates = ['config', 'api/config'];
             let lastError = null;
@@ -1037,7 +1046,7 @@ let supabase;
                 window.__supabaseClient = supabase;
 
                 const { data: { session } } = await supabase.auth.getSession();
-                if (!session) { window.location.href = routeUrl('login'); return; }
+                if (!session) { window.location.href = loginUrlWithNext(location.pathname || '/app'); return; }
                 window.__sbAccessToken = (session.access_token || '').trim();
                 supabase.auth.onAuthStateChange((_event, nextSession) => {
                     window.__sbAccessToken = (nextSession?.access_token || '').trim();
@@ -1610,6 +1619,7 @@ let supabase;
             const divider = document.getElementById('agent-split-divider');
             if (!root || !paneChat || !paneTerminal || !divider) return;
 
+            const alreadyInited = root.dataset.splitInited === '1';
             const key = 'agent_split_ratio_v1';
             const collapseKey = 'agent_terminal_collapsed_v1';
             const clamp = (n, min, max) => Math.max(min, Math.min(max, n));
@@ -1635,6 +1645,9 @@ let supabase;
                 paneChat.style.flex = '1 1 auto';
             }
 
+            if (alreadyInited) return;
+            root.dataset.splitInited = '1';
+
             let dragging = false;
             const onMove = (clientX) => {
                 const rect = root.getBoundingClientRect();
@@ -1694,25 +1707,40 @@ let supabase;
         }
 
         function setChatMode(mode) {
-            const standard = document.getElementById('chat-standard');
-            const auto = document.getElementById('chat-autonomous');
+            const paneChat = document.getElementById('agent-pane-chat');
+            const paneTerminal = document.getElementById('agent-pane-terminal');
+            const divider = document.getElementById('agent-split-divider');
             const btnChat = document.getElementById('chat-mode-chat');
             const btnAuto = document.getElementById('chat-mode-auto');
-            if (!standard || !auto) return;
+            if (!paneChat || !paneTerminal || !divider) return;
             const m = mode === 'autonomous' ? 'autonomous' : 'chat';
 
-            standard.classList.toggle('hidden', m === 'autonomous');
-            auto.classList.toggle('hidden', m !== 'autonomous');
+            // Chat always stays visible; Autonomous mode just reveals the split terminal pane.
+            const collapsed = localStorage.getItem('agent_terminal_collapsed_v1') === '1';
+            const showTerminal = m === 'autonomous' && !collapsed;
+            paneTerminal.classList.toggle('hidden', !showTerminal);
+            divider.classList.toggle('hidden', !showTerminal);
+            const bar = document.getElementById('agent-terminal-collapsed-bar');
+            if (bar) bar.classList.toggle('hidden', showTerminal || m !== 'autonomous');
             if (btnChat) btnChat.classList.toggle('bg-white/10', m === 'chat');
             if (btnAuto) btnAuto.classList.toggle('bg-white/10', m === 'autonomous');
 
             localStorage.setItem('chat_mode_v1', m);
             if (m === 'autonomous') {
                 if (!activeAgentTerminalId) activeAgentTerminalId = createTerminalTab({ scope: 'agent' });
-                setTimeout(() => {
-                    initAgentSplitPane();
-                    if (activeAgentTerminalId) fitTerm(activeAgentTerminalId);
-                }, 0);
+                if (showTerminal) {
+                    setTimeout(() => {
+                        initAgentSplitPane();
+                        if (activeAgentTerminalId) fitTerm(activeAgentTerminalId);
+                    }, 0);
+                }
+                const input = document.getElementById('chat-input');
+                if (input) input.placeholder = 'Ask agent…';
+            }
+            if (m === 'chat') {
+                const input = document.getElementById('chat-input');
+                if (input) input.placeholder = 'Message...';
+                paneChat.style.flex = '1 1 auto';
             }
         }
 
@@ -1724,7 +1752,7 @@ let supabase;
 
         window.addEventListener('resize', () => {
             if (activeTerminalId && !document.getElementById('terminal-view').classList.contains('hidden')) fitTerm(activeTerminalId);
-            if (activeAgentTerminalId && !document.getElementById('chat-view').classList.contains('hidden') && !document.getElementById('chat-autonomous').classList.contains('hidden')) fitTerm(activeAgentTerminalId);
+            if (activeAgentTerminalId && !document.getElementById('chat-view').classList.contains('hidden') && !document.getElementById('agent-pane-terminal')?.classList.contains('hidden')) fitTerm(activeAgentTerminalId);
         });
 
         // --- Chat Logic ---

static/docs.html

@@ -0,0 +1,74 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>autonomy-labs · Documentation</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-4xl 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">docs · setup · troubleshooting</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-4xl px-5 py-10">
+    <div class="prose prose-invert max-w-none">
+      <h1>Get started</h1>
+      <p>This app uses <strong>Supabase Auth</strong>. In Hugging Face Spaces, configure secrets first.</p>
+
+      <h2>Hugging Face Spaces setup</h2>
+      <ol>
+        <li>Go to <strong>Settings → Variables and secrets → Secrets</strong>.</li>
+        <li>Set:
+          <ul>
+            <li><code>SUPABASE_URL</code></li>
+            <li><code>SUPABASE_KEY</code> (anon key) or <code>SUPABASE_ANON_KEY</code></li>
+          </ul>
+        </li>
+        <li>Restart the Space.</li>
+      </ol>
+
+      <h2>Login / Register</h2>
+      <ul>
+        <li>Open <a href="/login">/login</a> and sign in.</li>
+        <li>To return to the app automatically, use <a href="/login?next=%2Fapp">/login?next=/app</a>.</li>
+      </ul>
+
+      <h2>Password reset</h2>
+      <ul>
+        <li>Ensure Supabase Auth redirect URLs include <code>/login</code> for your Space domain.</li>
+        <li>The login page supports both recovery link formats (<code>#access_token=…</code> and <code>?code=…</code>).</li>
+      </ul>
+
+      <h2>More docs</h2>
+      <ul>
+        <li><a href="https://github.com/Akt-AI/autonomy-labs/blob/main/README.md" target="_blank" rel="noreferrer">README</a></li>
+        <li><a href="https://github.com/Akt-AI/autonomy-labs/blob/main/docs/TROUBLESHOOTING.md" target="_blank" rel="noreferrer">Troubleshooting</a></li>
+        <li><a href="https://github.com/Akt-AI/autonomy-labs/blob/main/docs/SECURITY_DEPLOYMENT.md" target="_blank" rel="noreferrer">Security deployment</a></li>
+      </ul>
+    </div>
+  </main>
+</body>
+
+</html>
+

static/landing.html

@@ -24,7 +24,7 @@
       <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="/app"
+        <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>
@@ -48,10 +48,10 @@
           Designed for Hugging Face Spaces and local development.
         </p>
         <div class="mt-7 flex flex-wrap gap-3">
-          <a href="/login"
+          <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="/app"
+          <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>
           <a href="/health"
             class="px-5 py-3 rounded-xl bg-white/5 hover:bg-white/10 border border-white/10 text-gray-200">Health
@@ -102,4 +102,3 @@
 </body>
 
 </html>
-

static/login.js

@@ -81,6 +81,26 @@ var supabaseReady = false;
             return new URL(cleaned, base).toString();
         }
 
+        function safeNextPath() {
+            try {
+                const nextRaw = String(new URLSearchParams(String(window.location.search || '')).get('next') || '').trim();
+                if (!nextRaw) return '';
+                if (!nextRaw.startsWith('/')) return '';
+                if (nextRaw.startsWith('//')) return '';
+                if (nextRaw.includes('\\')) return '';
+                // Only allow paths within the app.
+                return nextRaw;
+            } catch {
+                return '';
+            }
+        }
+
+        function postAuthRedirectUrl() {
+            const next = safeNextPath();
+            if (next) return routeUrl(next.replace(/^\/+/, ''));
+            return routeUrl('app');
+        }
+
         function replaceUrl(path) {
             try { window.location.replace(routeUrl(path)); } catch { window.location.href = routeUrl(path); }
         }
@@ -157,14 +177,14 @@ var supabaseReady = false;
                     }
                     const recovery = isRecoveryUrl();
                     if (session && !recovery) {
-                        window.location.href = routeUrl('app');
+                        window.location.href = postAuthRedirectUrl();
                     }
                 });
 
                 const recovery = consumed.isRecovery || isRecoveryUrl();
                 const { data: { session } } = await supabase.auth.getSession();
                 if (session && !recovery) {
-                    window.location.href = routeUrl('app');
+                    window.location.href = postAuthRedirectUrl();
                     return;
                 }
                 if (recovery) {
@@ -246,8 +266,10 @@ var supabaseReady = false;
                 if (type === 'login') {
                     result = await supabase.auth.signInWithPassword({ email, password });
                 } else {
-                    const redirect = `${window.location.origin}/login`;
-                    result = await supabase.auth.signUp({ email, password, options: { emailRedirectTo: redirect } });
+                    const redirect = new URL(`${window.location.origin}/login`);
+                    const next = safeNextPath();
+                    if (next) redirect.searchParams.set('next', next);
+                    result = await supabase.auth.signUp({ email, password, options: { emailRedirectTo: redirect.toString() } });
                 }
 
                 if (result.error) throw result.error;
@@ -255,12 +277,12 @@ var supabaseReady = false;
                 if (type === 'register') {
                     if (result.data && result.data.session) {
                         // Email verification is disabled, user is logged in
-                        window.location.href = routeUrl('app');
+                        window.location.href = postAuthRedirectUrl();
                     } else {
                         showAlert('Registration successful! Please check your email to verify (if enabled) or try logging in.', 'success');
                     }
                 } else {
-                    window.location.href = routeUrl('app');
+                    window.location.href = postAuthRedirectUrl();
                 }
             } catch (error) {
                 showAlert(error.message);