fix(web-e2e): Human Chat Panel E2E navigation without Playwright baseURL

.github/workflows/deploy-preview.yml

@@ -158,7 +158,34 @@ jobs:
         id: deploy
         env:
           BRANCH_DB_URL: ${{ steps.create-branch.outputs.db_url_with_pooler }}
-        run: echo preview_url=$(vercel deploy --prebuilt --token=${{ env.VERCEL_TOKEN }} --env BRANCH_DB_URL=${{ env.BRANCH_DB_URL }}) >> $GITHUB_OUTPUT
+          VERCEL_TOKEN: ${{ env.VERCEL_TOKEN }}
+        run: |
+          set -euo pipefail
+          # `vercel deploy` prints progress to stdout; a single-line `echo key=$(...)` into
+          # GITHUB_OUTPUT breaks when the capture is multiline, leaving preview_url empty and
+          # breaking `vercel alias`. Parse the deployment URL explicitly.
+          export CI=1 FORCE_COLOR=0 NO_COLOR=1
+          deploy_output="$(
+            vercel deploy --prebuilt --yes \
+              --token="${VERCEL_TOKEN}" \
+              --env "BRANCH_DB_URL=${BRANCH_DB_URL:-}" \
+              2>&1
+          )" || {
+            printf '%s\n' "${deploy_output}"
+            exit 1
+          }
+          preview_url="$(
+            set +o pipefail
+            printf '%s\n' "${deploy_output}" \
+              | grep -Eo 'https://[a-zA-Z0-9][a-zA-Z0-9.-]*\.vercel\.app' \
+              | tail -n 1
+          )"
+          if [ -z "${preview_url}" ]; then
+            echo '::error::Could not parse a *.vercel.app URL from vercel deploy output.'
+            printf '%s\n' "${deploy_output}"
+            exit 1
+          fi
+          echo "preview_url=${preview_url}" >> "${GITHUB_OUTPUT}"
 
       - name: Alias preview to deterministic PR domain
         id: alias
@@ -169,7 +196,7 @@ jobs:
         run: |
           set -euo pipefail
           PREVIEW_ALIAS_DOMAIN="pr-${PREVIEW_ALIAS_SUFFIX}.preview-app.hypha.earth"
-          npx --yes vercel@52 alias set "${PREVIEW_URL}" "${PREVIEW_ALIAS_DOMAIN}" --token="${VERCEL_TOKEN}"
+          vercel alias set "${PREVIEW_URL}" "${PREVIEW_ALIAS_DOMAIN}" --token="${VERCEL_TOKEN}"
           echo "preview_custom_url=https://${PREVIEW_ALIAS_DOMAIN}" >> "$GITHUB_OUTPUT"
 
       - name: Comment custom preview URL on PR

.vscode/settings.json

