Set Playwright timeout

bench/README.md

@@ -80,6 +80,20 @@ Then open http://localhost:5173 to use the interactive web interface.
 | `--browser` | Browser type (web only) | `chromium` | `chromium`, `firefox`, `webkit` |
 | `--headed` | Run browser in headed mode | `false` | `true`, `false` |
 
+## Environment Variables
+
+| Variable | Description | Default | Example |
+|----------|-------------|---------|---------|
+| `PLAYWRIGHT_TIMEOUT` | Playwright page timeout (ms) | `300000` (5 min) | `1800000` (30 min) |
+| `NAVIGATION_TIMEOUT` | Page navigation timeout (ms) | `60000` (1 min) | `120000` (2 min) |
+
+**Note**: The default Playwright timeout is set to 5 minutes. For large models that require longer download times, you can increase this with environment variables:
+
+```bash
+# Set custom timeouts (in milliseconds)
+PLAYWRIGHT_TIMEOUT=3600000 NAVIGATION_TIMEOUT=120000 npm run bench:web -- <model> <task>
+```
+
 ## Architecture
 
 ```

bench/src/web/cli.ts

@@ -29,6 +29,10 @@ const batchSize = Math.max(1, parseInt(getArg("batch-size", "1") || "1", 10));
 const browserType = getArg("browser", "chromium") as "chromium" | "firefox" | "webkit";
 const headed = getArg("headed") === "true";
 
+// Timeout configuration (in milliseconds)
+const PLAYWRIGHT_TIMEOUT = parseInt(process.env.PLAYWRIGHT_TIMEOUT || String(5 * 60 * 1000), 10); // Default: 5 minutes
+const NAVIGATION_TIMEOUT = parseInt(process.env.NAVIGATION_TIMEOUT || String(60 * 1000), 10); // Default: 1 minute
+
 async function main() {
   console.log(`Model      : ${modelId}`);
   console.log(`Task       : ${task}`);
@@ -39,6 +43,7 @@ async function main() {
   console.log(`Batch Size : ${batchSize}`);
   console.log(`Browser    : ${browserType}`);
   console.log(`Headed     : ${headed}`);
+  console.log(`Timeout    : ${PLAYWRIGHT_TIMEOUT / 1000}s (navigation: ${NAVIGATION_TIMEOUT / 1000}s)`);
 
   // Start Vite dev server
   const server = await createServer({
@@ -107,6 +112,11 @@ async function main() {
     const context = await browser.newContext();
     const page = await context.newPage();
 
+    // Set page timeouts for long-running benchmarks and large model downloads
+    // Can be configured via PLAYWRIGHT_TIMEOUT and NAVIGATION_TIMEOUT env vars
+    page.setDefaultTimeout(PLAYWRIGHT_TIMEOUT);
+    page.setDefaultNavigationTimeout(NAVIGATION_TIMEOUT);
+
     // Expose console logs
     page.on("console", (msg) => {
       const type = msg.type();