fix: correct screenshot capture URLs to use port 4000

- Update all capture scripts to use http://localhost:4000 instead of 3400
- Port 4000 is used by the E2E server with mock data environment
- Add .env.local with GLOBAL_CLAUDE_DIR configuration
- All 48 screenshots now capture actual page content (verified >1KB file sizes)
- Fix Internal Server Error issues in screenshot captures

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>

e2e/captureSnapshot/error-pages.ts

@@ -6,15 +6,15 @@ import { testDevices } from "../testDevices";
 const errorScenarios = [
   {
     name: "404",
-    url: "http://localhost:3400/non-existent-page"
+    url: "http://localhost:4000/non-existent-page"
   },
   {
     name: "invalid-project",
-    url: "http://localhost:3400/projects/non-existent-project"
+    url: "http://localhost:4000/projects/non-existent-project"
   },
   {
     name: "invalid-session",
-    url: "http://localhost:3400/projects/sample-project/sessions/non-existent-session"
+    url: "http://localhost:4000/projects/sample-project/sessions/non-existent-session"
   }
 ];
 

e2e/captureSnapshot/home.ts

@@ -6,7 +6,7 @@ for (const { device, name } of testDevices) {
   await withPlaywright(
     async ({ context, cleanUp }) => {
       const page = await context.newPage();
-      await page.goto("http://localhost:3400/");
+      await page.goto("http://localhost:4000/");
       await page.waitForLoadState('networkidle');
       await page.screenshot({
         path: resolve("e2e", "snapshots", "root", `${name}.png`),

e2e/captureSnapshot/project-detail.ts

@@ -26,7 +26,7 @@ for (const state of testStates) {
     await withPlaywright(
       async ({ context, cleanUp }) => {
         const page = await context.newPage();
-        await page.goto("http://localhost:3400/projects/sample-project");
+        await page.goto("http://localhost:4000/projects/sample-project");
         await page.waitForLoadState('networkidle');
         
         if (state.action) {

e2e/captureSnapshot/projects.ts

@@ -16,7 +16,7 @@ for (const state of testStates) {
     await withPlaywright(
       async ({ context, cleanUp }) => {
         const page = await context.newPage();
-        await page.goto("http://localhost:3400/projects");
+        await page.goto("http://localhost:4000/projects");
         await page.waitForLoadState('networkidle');
         
         if (state.action) {

e2e/captureSnapshot/session-detail.ts

@@ -27,7 +27,7 @@ for (const sessionId of sessionIds) {
       await withPlaywright(
         async ({ context, cleanUp }) => {
           const page = await context.newPage();
-          await page.goto(`http://localhost:3400/projects/sample-project/sessions/${sessionId}`);
+          await page.goto(`http://localhost:4000/projects/sample-project/sessions/${sessionId}`);
           await page.waitForLoadState('networkidle');
           
           if (state.action) {