feat(core): WebRTC TURN/ICE diagnostics and env-configurable Matrix VoIP

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

apps/web-e2e/src/utils/nav-url.ts

@@ -0,0 +1,25 @@
+import type { Page } from '@playwright/test';
+
+/**
+ * Default matches `playwright.config.ts` when `BASE_URL` is unset.
+ * Ensures `page.goto` works when Playwright runs without that config (e.g. wrong CWD),
+ * where `use.baseURL` is missing and relative URLs throw "Cannot navigate to invalid URL".
+ */
+const DEFAULT_BASE_URL = 'http://127.0.0.1:3000';
+
+function resolveBaseUrl(): string {
+  return process.env['BASE_URL']?.trim() || DEFAULT_BASE_URL;
+}
+
+/**
+ * Absolute URL for an app-relative path (must start with `/`).
+ */
+export function resolveAppUrl(path: string): string {
+  const normalized = path.startsWith('/') ? path : `/${path}`;
+  return new URL(normalized, resolveBaseUrl()).href;
+}
+
+/** Navigate using the same base URL convention as the Playwright config. */
+export async function gotoApp(page: Page, path: string): Promise<void> {
+  await page.goto(resolveAppUrl(path));
+}

apps/web/src/app/[lang]/dho/[id]/layout.tsx

@@ -11,7 +11,6 @@ import {
 } from '@hypha-platform/epics';
 import '../../_shared/space-accent.css';
 import { Locale } from '@hypha-platform/i18n';
-import { Container } from '@hypha-platform/ui';
 import { findSpaceBySlug } from '@hypha-platform/core/server';
 import { getDhoPathAgreements } from './@tab/agreements/constants';
 import { ActionButtons } from './_components/action-buttons';
@@ -113,13 +112,12 @@ export default async function DhoLayout({
   return (
     <SpaceAccentPortalBridge>
       {/*
-        Full-width row: `Container` already applies max-width + horizontal padding.
-        Dropping the extra `mx-auto max-w-container-2xl` wrapper avoided double
-        max-width + centering that made the main column look pushed with a void on the left.
+        Main column must span the full width next to side panels: `Container` max-width + `mx-auto`
+        centers content and leaves empty gutters — very visible when the Human chat panel narrows
+        the column (reads as a dead strip beside the hero / secondary chrome). Use padding only.
       */}
       <div className="flex w-full min-w-0">
-        {/* `px-4!` = 16px: tighter than default Container `px-5` (20px) for DHO hero/tabs vs app chrome */}
-        <Container size="lg" className="min-w-0 flex-1 px-4!">
+        <div className="min-w-0 flex-1 px-4 sm:px-5">
           {/* React 19+: link rel="preload" is hoisted to document head */}
           {heroBannerImageHref !== DEFAULT_SPACE_LEAD_IMAGE ? (
             <link
@@ -224,7 +222,7 @@ export default async function DhoLayout({
             {tab}
             {children}
           </SpaceAccentFromImages>
-        </Container>
+        </div>
         {aside}
       </div>
     </SpaceAccentPortalBridge>