@@ -1,5 +1,7 @@
 {
   "typescript.tsdk": "node_modules/typescript/lib",
+  "prettier.prettierPath": "node_modules/prettier",
+  "prettier.requireConfig": true,
   "explorer.fileNesting.patterns": {
     "*.ts": "${capture}.ts, ${capture}.*.ts",
     "*.tsx": "${capture}.tsx, ${capture}.*.tsx, ${capture}.*.ts"

apps/web-e2e/playwright.config.ts

@@ -4,7 +4,7 @@ import { nxE2EPreset } from '@nx/playwright/preset';
 import { workspaceRoot } from '@nx/devkit';
 
 // For CI, you may want to set BASE_URL to the deployed application.
-const baseURL = process.env['BASE_URL'] || 'http://127.0.0.1:3000';
+const baseURL = process.env['BASE_URL']?.trim() || 'http://127.0.0.1:3000';
 
 /**
  * Read environment variables from file.

apps/web-e2e/src/ai-chat-feature-flag.spec.ts

@@ -1,5 +1,6 @@
 import { test, expect } from '@playwright/test';
 import { AiChatPanelPage } from './pages/ai-chat-panel.page';
+import { gotoApp } from './utils/nav-url';
 
 /**
  * Feature Flag: NEXT_PUBLIC_ENABLE_AI_CHAT
@@ -57,7 +58,7 @@ test.describe('AI Chat Panel — Feature Flag Enabled', () => {
   test('should not render AI trigger button on non-space pages', async ({
     page,
   }) => {
-    await page.goto('/my-spaces');
+    await gotoApp(page, '/en/my-spaces');
     await page.waitForLoadState('domcontentloaded');
 
     const aiButton = page.getByRole('button', {
@@ -91,7 +92,7 @@ test.describe('AI Chat Panel — Feature Flag Disabled', () => {
   test('should not render AI trigger button on space page', async ({
     page,
   }) => {
-    await page.goto('/en/dho/hypha');
+    await gotoApp(page, '/en/dho/hypha');
     await page.waitForLoadState('domcontentloaded');
 
     const aiButton = page.getByRole('button', {
@@ -101,15 +102,15 @@ test.describe('AI Chat Panel — Feature Flag Disabled', () => {
   });
 
   test('should not render sidebar panel markup', async ({ page }) => {
-    await page.goto('/en/dho/hypha');
+    await gotoApp(page, '/en/dho/hypha');
     await page.waitForLoadState('domcontentloaded');
 
     const sidebar = page.locator('[data-sidebar="sidebar"]');
     await expect(sidebar).toHaveCount(0);
   });
 
   test('should render page content normally', async ({ page }) => {
-    await page.goto('/en/dho/hypha');
+    await gotoApp(page, '/en/dho/hypha');
     await page.waitForLoadState('domcontentloaded');
 
     // Space page content should still render

apps/web-e2e/src/coherence-chat-panel.spec.ts

@@ -30,6 +30,7 @@
 import { test, expect } from '@playwright/test';
 import { CoherenceChatPanelPage } from './pages/coherence-chat-panel.page';
 import { HumanChatPanelPage } from './pages/human-chat-panel.page';
+import { gotoApp } from './utils/nav-url';
 
 test.describe('Coherence Chat Panel Integration', () => {
   const SPACE_SLUG = 'hypha';
@@ -46,7 +47,7 @@ test.describe('Coherence Chat Panel Integration', () => {
       page,
     }) => {
       const chatPanel = new HumanChatPanelPage(page);
-      await page.goto(`/en/dho/${SPACE_SLUG}/coherence`);
+      await gotoApp(page, `/en/dho/${SPACE_SLUG}/coherence`);
       await page.waitForLoadState('domcontentloaded');
 
       await expect(chatPanel.openButton).toBeVisible();
@@ -60,7 +61,7 @@ test.describe('Coherence Chat Panel Integration', () => {
       page,
     }) => {
       const chatPanel = new HumanChatPanelPage(page);
-      await page.goto(`/en/dho/${SPACE_SLUG}/coherence`);
+      await gotoApp(page, `/en/dho/${SPACE_SLUG}/coherence`);
       await page.waitForLoadState('domcontentloaded');
       await chatPanel.openPanel();
 
@@ -73,7 +74,7 @@ test.describe('Coherence Chat Panel Integration', () => {
       page,
     }) => {
       const chatPanel = new CoherenceChatPanelPage(page, SPACE_SLUG);
-      await page.goto(`/en/dho/${SPACE_SLUG}/coherence`);
+      await gotoApp(page, `/en/dho/${SPACE_SLUG}/coherence`);
       await page.waitForLoadState('domcontentloaded');
       // Open button exists; back button should NOT be present in space mode
       await chatPanel.openPanelButton.click();
@@ -85,7 +86,7 @@ test.describe('Coherence Chat Panel Integration', () => {
       page,
     }) => {
       const chatPanel = new HumanChatPanelPage(page);
-      await page.goto(`/en/dho/${SPACE_SLUG}/coherence`);
+      await gotoApp(page, `/en/dho/${SPACE_SLUG}/coherence`);
       await page.waitForLoadState('domcontentloaded');
       await chatPanel.openPanel();
 
@@ -440,7 +441,7 @@ test.describe('Coherence Chat Panel Integration', () => {
       'space chat mode is the default state of the panel on coherence page',
       async ({ page }) => {
         const chatPanel = new HumanChatPanelPage(page);
-        await page.goto(`/en/dho/${SPACE_SLUG}/coherence`);
+        await gotoApp(page, `/en/dho/${SPACE_SLUG}/coherence`);
         await page.waitForLoadState('domcontentloaded');
 
         await chatPanel.openPanel();
@@ -461,7 +462,7 @@ test.describe('Coherence Chat Panel Integration', () => {
         await expect(chatPanel.headerText).toBeVisible(); // "Chat"
 
         // Navigate to coherence page
-        await page.goto(`/en/dho/${SPACE_SLUG}/coherence`);
+        await gotoApp(page, `/en/dho/${SPACE_SLUG}/coherence`);
         await page.waitForLoadState('domcontentloaded');
 
         // Panel should still be in space chat mode (no signal was clicked)

apps/web-e2e/src/human-chat-panel-feature-flag.spec.ts

@@ -1,5 +1,6 @@
 import { test, expect } from '@playwright/test';
 import { HumanChatPanelPage } from './pages/human-chat-panel.page';
+import { gotoApp } from './utils/nav-url';
 
 /**
  * Default runtime: off. The enabled describe block sets `HYPHA_ENABLE_HUMAN_CHAT=true`.
@@ -62,7 +63,7 @@ test.describe('Human Chat Panel — kill switch (disabled)', () => {
   test('should not render Human Chat trigger button on space page', async ({
     page,
   }) => {
-    await page.goto('/en/dho/hypha/agreements');
+    await gotoApp(page, '/en/dho/hypha/agreements');
     await page.waitForLoadState('domcontentloaded');
 
     const chatButton = page.getByRole('button', {
@@ -72,7 +73,7 @@ test.describe('Human Chat Panel — kill switch (disabled)', () => {
   });
 
   test('should render page content normally', async ({ page }) => {
-    await page.goto('/en/dho/hypha/agreements');
+    await gotoApp(page, '/en/dho/hypha/agreements');
     await page.waitForLoadState('domcontentloaded');
 
     await expect(page.getByText('Agreements')).toBeVisible();

apps/web-e2e/src/menu-top-consistent-height.spec.ts

@@ -1,5 +1,6 @@
 import { test, expect } from '@playwright/test';
 import { LayoutPage } from './pages/layout.page';
+import { gotoApp } from './utils/nav-url';
 
 /**
  * MenuTop — Consistent Height
@@ -35,15 +36,15 @@ test.describe('MenuTop consistent height', () => {
     const menuSelector = 'header.sticky';
 
     // Measure on a space page (trigger icons present)
-    await page.goto('/en/dho/hypha/agreements');
+    await gotoApp(page, '/en/dho/hypha/agreements');
     await page.waitForLoadState('domcontentloaded');
     const spaceHeader = page.locator(menuSelector).first();
     await spaceHeader.waitFor({ state: 'visible' });
     const spaceBox = await spaceHeader.boundingBox();
     expect(spaceBox).not.toBeNull();
 
     // Measure on a non-space page (no trigger icons)
-    await page.goto('/en/network');
+    await gotoApp(page, '/en/network');
     await page.waitForLoadState('domcontentloaded');
     const networkHeader = page.locator(menuSelector).first();
     await networkHeader.waitFor({ state: 'visible' });
@@ -57,7 +58,7 @@ test.describe('MenuTop consistent height', () => {
   test('--menu-top-height CSS variable should be set and integer', async ({
     page,
   }) => {
-    await page.goto('/en/dho/hypha/agreements');
+    await gotoApp(page, '/en/dho/hypha/agreements');
     await page.waitForLoadState('domcontentloaded');
 
     // Poll until --menu-top-height is set by ResizeObserver

apps/web-e2e/src/pages/ai-chat-panel.page.ts

@@ -68,7 +68,7 @@ export class AiChatPanelPage extends BasePage {
   }
 
   async open() {
-    await this.page.goto('/en/dho/hypha');
+    await this.gotoApp('/en/dho/hypha');
     await this.waitForPageLoad();
   }
 

apps/web-e2e/src/pages/base.page.ts

@@ -1,4 +1,5 @@
 import { Page } from '@playwright/test';
+import { resolveAppUrl } from '../utils/nav-url';
 
 export class BasePage {
   readonly page: Page;
@@ -7,6 +8,11 @@ export class BasePage {
     this.page = page;
   }
 
+  /** Same origin as Playwright `use.baseURL`; safe when config is not loaded. */
+  async gotoApp(path: string) {
+    await this.page.goto(resolveAppUrl(path));
+  }
+
   async waitForPageLoad() {
     await this.page.waitForLoadState('domcontentloaded');
   }

apps/web-e2e/src/pages/coherence-chat-panel.page.ts

@@ -149,7 +149,7 @@ export class CoherenceChatPanelPage extends BasePage {
    * Navigate directly to the coherence page.
    */
   async openCoherencePage() {
-    await this.page.goto(`/en/dho/${this.spaceSlug}/coherence`);
+    await this.gotoApp(`/en/dho/${this.spaceSlug}/coherence`);
     await this.waitForPageLoad();
   }
 

apps/web-e2e/src/pages/coherence.page.ts

@@ -81,15 +81,15 @@ export class CoherencePage extends BasePage {
    * from which we can click the Coherence navigation tab.
    */
   async openDhoPage() {
-    await this.page.goto(`/en/dho/${this.spaceSlug}/agreements`);
+    await this.gotoApp(`/en/dho/${this.spaceSlug}/agreements`);
     await this.waitForPageLoad();
   }
 
   /**
    * Navigate directly to the coherence page URL.
    */
   async openCoherencePage() {
-    await this.page.goto(`/en/dho/${this.spaceSlug}/coherence`);
+    await this.gotoApp(`/en/dho/${this.spaceSlug}/coherence`);
     await this.waitForPageLoad();
   }
 

apps/web-e2e/src/pages/human-chat-panel.page.ts

@@ -77,7 +77,7 @@ export class HumanChatPanelPage extends BasePage {
 
   /** Navigate to a space's agreements page. Defaults to 'hypha'. */
   async navigateToSpace(spaceSlug = 'hypha') {
-    await this.page.goto(`/en/dho/${spaceSlug}/agreements`);
+    await this.gotoApp(`/en/dho/${spaceSlug}/agreements`);
     await this.waitForPageLoad();
   }
 

apps/web-e2e/src/pages/layout.page.ts

@@ -53,7 +53,7 @@ export class LayoutPage extends BasePage {
   }
 
   async open(path = '/en/dho/hypha/agreements') {
-    await this.page.goto(path);
+    await this.gotoApp(path);
     await this.waitForPageLoad();
   }
 

apps/web-e2e/src/pages/my-spaces.page.ts

@@ -14,7 +14,7 @@ export class MySpaces extends BasePage {
   }
 
   async open() {
-    await this.page.goto('/my-spaces');
+    await this.gotoApp('/my-spaces');
     await this.waitForPageLoad();
   }
 

apps/web-e2e/src/panels-space-context.spec.ts

@@ -1,4 +1,5 @@
 import { test, expect } from '@playwright/test';
+import { gotoApp } from './utils/nav-url';
 
 /**
  * Side Panels — Space Context Only
@@ -34,7 +35,7 @@ test.describe('Panels visible on space pages', () => {
   });
 
   test('should show Human Chat trigger on a space page', async ({ page }) => {
-    await page.goto('/en/dho/hypha/agreements');
+    await gotoApp(page, '/en/dho/hypha/agreements');
     await page.waitForLoadState('domcontentloaded');
 
     await expect(
@@ -43,7 +44,7 @@ test.describe('Panels visible on space pages', () => {
   });
 
   test('should show AI trigger on a space page', async ({ page }) => {
-    await page.goto('/en/dho/hypha/agreements');
+    await gotoApp(page, '/en/dho/hypha/agreements');
     await page.waitForLoadState('domcontentloaded');
 
     await expect(page.getByRole('button', { name: AI_TRIGGER })).toBeVisible();
@@ -69,7 +70,7 @@ test.describe('Panels hidden on non-space pages', () => {
   });
 
   test('should NOT show Human Chat trigger on /network', async ({ page }) => {
-    await page.goto('/en/network');
+    await gotoApp(page, '/en/network');
     await page.waitForLoadState('domcontentloaded');
 
     await expect(page.getByRole('button', { name: CHAT_TRIGGER })).toHaveCount(
@@ -78,14 +79,14 @@ test.describe('Panels hidden on non-space pages', () => {
   });
 
   test('should NOT show AI trigger on /network', async ({ page }) => {
-    await page.goto('/en/network');
+    await gotoApp(page, '/en/network');
     await page.waitForLoadState('domcontentloaded');
 
     await expect(page.getByRole('button', { name: AI_TRIGGER })).toHaveCount(0);
   });
 
   test('should NOT show Human Chat trigger on /my-spaces', async ({ page }) => {
-    await page.goto('/en/my-spaces');
+    await gotoApp(page, '/en/my-spaces');
     await page.waitForLoadState('domcontentloaded');
 
     await expect(page.getByRole('button', { name: CHAT_TRIGGER })).toHaveCount(
@@ -94,14 +95,14 @@ test.describe('Panels hidden on non-space pages', () => {
   });
 
   test('should NOT show AI trigger on /my-spaces', async ({ page }) => {
-    await page.goto('/en/my-spaces');
+    await gotoApp(page, '/en/my-spaces');
     await page.waitForLoadState('domcontentloaded');
 
     await expect(page.getByRole('button', { name: AI_TRIGGER })).toHaveCount(0);
   });
 
   test('should NOT render sidebar markup on /network', async ({ page }) => {
-    await page.goto('/en/network');
+    await gotoApp(page, '/en/network');
     await page.waitForLoadState('domcontentloaded');
 
     // No panel sidebars should be in the DOM on non-space pages
@@ -134,7 +135,7 @@ test.describe('Panels appear after navigating into a space', () => {
     page,
   }) => {
     // Start on a non-space page
-    await page.goto('/en/network');
+    await gotoApp(page, '/en/network');
     await page.waitForLoadState('domcontentloaded');
 
     // Verify triggers are absent