Add dashboard screenshots and dev bypass auth helper

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Author: Nodenester

README.md

@@ -3,11 +3,13 @@
 AI agents in containers. Chat with them, watch them work, trigger them from GitHub.
 
 <p align="center">
-  <img src="docs/login-desktop.png" alt="AgentBox Login — Desktop" width="600" />
+  <img src="docs/dashboard-desktop.png" alt="AgentBox Dashboard — Desktop" width="700" />
 </p>
 
 <p align="center">
-  <img src="docs/login-mobile.png" alt="AgentBox Login — Mobile" width="200" />
+  <img src="docs/dashboard-mobile.png" alt="AgentBox Dashboard — Mobile" width="220" />
+  &nbsp;&nbsp;&nbsp;
+  <img src="docs/login-mobile.png" alt="AgentBox Login — Mobile" width="220" />
 </p>
 
 ```

docs/dashboard-desktop.png

@@ -1,26 +1,19 @@
-import { auth } from "@/lib/auth";
+import { getUser } from "@/lib/dev-auth";
 import { listAgents, createAgent } from "@/lib/docker";
 import { NextRequest, NextResponse } from "next/server";
 
-// GET /api/agents — list all agents (shared across org)
 export async function GET() {
-  const session = await auth();
-  if (!session?.user) return NextResponse.json({ error: "Unauthorized" }, { status: 401 });
-
-  // List ALL agents — shared view, everyone in the org sees everything
+  const user = await getUser();
+  if (!user) return NextResponse.json({ error: "Unauthorized" }, { status: 401 });
   const agents = await listAgents("");
   return NextResponse.json(agents);
 }
 
-// POST /api/agents — create a new agent
 export async function POST(req: NextRequest) {
-  const session = await auth();
-  if (!session?.user) return NextResponse.json({ error: "Unauthorized" }, { status: 401 });
-
+  const user = await getUser();
+  if (!user) return NextResponse.json({ error: "Unauthorized" }, { status: 401 });
   const { name } = await req.json();
   if (!name) return NextResponse.json({ error: "Name required" }, { status: 400 });
-
-  const username = (session.user as any).username || "user";
-  const agent = await createAgent(username, name);
+  const agent = await createAgent((user as any).username || "dev", name);
   return NextResponse.json(agent);
 }

docs/dashboard-mobile.png

@@ -2,6 +2,7 @@ import { auth, signIn } from "@/lib/auth";
 import { redirect } from "next/navigation";
 
 export default async function Home() {
+  if (process.env.DEV_BYPASS === "true") redirect("/dashboard");
   const session = await auth();
   if (session) redirect("/dashboard");
 

web/src/app/api/agents/route.ts

@@ -0,0 +1,11 @@
+import { auth } from "@/lib/auth";
+
+// Returns session user or dev bypass user
+export async function getUser() {
+  if (process.env.DEV_BYPASS === "true") {
+    return { id: "dev", username: "dev", name: "Dev User", email: "dev@agentbox.local" };
+  }
+  const session = await auth();
+  if (!session?.user) return null;
+  return { ...session.user, username: (session.user as any).username || "user" };
+}