collabmd 0.1.48 → 0.1.51

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

@@ -1,32 +1,18 @@
 import markdownIt from 'markdown-it';
-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 {
+  createWikiTargetIndex,
+  resolveWikiTargetWithIndex,
+} from '../../domain/wiki-link-resolver.js';
+import { classifyPublicVideoEmbed } from '../../domain/video-embed.js';
+import { highlightFence } from '../domain/highlight-runtime.js';
 import { escapeHtml } from '../domain/vault-utils.js';
 import { extractYamlFrontmatter } from '../../domain/yaml-frontmatter.js';
 import { renderFrontmatterBlock } from './markdown-frontmatter.js';
 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,
@@ -335,6 +249,20 @@ function resolveLocalAttachmentUrl(source = '', {
   return `${attachmentApiPath}?path=${encodeURIComponent(resolvedPath)}`;
 }
 
+function resolveWikiImageAttachmentPath(target = '', sourceFilePath = '') {
+  const trimmed = String(target ?? '').trim().replace(/^\/+/u, '');
+  if (!trimmed) {
+    return '';
+  }
+
+  if (trimmed.startsWith('../') || trimmed.startsWith('./')) {
+    const resolved = resolveVaultRelativePath(sourceFilePath, trimmed);
+    return isImageAttachmentFilePath(resolved) ? resolved : '';
+  }
+
+  return isImageAttachmentFilePath(trimmed) ? trimmed : '';
+}
+
 function removeTokenAttr(token, name) {
   const attributeIndex = token.attrIndex(name);
   if (attributeIndex >= 0) {
@@ -343,16 +271,17 @@ function removeTokenAttr(token, name) {
 }
 
 function renderInlineWikiText(content, {
+  attachmentApiPath = '/api/attachment',
   baseEmbedCounts,
   drawioEmbedCounts,
   excalidrawEmbedCounts,
-  fileList,
+  wikiTargetIndex,
   mermaidEmbedCounts,
   plantUmlEmbedCounts,
   sourceFilePath = '',
   wikiLinkAutoCreate = true,
 }) {
-  const regex = /!\[\[([^\]|#]+\.(?:base|excalidraw|drawio|mmd|mermaid|puml|plantuml))(?:#([^\]|]+))?(?:\|([^\]]+))?\]\]|\[\[([^\]|]+)(?:\|([^\]]+))?\]\]/gi;
+  const regex = /!\[\[([^\]|#]+\.(?:base|excalidraw|drawio|mmd|mermaid|puml|plantuml|png|jpe?g|webp|gif|svg))(?:#([^\]|]+))?(?:\|([^\]]+))?\]\]|\[\[([^\]|]+)(?:\|([^\]]+))?\]\]/gi;
   let lastIndex = 0;
   let html = '';
   let match;
@@ -401,6 +330,12 @@ function renderInlineWikiText(content, {
           label: normalizePreviewTypography(label.replace(/\.(?:mmd|mermaid)$/i, '')),
           target,
         });
+      } else if (isImageAttachmentFilePath(target)) {
+        const resolvedPath = resolveWikiImageAttachmentPath(target, sourceFilePath);
+        const alt = normalizePreviewTypography(label.replace(/\.(?:png|jpe?g|webp|gif|svg)$/i, ''));
+        html += resolvedPath
+          ? `<img src="${escapeHtml(`${attachmentApiPath}?path=${encodeURIComponent(resolvedPath)}`)}" alt="${escapeHtml(alt)}" loading="lazy" decoding="async">`
+          : `<a class="wiki-link wiki-link-new" href="#" data-wiki-target="${escapeHtml(target)}" title="${escapeHtml(`Missing "${target}"`)}">${escapePreviewText(label)}</a>`;
       } else {
         const occurrenceIndex = plantUmlEmbedCounts.get(target) ?? 0;
         plantUmlEmbedCounts.set(target, occurrenceIndex + 1);
@@ -413,7 +348,7 @@ function renderInlineWikiText(content, {
     } else {
       const target = match[4].trim();
       const display = (match[5] || match[4]).trim();
-      const resolved = resolveWikiTargetPath(target, fileList);
+      const resolved = resolveWikiTargetWithIndex(target, wikiTargetIndex);
       const classes = resolved ? 'wiki-link' : 'wiki-link wiki-link-new';
       const title = resolved
         ? normalizePreviewTypography(display)
@@ -445,11 +380,7 @@ function createMarkdownRenderer(fileList = [], {
       }
 
       try {
-        if (language && hljs.getLanguage(language)) {
-          return hljs.highlight(source, { language }).value;
-        }
-
-        return hljs.highlightAuto(source).value;
+        return highlightFence(source, language);
       } catch {
         return '';
       }
@@ -488,6 +419,7 @@ function createMarkdownRenderer(fileList = [], {
   const plantUmlCounts = new Map();
   const plantUmlEmbedCounts = new Map();
   const videoEmbedCounts = new Map();
+  const wikiTargetIndex = createWikiTargetIndex(fileList);
 
   const fallbackFence = markdown.renderer.rules.fence;
   const fallbackImage = markdown.renderer.rules.image;
@@ -566,36 +498,39 @@ function createMarkdownRenderer(fileList = [], {
     const content = tokens[index].content;
 
     if (content.startsWith('[x] ') || content.startsWith('[X] ')) {
-      return `<input type="checkbox" checked data-task-checkbox="true"> ${renderInlineWikiText(content.slice(4), {
+      return `<label class="task-list-label"><input type="checkbox" checked data-task-checkbox="true"> ${renderInlineWikiText(content.slice(4), {
+        attachmentApiPath,
         baseEmbedCounts: baseCounts,
         drawioEmbedCounts,
         excalidrawEmbedCounts,
-        fileList,
+        wikiTargetIndex,
         mermaidEmbedCounts,
         plantUmlEmbedCounts,
         sourceFilePath,
         wikiLinkAutoCreate,
-      })}`;
+      })}</label>`;
     }
 
     if (content.startsWith('[ ] ')) {
-      return `<input type="checkbox" data-task-checkbox="true"> ${renderInlineWikiText(content.slice(4), {
+      return `<label class="task-list-label"><input type="checkbox" data-task-checkbox="true"> ${renderInlineWikiText(content.slice(4), {
+        attachmentApiPath,
         baseEmbedCounts: baseCounts,
         drawioEmbedCounts,
         excalidrawEmbedCounts,
-        fileList,
+        wikiTargetIndex,
         mermaidEmbedCounts,
         plantUmlEmbedCounts,
         sourceFilePath,
         wikiLinkAutoCreate,
-      })}`;
+      })}</label>`;
     }
 
     return renderInlineWikiText(content, {
+      attachmentApiPath,
       baseEmbedCounts: baseCounts,
       drawioEmbedCounts,
       excalidrawEmbedCounts,
-      fileList,
+      wikiTargetIndex,
       mermaidEmbedCounts,
       plantUmlEmbedCounts,
       sourceFilePath,
@@ -631,6 +566,8 @@ function createMarkdownRenderer(fileList = [], {
       return renderedVideo;
     }
 
+    token.attrSet('loading', 'lazy');
+    token.attrSet('decoding', 'async');
     return renderToken(fallbackImage, tokens, index, options, env, self);
   };
 

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

@@ -1,8 +1,3 @@
-import {
-  cancelIdleRender,
-  IDLE_RENDER_TIMEOUT_MS,
-  requestIdleRender,
-} from './preview-diagram-utils.js';
 
 function createPreviewWorker() {
   return new Worker(new URL('./preview-render-worker.js', import.meta.url), { type: 'module' });
@@ -11,28 +6,21 @@ function createPreviewWorker() {
 export class PreviewRenderExecutor {
   constructor({
     attachmentApiPath = '/api/attachment',
-    cancelIdleRenderFn = cancelIdleRender,
     compilePreviewDocumentLoader = () => import('./preview-render-compiler.js'),
     createWorkerFn = createPreviewWorker,
     getFileList,
     getSourceFilePath = null,
     getWikiLinkAutoCreate = null,
-    idleTimeoutMs = IDLE_RENDER_TIMEOUT_MS,
-    requestIdleRenderFn = requestIdleRender,
   } = {}) {
     this.attachmentApiPath = attachmentApiPath;
-    this.cancelIdleRenderFn = cancelIdleRenderFn;
     this.compilePreviewDocumentLoader = compilePreviewDocumentLoader;
     this.createWorkerFn = createWorkerFn;
     this.getFileList = getFileList;
     this.getSourceFilePath = getSourceFilePath;
     this.getWikiLinkAutoCreate = getWikiLinkAutoCreate;
-    this.idleTimeoutMs = idleTimeoutMs;
-    this.requestIdleRenderFn = requestIdleRenderFn;
     this.worker = null;
     this.workerDisabled = false;
     this.workerJob = null;
-    this.workerPrewarmId = null;
 
     this.handleWorkerMessage = (event) => {
       if (!this.workerJob || event.data?.renderVersion !== this.workerJob.renderVersion) {
@@ -68,16 +56,6 @@ export class PreviewRenderExecutor {
     return this.workerJob !== null;
   }
 
-  schedulePrewarm({ timeout = this.idleTimeoutMs } = {}) {
-    if (this.workerDisabled || this.worker || this.workerPrewarmId !== null) {
-      return;
-    }
-
-    this.workerPrewarmId = this.requestIdleRenderFn(() => {
-      this.workerPrewarmId = null;
-      this.ensureWorker();
-    }, timeout);
-  }
 
   ensureWorker() {
     if (this.workerDisabled) {
@@ -163,10 +141,6 @@ export class PreviewRenderExecutor {
   }
 
   destroy(reason = 'Preview renderer destroyed') {
-    if (this.workerPrewarmId !== null) {
-      this.cancelIdleRenderFn(this.workerPrewarmId);
-    }
-    this.workerPrewarmId = null;
     this.reset(reason);
   }
 }

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

@@ -1,17 +1,17 @@
 import { MermaidPreviewHydrator } from './mermaid-preview-hydrator.js';
 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';
-
 export class PreviewRenderer {
   constructor({
     getContent,
     getFileList,
+    getPreviewVisible = null,
     getSourceFilePath,
+    getTheme = null,
     getWikiLinkAutoCreate = null,
     loadFileSource = null,
     onAfterRenderCommit,
@@ -26,7 +26,9 @@ export class PreviewRenderer {
   }) {
     this.getContent = getContent;
     this.getFileList = getFileList;
+    this.getPreviewVisible = getPreviewVisible;
     this.getSourceFilePath = getSourceFilePath;
+    this.getTheme = getTheme;
     this.getWikiLinkAutoCreate = getWikiLinkAutoCreate;
     this.loadFileSource = loadFileSource;
     this.onAfterRenderCommit = onAfterRenderCommit;
@@ -47,6 +49,7 @@ export class PreviewRenderer {
     this.isLargeDocument = false;
     this.hydrationPaused = false;
     this.frontmatterCollapsed = false;
+    this.previewRenderStale = false;
 
     this.handlePreviewClick = (event) => {
       const frontmatterToggle = event.target.closest('.frontmatter-toggle');
@@ -105,13 +108,12 @@ 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?.() ?? [],
       getSourceFilePath: () => this.getSourceFilePath?.() ?? '',
       getWikiLinkAutoCreate: () => this.getWikiLinkAutoCreate?.() ?? true,
-      idleTimeoutMs: IDLE_RENDER_TIMEOUT_MS,
     });
 
     this.previewElement?.addEventListener('click', this.handlePreviewClick);
@@ -204,8 +206,25 @@ export class PreviewRenderer {
     }
     this.mermaidHydrator.applyTheme(theme);
   }
+  markStale() {
+    this.previewRenderStale = true;
+    this.renderScheduler.cancel();
+  }
 
   queueRender() {
+    if (!(this.getPreviewVisible?.() ?? true)) {
+      this.markStale();
+      return;
+    }
+
+    this.previewRenderStale = false;
+    this._deferredPreviewStylesPromise ??= Promise.all([
+      import('./highlight-theme.js').then(({ ensureHighlightThemeStylesheet }) => {
+        ensureHighlightThemeStylesheet();
+        this.applyTheme(this.getTheme?.() ?? 'dark');
+      }),
+      import('../styles/deferred-preview.css'),
+    ]);
     const markdownText = this.getContent();
     this.renderScheduler.cancel();
     this.mermaidHydrator.markPending();
@@ -215,12 +234,13 @@ export class PreviewRenderer {
     this.renderScheduler.queue({
       markdownText,
       onRenderRequested: (queuedText, renderVersion) => {
-        void this.render(queuedText, renderVersion);
+        void this._deferredPreviewStylesPromise.then(() => this.render(queuedText, renderVersion));
       },
       renderVersion: scheduledVersion,
     });
   }
 
+
   async render(markdownText = this.getContent(), renderVersion = this.pendingRenderVersion) {
     if (!this.previewElement) {
       return;
@@ -291,9 +311,6 @@ export class PreviewRenderer {
     this.updateHydrationPhase();
   }
 
-  scheduleWorkerPrewarm({ timeout = IDLE_RENDER_TIMEOUT_MS } = {}) {
-    this.renderExecutor.schedulePrewarm({ timeout });
-  }
 
   commitBaseRender({ html, stats }, renderVersion) {
     this.activeRenderVersion = renderVersion;

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 });
@@ -267,6 +269,26 @@ export class WorkspaceCoordinator {
       });
       return true;
     }
+    let fileOpenReady = false;
+    let liveSyncComplete = false;
+    const bootstrapPromise = this.loadBootstrapContent
+      ? (async () => {
+        this.reportFileOpenMetric('bootstrap_fetch_started', loadToken);
+        try {
+          const content = await this.loadBootstrapContent(filePath);
+          this.reportFileOpenMetric('bootstrap_fetch_completed', loadToken, {
+            found: content !== null,
+          });
+          return content;
+        } catch (error) {
+          this.reportFileOpenMetric('bootstrap_fetch_completed', loadToken, {
+            error: error.message,
+            found: false,
+          });
+          return null;
+        }
+      })()
+      : Promise.resolve(null);
 
     const EditorSession = await this.loadEditorSessionClass();
     const session = this.createEditorSession(EditorSession, {
@@ -301,10 +323,7 @@ export class WorkspaceCoordinator {
     this.onSessionAssigned?.(session);
 
     try {
-      let fileOpenReady = false;
       let fileOpenFinalized = false;
-      let liveSyncComplete = false;
-
       const readySession = async (reason) => {
         if (fileOpenReady || loadToken !== this.stateStore.sessionLoadToken) {
           return;
@@ -333,24 +352,6 @@ export class WorkspaceCoordinator {
         });
       };
 
-      const bootstrapPromise = this.loadBootstrapContent
-        ? (async () => {
-          this.reportFileOpenMetric('bootstrap_fetch_started', loadToken);
-          try {
-            const content = await this.loadBootstrapContent(filePath);
-            this.reportFileOpenMetric('bootstrap_fetch_completed', loadToken, {
-              found: content !== null,
-            });
-            return content;
-          } catch (error) {
-            this.reportFileOpenMetric('bootstrap_fetch_completed', loadToken, {
-              error: error.message,
-              found: false,
-            });
-            return null;
-          }
-        })()
-        : Promise.resolve(null);
 
       const initializePromise = session.initialize(filePath);
       const liveSyncPromise = (async () => {

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);
   }