Add --webpack to pnpm dev for Next 16 (#165)

* Add --webpack to pnpm dev for Next 16 to fix turbo on vercel sandbox

* Set project repo to vercel sandbox

* Remove turbo flag since next 16 uses it by default

* Fix format check failing in ci

---------

Co-authored-by: Chris Tate <ctate@users.noreply.github.com>

Author: ctate

app/api/tasks/[taskId]/restart-dev/route.ts

@@ -5,7 +5,7 @@ import { eq } from 'drizzle-orm'
 import { Sandbox } from '@vercel/sandbox'
 import { getServerSession } from '@/lib/session/get-server-session'
 import { runCommandInSandbox } from '@/lib/sandbox/commands'
-import { detectPackageManager } from '@/lib/sandbox/package-manager'
+import { detectPackageManager, getDevCommandArgs } from '@/lib/sandbox/package-manager'
 import { createTaskLogger } from '@/lib/utils/task-logger'
 
 export async function POST(_request: NextRequest, { params }: { params: Promise<{ taskId: string }> }) {
@@ -72,7 +72,7 @@ export async function POST(_request: NextRequest, { params }: { params: Promise<
     // Start the dev server again
     const packageManager = await detectPackageManager(sandbox, logger)
     const devCommand = packageManager === 'npm' ? 'npm' : packageManager
-    const devArgs = packageManager === 'npm' ? ['run', 'dev'] : ['dev']
+    const devArgs = await getDevCommandArgs(sandbox, packageManager)
 
     // Start dev server in detached mode
     await sandbox.runCommand({

app/api/tasks/[taskId]/start-sandbox/route.ts

@@ -8,7 +8,7 @@ import { getGitHubUser } from '@/lib/github/client'
 import { getUserGitHubToken } from '@/lib/github/user-token'
 import { registerSandbox, unregisterSandbox } from '@/lib/sandbox/sandbox-registry'
 import { runCommandInSandbox } from '@/lib/sandbox/commands'
-import { detectPackageManager, installDependencies } from '@/lib/sandbox/package-manager'
+import { detectPackageManager, installDependencies, getDevCommandArgs } from '@/lib/sandbox/package-manager'
 import { createTaskLogger } from '@/lib/utils/task-logger'
 import { getMaxSandboxDuration } from '@/lib/db/settings'
 import { detectPortFromRepo } from '@/lib/sandbox/port-detection'
@@ -181,7 +181,7 @@ export async function POST(_request: NextRequest, { params }: { params: Promise<
 
           const packageManager = await detectPackageManager(sandbox, logger)
           const devCommand = packageManager === 'npm' ? 'npm' : packageManager
-          const devArgs = packageManager === 'npm' ? ['run', 'dev'] : ['dev']
+          const devArgs = await getDevCommandArgs(sandbox, packageManager)
 
           // Start dev server in detached mode (runs in background)
           await sandbox.runCommand({

app/api/tasks/route.ts

@@ -7,7 +7,7 @@ import { createSandbox } from '@/lib/sandbox/creation'
 import { executeAgentInSandbox, AgentType } from '@/lib/sandbox/agents'
 import { pushChangesToBranch, shutdownSandbox } from '@/lib/sandbox/git'
 import { unregisterSandbox } from '@/lib/sandbox/sandbox-registry'
-import { detectPackageManager } from '@/lib/sandbox/package-manager'
+import { detectPackageManager, getDevCommandArgs } from '@/lib/sandbox/package-manager'
 import { detectPortFromRepo } from '@/lib/sandbox/port-detection'
 import { runCommandInSandbox } from '@/lib/sandbox/commands'
 import { eq, desc, or, and, isNull } from 'drizzle-orm'
@@ -681,7 +681,7 @@ async function processTask(
                 // Detect package manager and start dev server
                 const packageManager = await detectPackageManager(sandbox!, logger)
                 const devCommand = packageManager === 'npm' ? 'npm' : packageManager
-                const devArgs = packageManager === 'npm' ? ['run', 'dev'] : ['dev']
+                const devArgs = await getDevCommandArgs(sandbox!, packageManager)
 
                 // Start dev server in detached mode (runs in background)
                 await sandbox!.runCommand({

lib/sandbox/package-manager.ts

@@ -81,3 +81,11 @@ export async function installDependencies(
     return { success: false, error: installResult.error }
   }
 }
+
+/**
+ * Gets the appropriate dev command arguments for the given package manager.
+ * Next.js 16+ uses Turbo by default (not Turbopack), which works on Vercel Sandbox.
+ */
+export async function getDevCommandArgs(_sandbox: Sandbox, packageManager: 'pnpm' | 'yarn' | 'npm'): Promise<string[]> {
+  return packageManager === 'npm' ? ['run', 'dev'] : ['dev']
+}

package.json

@@ -3,7 +3,7 @@
   "version": "2.0.0",
   "private": true,
   "scripts": {
-    "dev": "next dev --turbopack",
+    "dev": "next dev --webpack",
     "build": "next build --turbopack",
     "start": "next start",
     "lint": "eslint",