feat: fix video recording session persistence and add HTTP request monitoring

Video Recording Fixes:
- Fix session persistence issues where recording state was lost between tool calls
- Improve page video object handling by triggering navigation when needed
- Add browser_reveal_artifact_paths tool to show exact file locations
- Enhance browser_recording_status with detailed debugging info and file listings
- Add clearVideoRecordingState() method for proper state management
- Keep recording config available for debugging until new session starts

Request Monitoring System:
- Add comprehensive RequestInterceptor class for HTTP traffic capture
- Implement 5 new MCP tools for request monitoring and analysis
- Support multiple export formats: JSON, HAR, CSV, and summary reports
- Add filtering by domain, method, status codes, and response timing
- Integrate with artifact storage for organized session-based file management
- Enhance browser_network_requests with rich intercepted data

Additional Improvements:
- Add getBaseDirectory/getSessionDirectory methods to ArtifactManager
- Fix floating promise in tab.ts extension console message polling
- Add debug script for comprehensive video recording workflow testing
- Update README with new tool documentation

Resolves video recording workflow issues and adds powerful HTTP traffic
analysis capabilities for web application debugging and security testing.

test-video-debug.js

@@ -0,0 +1,165 @@
+#!/usr/bin/env node
+
+/**
+ * Video Recording Debug Script
+ * 
+ * This script helps debug video recording issues by:
+ * 1. Testing the complete video recording workflow
+ * 2. Showing actual artifact paths
+ * 3. Verifying video file creation
+ * 4. Checking session persistence
+ */
+
+const { spawn } = require('child_process');
+const fs = require('fs');
+const path = require('path');
+
+async function runMCPTool(toolName, params = {}) {
+  return new Promise((resolve, reject) => {
+    const mcp = spawn('node', ['cli.js'], {
+      stdio: ['pipe', 'pipe', 'pipe'],
+      cwd: __dirname
+    });
+
+    let stdout = '';
+    let stderr = '';
+
+    mcp.stdout.on('data', (data) => {
+      stdout += data.toString();
+    });
+
+    mcp.stderr.on('data', (data) => {
+      stderr += data.toString();
+    });
+
+    mcp.on('close', (code) => {
+      if (code === 0) {
+        resolve({ stdout, stderr });
+      } else {
+        reject(new Error(`MCP tool failed: ${stderr}`));
+      }
+    });
+
+    // Send MCP request
+    const request = {
+      jsonrpc: '2.0',
+      id: 1,
+      method: 'tools/call',
+      params: {
+        name: toolName,
+        arguments: params
+      }
+    };
+
+    mcp.stdin.write(JSON.stringify(request) + '\n');
+    mcp.stdin.end();
+  });
+}
+
+async function findVideoFiles(searchDir) {
+  const videoFiles = [];
+  
+  function scanDir(dir) {
+    try {
+      const items = fs.readdirSync(dir);
+      for (const item of items) {
+        const fullPath = path.join(dir, item);
+        const stats = fs.statSync(fullPath);
+        
+        if (stats.isDirectory()) {
+          scanDir(fullPath);
+        } else if (item.endsWith('.webm')) {
+          videoFiles.push(fullPath);
+        }
+      }
+    } catch (err) {
+      // Ignore permission errors
+    }
+  }
+  
+  scanDir(searchDir);
+  return videoFiles;
+}
+
+async function debugVideoRecording() {
+  console.log('🎥 Video Recording Debug Script');
+  console.log('================================\n');
+
+  try {
+    // Step 1: Check recording status before starting
+    console.log('1️⃣ Checking initial recording status...');
+    const initialStatus = await runMCPTool('mcp__playwright__browser_recording_status');
+    console.log('Initial status:', initialStatus.stdout);
+    console.log('');
+
+    // Step 2: Start recording
+    console.log('2️⃣ Starting video recording...');
+    const startResult = await runMCPTool('mcp__playwright__browser_start_recording', {
+      size: { width: 1280, height: 720 },
+      filename: 'debug-test-session'
+    });
+    console.log('Start result:', startResult.stdout);
+    console.log('');
+
+    // Step 3: Check status after starting
+    console.log('3️⃣ Checking recording status after start...');
+    const activeStatus = await runMCPTool('mcp__playwright__browser_recording_status');
+    console.log('Active status:', activeStatus.stdout);
+    console.log('');
+
+    // Step 4: Navigate to a page
+    console.log('4️⃣ Navigating to test page...');
+    const navResult = await runMCPTool('mcp__playwright__browser_navigate', {
+      url: 'https://example.com'
+    });
+    console.log('Navigation result:', navResult.stdout);
+    console.log('');
+
+    // Step 5: Check status after navigation
+    console.log('5️⃣ Checking recording status after navigation...');
+    const navStatus = await runMCPTool('mcp__playwright__browser_recording_status');
+    console.log('Status after navigation:', navStatus.stdout);
+    console.log('');
+
+    // Step 6: Stop recording
+    console.log('6️⃣ Stopping video recording...');
+    const stopResult = await runMCPTool('mcp__playwright__browser_stop_recording');
+    console.log('Stop result:', stopResult.stdout);
+    console.log('');
+
+    // Step 7: Search for video files
+    console.log('7️⃣ Searching for video files...');
+    const commonPaths = [
+      process.cwd(),
+      path.join(process.cwd(), 'artifacts'),
+      path.join(process.cwd(), '@artifacts'),
+      path.join(process.env.HOME || '.', '.cache'),
+      '/tmp'
+    ];
+
+    for (const searchPath of commonPaths) {
+      if (fs.existsSync(searchPath)) {
+        console.log(`Searching in: ${searchPath}`);
+        const videos = await findVideoFiles(searchPath);
+        if (videos.length > 0) {
+          console.log(`✅ Found ${videos.length} video files:`);
+          videos.forEach(video => {
+            const stats = fs.statSync(video);
+            console.log(`  📹 ${video} (${Math.round(stats.size / 1024)}KB, ${stats.mtime.toISOString()})`);
+          });
+        } else {
+          console.log(`  ❌ No video files found`);
+        }
+      } else {
+        console.log(`⚠️  Path doesn't exist: ${searchPath}`);
+      }
+      console.log('');
+    }
+
+  } catch (error) {
+    console.error('❌ Debug script failed:', error.message);
+    console.error('Stack:', error.stack);
+  }
+}
+
+debugVideoRecording();