collabmd 0.1.48 → 0.1.49

package/src/client/application/preview-render-compiler.js

@@ -4,6 +4,7 @@ import hljs from 'highlight.js';
 import { isImageAttachmentFilePath } from '../../domain/file-kind.js';
 import { resolveVaultRelativePath } from '../../domain/vault-paths.js';
 import { resolveWikiTargetPath } from '../../domain/wiki-link-resolver.js';
+import { classifyPublicVideoEmbed } from '../../domain/video-embed.js';
 import { escapeHtml } from '../domain/vault-utils.js';
 import { extractYamlFrontmatter } from '../../domain/yaml-frontmatter.js';
 import { renderFrontmatterBlock } from './markdown-frontmatter.js';
@@ -12,21 +13,6 @@ import { analyzeMarkdownComplexity } from './preview-render-profile.js';
 hljs.registerAliases(['cql', 'mariadb', 'mssql', 'mysql', 'plsql', 'sqlite'], { languageName: 'sql' });
 hljs.registerAliases(['ecmascript', 'node'], { languageName: 'javascript' });
 
-const DIRECT_VIDEO_MIME_TYPES = Object.freeze({
-  '.mp4': 'video/mp4',
-  '.ogg': 'video/ogg',
-  '.webm': 'video/webm',
-});
-
-const YOUTUBE_HOSTS = new Set([
-  'youtube.com',
-  'www.youtube.com',
-  'm.youtube.com',
-  'youtu.be',
-  'www.youtu.be',
-  'youtube-nocookie.com',
-  'www.youtube-nocookie.com',
-]);
 
 function renderToken(renderer, tokens, index, options, env, self) {
   return renderer?.(tokens, index, options, env, self) ?? self.renderToken(tokens, index, options);
@@ -192,78 +178,6 @@ function createBaseFileEmbedPlaceholder({ embedKey, label, target, viewName = ''
   return `<span class="bases-embed-placeholder diagram-preview-shell" data-base-key="${escapeHtml(embedKey)}" data-base-path="${escapeHtml(target)}" data-base-label="${escapeHtml(label)}"${viewAttribute}${sourceFileAttribute}><span class="diagram-preview-placeholder-card"><span class="diagram-preview-placeholder-copy"><strong>${escapeHtml(label)}</strong><span>Loads query results when preview renders</span></span></span></span>`;
 }
 
-function getDirectVideoMimeType(pathname = '') {
-  const match = pathname.toLowerCase().match(/\.(mp4|ogg|webm)$/i);
-  if (!match) {
-    return null;
-  }
-
-  return DIRECT_VIDEO_MIME_TYPES[`.${match[1].toLowerCase()}`] || null;
-}
-
-function normalizeYouTubeVideoId(candidate = '') {
-  const normalized = String(candidate || '').trim();
-  return /^[A-Za-z0-9_-]{11}$/.test(normalized) ? normalized : null;
-}
-
-function getCanonicalYouTubeEmbedUrl(url) {
-  const host = url.hostname.toLowerCase();
-  let videoId = null;
-
-  if (host === 'youtu.be' || host === 'www.youtu.be') {
-    videoId = normalizeYouTubeVideoId(url.pathname.split('/').filter(Boolean)[0] || '');
-  } else if (host.includes('youtube') || host.includes('youtube-nocookie')) {
-    if (url.pathname === '/watch') {
-      videoId = normalizeYouTubeVideoId(url.searchParams.get('v') || '');
-    } else if (url.pathname.startsWith('/embed/')) {
-      videoId = normalizeYouTubeVideoId(url.pathname.split('/').filter(Boolean)[1] || '');
-    }
-  }
-
-  if (!videoId) {
-    return null;
-  }
-
-  return `https://www.youtube-nocookie.com/embed/${videoId}`;
-}
-
-function classifyPublicVideoEmbed(source = '') {
-  let url;
-
-  try {
-    url = new URL(String(source || '').trim());
-  } catch {
-    return null;
-  }
-
-  if (url.protocol !== 'https:') {
-    return null;
-  }
-
-  const host = url.hostname.toLowerCase();
-  if (YOUTUBE_HOSTS.has(host)) {
-    const embedUrl = getCanonicalYouTubeEmbedUrl(url);
-    if (!embedUrl) {
-      return null;
-    }
-
-    return {
-      embedUrl,
-      type: 'youtube',
-    };
-  }
-
-  const mimeType = getDirectVideoMimeType(url.pathname);
-  if (!mimeType) {
-    return null;
-  }
-
-  return {
-    mimeType,
-    sourceUrl: url.toString(),
-    type: 'direct-video',
-  };
-}
 
 function createVideoEmbedPlaceholder({
   embedKey,

package/src/client/application/preview-render-scheduler.js

@@ -6,24 +6,8 @@ import {
 import { getRenderProfile } from './preview-render-profile.js';
 
 export class PreviewRenderScheduler {
-  constructor({
-    cancelAnimationFrameFn = (frameId) => cancelAnimationFrame(frameId),
-    cancelIdleRenderFn = cancelIdleRender,
-    clearTimeoutFn = (timeoutId) => clearTimeout(timeoutId),
-    getRenderProfileFn = getRenderProfile,
-    idleTimeoutMs = IDLE_RENDER_TIMEOUT_MS,
-    requestAnimationFrameFn = (callback) => requestAnimationFrame(callback),
-    requestIdleRenderFn = requestIdleRender,
-    setTimeoutFn = (callback, delay) => setTimeout(callback, delay),
-  } = {}) {
-    this.cancelAnimationFrameFn = cancelAnimationFrameFn;
-    this.cancelIdleRenderFn = cancelIdleRenderFn;
-    this.clearTimeoutFn = clearTimeoutFn;
+  constructor({ getRenderProfileFn = getRenderProfile } = {}) {
     this.getRenderProfileFn = getRenderProfileFn;
-    this.idleTimeoutMs = idleTimeoutMs;
-    this.requestAnimationFrameFn = requestAnimationFrameFn;
-    this.requestIdleRenderFn = requestIdleRenderFn;
-    this.setTimeoutFn = setTimeoutFn;
     this.frameId = null;
     this.idleId = null;
     this.timeoutId = null;
@@ -34,7 +18,7 @@ export class PreviewRenderScheduler {
     this.cancel();
 
     const scheduleFrame = () => {
-      this.frameId = this.requestAnimationFrameFn(() => {
+      this.frameId = requestAnimationFrame(() => {
         this.frameId = null;
         this.timeoutId = null;
         onRenderRequested?.(markdownText, renderVersion);
@@ -43,25 +27,25 @@ export class PreviewRenderScheduler {
 
     const scheduleRender = () => {
       if (renderProfile.deferUntilIdle) {
-        this.idleId = this.requestIdleRenderFn(() => {
+        this.idleId = requestIdleRender(() => {
           this.idleId = null;
           scheduleFrame();
-        }, this.idleTimeoutMs);
+        }, IDLE_RENDER_TIMEOUT_MS);
         return;
       }
 
       scheduleFrame();
     };
 
-    this.timeoutId = this.setTimeoutFn(scheduleRender, renderProfile.debounceMs);
+    this.timeoutId = setTimeout(scheduleRender, renderProfile.debounceMs);
   }
 
   cancel() {
-    this.clearTimeoutFn(this.timeoutId);
+    clearTimeout(this.timeoutId);
     if (this.frameId) {
-      this.cancelAnimationFrameFn(this.frameId);
+      cancelAnimationFrame(this.frameId);
     }
-    this.cancelIdleRenderFn(this.idleId);
+    cancelIdleRender(this.idleId);
     this.frameId = null;
     this.idleId = null;
     this.timeoutId = null;

package/src/client/application/preview-renderer.js

@@ -3,7 +3,7 @@ import { PlantUmlPreviewHydrator } from './plantuml-preview-hydrator.js';
 import { DiagramChrome } from './diagram-chrome.js';
 import { IDLE_RENDER_TIMEOUT_MS } from './preview-diagram-utils.js';
 import { PreviewRenderExecutor } from './preview-render-executor.js';
-import { getRenderProfile, isLargeDocumentStats } from './preview-render-profile.js';
+import { isLargeDocumentStats } from './preview-render-profile.js';
 import { PreviewRenderScheduler } from './preview-render-scheduler.js';
 import { resolveApiUrl } from '../domain/runtime-paths.js';
 
@@ -105,7 +105,7 @@ export class PreviewRenderer {
       loadFileSource,
       renderClient: plantUmlRenderClient,
     });
-    this.renderScheduler = new PreviewRenderScheduler({ getRenderProfileFn: getRenderProfile });
+    this.renderScheduler = new PreviewRenderScheduler();
     this.renderExecutor = new PreviewRenderExecutor({
       attachmentApiPath: resolveApiUrl('/attachment'),
       getFileList: () => this.getFileList?.() ?? [],

package/src/client/application/webmcp-diagram-renderer.js

@@ -0,0 +1,47 @@
+import { resolveRenderableDiagram } from '../../domain/diagram-source.js';
+import {
+  rasterizeSvgMarkupToPngBlob,
+  renderMermaidExportSvgMarkup,
+} from './diagram-preview-export.js';
+
+export async function renderWebMcpDiagram(input = {}, {
+  callTool,
+  getMermaid,
+  signal,
+} = {}) {
+  const requestedStartLine = Number.parseInt(input.startLine, 10);
+  const read = await callTool('read_document', {
+    lineCount: 500,
+    path: input.path,
+    startLine: Number.isInteger(requestedStartLine) ? requestedStartLine : 1,
+  }, { signal });
+  const diagram = resolveRenderableDiagram(read.content, input.path, {
+    contentStartLine: read.startLine,
+    startLine: input.startLine,
+  });
+  if (!diagram || diagram.kind !== 'mermaid') {
+    return callTool('render_diagram', input, { signal });
+  }
+  if (read.kind === 'mermaid' && read.truncated) {
+    throw new Error('Mermaid source exceeds the WebMCP read limit');
+  }
+
+  const svg = await renderMermaidExportSvgMarkup(await getMermaid(), diagram.source);
+  const format = input.format ?? 'png';
+  const mimeType = format === 'svg' ? 'image/svg+xml' : 'image/png';
+  const bytes = format === 'svg'
+    ? new TextEncoder().encode(svg)
+    : new Uint8Array(await (await rasterizeSvgMarkupToPngBlob(svg)).arrayBuffer());
+  return {
+    endLine: diagram.endLine,
+    format,
+    image: { data: bytes.toBase64(), encoding: 'base64', mimeType },
+    kind: diagram.kind,
+    mimeType,
+    path: read.path,
+    renderer: 'mermaid-browser',
+    revision: read.revision,
+    startLine: diagram.startLine,
+    warnings: [],
+  };
+}

package/src/client/application/workspace-coordinator.js

@@ -21,6 +21,7 @@ export class WorkspaceCoordinator {
     createEditorSession,
     getDisplayName,
     getFileList,
+    getVaultFileList = getFileList,
     getLineWrappingEnabled,
     getVimModeEnabled,
     getLocalUser,
@@ -74,6 +75,7 @@ export class WorkspaceCoordinator {
     this.createEditorSession = createEditorSession;
     this.getDisplayName = getDisplayName;
     this.getFileList = getFileList;
+    this.getVaultFileList = getVaultFileList;
     this.getLineWrappingEnabled = getLineWrappingEnabled;
     this.getVimModeEnabled = getVimModeEnabled ?? (() => false);
     this.getLocalUser = getLocalUser;
@@ -208,7 +210,7 @@ export class WorkspaceCoordinator {
       return false;
     }
 
-    if (!filePath || !this.getFileList().includes(filePath)) {
+    if (!filePath || !this.getVaultFileList().includes(filePath)) {
       this.cleanupSession();
       this.stateStore.sessionLoadToken += 1;
       this.onFileOpenError({ code: 'not-found', filePath });

package/src/client/application/workspace-route-controller.js

@@ -143,6 +143,13 @@ export class WorkspaceRouteController {
       return;
     }
     this.revealEditorMatch(route);
+    if (route.elementId) {
+      this.excalidrawEmbed?.openElement(
+        route.filePath,
+        route.elementId,
+        route.elementType,
+      );
+    }
     this.requestPreviewRouteAnchor?.(route.anchor ?? null, route.filePath);
   }
 

package/src/client/bootstrap/collabmd-app-shell.js

@@ -1,5 +1,6 @@
 import { PdfPreviewController } from '../application/pdf-preview-controller.js';
 import { PreviewRenderer } from '../application/preview-renderer.js';
+import { renderWebMcpDiagram } from '../application/webmcp-diagram-renderer.js';
 import { ensureQuickSwitcherInstance, toggleQuickSwitcherInstance } from '../application/quick-switcher-loader.js';
 import { WorkspaceRouteController } from '../application/workspace-route-controller.js';
 import { WikiLinkFileController } from '../application/wiki-link-file-controller.js';
@@ -18,6 +19,7 @@ import { uiFeatureSidebarMethods } from '../application/app-shell/ui-feature-sid
 import { uiFeatureTabActivityMethods } from '../application/app-shell/ui-feature-tab-activity.js';
 import { uiFeatureToolbarMethods } from '../application/app-shell/ui-feature-toolbar.js';
 import { workspaceFeature } from '../application/app-shell/workspace-feature.js';
+import { agentConnectionApiClient } from '../infrastructure/agent-connection-api-client.js';
 import { LOBBY_CHAT_MESSAGE_MAX_LENGTH, LobbyPresence } from '../infrastructure/lobby-presence.js';
 import { BrowserPreferencesPort } from '../infrastructure/browser-preferences-port.js';
 import { BrowserNotificationPort } from '../infrastructure/browser-notification-port.js';
@@ -35,7 +37,9 @@ import {
 } from '../infrastructure/runtime-config.js';
 import { TabActivityLock } from '../infrastructure/tab-activity-lock.js';
 import { vaultApiClient } from '../infrastructure/vault-api-client.js';
+import { WebMcpToolRegistry } from '../infrastructure/webmcp-tool-registry.js';
 import { WorkspaceSyncClient } from '../infrastructure/workspace-sync-client.js';
+import { AgentConnectionController } from '../presentation/agent-connection-controller.js';
 import { BacklinksPanel } from '../presentation/backlinks-panel.js';
 import { CommentOverviewController } from '../presentation/comment-overview-controller.js';
 import { CommentUiController } from '../presentation/comment-ui-controller.js';
@@ -166,6 +170,66 @@ export class CollabMdAppShell {
 
     this.toastController = new ToastController(this.elements.toastContainer);
     this.chatToastController = new ToastController(this.elements.chatToastContainer);
+    this.agentConnectionController = new AgentConnectionController({
+      apiClient: agentConnectionApiClient,
+      closeToolbarMenu: () => this.closeToolbarOverflowMenu(),
+      content: this.elements.agentConnectionContent,
+      dialog: this.elements.agentConnectionDialog,
+      runtimeConfig: this.runtimeConfig,
+      toastController: this.toastController,
+      trigger: this.elements.connectAgentButton,
+    });
+    const callAgentTool = (...args) => this.vaultApiClient.callAgentTool(...args);
+    this.webMcpTools = new WebMcpToolRegistry({
+      acknowledgeToolCall: ({ input, name, preparation, result, signal }) => {
+        if (
+          name !== 'edit_excalidraw'
+          || input.path !== this.currentFilePath
+        ) {
+          return null;
+        }
+        return this.excalidrawEmbed?.waitForAgentPaint(input.path, result.revision, {
+          afterRevision: preparation?.revision,
+          signal,
+        });
+      },
+      callTool: (name, input, options) => name === 'render_diagram'
+        ? renderWebMcpDiagram(input, {
+            callTool: callAgentTool,
+            getMermaid: () => this.previewRenderer.mermaidHydrator.ensureMermaid(),
+            signal: options?.signal,
+          })
+        : callAgentTool(name, input, options),
+      getActiveContext: () => ({
+        activeDiagramPath: this.isExcalidrawFile(this.currentFilePath)
+          ? this.currentFilePath
+          : null,
+        activePath: this.currentFilePath,
+      }),
+      getIsTabActive: () => this.isTabActive,
+      onDidMutate: () => {
+        this.toastController.show('Agent-assisted Vault change applied. Review it before committing.');
+      },
+      prepareToolCall: async ({ input, name, signal }) => {
+        if (
+          ![
+            'edit_excalidraw',
+            'inspect_excalidraw',
+            'read_document',
+            'render_excalidraw',
+            'verify_excalidraw',
+          ].includes(name)
+          || input.path !== this.currentFilePath
+        ) {
+          return null;
+        }
+        const preparation = await this.excalidrawEmbed?.flushPendingAgentWrites(input.path, { signal });
+        if (['timeout', 'unavailable'].includes(preparation?.status)) {
+          throw new Error('The active Excalidraw editor did not confirm its latest collaboration update');
+        }
+        return preparation;
+      },
+    });
     this.fileExplorer = new FileExplorerController({
       mobileBreakpointQuery: this.mobileBreakpointQuery,
       onDirectoryExport: (directoryPath, format) => this.handleDirectoryExportRequest(directoryPath, format),
@@ -201,7 +265,9 @@ export class CollabMdAppShell {
       onResetFile: (filePath, { scope }) => this.openGitResetDialog(filePath, { scope }),
       onSelectCommit: (hash, { path }) => this.handleGitCommitSelection(hash, { closeSidebarOnMobile: true, path }),
       onSelectDiff: (filePath, { scope }) => this.handleGitDiffSelection(filePath, { closeSidebarOnMobile: true, scope }),
+      onStageAll: () => this.stageAllGitFiles(),
       onStageFile: (filePath, { scope }) => this.stageGitFile(filePath, { scope }),
+      onUnstageAll: () => this.unstageAllGitFiles(),
       onUnstageFile: (filePath, { scope }) => this.unstageGitFile(filePath, { scope }),
       onViewAllDiff: () => this.handleGitDiffSelection(null, { closeSidebarOnMobile: true, scope: 'all' }),
       searchInput: this.elements.gitSearchInput,
@@ -307,6 +373,7 @@ export class CollabMdAppShell {
       headerPanelElement: this.elements.backlinksHeaderPanel,
       inlinePanelElement: this.elements.backlinksInlinePanel,
       loadBacklinks: (filePath, options = {}) => this.vaultApiClient.readBacklinks(filePath, options),
+      onBeforeToggle: () => this.scrollSyncController.suspendSync(250),
       onFileSelect: (filePath) => this.workspaceRouteController.handleFileSelection(filePath, {
         closeSidebarOnMobile: true,
       }),
@@ -315,6 +382,11 @@ export class CollabMdAppShell {
     this.excalidrawEmbed = new ExcalidrawEmbedController({
       getLocalUser: () => this.lobby.getLocalUser(),
       getTheme: () => this.themeController.getTheme(),
+      onOpenElement: ({ elementId, elementType, filePath } = {}) => {
+        if (filePath && elementId) {
+          this.navigation.navigateToFile(filePath, { elementId, elementType });
+        }
+      },
       onOpenFile: (filePath) => filePath && this.navigation.navigateToFile(filePath),
       onStopFollowing: () => this.stopFollowingUser(),
       onToggleQuickSwitcher: () => {
@@ -473,6 +545,7 @@ export class CollabMdAppShell {
       }),
       getDisplayName: (filePath) => this.getDisplayName(filePath),
       getFileList: () => this.fileExplorer.flatDocumentFiles,
+      getVaultFileList: () => this.fileExplorer.flatFiles,
       getLineWrappingEnabled: () => this.getStoredLineWrapping(),
       getVimModeEnabled: () => this.getStoredVimMode(),
       getLocalUser: () => this.lobby.getLocalUser(),
@@ -507,6 +580,7 @@ export class CollabMdAppShell {
       },
       onConnectionChange: (state) => this.handleConnectionChange(state),
       onContentChange: ({ isBase, isHtml, isMermaid, isPlantUml, isStructurizrWorkspace }) => {
+        void this.webMcpTools.refresh();
         this.handleCommentEditorContentChange();
         if (isHtml) {
           this.workspacePreviewController.renderHtmlFilePreview({
@@ -642,7 +716,10 @@ export class CollabMdAppShell {
   }
 
   get session() { return this._session; }
-  set session(value) { this._session = value; }
+  set session(value) {
+    this._session = value;
+    void this.webMcpTools?.refresh();
+  }
 
   publishFileOpenPerf() {
     if (typeof window === 'undefined') {

package/src/client/domain/excalidraw-element-link.js

@@ -0,0 +1,73 @@
+import { createFileRouteHash, getHashParamsFromRaw } from './hash-routes.js';
+import { normalizeVaultPathInput } from './vault-paths.js';
+
+const MAX_ELEMENT_ID_LENGTH = 256;
+const ELEMENT_ID_PATTERN = /^[A-Za-z0-9_-]+$/u;
+
+function normalizeElementId(value) {
+  const normalized = String(value ?? '').trim();
+  return normalized.length <= MAX_ELEMENT_ID_LENGTH && ELEMENT_ID_PATTERN.test(normalized)
+    ? normalized
+    : '';
+}
+
+function normalizeUrlPath(value) {
+  const normalized = String(value ?? '').trim().replace(/\/+$/u, '');
+  return normalized || '/';
+}
+
+export function createExcalidrawElementLink(filePath, elementId, {
+  appUrl,
+  elementType = 'element',
+} = {}) {
+  const normalizedFilePath = normalizeVaultPathInput(filePath);
+  const normalizedElementId = normalizeElementId(elementId);
+  if (!normalizedFilePath || !normalizedElementId || !appUrl) {
+    return '';
+  }
+
+  let url;
+  try {
+    url = new URL(appUrl);
+  } catch {
+    return '';
+  }
+
+  url.hash = createFileRouteHash(normalizedFilePath, {
+    elementId: normalizedElementId,
+    elementType,
+  });
+  return url.toString();
+}
+
+export function parseExcalidrawElementLink(link, {
+  appPath = '/',
+  origin = '',
+} = {}) {
+  let url;
+  try {
+    url = new URL(String(link ?? ''), origin || 'http://collabmd.invalid');
+  } catch {
+    return null;
+  }
+
+  if (origin && url.origin !== origin) {
+    return null;
+  }
+  if (normalizeUrlPath(url.pathname) !== normalizeUrlPath(appPath)) {
+    return null;
+  }
+
+  const params = getHashParamsFromRaw(url.hash);
+  const filePath = normalizeVaultPathInput(params.get('file'));
+  const elementId = normalizeElementId(params.get('element'));
+  if (!filePath || !elementId) {
+    return null;
+  }
+
+  return {
+    elementId,
+    elementType: params.get('elementType') === 'group' ? 'group' : 'element',
+    filePath,
+  };
+}

package/src/client/domain/excalidraw-scene.js

@@ -63,6 +63,27 @@ export function sceneToInitialData(parsedScene, { theme = 'dark' } = {}) {
   };
 }
 
+export function createExcalidrawExportOptions(scene, {
+  padding = 24,
+  scale = 1,
+} = {}) {
+  return {
+    appState: {
+      exportBackground: true,
+      exportScale: scale,
+      exportWithDarkMode: false,
+      gridSize: scene.appState?.gridSize ?? null,
+      theme: 'light',
+      viewBackgroundColor: scene.appState?.viewBackgroundColor ?? '#ffffff',
+    },
+    elements: Array.isArray(scene.elements)
+      ? scene.elements.filter((element) => element && !element.isDeleted)
+      : [],
+    exportPadding: padding,
+    files: scene.files || null,
+  };
+}
+
 export function buildStoredScene(elements, appState, files) {
   return normalizeScene({
     elements: elements.filter((element) => !element.isDeleted),

package/src/client/domain/hash-routes.js

@@ -38,6 +38,8 @@ export function createFileRouteHash(filePath, {
   anchor = null,
   column = null,
   drawioMode = null,
+  elementId = null,
+  elementType = null,
   line = null,
   matchLength = null,
 } = {}) {
@@ -51,6 +53,12 @@ export function createFileRouteHash(filePath, {
   if (anchor) {
     params.set('anchor', String(anchor).trim());
   }
+  if (elementId) {
+    params.set('element', String(elementId).trim());
+  }
+  if (elementType === 'group') {
+    params.set('elementType', 'group');
+  }
   if (line != null) {
     params.set('line', String(Math.max(1, Math.round(Number(line) || 1))));
   }

package/src/client/domain/room.js

@@ -47,11 +47,7 @@ export function generatePeerId() {
 }
 
 function generateUserId() {
-  if (globalThis.crypto?.randomUUID) {
-    return globalThis.crypto.randomUUID();
-  }
-
-  return `${generatePeerId()}-${Date.now().toString(36)}`;
+  return globalThis.crypto?.randomUUID?.() ?? `${generatePeerId()}-${Date.now().toString(36)}`;
 }
 
 // A stable peer ID for this browser tab, shared across lobby and per-file sessions.

package/src/client/domain/runtime-paths.js

@@ -60,6 +60,11 @@ function applyBasePath(basePath, pathValue) {
 
 export function getClientRuntimeConfig() {
   const rawConfig = {
+    agentAccess: {
+      enabled: false,
+      endpoint: '',
+      managed: false,
+    },
     auth: {
       enabled: false,
       implemented: true,