diff --git a/.gitignore b/.gitignore
index ba0b02e8..6f2518da 100644
--- a/.gitignore
+++ b/.gitignore
@@ -58,3 +58,6 @@ logs/
 .DS_Store
 Thumbs.db
 .pnpm-store
+
+# opensrc - source code for packages
+opensrc/
diff --git a/AGENTS.md b/AGENTS.md
index 51e82079..b215e26a 100644
--- a/AGENTS.md
+++ b/AGENTS.md
@@ -272,3 +272,26 @@ If you need to log information for debugging purposes:
 
 **Remember: When in doubt, use a static string. No exceptions.**
 
+
+<!-- opensrc:start -->
+
+## Source Code Reference
+
+Source code for dependencies is available in `opensrc/` for deeper understanding of implementation details.
+
+See `opensrc/sources.json` for the list of available packages and their versions.
+
+Use this source code when you need to understand how a package works internally, not just its types/interface.
+
+### Fetching Additional Source Code
+
+To fetch source code for a package or repository you need to understand, run:
+
+```bash
+npx opensrc <package>           # npm package (e.g., npx opensrc zod)
+npx opensrc pypi:<package>      # Python package (e.g., npx opensrc pypi:requests)
+npx opensrc crates:<package>    # Rust crate (e.g., npx opensrc crates:serde)
+npx opensrc <owner>/<repo>      # GitHub repo (e.g., npx opensrc vercel/ai)
+```
+
+<!-- opensrc:end -->
\ No newline at end of file
diff --git a/app/[owner]/[repo]/page.tsx b/app/[owner]/[repo]/page.tsx
index 96d3bbaf..6ddfae36 100644
--- a/app/[owner]/[repo]/page.tsx
+++ b/app/[owner]/[repo]/page.tsx
@@ -17,6 +17,7 @@ export default async function OwnerRepoPage({ params }: OwnerRepoPageProps) {
   const cookieStore = await cookies()
   const installDependencies = cookieStore.get('install-dependencies')?.value === 'true'
   const keepAlive = cookieStore.get('keep-alive')?.value === 'true'
+  const enableBrowser = cookieStore.get('enable-browser')?.value === 'true'
 
   const session = await getServerSession()
 
@@ -33,6 +34,7 @@ export default async function OwnerRepoPage({ params }: OwnerRepoPageProps) {
       initialInstallDependencies={installDependencies}
       initialMaxDuration={maxDuration}
       initialKeepAlive={keepAlive}
+      initialEnableBrowser={enableBrowser}
       maxSandboxDuration={maxSandboxDuration}
       user={session?.user ?? null}
       initialStars={stars}
diff --git a/app/api/tasks/route.ts b/app/api/tasks/route.ts
index 45e82d89..2473fef3 100644
--- a/app/api/tasks/route.ts
+++ b/app/api/tasks/route.ts
@@ -231,6 +231,7 @@ export async function POST(request: NextRequest) {
           validatedData.selectedModel,
           validatedData.installDependencies || false,
           validatedData.keepAlive || false,
+          validatedData.enableBrowser || false,
           userApiKeys,
           userGithubToken,
           githubUser,
@@ -257,6 +258,7 @@ async function processTaskWithTimeout(
   selectedModel?: string,
   installDependencies: boolean = false,
   keepAlive: boolean = false,
+  enableBrowser: boolean = false,
   apiKeys?: {
     OPENAI_API_KEY?: string
     GEMINI_API_KEY?: string
@@ -301,6 +303,7 @@ async function processTaskWithTimeout(
         selectedModel,
         installDependencies,
         keepAlive,
+        enableBrowser,
         apiKeys,
         githubToken,
         githubUser,
@@ -369,6 +372,7 @@ async function processTask(
   selectedModel?: string,
   installDependencies: boolean = false,
   keepAlive: boolean = false,
+  enableBrowser: boolean = false,
   apiKeys?: {
     OPENAI_API_KEY?: string
     GEMINI_API_KEY?: string
@@ -458,6 +462,7 @@ async function processTask(
         selectedModel,
         installDependencies,
         keepAlive,
+        enableBrowser,
         preDeterminedBranchName: aiBranchName || undefined,
         onProgress: async (progress: number, message: string) => {
           // Use real-time logger for progress updates
diff --git a/app/new/[owner]/[repo]/page.tsx b/app/new/[owner]/[repo]/page.tsx
index ce3b1daf..94f85ed1 100644
--- a/app/new/[owner]/[repo]/page.tsx
+++ b/app/new/[owner]/[repo]/page.tsx
@@ -17,6 +17,7 @@ export default async function NewRepoPage({ params }: NewRepoPageProps) {
   const cookieStore = await cookies()
   const installDependencies = cookieStore.get('install-dependencies')?.value === 'true'
   const keepAlive = cookieStore.get('keep-alive')?.value === 'true'
+  const enableBrowser = cookieStore.get('enable-browser')?.value === 'true'
 
   const session = await getServerSession()
 
@@ -33,6 +34,7 @@ export default async function NewRepoPage({ params }: NewRepoPageProps) {
       initialInstallDependencies={installDependencies}
       initialMaxDuration={maxDuration}
       initialKeepAlive={keepAlive}
+      initialEnableBrowser={enableBrowser}
       maxSandboxDuration={maxSandboxDuration}
       user={session?.user ?? null}
       initialStars={stars}
diff --git a/app/page.tsx b/app/page.tsx
index 137899a3..13a27da9 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -10,6 +10,7 @@ export default async function Home() {
   const selectedRepo = cookieStore.get('selected-repo')?.value || ''
   const installDependencies = cookieStore.get('install-dependencies')?.value === 'true'
   const keepAlive = cookieStore.get('keep-alive')?.value === 'true'
+  const enableBrowser = cookieStore.get('enable-browser')?.value === 'true'
 
   const session = await getServerSession()
 
@@ -26,6 +27,7 @@ export default async function Home() {
       initialInstallDependencies={installDependencies}
       initialMaxDuration={maxDuration}
       initialKeepAlive={keepAlive}
+      initialEnableBrowser={enableBrowser}
       maxSandboxDuration={maxSandboxDuration}
       user={session?.user ?? null}
       initialStars={stars}
diff --git a/components/app-layout.tsx b/components/app-layout.tsx
index 991c27d9..7782f8a0 100644
--- a/components/app-layout.tsx
+++ b/components/app-layout.tsx
@@ -227,6 +227,7 @@ export function AppLayout({ children, initialSidebarWidth, initialSidebarOpen, i
       installDependencies: taskData.installDependencies,
       maxDuration: taskData.maxDuration,
       keepAlive: false,
+      enableBrowser: false,
       status: 'pending',
       progress: 0,
       logs: [],
diff --git a/components/home-page-content.tsx b/components/home-page-content.tsx
index 72843b26..07f87cc9 100644
--- a/components/home-page-content.tsx
+++ b/components/home-page-content.tsx
@@ -24,6 +24,7 @@ interface HomePageContentProps {
   initialInstallDependencies?: boolean
   initialMaxDuration?: number
   initialKeepAlive?: boolean
+  initialEnableBrowser?: boolean
   maxSandboxDuration?: number
   user?: Session['user'] | null
   initialStars?: number
@@ -35,6 +36,7 @@ export function HomePageContent({
   initialInstallDependencies = false,
   initialMaxDuration = 300,
   initialKeepAlive = false,
+  initialEnableBrowser = false,
   maxSandboxDuration = 300,
   user = null,
   initialStars = 1200,
@@ -130,6 +132,7 @@ export function HomePageContent({
     installDependencies: boolean
     maxDuration: number
     keepAlive: boolean
+    enableBrowser: boolean
   }) => {
     // Check if user is authenticated
     if (!user) {
@@ -183,6 +186,7 @@ export function HomePageContent({
           installDependencies: data.installDependencies,
           maxDuration: data.maxDuration,
           keepAlive: data.keepAlive,
+          enableBrowser: data.enableBrowser,
         }
       })
 
@@ -256,6 +260,7 @@ export function HomePageContent({
           installDependencies: data.installDependencies,
           maxDuration: data.maxDuration,
           keepAlive: data.keepAlive,
+          enableBrowser: data.enableBrowser,
         }
       })
 
@@ -366,6 +371,7 @@ export function HomePageContent({
           initialInstallDependencies={initialInstallDependencies}
           initialMaxDuration={initialMaxDuration}
           initialKeepAlive={initialKeepAlive}
+          initialEnableBrowser={initialEnableBrowser}
           maxSandboxDuration={maxSandboxDuration}
         />
       </div>
diff --git a/components/home-page-header.tsx b/components/home-page-header.tsx
index 2f547343..b6529d80 100644
--- a/components/home-page-header.tsx
+++ b/components/home-page-header.tsx
@@ -158,7 +158,7 @@ export function HomePageHeader({
         prompt: 'Work on this repository',
         repoUrl: repoUrl,
         selectedAgent: localStorage.getItem('last-selected-agent') || 'claude',
-        selectedModel: localStorage.getItem('last-selected-model-claude') || 'claude-sonnet-4-5-20250929',
+        selectedModel: localStorage.getItem('last-selected-model-claude') || 'claude-sonnet-4-5',
         installDependencies: true,
         maxDuration: 300,
         keepAlive: false,
diff --git a/components/repo-issues.tsx b/components/repo-issues.tsx
index 75b1dfff..39559185 100644
--- a/components/repo-issues.tsx
+++ b/components/repo-issues.tsx
@@ -39,10 +39,9 @@ const CODING_AGENTS = [
 
 const AGENT_MODELS = {
   claude: [
-    { value: 'claude-sonnet-4-5-20250929', label: 'Sonnet 4.5' },
-    { value: 'claude-haiku-4-5-20251001', label: 'Haiku 4.5' },
-    { value: 'claude-opus-4-1-20250805', label: 'Opus 4.1' },
-    { value: 'claude-sonnet-4-20250514', label: 'Sonnet 4' },
+    { value: 'claude-sonnet-4-5', label: 'Sonnet 4.5' },
+    { value: 'claude-opus-4-5', label: 'Opus 4.5' },
+    { value: 'claude-haiku-4-5', label: 'Haiku 4.5' },
   ],
   codex: [
     { value: 'openai/gpt-5.1', label: 'GPT-5.1' },
@@ -81,14 +80,14 @@ const AGENT_MODELS = {
     { value: 'gpt-5-mini', label: 'GPT-5 mini' },
     { value: 'gpt-5-nano', label: 'GPT-5 nano' },
     { value: 'gpt-4.1', label: 'GPT-4.1' },
-    { value: 'claude-sonnet-4-5-20250929', label: 'Sonnet 4.5' },
-    { value: 'claude-sonnet-4-20250514', label: 'Sonnet 4' },
-    { value: 'claude-opus-4-1-20250805', label: 'Opus 4.1' },
+    { value: 'claude-sonnet-4-5', label: 'Sonnet 4.5' },
+    { value: 'claude-opus-4-5', label: 'Opus 4.5' },
+    { value: 'claude-haiku-4-5', label: 'Haiku 4.5' },
   ],
 } as const
 
 const DEFAULT_MODELS = {
-  claude: 'claude-sonnet-4-5-20250929',
+  claude: 'claude-sonnet-4-5',
   codex: 'openai/gpt-5.1',
   copilot: 'claude-sonnet-4.5',
   cursor: 'auto',
diff --git a/components/repo-pull-requests.tsx b/components/repo-pull-requests.tsx
index b8868199..a751ae6c 100644
--- a/components/repo-pull-requests.tsx
+++ b/components/repo-pull-requests.tsx
@@ -47,10 +47,9 @@ const CODING_AGENTS = [
 
 const AGENT_MODELS = {
   claude: [
-    { value: 'claude-sonnet-4-5-20250929', label: 'Sonnet 4.5' },
-    { value: 'claude-haiku-4-5-20251001', label: 'Haiku 4.5' },
-    { value: 'claude-opus-4-1-20250805', label: 'Opus 4.1' },
-    { value: 'claude-sonnet-4-20250514', label: 'Sonnet 4' },
+    { value: 'claude-sonnet-4-5', label: 'Sonnet 4.5' },
+    { value: 'claude-opus-4-5', label: 'Opus 4.5' },
+    { value: 'claude-haiku-4-5', label: 'Haiku 4.5' },
   ],
   codex: [
     { value: 'openai/gpt-5.1', label: 'GPT-5.1' },
@@ -89,14 +88,14 @@ const AGENT_MODELS = {
     { value: 'gpt-5-mini', label: 'GPT-5 mini' },
     { value: 'gpt-5-nano', label: 'GPT-5 nano' },
     { value: 'gpt-4.1', label: 'GPT-4.1' },
-    { value: 'claude-sonnet-4-5-20250929', label: 'Sonnet 4.5' },
-    { value: 'claude-sonnet-4-20250514', label: 'Sonnet 4' },
-    { value: 'claude-opus-4-1-20250805', label: 'Opus 4.1' },
+    { value: 'claude-sonnet-4-5', label: 'Sonnet 4.5' },
+    { value: 'claude-opus-4-5', label: 'Opus 4.5' },
+    { value: 'claude-haiku-4-5', label: 'Haiku 4.5' },
   ],
 } as const
 
 const DEFAULT_MODELS = {
-  claude: 'claude-sonnet-4-5-20250929',
+  claude: 'claude-sonnet-4-5',
   codex: 'openai/gpt-5.1',
   copilot: 'claude-sonnet-4.5',
   cursor: 'auto',
diff --git a/components/revert-commit-dialog.tsx b/components/revert-commit-dialog.tsx
index 32285e95..702cf528 100644
--- a/components/revert-commit-dialog.tsx
+++ b/components/revert-commit-dialog.tsx
@@ -61,10 +61,9 @@ const CODING_AGENTS = [
 
 const AGENT_MODELS = {
   claude: [
-    { value: 'claude-sonnet-4-5-20250929', label: 'Sonnet 4.5' },
-    { value: 'claude-haiku-4-5-20251001', label: 'Haiku 4.5' },
-    { value: 'claude-opus-4-1-20250805', label: 'Opus 4.1' },
-    { value: 'claude-sonnet-4-20250514', label: 'Sonnet 4' },
+    { value: 'claude-sonnet-4-5', label: 'Sonnet 4.5' },
+    { value: 'claude-opus-4-5', label: 'Opus 4.5' },
+    { value: 'claude-haiku-4-5', label: 'Haiku 4.5' },
   ],
   codex: [
     { value: 'openai/gpt-5', label: 'GPT-5' },
@@ -99,14 +98,14 @@ const AGENT_MODELS = {
     { value: 'gpt-5-mini', label: 'GPT-5 Mini' },
     { value: 'gpt-5-nano', label: 'GPT-5 Nano' },
     { value: 'gpt-4.1', label: 'GPT-4.1' },
-    { value: 'claude-sonnet-4-5-20250929', label: 'Sonnet 4.5' },
-    { value: 'claude-sonnet-4-20250514', label: 'Sonnet 4' },
-    { value: 'claude-opus-4-1-20250805', label: 'Opus 4.1' },
+    { value: 'claude-sonnet-4-5', label: 'Sonnet 4.5' },
+    { value: 'claude-opus-4-5', label: 'Opus 4.5' },
+    { value: 'claude-haiku-4-5', label: 'Haiku 4.5' },
   ],
 } as const
 
 const DEFAULT_MODELS = {
-  claude: 'claude-sonnet-4-5-20250929',
+  claude: 'claude-sonnet-4-5',
   codex: 'openai/gpt-5.1',
   copilot: 'claude-sonnet-4.5',
   cursor: 'auto',
diff --git a/components/task-chat.tsx b/components/task-chat.tsx
index 0e405a04..bff2042a 100644
--- a/components/task-chat.tsx
+++ b/components/task-chat.tsx
@@ -1144,7 +1144,7 @@ export function TaskChat({ taskId, task }: TaskChatProps) {
           )
         })}
 
-        {/* Show "Awaiting response..." or "Awaiting response..." if task is processing and latest message is from user without response */}
+        {/* Show sandbox setup progress or "Awaiting response..." if task is processing and latest message is from user without response */}
         {(task.status === 'processing' || task.status === 'pending') &&
           displayMessages.length > 0 &&
           (() => {
@@ -1154,13 +1154,59 @@ export function TaskChat({ taskId, task }: TaskChatProps) {
               // Check if this is the first user message (sandbox initialization)
               const userMessages = displayMessages.filter((m) => m.role === 'user')
               const isFirstMessage = userMessages.length === 1
-              const placeholderText = isFirstMessage ? 'Awaiting response...' : 'Awaiting response...'
 
+              // Get the latest logs to show progress (filter out server logs)
+              const setupLogs = (task.logs || []).filter((log) => !log.message.startsWith('[SERVER]')).slice(-8) // Show last 8 logs
+
+              // If first message and we have logs, show sandbox setup progress
+              if (isFirstMessage && setupLogs.length > 0) {
+                return (
+                  <div className="mt-4">
+                    <div className="text-xs px-2">
+                      <div className="space-y-1">
+                        <div className="text-muted-foreground font-medium mb-2 flex items-center gap-2">
+                          <Loader2 className="h-3 w-3 animate-spin" />
+                          Setting up sandbox...
+                        </div>
+                        <div className="space-y-0.5 pl-5">
+                          {setupLogs.map((log, idx) => {
+                            const isLatest = idx === setupLogs.length - 1
+                            return (
+                              <div
+                                key={idx}
+                                className={`truncate ${
+                                  isLatest
+                                    ? 'text-foreground'
+                                    : log.type === 'error'
+                                      ? 'text-red-500/60'
+                                      : log.type === 'success'
+                                        ? 'text-green-500/60'
+                                        : 'text-muted-foreground/60'
+                                }`}
+                              >
+                                {log.message}
+                              </div>
+                            )
+                          })}
+                        </div>
+                        <div className="text-right font-mono text-muted-foreground/50 mt-2">
+                          {formatDuration(lastMessage.createdAt)}
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                )
+              }
+
+              // Otherwise show simple awaiting response
               return (
                 <div className="mt-4">
                   <div className="text-xs text-muted-foreground px-2">
                     <div className="opacity-50">
-                      <div className="italic">{placeholderText}</div>
+                      <div className="italic flex items-center gap-2">
+                        <Loader2 className="h-3 w-3 animate-spin" />
+                        Awaiting response...
+                      </div>
                       <div className="text-right font-mono opacity-70 mt-1">
                         {formatDuration(lastMessage.createdAt)}
                       </div>
diff --git a/components/task-details.tsx b/components/task-details.tsx
index 5b1b2c4f..246a0066 100644
--- a/components/task-details.tsx
+++ b/components/task-details.tsx
@@ -110,10 +110,9 @@ const CODING_AGENTS = [
 
 const AGENT_MODELS = {
   claude: [
-    { value: 'claude-sonnet-4-5-20250929', label: 'Sonnet 4.5' },
-    { value: 'claude-haiku-4-5-20251001', label: 'Haiku 4.5' },
-    { value: 'claude-opus-4-1-20250805', label: 'Opus 4.1' },
-    { value: 'claude-sonnet-4-20250514', label: 'Sonnet 4' },
+    { value: 'claude-sonnet-4-5', label: 'Sonnet 4.5' },
+    { value: 'claude-opus-4-5', label: 'Opus 4.5' },
+    { value: 'claude-haiku-4-5', label: 'Haiku 4.5' },
   ],
   codex: [
     { value: 'openai/gpt-5.1', label: 'GPT-5.1' },
@@ -152,14 +151,14 @@ const AGENT_MODELS = {
     { value: 'gpt-5-mini', label: 'GPT-5 Mini' },
     { value: 'gpt-5-nano', label: 'GPT-5 Nano' },
     { value: 'gpt-4.1', label: 'GPT-4.1' },
-    { value: 'claude-sonnet-4-5-20250929', label: 'Sonnet 4.5' },
-    { value: 'claude-sonnet-4-20250514', label: 'Sonnet 4' },
-    { value: 'claude-opus-4-1-20250805', label: 'Opus 4.1' },
+    { value: 'claude-sonnet-4-5', label: 'Sonnet 4.5' },
+    { value: 'claude-opus-4-5', label: 'Opus 4.5' },
+    { value: 'claude-haiku-4-5', label: 'Haiku 4.5' },
   ],
 } as const
 
 const DEFAULT_MODELS = {
-  claude: 'claude-sonnet-4-5-20250929',
+  claude: 'claude-sonnet-4-5',
   codex: 'openai/gpt-5.1',
   copilot: 'claude-sonnet-4.5',
   cursor: 'auto',
@@ -186,6 +185,7 @@ export function TaskDetails({ task, maxSandboxDuration = 300 }: TaskDetailsProps
   const [tryAgainInstallDeps, setTryAgainInstallDeps] = useState(task.installDependencies || false)
   const [tryAgainMaxDuration, setTryAgainMaxDuration] = useState(task.maxDuration || maxSandboxDuration)
   const [tryAgainKeepAlive, setTryAgainKeepAlive] = useState(task.keepAlive || false)
+  const [tryAgainEnableBrowser, setTryAgainEnableBrowser] = useState(task.enableBrowser || false)
   const [deploymentUrl, setDeploymentUrl] = useState<string | null>(task.previewUrl || null)
   const [loadingDeployment, setLoadingDeployment] = useState(false)
   const [showPRDialog, setShowPRDialog] = useState(false)
@@ -680,10 +680,9 @@ export function TaskDetails({ task, maxSandboxDuration = 300 }: TaskDetailsProps
   // Model mappings for all agents
   const AGENT_MODELS: Record<string, Array<{ value: string; label: string }>> = {
     claude: [
-      { value: 'claude-sonnet-4-5-20250929', label: 'Sonnet 4.5' },
-      { value: 'claude-haiku-4-5-20251001', label: 'Haiku 4.5' },
-      { value: 'claude-opus-4-1-20250805', label: 'Opus 4.1' },
-      { value: 'claude-sonnet-4-20250514', label: 'Sonnet 4' },
+      { value: 'claude-sonnet-4-5', label: 'Sonnet 4.5' },
+      { value: 'claude-opus-4-5', label: 'Opus 4.5' },
+      { value: 'claude-haiku-4-5', label: 'Haiku 4.5' },
     ],
     codex: [
       { value: 'openai/gpt-5', label: 'GPT-5' },
@@ -718,9 +717,9 @@ export function TaskDetails({ task, maxSandboxDuration = 300 }: TaskDetailsProps
       { value: 'gpt-5-mini', label: 'GPT-5 mini' },
       { value: 'gpt-5-nano', label: 'GPT-5 nano' },
       { value: 'gpt-4.1', label: 'GPT-4.1' },
-      { value: 'claude-sonnet-4-5-20250929', label: 'Sonnet 4.5' },
-      { value: 'claude-sonnet-4-20250514', label: 'Sonnet 4' },
-      { value: 'claude-opus-4-1-20250805', label: 'Opus 4.1' },
+      { value: 'claude-sonnet-4-5', label: 'Sonnet 4.5' },
+      { value: 'claude-opus-4-5', label: 'Opus 4.5' },
+      { value: 'claude-haiku-4-5', label: 'Haiku 4.5' },
     ],
   }
 
@@ -1209,6 +1208,7 @@ export function TaskDetails({ task, maxSandboxDuration = 300 }: TaskDetailsProps
           installDependencies: tryAgainInstallDeps,
           maxDuration: tryAgainMaxDuration,
           keepAlive: tryAgainKeepAlive,
+          enableBrowser: tryAgainEnableBrowser,
         }),
       })
 
@@ -1928,8 +1928,23 @@ export function TaskDetails({ task, maxSandboxDuration = 300 }: TaskDetailsProps
                         </Button>
                       </DropdownMenuTrigger>
                       <DropdownMenuContent align="end">
+                        {task.sandboxUrl && (
+                          <>
+                            <DropdownMenuItem onClick={() => window.open(task.sandboxUrl!, '_blank')}>
+                              Open in New Tab
+                            </DropdownMenuItem>
+                            <DropdownMenuItem
+                              onClick={() => {
+                                navigator.clipboard.writeText(task.sandboxUrl!)
+                              }}
+                            >
+                              Copy URL
+                            </DropdownMenuItem>
+                          </>
+                        )}
                         {task.keepAlive && (
                           <>
+                            {task.sandboxUrl && <DropdownMenuSeparator />}
                             {sandboxHealth === 'stopped' || !task.sandboxUrl ? (
                               <DropdownMenuItem onClick={handleStartSandbox} disabled={isStartingSandbox}>
                                 {isStartingSandbox ? (
@@ -1956,16 +1971,19 @@ export function TaskDetails({ task, maxSandboxDuration = 300 }: TaskDetailsProps
                           </>
                         )}
                         {sandboxHealth === 'running' && (
-                          <DropdownMenuItem onClick={handleRestartDevServer} disabled={isRestartingDevServer}>
-                            {isRestartingDevServer ? (
-                              <>
-                                <Loader2 className="h-4 w-4 mr-2 animate-spin" />
-                                Restarting...
-                              </>
-                            ) : (
-                              'Restart Dev Server'
-                            )}
-                          </DropdownMenuItem>
+                          <>
+                            {(task.sandboxUrl || task.keepAlive) && <DropdownMenuSeparator />}
+                            <DropdownMenuItem onClick={handleRestartDevServer} disabled={isRestartingDevServer}>
+                              {isRestartingDevServer ? (
+                                <>
+                                  <Loader2 className="h-4 w-4 mr-2 animate-spin" />
+                                  Restarting...
+                                </>
+                              ) : (
+                                'Restart Dev Server'
+                              )}
+                            </DropdownMenuItem>
+                          </>
                         )}
                       </DropdownMenuContent>
                     </DropdownMenu>
@@ -2160,8 +2178,23 @@ export function TaskDetails({ task, maxSandboxDuration = 300 }: TaskDetailsProps
                         </Button>
                       </DropdownMenuTrigger>
                       <DropdownMenuContent align="end">
+                        {task.sandboxUrl && (
+                          <>
+                            <DropdownMenuItem onClick={() => window.open(task.sandboxUrl!, '_blank')}>
+                              Open in New Tab
+                            </DropdownMenuItem>
+                            <DropdownMenuItem
+                              onClick={() => {
+                                navigator.clipboard.writeText(task.sandboxUrl!)
+                              }}
+                            >
+                              Copy URL
+                            </DropdownMenuItem>
+                          </>
+                        )}
                         {task.keepAlive && (
                           <>
+                            {task.sandboxUrl && <DropdownMenuSeparator />}
                             {task.sandboxUrl ? (
                               <DropdownMenuItem onClick={handleStopSandbox} disabled={isStoppingSandbox}>
                                 {isStoppingSandbox ? (
@@ -2187,19 +2220,21 @@ export function TaskDetails({ task, maxSandboxDuration = 300 }: TaskDetailsProps
                             )}
                           </>
                         )}
-                        <DropdownMenuItem
-                          onClick={handleRestartDevServer}
-                          disabled={isRestartingDevServer || !task.sandboxUrl}
-                        >
-                          {isRestartingDevServer ? (
-                            <>
-                              <Loader2 className="h-4 w-4 mr-2 animate-spin" />
-                              Restarting...
-                            </>
-                          ) : (
-                            'Restart Dev Server'
-                          )}
-                        </DropdownMenuItem>
+                        {task.sandboxUrl && (
+                          <>
+                            {task.keepAlive && <DropdownMenuSeparator />}
+                            <DropdownMenuItem onClick={handleRestartDevServer} disabled={isRestartingDevServer}>
+                              {isRestartingDevServer ? (
+                                <>
+                                  <Loader2 className="h-4 w-4 mr-2 animate-spin" />
+                                  Restarting...
+                                </>
+                              ) : (
+                                'Restart Dev Server'
+                              )}
+                            </DropdownMenuItem>
+                          </>
+                        )}
                       </DropdownMenuContent>
                     </DropdownMenu>
                   </div>
@@ -2498,6 +2533,20 @@ export function TaskDetails({ task, maxSandboxDuration = 300 }: TaskDetailsProps
                     Keep Alive ({maxSandboxDuration} minutes max)
                   </Label>
                 </div>
+
+                <div className="flex items-center space-x-2">
+                  <Checkbox
+                    id="try-again-enable-browser"
+                    checked={tryAgainEnableBrowser}
+                    onCheckedChange={(checked) => setTryAgainEnableBrowser(!!checked)}
+                  />
+                  <Label
+                    htmlFor="try-again-enable-browser"
+                    className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+                  >
+                    Enable Browser Automation
+                  </Label>
+                </div>
               </div>
             </div>
           </div>
diff --git a/components/task-form.tsx b/components/task-form.tsx
index 4567f987..375f9e95 100644
--- a/components/task-form.tsx
+++ b/components/task-form.tsx
@@ -15,9 +15,9 @@ import {
   DropdownMenuTrigger,
 } from '@/components/ui/dropdown-menu'
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/components/ui/tooltip'
-import { Loader2, ArrowUp, Settings, X, Cable, Users } from 'lucide-react'
+import { Loader2, ArrowUp, Settings, X, Cable, Users, Globe } from 'lucide-react'
 import { Claude, Codex, Copilot, Cursor, Gemini, OpenCode } from '@/components/logos'
-import { setInstallDependencies, setMaxDuration, setKeepAlive } from '@/lib/utils/cookies'
+import { setInstallDependencies, setMaxDuration, setKeepAlive, setEnableBrowser } from '@/lib/utils/cookies'
 import { useConnectors } from '@/components/connectors-provider'
 import { ConnectorDialog } from '@/components/connectors/manage-connectors'
 import { toast } from 'sonner'
@@ -46,6 +46,7 @@ interface TaskFormProps {
     installDependencies: boolean
     maxDuration: number
     keepAlive: boolean
+    enableBrowser: boolean
   }) => void
   isSubmitting: boolean
   selectedOwner: string
@@ -53,6 +54,7 @@ interface TaskFormProps {
   initialInstallDependencies?: boolean
   initialMaxDuration?: number
   initialKeepAlive?: boolean
+  initialEnableBrowser?: boolean
   maxSandboxDuration?: number
 }
 
@@ -70,11 +72,9 @@ const CODING_AGENTS = [
 // Model options for each agent
 const AGENT_MODELS = {
   claude: [
-    { value: 'claude-sonnet-4-5-20250929', label: 'Sonnet 4.5' },
-    { value: 'claude-opus-4-5-20250201', label: 'Opus 4.5' },
-    { value: 'claude-haiku-4-5-20251001', label: 'Haiku 4.5' },
-    { value: 'claude-opus-4-1-20250805', label: 'Opus 4.1' },
-    { value: 'claude-sonnet-4-20250514', label: 'Sonnet 4' },
+    { value: 'claude-sonnet-4-5', label: 'Sonnet 4.5' },
+    { value: 'claude-opus-4-5', label: 'Opus 4.5' },
+    { value: 'claude-haiku-4-5', label: 'Haiku 4.5' },
   ],
   codex: [
     { value: 'openai/gpt-5.1', label: 'GPT-5.1' },
@@ -114,15 +114,15 @@ const AGENT_MODELS = {
     { value: 'gpt-5-mini', label: 'GPT-5 mini' },
     { value: 'gpt-5-nano', label: 'GPT-5 nano' },
     { value: 'gpt-4.1', label: 'GPT-4.1' },
-    { value: 'claude-sonnet-4-5-20250929', label: 'Sonnet 4.5' },
-    { value: 'claude-sonnet-4-20250514', label: 'Sonnet 4' },
-    { value: 'claude-opus-4-1-20250805', label: 'Opus 4.1' },
+    { value: 'claude-sonnet-4-5', label: 'Sonnet 4.5' },
+    { value: 'claude-opus-4-5', label: 'Opus 4.5' },
+    { value: 'claude-haiku-4-5', label: 'Haiku 4.5' },
   ],
 } as const
 
 // Default models for each agent
 const DEFAULT_MODELS = {
-  claude: 'claude-sonnet-4-5-20250929',
+  claude: 'claude-sonnet-4-5',
   codex: 'openai/gpt-5.1',
   copilot: 'claude-sonnet-4.5',
   cursor: 'auto',
@@ -164,6 +164,7 @@ export function TaskForm({
   initialInstallDependencies = false,
   initialMaxDuration = 300,
   initialKeepAlive = false,
+  initialEnableBrowser = false,
   maxSandboxDuration = 300,
 }: TaskFormProps) {
   const [prompt, setPrompt] = useAtom(taskPromptAtom)
@@ -178,6 +179,7 @@ export function TaskForm({
   const [installDependencies, setInstallDependenciesState] = useState(initialInstallDependencies)
   const [maxDuration, setMaxDurationState] = useState(initialMaxDuration)
   const [keepAlive, setKeepAliveState] = useState(initialKeepAlive)
+  const [enableBrowser, setEnableBrowserState] = useState(initialEnableBrowser)
   const [showMcpServersDialog, setShowMcpServersDialog] = useState(false)
 
   // Connectors state
@@ -202,6 +204,11 @@ export function TaskForm({
     setKeepAlive(value)
   }
 
+  const updateEnableBrowser = (value: boolean) => {
+    setEnableBrowserState(value)
+    setEnableBrowser(value)
+  }
+
   // Handle keyboard events in textarea
   const handleTextareaKeyDown = (e: React.KeyboardEvent<HTMLTextAreaElement>) => {
     if (e.key === 'Enter') {
@@ -339,6 +346,7 @@ export function TaskForm({
         installDependencies,
         maxDuration,
         keepAlive,
+        enableBrowser,
       })
       return
     }
@@ -383,6 +391,7 @@ export function TaskForm({
       installDependencies,
       maxDuration,
       keepAlive,
+      enableBrowser,
     })
   }
 
@@ -605,6 +614,26 @@ export function TaskForm({
                 {/* Buttons */}
                 <div className="flex items-center gap-2">
                   <TooltipProvider delayDuration={1500} skipDelayDuration={1500}>
+                    <Tooltip>
+                      <TooltipTrigger asChild>
+                        <Button
+                          type="button"
+                          variant="ghost"
+                          size="sm"
+                          className="rounded-full h-8 w-8 p-0 relative"
+                          onClick={() => updateEnableBrowser(!enableBrowser)}
+                        >
+                          <Globe className="h-4 w-4" />
+                          {enableBrowser && (
+                            <span className="absolute top-1 right-1 h-1.5 w-1.5 rounded-full bg-green-500" />
+                          )}
+                        </Button>
+                      </TooltipTrigger>
+                      <TooltipContent>
+                        <p>Agent Browser</p>
+                      </TooltipContent>
+                    </Tooltip>
+
                     <Tooltip>
                       <TooltipTrigger asChild>
                         <Button
diff --git a/components/task-sidebar.tsx b/components/task-sidebar.tsx
index 6f06f58e..0e978efa 100644
--- a/components/task-sidebar.tsx
+++ b/components/task-sidebar.tsx
@@ -32,10 +32,9 @@ import { githubConnectionAtom } from '@/lib/atoms/github-connection'
 // Model mappings for human-friendly names
 const AGENT_MODELS = {
   claude: [
-    { value: 'claude-sonnet-4-5-20250929', label: 'Sonnet 4.5' },
-    { value: 'claude-haiku-4-5-20251001', label: 'Haiku 4.5' },
-    { value: 'claude-opus-4-1-20250805', label: 'Opus 4.1' },
-    { value: 'claude-sonnet-4-20250514', label: 'Sonnet 4' },
+    { value: 'claude-sonnet-4-5', label: 'Sonnet 4.5' },
+    { value: 'claude-opus-4-5', label: 'Opus 4.5' },
+    { value: 'claude-haiku-4-5', label: 'Haiku 4.5' },
   ],
   codex: [
     { value: 'openai/gpt-5', label: 'GPT-5' },
@@ -70,9 +69,9 @@ const AGENT_MODELS = {
     { value: 'gpt-5-mini', label: 'GPT-5 Mini' },
     { value: 'gpt-5-nano', label: 'GPT-5 Nano' },
     { value: 'gpt-4.1', label: 'GPT-4.1' },
-    { value: 'claude-sonnet-4-5-20250929', label: 'Sonnet 4.5' },
-    { value: 'claude-sonnet-4-20250514', label: 'Sonnet 4' },
-    { value: 'claude-opus-4-1-20250805', label: 'Opus 4.1' },
+    { value: 'claude-sonnet-4-5', label: 'Sonnet 4.5' },
+    { value: 'claude-opus-4-5', label: 'Opus 4.5' },
+    { value: 'claude-haiku-4-5', label: 'Haiku 4.5' },
   ],
 } as const
 
diff --git a/components/tasks-list-client.tsx b/components/tasks-list-client.tsx
index 9a4f8f00..f03df4d2 100644
--- a/components/tasks-list-client.tsx
+++ b/components/tasks-list-client.tsx
@@ -39,10 +39,9 @@ interface TasksListClientProps {
 // Model mappings for human-friendly names
 const AGENT_MODELS = {
   claude: [
-    { value: 'claude-sonnet-4-5-20250929', label: 'Sonnet 4.5' },
-    { value: 'claude-haiku-4-5-20251001', label: 'Haiku 4.5' },
-    { value: 'claude-opus-4-1-20250805', label: 'Opus 4.1' },
-    { value: 'claude-sonnet-4-20250514', label: 'Sonnet 4' },
+    { value: 'claude-sonnet-4-5', label: 'Sonnet 4.5' },
+    { value: 'claude-opus-4-5', label: 'Opus 4.5' },
+    { value: 'claude-haiku-4-5', label: 'Haiku 4.5' },
   ],
   codex: [
     { value: 'openai/gpt-5.1', label: 'GPT-5.1' },
@@ -81,9 +80,9 @@ const AGENT_MODELS = {
     { value: 'gpt-5-mini', label: 'GPT-5 Mini' },
     { value: 'gpt-5-nano', label: 'GPT-5 Nano' },
     { value: 'gpt-4.1', label: 'GPT-4.1' },
-    { value: 'claude-sonnet-4-5-20250929', label: 'Sonnet 4.5' },
-    { value: 'claude-sonnet-4-20250514', label: 'Sonnet 4' },
-    { value: 'claude-opus-4-1-20250805', label: 'Opus 4.1' },
+    { value: 'claude-sonnet-4-5', label: 'Sonnet 4.5' },
+    { value: 'claude-opus-4-5', label: 'Opus 4.5' },
+    { value: 'claude-haiku-4-5', label: 'Haiku 4.5' },
   ],
 } as const
 
diff --git a/lib/db/migrations/0021_lovely_lizard.sql b/lib/db/migrations/0021_lovely_lizard.sql
new file mode 100644
index 00000000..0ebd9774
--- /dev/null
+++ b/lib/db/migrations/0021_lovely_lizard.sql
@@ -0,0 +1 @@
+ALTER TABLE "tasks" ADD COLUMN "enable_browser" boolean DEFAULT false;
\ No newline at end of file
diff --git a/lib/db/migrations/meta/_journal.json b/lib/db/migrations/meta/_journal.json
index 090f36a6..1b6cd7b1 100644
--- a/lib/db/migrations/meta/_journal.json
+++ b/lib/db/migrations/meta/_journal.json
@@ -148,6 +148,13 @@
       "when": 1761148233654,
       "tag": "0020_gigantic_wallop",
       "breakpoints": true
+    },
+    {
+      "idx": 21,
+      "version": "7",
+      "when": 1769207400000,
+      "tag": "0021_lovely_lizard",
+      "breakpoints": true
     }
   ]
 }
\ No newline at end of file
diff --git a/lib/db/schema.ts b/lib/db/schema.ts
index 2bf0ddf4..18c3d792 100644
--- a/lib/db/schema.ts
+++ b/lib/db/schema.ts
@@ -86,6 +86,7 @@ export const tasks = pgTable('tasks', {
   installDependencies: boolean('install_dependencies').default(false),
   maxDuration: integer('max_duration').default(parseInt(process.env.MAX_SANDBOX_DURATION || '300', 10)),
   keepAlive: boolean('keep_alive').default(false),
+  enableBrowser: boolean('enable_browser').default(false),
   status: text('status', {
     enum: ['pending', 'processing', 'completed', 'error', 'stopped'],
   })
@@ -124,6 +125,7 @@ export const insertTaskSchema = z.object({
   installDependencies: z.boolean().default(false),
   maxDuration: z.number().default(parseInt(process.env.MAX_SANDBOX_DURATION || '300', 10)),
   keepAlive: z.boolean().default(false),
+  enableBrowser: z.boolean().default(false),
   status: z.enum(['pending', 'processing', 'completed', 'error', 'stopped']).default('pending'),
   progress: z.number().min(0).max(100).default(0),
   logs: z.array(logEntrySchema).optional(),
@@ -155,6 +157,7 @@ export const selectTaskSchema = z.object({
   installDependencies: z.boolean().nullable(),
   maxDuration: z.number().nullable(),
   keepAlive: z.boolean().nullable(),
+  enableBrowser: z.boolean().nullable(),
   status: z.enum(['pending', 'processing', 'completed', 'error', 'stopped']),
   progress: z.number().nullable(),
   logs: z.array(logEntrySchema).nullable(),
diff --git a/lib/hooks/use-task.ts b/lib/hooks/use-task.ts
index 51102a4a..557a810b 100644
--- a/lib/hooks/use-task.ts
+++ b/lib/hooks/use-task.ts
@@ -9,6 +9,7 @@ export function useTask(taskId: string) {
   const [error, setError] = useState<string | null>(null)
   const attemptCountRef = useRef(0)
   const hasFoundTaskRef = useRef(false)
+  const pendingSandboxRefetchRef = useRef(false)
 
   const fetchTask = useCallback(async () => {
     let errorOccurred = false
@@ -81,5 +82,25 @@ export function useTask(taskId: string) {
     }
   }, [fetchTask, isLoading])
 
+  // Watch for sandbox URL becoming available - trigger immediate refetch when logs indicate it's ready
+  useEffect(() => {
+    if (!task || task.sandboxUrl) {
+      pendingSandboxRefetchRef.current = false
+      return
+    }
+
+    // Check if logs indicate dev server is running but we don't have sandboxUrl yet
+    const logs = task.logs || []
+    const hasDevServerLog = logs.some(
+      (log) => log.message === 'Development server is running' || log.message === 'Development server started',
+    )
+
+    if (hasDevServerLog && !pendingSandboxRefetchRef.current) {
+      pendingSandboxRefetchRef.current = true
+      // Trigger an immediate refetch to get the sandboxUrl
+      setTimeout(() => fetchTask(), 500)
+    }
+  }, [task, fetchTask])
+
   return { task, isLoading, error, refetch: fetchTask }
 }
diff --git a/lib/sandbox/agents/claude.ts b/lib/sandbox/agents/claude.ts
index 83093b82..41a24ca1 100644
--- a/lib/sandbox/agents/claude.ts
+++ b/lib/sandbox/agents/claude.ts
@@ -145,7 +145,7 @@ export async function installClaudeCLI(
         }
       }
 
-      const modelToUse = selectedModel || 'claude-sonnet-4-5-20250929'
+      const modelToUse = selectedModel || 'claude-sonnet-4-5'
       const configFileCmd = `mkdir -p $HOME/.config/claude && cat > $HOME/.config/claude/config.json << 'EOF'
 {
   "api_key": "${process.env.ANTHROPIC_API_KEY}",
@@ -244,7 +244,7 @@ export async function executeClaudeInSandbox(
     }
 
     // Log what we're trying to do
-    const modelToUse = selectedModel || 'claude-sonnet-4-5-20250929'
+    const modelToUse = selectedModel || 'claude-sonnet-4-5'
     if (logger) {
       await logger.info(
         `Attempting to execute Claude CLI with model ${modelToUse} and instruction: ${instruction.substring(0, 100)}...`,
diff --git a/lib/sandbox/creation.ts b/lib/sandbox/creation.ts
index 73a4f536..2902a782 100644
--- a/lib/sandbox/creation.ts
+++ b/lib/sandbox/creation.ts
@@ -1,4 +1,5 @@
 import { Sandbox } from '@vercel/sandbox'
+import { Writable } from 'stream'
 import { validateEnvironmentVariables, createAuthenticatedRepoUrl } from './config'
 import { runCommandInSandbox, runInProject, PROJECT_DIR } from './commands'
 import { generateId } from '@/lib/utils/id'
@@ -331,7 +332,9 @@ export async function createSandbox(config: SandboxConfig, logger: TaskLogger):
       const packageJsonRead = await runInProject(sandbox, 'cat', ['package.json'])
       if (packageJsonRead.success && packageJsonRead.output) {
         try {
-          const packageJson = JSON.parse(packageJsonRead.output)
+          // Trim the output to remove any extra whitespace/newlines
+          const packageJsonContent = packageJsonRead.output.trim()
+          const packageJson = JSON.parse(packageJsonContent)
           const hasDevScript = packageJson?.scripts?.dev
 
           // Detect Vite projects (use port 5173)
@@ -416,9 +419,6 @@ fi
             // Start dev server in detached mode (runs in background) with log capture
             const fullDevCommand = devArgs.length > 0 ? `${devCommand} ${devArgs.join(' ')}` : devCommand
 
-            // Import Writable for stream capture
-            const { Writable } = await import('stream')
-
             const captureServerStdout = new Writable({
               write(chunk: Buffer | string, _encoding: BufferEncoding, callback: (error?: Error | null) => void) {
                 const lines = chunk
@@ -461,7 +461,9 @@ fi
             await logger.info('Development server is running')
           }
         } catch (parseError) {
-          // If package.json parsing fails, just continue without starting dev server
+          // If package.json parsing fails, log the error details and continue without starting dev server
+          const errorMessage = parseError instanceof Error ? parseError.message : 'Unknown error'
+          console.error('Failed to parse package.json:', errorMessage)
           await logger.info('Could not parse package.json, skipping auto-start of dev server')
         }
       }
@@ -500,6 +502,275 @@ fi
       return { success: false, cancelled: true }
     }
 
+    // Install agent-browser if enabled
+    if (config.enableBrowser) {
+      await logger.info('Installing agent-browser for browser automation...')
+
+      if (config.onProgress) {
+        await config.onProgress(42, 'Installing browser dependencies...')
+      }
+
+      // Install system dependencies for Chromium (Fedora-based sandbox)
+      await logger.info('Installing system dependencies for Chromium...')
+
+      // Clean dnf cache first to avoid corruption issues
+      await runCommandInSandbox(sandbox, 'sh', ['-c', 'sudo dnf clean all 2>&1'])
+
+      // Critical packages for Chromium - install in groups to be resilient
+      const criticalDeps = ['nss', 'nspr']
+      const displayDeps = ['libxkbcommon', 'atk', 'at-spi2-atk', 'at-spi2-core']
+      const xDeps = [
+        'libXcomposite',
+        'libXdamage',
+        'libXrandr',
+        'libXfixes',
+        'libXcursor',
+        'libXi',
+        'libXtst',
+        'libXScrnSaver',
+        'libXext',
+      ]
+      const graphicsDeps = ['mesa-libgbm', 'libdrm', 'mesa-libGL', 'mesa-libEGL']
+      const otherDeps = ['cups-libs', 'alsa-lib', 'pango', 'cairo', 'gtk3', 'dbus-libs']
+
+      // Install critical deps first
+      const criticalResult = await runCommandInSandbox(sandbox, 'sh', [
+        '-c',
+        `sudo dnf install -y ${criticalDeps.join(' ')} 2>&1`,
+      ])
+      if (!criticalResult.success) {
+        await runCommandInSandbox(sandbox, 'sh', [
+          '-c',
+          `sudo dnf install -y --allowerasing ${criticalDeps.join(' ')} 2>&1`,
+        ])
+      }
+
+      // Install other deps with --skip-broken
+      const allOtherDeps = [...displayDeps, ...xDeps, ...graphicsDeps, ...otherDeps]
+      await runCommandInSandbox(sandbox, 'sh', [
+        '-c',
+        `sudo dnf install -y --skip-broken ${allOtherDeps.join(' ')} 2>&1`,
+      ])
+
+      // Run ldconfig to update library cache
+      await runCommandInSandbox(sandbox, 'sh', ['-c', 'sudo ldconfig 2>&1'])
+
+      await logger.info('System dependencies installed')
+
+      // Install agent-browser globally
+      if (config.onProgress) {
+        await config.onProgress(44, 'Installing agent-browser...')
+      }
+
+      const agentBrowserInstall = await runCommandInSandbox(sandbox, 'npm', ['install', '-g', 'agent-browser'])
+
+      if (!agentBrowserInstall.success) {
+        await logger.info('Warning: Failed to install agent-browser globally')
+      } else {
+        await logger.info('agent-browser installed globally')
+
+        // Download Chromium for agent-browser
+        await logger.info('Downloading Chromium for agent-browser...')
+        const chromiumInstall = await runCommandInSandbox(sandbox, 'agent-browser', ['install'])
+
+        if (!chromiumInstall.success) {
+          await logger.info('Warning: Failed to download Chromium for agent-browser')
+        } else {
+          await logger.info('Chromium downloaded successfully for agent-browser')
+        }
+
+        // Create the agent-browser skill file based on the selected agent
+        await logger.info('Creating agent-browser skill for coding agent...')
+
+        const agentType = config.selectedAgent || 'claude'
+
+        // Skill content with YAML front matter (Claude format)
+        const claudeSkillContent = `---
+name: agent-browser
+description: Automates browser interactions for web testing, form filling, screenshots, and data extraction. Use when the user needs to navigate websites, interact with web pages, fill forms, take screenshots, test web applications, or extract information from web pages.
+allowed-tools: Bash(agent-browser:*)
+---
+
+# Browser Automation with agent-browser
+
+## Quick start
+
+\`\`\`bash
+agent-browser open <url>        # Navigate to page
+agent-browser snapshot -i       # Get interactive elements with refs
+agent-browser click @e1         # Click element by ref
+agent-browser fill @e2 "text"   # Fill input by ref
+agent-browser close             # Close browser
+\`\`\`
+
+## Core workflow
+
+1. Navigate: \`agent-browser open <url>\`
+2. Snapshot: \`agent-browser snapshot -i\` (returns elements with refs like \`@e1\`, \`@e2\`)
+3. Interact using refs from the snapshot
+4. Re-snapshot after navigation or significant DOM changes
+
+## Commands
+
+### Navigation
+\`\`\`bash
+agent-browser open <url>      # Navigate to URL
+agent-browser back            # Go back
+agent-browser forward         # Go forward
+agent-browser reload          # Reload page
+agent-browser close           # Close browser
+\`\`\`
+
+### Snapshot (page analysis)
+\`\`\`bash
+agent-browser snapshot            # Full accessibility tree
+agent-browser snapshot -i         # Interactive elements only (recommended)
+agent-browser snapshot -c         # Compact output
+\`\`\`
+
+### Interactions (use @refs from snapshot)
+\`\`\`bash
+agent-browser click @e1           # Click
+agent-browser fill @e2 "text"     # Clear and type
+agent-browser type @e2 "text"     # Type without clearing
+agent-browser press Enter         # Press key
+agent-browser hover @e1           # Hover
+agent-browser check @e1           # Check checkbox
+agent-browser select @e1 "value"  # Select dropdown option
+agent-browser scroll down 500     # Scroll page
+agent-browser upload @e1 file.pdf # Upload files
+\`\`\`
+
+### Get information
+\`\`\`bash
+agent-browser get text @e1        # Get element text
+agent-browser get value @e1       # Get input value
+agent-browser get title           # Get page title
+agent-browser get url             # Get current URL
+\`\`\`
+
+### Screenshots
+\`\`\`bash
+agent-browser screenshot          # Screenshot to stdout
+agent-browser screenshot path.png # Save to file
+agent-browser screenshot --full   # Full page
+\`\`\`
+
+### Wait
+\`\`\`bash
+agent-browser wait @e1            # Wait for element
+agent-browser wait 2000           # Wait milliseconds
+\`\`\`
+
+## Example: Form submission
+\`\`\`bash
+agent-browser open https://example.com/form
+agent-browser snapshot -i
+agent-browser fill @e1 "user@example.com"
+agent-browser fill @e2 "password123"
+agent-browser click @e3
+agent-browser wait 2000
+agent-browser snapshot -i  # Check result
+\`\`\`
+`
+
+        // Generic instructions content (for agents without skill file support)
+        const genericInstructions = `You have access to the agent-browser CLI for browser automation.
+
+Quick start:
+- agent-browser open <url>        # Navigate to page
+- agent-browser snapshot -i       # Get interactive elements with refs
+- agent-browser click @e1         # Click element by ref
+- agent-browser fill @e2 "text"   # Fill input by ref
+
+Workflow: open URL -> snapshot -i -> interact with @refs -> re-snapshot after changes
+
+Key commands: open, snapshot -i, click, fill, type, press, get text/value/title/url, screenshot, wait`
+
+        let skillInstalled = false
+
+        if (agentType === 'claude') {
+          // Claude: Use .claude/skills directory
+          const skillDir = '/home/vercel-sandbox/.claude/skills/agent-browser'
+          const createSkillDir = await runCommandInSandbox(sandbox, 'mkdir', ['-p', skillDir])
+          if (createSkillDir.success) {
+            const writeSkillCmd = `cat > ${skillDir}/SKILL.md << 'SKILL_EOF'
+${claudeSkillContent}
+SKILL_EOF`
+            const writeSkill = await runCommandInSandbox(sandbox, 'sh', ['-c', writeSkillCmd])
+            skillInstalled = writeSkill.success
+          }
+        } else if (agentType === 'gemini') {
+          // Gemini: Use .gemini directory with AGENTS.md
+          const geminiDir = '/home/vercel-sandbox/.gemini'
+          const createDir = await runCommandInSandbox(sandbox, 'mkdir', ['-p', geminiDir])
+          if (createDir.success) {
+            const writeCmd = `cat > ${geminiDir}/AGENTS.md << 'SKILL_EOF'
+# Browser Automation Skill
+
+${genericInstructions}
+SKILL_EOF`
+            const writeSkill = await runCommandInSandbox(sandbox, 'sh', ['-c', writeCmd])
+            skillInstalled = writeSkill.success
+          }
+        } else if (agentType === 'cursor') {
+          // Cursor: Use .cursor/rules directory
+          const cursorDir = '/home/vercel-sandbox/.cursor/rules'
+          const createDir = await runCommandInSandbox(sandbox, 'mkdir', ['-p', cursorDir])
+          if (createDir.success) {
+            const writeCmd = `cat > ${cursorDir}/agent-browser.mdc << 'SKILL_EOF'
+---
+description: Browser automation with agent-browser CLI
+globs: ["**/*"]
+alwaysApply: true
+---
+
+${genericInstructions}
+SKILL_EOF`
+            const writeSkill = await runCommandInSandbox(sandbox, 'sh', ['-c', writeCmd])
+            skillInstalled = writeSkill.success
+          }
+        } else if (agentType === 'codex') {
+          // Codex: Use AGENTS.md in home directory
+          const writeCmd = `cat > /home/vercel-sandbox/AGENTS.md << 'SKILL_EOF'
+# Browser Automation
+
+${genericInstructions}
+SKILL_EOF`
+          const writeSkill = await runCommandInSandbox(sandbox, 'sh', ['-c', writeCmd])
+          skillInstalled = writeSkill.success
+        } else if (agentType === 'copilot') {
+          // Copilot: Use .github/copilot-instructions.md
+          const ghDir = '/home/vercel-sandbox/.github'
+          const createDir = await runCommandInSandbox(sandbox, 'mkdir', ['-p', ghDir])
+          if (createDir.success) {
+            const writeCmd = `cat > ${ghDir}/copilot-instructions.md << 'SKILL_EOF'
+# Browser Automation
+
+${genericInstructions}
+SKILL_EOF`
+            const writeSkill = await runCommandInSandbox(sandbox, 'sh', ['-c', writeCmd])
+            skillInstalled = writeSkill.success
+          }
+        } else if (agentType === 'opencode') {
+          // OpenCode: Use AGENTS.md in home directory
+          const writeCmd = `cat > /home/vercel-sandbox/AGENTS.md << 'SKILL_EOF'
+# Browser Automation
+
+${genericInstructions}
+SKILL_EOF`
+          const writeSkill = await runCommandInSandbox(sandbox, 'sh', ['-c', writeCmd])
+          skillInstalled = writeSkill.success
+        }
+
+        if (skillInstalled) {
+          await logger.info('agent-browser skill created successfully')
+        } else {
+          await logger.info('Warning: Failed to create agent-browser skill file')
+        }
+      }
+    }
+
     // Configure Git user
     const gitName = config.gitAuthorName || 'Coding Agent'
     const gitEmail = config.gitAuthorEmail || 'agent@example.com'
diff --git a/lib/sandbox/types.ts b/lib/sandbox/types.ts
index 19dfef29..1da75347 100644
--- a/lib/sandbox/types.ts
+++ b/lib/sandbox/types.ts
@@ -25,6 +25,7 @@ export interface SandboxConfig {
   selectedModel?: string
   installDependencies?: boolean
   keepAlive?: boolean
+  enableBrowser?: boolean
   preDeterminedBranchName?: string
   onProgress?: (progress: number, message: string) => Promise<void>
   onCancellationCheck?: () => Promise<boolean>
diff --git a/lib/utils/cookies.ts b/lib/utils/cookies.ts
index 91fcf813..e940986b 100644
--- a/lib/utils/cookies.ts
+++ b/lib/utils/cookies.ts
@@ -13,6 +13,7 @@ const SHOW_FILES_PANE_COOKIE = 'show-files-pane'
 const SHOW_CODE_PANE_COOKIE = 'show-code-pane'
 const SHOW_PREVIEW_PANE_COOKIE = 'show-preview-pane'
 const SHOW_CHAT_PANE_COOKIE = 'show-chat-pane'
+const ENABLE_BROWSER_COOKIE = 'enable-browser'
 const DEFAULT_SIDEBAR_WIDTH = 288
 const DEFAULT_SIDEBAR_OPEN = false // Default to false to avoid hydration issues
 const DEFAULT_LOGS_PANE_HEIGHT = 200
@@ -24,6 +25,7 @@ const DEFAULT_SHOW_FILES_PANE = true
 const DEFAULT_SHOW_CODE_PANE = true
 const DEFAULT_SHOW_PREVIEW_PANE = false
 const DEFAULT_SHOW_CHAT_PANE = true
+const DEFAULT_ENABLE_BROWSER = false
 
 export function getSidebarWidth(): number {
   if (typeof window === 'undefined') {
@@ -377,3 +379,26 @@ export function setShowChatPane(show: boolean): void {
     sameSite: 'strict',
   })
 }
+
+// Browser toggle functions
+export function getEnableBrowser(): boolean {
+  if (typeof window === 'undefined') {
+    return DEFAULT_ENABLE_BROWSER
+  }
+
+  const cookieValue = Cookies.get(ENABLE_BROWSER_COOKIE)
+  if (cookieValue !== undefined) {
+    return cookieValue === 'true'
+  }
+
+  return DEFAULT_ENABLE_BROWSER
+}
+
+export function setEnableBrowser(enable: boolean): void {
+  if (typeof window === 'undefined') return
+
+  Cookies.set(ENABLE_BROWSER_COOKIE, enable.toString(), {
+    expires: 365, // 1 year
+    sameSite: 'strict',
+  })
+}
diff --git a/tsconfig.json b/tsconfig.json
index e7ff3a26..b1356b2f 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -36,6 +36,7 @@
     ".next/dev/types/**/*.ts"
   ],
   "exclude": [
-    "node_modules"
+    "node_modules",
+    "opensrc"
   ]
 }