collabmd 0.1.34 → 0.1.35

package/dist/client/index.html

@@ -15,7 +15,7 @@
       document.documentElement.setAttribute('data-initial-file-requested', 'true');
     }
   </script>
-  <script type="module" crossorigin src="./assets/index-BLrtj9YM.js"></script>
+  <script type="module" crossorigin src="./assets/index-BbziNMqE.js"></script>
   <link rel="modulepreload" crossorigin href="./assets/runtime-config-loader-_D2KZKn-.js">
   <link rel="modulepreload" crossorigin href="./assets/preload-helper-Bo9GmnuQ.js">
   <link rel="modulepreload" crossorigin href="./assets/base-h1uscjTi.js">

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "collabmd",
-  "version": "0.1.34",
+  "version": "0.1.35",
   "type": "module",
   "description": "Collaborative markdown vault — like Obsidian, but online. Serve any directory of markdown files for realtime collaborative editing.",
   "repository": {
@@ -69,7 +69,7 @@
     "@codemirror/search": "^6.6.0",
     "@codemirror/state": "^6.6.0",
     "@codemirror/theme-one-dark": "^6.1.3",
-    "@codemirror/view": "^6.40.0",
+    "@codemirror/view": "^6.41.0",
     "@excalidraw/excalidraw": "0.18.0-4a5c9e9",
     "@fontsource-variable/inter": "^5.2.8",
     "@fontsource/jetbrains-mono": "^5.2.8",
@@ -80,10 +80,10 @@
     "lib0": "^0.2.117",
     "lit-html": "^3.3.2",
     "markdown-it": "^14.1.1",
-    "mermaid": "^11.13.0",
+    "mermaid": "^11.14.0",
     "openid-client": "^6.8.2",
-    "react": "^19.2.4",
-    "react-dom": "^19.2.4",
+    "react": "^19.2.5",
+    "react-dom": "^19.2.5",
     "sharp": "^0.34.5",
     "ws": "^8.20.0",
     "y-codemirror.next": "^0.3.5",
@@ -98,12 +98,12 @@
   },
   "devDependencies": {
     "@eslint/js": "^10.0.1",
-    "@playwright/test": "^1.58.2",
-    "@vitest/browser": "^4.1.2",
-    "@vitest/browser-playwright": "^4.1.2",
-    "eslint": "^10.1.0",
+    "@playwright/test": "^1.59.1",
+    "@vitest/browser": "^4.1.4",
+    "@vitest/browser-playwright": "^4.1.4",
+    "eslint": "^10.2.0",
     "globals": "^17.4.0",
-    "vite": "^8.0.3",
-    "vitest": "^4.1.2"
+    "vite": "^8.0.8",
+    "vitest": "^4.1.4"
   }
 }

package/src/client/application/app-shell/ui-feature-shell.js

@@ -1,4 +1,5 @@
 import { supportsBacklinksForFilePath } from '../../../domain/file-kind.js';
+import { isPlainQuickSwitcherShortcut } from '../../domain/keyboard-shortcuts.js';
 
 const VERSION_RELOAD_TOAST_DURATION_MS = 0;
 
@@ -313,7 +314,7 @@ function bindEvents() {
 
   document.addEventListener('keydown', (event) => {
     this.handleDocumentKeydown(event);
-  });
+  }, { capture: true });
 }
 
 /** @this {UiShellContext} */
@@ -351,8 +352,9 @@ function handleDocumentKeydown(event) {
     return;
   }
 
-  if ((event.metaKey || event.ctrlKey) && event.key === 'k') {
+  if (isPlainQuickSwitcherShortcut(event)) {
     event.preventDefault();
+    event.stopPropagation();
     void this.toggleQuickSwitcher();
   }
 }
@@ -548,6 +550,7 @@ export const uiFeatureShellMethods = {
   initialize,
   initializeVisualViewportBinding,
   initializeVersionMonitoring,
+  isPlainQuickSwitcherShortcut,
   promptForVersionReload,
   scheduleBacklinkRefresh,
   setToolbarOverflowOpen,

package/src/client/application/quick-switcher-loader.js

@@ -0,0 +1,39 @@
+export async function ensureQuickSwitcherInstance(host) {
+  if (host.quickSwitcher) {
+    return host.quickSwitcher;
+  }
+
+  if (!host.quickSwitcherModulePromise) {
+    host.quickSwitcherModulePromise = host.loadQuickSwitcherController();
+  }
+
+  let QuickSwitcherController;
+  try {
+    QuickSwitcherController = await host.quickSwitcherModulePromise;
+  } catch (error) {
+    host.quickSwitcherModulePromise = null;
+    console.error('[quick-switcher] Failed to load file search.', error);
+    host.toastController?.show?.('Failed to load file search. Try again.', {
+      dismissible: true,
+    });
+    throw error;
+  }
+
+  if (!host.quickSwitcher) {
+    host.quickSwitcher = new QuickSwitcherController({
+      getFileList: () => host.fileExplorer.flatFiles,
+      onFileSelect: (filePath) => host.handleFileSelection(filePath, { closeSidebarOnMobile: true }),
+    });
+  }
+
+  return host.quickSwitcher;
+}
+
+export async function toggleQuickSwitcherInstance(host) {
+  try {
+    const quickSwitcher = await ensureQuickSwitcherInstance(host);
+    quickSwitcher.toggle();
+  } catch {
+    // ensureQuickSwitcherInstance reports the load failure and resets the cached import.
+  }
+}

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

@@ -1,4 +1,5 @@
 import { PreviewRenderer } from '../application/preview-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';
 import { WorkspacePreviewController } from '../application/workspace-preview-controller.js';
@@ -112,6 +113,8 @@ export class CollabMdAppShell {
   closeToolbarOverflowMenu(...args) { return uiFeature.closeToolbarOverflowMenu.apply(this, args); }
   getStoredLineWrapping(...args) { return uiFeature.getStoredLineWrapping.apply(this, args); }
   handleConnectionChange(...args) { return uiFeature.handleConnectionChange.apply(this, args); }
+  handleDocumentKeydown(...args) { return uiFeature.handleDocumentKeydown.apply(this, args); }
+  handleDocumentPointerDown(...args) { return uiFeature.handleDocumentPointerDown.apply(this, args); }
   handlePreviewContentClick(...args) { return uiFeature.handlePreviewContentClick.apply(this, args); }
   handleThemeChange(...args) { return uiFeature.handleThemeChange.apply(this, args); }
   hideEditorLoading(...args) { return uiFeature.hideEditorLoading.apply(this, args); }
@@ -390,6 +393,9 @@ export class CollabMdAppShell {
       getLocalUser: () => this.lobby.getLocalUser(),
       getTheme: () => this.themeController.getTheme(),
       onOpenFile: (filePath) => filePath && this.navigation.navigateToFile(filePath),
+      onToggleQuickSwitcher: () => {
+        void this.toggleQuickSwitcher();
+      },
       previewContainer: this.elements.previewContainer,
       previewElement: this.elements.previewContent,
       toastController: this.toastController,
@@ -399,6 +405,9 @@ export class CollabMdAppShell {
       getTheme: () => this.themeController.getTheme(),
       onOpenFile: (filePath) => filePath && this.navigation.navigateToFile(filePath),
       onOpenTextFile: (filePath) => filePath && this.navigation.navigateToFile(filePath, { drawioMode: 'text' }),
+      onToggleQuickSwitcher: () => {
+        void this.toggleQuickSwitcher();
+      },
       previewContainer: this.elements.previewContainer,
       previewElement: this.elements.previewContent,
       toastController: this.toastController,
@@ -771,29 +780,16 @@ export class CollabMdAppShell {
     this._editorSessionPrewarmHandle = window.setTimeout(runPrewarm, 0);
   }
 
-  async ensureQuickSwitcher() {
-    if (this.quickSwitcher) {
-      return this.quickSwitcher;
-    }
-
-    if (!this.quickSwitcherModulePromise) {
-      this.quickSwitcherModulePromise = import('../presentation/quick-switcher-controller.js')
-        .then((module) => module.QuickSwitcherController);
-    }
-
-    const QuickSwitcherController = await this.quickSwitcherModulePromise;
-    if (!this.quickSwitcher) {
-      this.quickSwitcher = new QuickSwitcherController({
-        getFileList: () => this.fileExplorer.flatFiles,
-        onFileSelect: (filePath) => this.handleFileSelection(filePath, { closeSidebarOnMobile: true }),
-      });
-    }
+  loadQuickSwitcherController() {
+    return import('../presentation/quick-switcher-controller.js')
+      .then((module) => module.QuickSwitcherController);
+  }
 
-    return this.quickSwitcher;
+  async ensureQuickSwitcher() {
+    return ensureQuickSwitcherInstance(this);
   }
 
   async toggleQuickSwitcher() {
-    const quickSwitcher = await this.ensureQuickSwitcher();
-    quickSwitcher.toggle();
+    return toggleQuickSwitcherInstance(this);
   }
 }

package/src/client/domain/keyboard-shortcuts.js

@@ -0,0 +1,8 @@
+export function isPlainQuickSwitcherShortcut(event) {
+  if (!event || event.repeat || (!event.metaKey && !event.ctrlKey) || event.shiftKey || event.altKey) {
+    return false;
+  }
+
+  const key = String(event.key ?? '').toLowerCase();
+  return key === 'k' || event.code === 'KeyK';
+}

package/src/client/drawio-editor.js

@@ -2,6 +2,7 @@ import './styles/surfaces/embedded-editor-base.css';
 import './styles/surfaces/drawio-editor.css';
 
 import { ensureClientAuthenticated } from './infrastructure/auth-client.js';
+import { isPlainQuickSwitcherShortcut } from './domain/keyboard-shortcuts.js';
 import { DrawioLeaseClient } from './infrastructure/drawio-lease-client.js';
 import { getRuntimeConfig } from './infrastructure/runtime-config.js';
 import { vaultApiClient } from './infrastructure/vault-api-client.js';
@@ -76,6 +77,16 @@ function postToParent(type, payload = {}) {
   window.parent.postMessage({ source: 'drawio-editor', instanceId, type, ...payload }, parentOrigin);
 }
 
+function handleQuickSwitcherKeyDown(event) {
+  if (!isPlainQuickSwitcherShortcut(event)) {
+    return;
+  }
+
+  event.preventDefault();
+  event.stopPropagation();
+  postToParent('request-toggle-quick-switcher');
+}
+
 function parseMessagePayload(rawValue) {
   if (typeof rawValue === 'string') {
     try {
@@ -418,6 +429,8 @@ async function claimEdit() {
   drawioLeaseClient.tryAcquireLease();
 }
 
+window.addEventListener('keydown', handleQuickSwitcherKeyDown, { capture: true });
+
 async function init() {
   setBodyTheme(currentTheme);
 

package/src/client/excalidraw-editor.js

@@ -24,6 +24,7 @@ import {
 import {
   normalizeDocumentMode,
 } from './domain/excalidraw-document-switch.js';
+import { isPlainQuickSwitcherShortcut } from './domain/keyboard-shortcuts.js';
 import { ensureClientAuthenticated } from './infrastructure/auth-client.js';
 import { ExcalidrawRoomClient } from './infrastructure/excalidraw-room-client.js';
 import { vaultApiClient } from './infrastructure/vault-api-client.js';
@@ -440,6 +441,16 @@ function postToParent(type, payload = {}) {
   window.parent.postMessage({ source: 'excalidraw-editor', type, ...payload }, parentOrigin);
 }
 
+function handleQuickSwitcherKeyDown(event) {
+  if (!isPlainQuickSwitcherShortcut(event)) {
+    return;
+  }
+
+  event.preventDefault();
+  event.stopPropagation();
+  postToParent('request-toggle-quick-switcher');
+}
+
 function getSceneElementsForPreviewFit() {
   return (
     excalidrawAPI?.getSceneElementsIncludingDeleted?.()
@@ -757,6 +768,8 @@ function handleEditorMount({ excalidrawAPI: api }) {
   excalidrawAPI = api;
 }
 
+window.addEventListener('keydown', handleQuickSwitcherKeyDown, { capture: true });
+
 async function init() {
   const loadingElement = document.getElementById('loadingState');
 

package/src/client/infrastructure/excalidraw-room-client.js

@@ -210,7 +210,7 @@ export class ExcalidrawRoomClient {
     let initialJson = this.getStructuredSceneJson();
     let usedApiFallback = false;
     if (!initialJson) {
-      const sceneFromApi = await this.loadSceneFromApi();
+      const sceneFromApi = await this.loadSceneFromApi({ createIfMissing: false });
       const syncedJson = this.getStructuredSceneJson();
       if (syncedJson) {
         initialJson = syncedJson;

package/src/client/infrastructure/workspace-sync-client.js

@@ -6,6 +6,29 @@ import { WORKSPACE_ROOM_NAME } from '../../domain/workspace-room.js';
 import { resolveWsBaseUrl } from '../domain/runtime-paths.js';
 import { stopReconnectOnControlledClose } from './yjs-provider-reset-guard.js';
 
+function normalizeWorkspacePath(pathValue = '') {
+  return String(pathValue ?? '')
+    .trim()
+    .replace(/\\/g, '/')
+    .split('/')
+    .filter(Boolean)
+    .join('/');
+}
+
+function getParentDirectoryPath(pathValue = '') {
+  const normalizedPath = normalizeWorkspacePath(pathValue);
+  if (!normalizedPath) {
+    return '';
+  }
+
+  const separatorIndex = normalizedPath.lastIndexOf('/');
+  return separatorIndex >= 0 ? normalizedPath.slice(0, separatorIndex) : '';
+}
+
+function getEntryParentPath(entry = {}) {
+  return getParentDirectoryPath(entry?.path ?? '');
+}
+
 function createNode(entry) {
   if (!entry?.path || !entry?.type) {
     return null;
@@ -87,7 +110,7 @@ class WorkspaceTreeModel {
     sortPathsByDepth(Array.from(this.nodesByPath.keys())).forEach((pathValue) => {
       const node = this.nodesByPath.get(pathValue);
       if (node) {
-        this.attachNode(pathValue, node, this.entriesByPath.get(pathValue)?.parentPath || '');
+        this.attachNode(pathValue, node, getEntryParentPath(this.entriesByPath.get(pathValue)));
       }
     });
 
@@ -170,7 +193,7 @@ class WorkspaceTreeModel {
     }
 
     this.entriesByPath.set(pathValue, entry);
-    this.attachNode(pathValue, node, entry.parentPath || '');
+    this.attachNode(pathValue, node, getEntryParentPath(entry));
 
     if (node.type === 'directory') {
       this.rehomeChildren(pathValue);
@@ -214,7 +237,7 @@ class WorkspaceTreeModel {
 
   rehomeChildren(parentPath) {
     this.entriesByPath.forEach((entry, pathValue) => {
-      if (entry?.parentPath !== parentPath) {
+      if (getEntryParentPath(entry) !== parentPath) {
         return;
       }
 

package/src/client/presentation/comment-ui/comment-ui-card.js

@@ -43,6 +43,7 @@ function openComposerForSelection(origin = 'editor', sourceRect = null) {
     : this.session?.getCommentAnchorClientRect?.(anchor));
   this.activeCard = {
     anchor,
+    composerDraft: null,
     mode: 'create',
     origin: nextOrigin,
     replyThreadId: null,
@@ -57,8 +58,10 @@ function openThreadGroup(group, { anchor, origin, sourceRect }) {
   this.activeCard = {
     anchor,
     groupKey: group.key,
+    groupThreadIds: group.threads.map((thread) => thread.id),
     mode: 'group',
     origin,
+    replyDrafts: {},
     replyThreadId: null,
     sourceRect,
   };
@@ -97,9 +100,59 @@ function updateCardSourceRect() {
   return this.activeCard.sourceRect;
 }
 
+/** @this {any} */
+function createTextareaDraft(textarea) {
+  if (!(textarea instanceof HTMLTextAreaElement)) {
+    return null;
+  }
+
+  return {
+    selectionDirection: textarea.selectionDirection ?? 'none',
+    selectionEnd: textarea.selectionEnd,
+    selectionStart: textarea.selectionStart,
+    value: textarea.value,
+  };
+}
+
+/** @this {any} */
+function captureActiveCardDraft() {
+  if (!this.activeCard) {
+    return;
+  }
+
+  const textarea = this.cardRoot?.querySelector('.comment-card-input');
+  const draft = createTextareaDraft(textarea);
+  if (!draft) {
+    return;
+  }
+
+  if (this.activeCard.mode === 'create') {
+    this.activeCard.composerDraft = draft;
+    return;
+  }
+
+  if (this.activeCard.mode === 'group' && this.activeCard.replyThreadId) {
+    this.activeCard.replyDrafts = {
+      ...(this.activeCard.replyDrafts ?? {}),
+      [this.activeCard.replyThreadId]: draft,
+    };
+  }
+}
+
+/** @this {any} */
+function createPendingFocusTarget(element, draft = null) {
+  return {
+    element,
+    selectionDirection: draft?.selectionDirection ?? 'none',
+    selectionEnd: Number.isInteger(draft?.selectionEnd) ? draft.selectionEnd : null,
+    selectionStart: Number.isInteger(draft?.selectionStart) ? draft.selectionStart : null,
+  };
+}
+
 /** @this {any} */
 function renderCard() {
   const root = this.ensureCardRoot();
+  this.captureActiveCardDraft();
   root.replaceChildren();
   root.classList.toggle('hidden', !this.activeCard);
   if (!this.activeCard) {
@@ -245,6 +298,7 @@ function createComposer() {
   textarea.rows = 4;
   textarea.maxLength = COMMENT_BODY_MAX_LENGTH;
   textarea.placeholder = 'Add context, feedback, or a question...';
+  textarea.value = this.activeCard?.composerDraft?.value ?? '';
 
   const actions = document.createElement('div');
   actions.className = 'ui-record-actions comment-card-actions';
@@ -277,7 +331,7 @@ function createComposer() {
     this.closeCard();
   });
 
-  this.pendingCardFocusElement = textarea;
+  this.pendingCardFocusElement = createPendingFocusTarget(textarea, this.activeCard?.composerDraft);
   return form;
 }
 
@@ -329,6 +383,9 @@ function createThreadElement(thread) {
   reply.setAttribute('aria-label', isReplying ? 'Cancel reply' : 'Reply to thread');
   reply.title = isReplying ? 'Cancel reply' : 'Reply to thread';
   reply.addEventListener('click', () => {
+    if (isReplying && this.activeCard?.replyDrafts?.[thread.id]) {
+      delete this.activeCard.replyDrafts[thread.id];
+    }
     this.activeCard = {
       ...this.activeCard,
       replyThreadId: isReplying ? null : thread.id,
@@ -517,12 +574,14 @@ function createReactionPickerButton(thread, message, emoji) {
 function createReplyComposer(thread) {
   const form = document.createElement('form');
   form.className = 'comment-reply-form';
+  const draft = this.activeCard?.replyDrafts?.[thread.id] ?? null;
 
   const textarea = document.createElement('textarea');
   textarea.className = inputClassNames({ extra: 'comment-card-input' });
   textarea.rows = 3;
   textarea.maxLength = COMMENT_BODY_MAX_LENGTH;
   textarea.placeholder = 'Reply to thread...';
+  textarea.value = draft?.value ?? '';
 
   const actions = document.createElement('div');
   actions.className = 'ui-record-actions comment-card-actions';
@@ -532,6 +591,9 @@ function createReplyComposer(thread) {
   cancel.className = buttonClassNames({ variant: 'secondary' });
   cancel.textContent = 'Cancel';
   cancel.addEventListener('click', () => {
+    if (this.activeCard?.replyDrafts?.[thread.id]) {
+      delete this.activeCard.replyDrafts[thread.id];
+    }
     this.activeCard = {
       ...this.activeCard,
       replyThreadId: null,
@@ -546,7 +608,7 @@ function createReplyComposer(thread) {
 
   actions.append(cancel, submit);
   form.append(textarea, actions);
-  this.pendingCardFocusElement = textarea;
+  this.pendingCardFocusElement = createPendingFocusTarget(textarea, draft);
 
   form.addEventListener('submit', async (event) => {
     event.preventDefault();
@@ -556,6 +618,9 @@ function createReplyComposer(thread) {
       return;
     }
 
+    if (this.activeCard?.replyDrafts?.[thread.id]) {
+      delete this.activeCard.replyDrafts[thread.id];
+    }
     this.activeCard = {
       ...this.activeCard,
       replyThreadId: null,
@@ -597,7 +662,8 @@ function positionCard(card) {
 
 /** @this {any} */
 function flushPendingCardFocus() {
-  const element = this.pendingCardFocusElement;
+  const pendingTarget = this.pendingCardFocusElement;
+  const element = pendingTarget instanceof HTMLElement ? pendingTarget : pendingTarget?.element;
   if (!(element instanceof HTMLElement) || !element.isConnected) {
     this.pendingCardFocusElement = null;
     return;
@@ -615,6 +681,17 @@ function flushPendingCardFocus() {
     }
 
     element.focus({ preventScroll: true });
+    if (
+      element instanceof HTMLTextAreaElement
+      && Number.isInteger(pendingTarget?.selectionStart)
+      && Number.isInteger(pendingTarget?.selectionEnd)
+    ) {
+      element.setSelectionRange(
+        pendingTarget.selectionStart,
+        pendingTarget.selectionEnd,
+        pendingTarget.selectionDirection ?? 'none',
+      );
+    }
   };
 
   focusElement();
@@ -633,14 +710,17 @@ function flushPendingCardFocus() {
 }
 
 export const commentUiCardMethods = {
+  captureActiveCardDraft,
   closeCard,
   createComposer,
+  createPendingFocusTarget,
   createMessageElement,
   createQuickReactionButton,
   createReactionBar,
   createReactionPicker,
   createReactionPickerButton,
   createReplyComposer,
+  createTextareaDraft,
   createThreadElement,
   ensureCardRoot,
   flushPendingCardFocus,

package/src/client/presentation/comment-ui/comment-ui-state.js

@@ -165,11 +165,34 @@ function handleEditorContentChange() {
 /** @this {CommentUiStateContext} */
 function setThreads(threads = []) {
   this.threads = sortThreads(threads);
+  const groups = this.getThreadGroups();
   if (
     this.activeCard?.mode === 'group'
-    && !this.getThreadGroups().some((group) => group.key === this.activeCard.groupKey)
   ) {
-    this.activeCard = null;
+    const activeThreadIds = Array.isArray(this.activeCard.groupThreadIds)
+      ? this.activeCard.groupThreadIds
+      : [];
+    const matchingGroup = groups.find((group) => group.key === this.activeCard.groupKey)
+      ?? groups.find((group) => (
+        group.threads.length === activeThreadIds.length
+        && group.threads.every((thread) => activeThreadIds.includes(thread.id))
+      ));
+    if (!matchingGroup) {
+      this.activeCard = null;
+    } else {
+      this.activeCard = {
+        ...this.activeCard,
+        anchor: matchingGroup.anchor,
+        groupKey: matchingGroup.key,
+        groupThreadIds: matchingGroup.threads.map((thread) => thread.id),
+      };
+      if (
+        this.activeCard.replyThreadId
+        && !matchingGroup.threads.some((thread) => thread.id === this.activeCard.replyThreadId)
+      ) {
+        this.activeCard.replyThreadId = null;
+      }
+    }
   }
   if (
     this.reactionPicker

package/src/client/presentation/drawio-embed-controller.js

@@ -98,6 +98,7 @@ export class DrawioEmbedController {
     getTheme,
     onOpenFile = null,
     onOpenTextFile = null,
+    onToggleQuickSwitcher = null,
     previewContainer,
     previewElement,
     toastController,
@@ -106,6 +107,7 @@ export class DrawioEmbedController {
     this.getTheme = getTheme;
     this.onOpenFile = onOpenFile;
     this.onOpenTextFile = onOpenTextFile;
+    this.onToggleQuickSwitcher = onToggleQuickSwitcher;
     this.previewContainer = previewContainer;
     this.previewElement = previewElement;
     this.toastController = toastController;
@@ -585,7 +587,15 @@ export class DrawioEmbedController {
     return null;
   }
 
+  _isMessageFromEntry(event, entry) {
+    return Boolean(entry?.iframe?.contentWindow && event.source === entry.iframe.contentWindow);
+  }
+
   _onMessage(event) {
+    if (event.origin !== window.location.origin) {
+      return;
+    }
+
     const payload = event.data;
     if (!payload || payload.source !== 'drawio-editor') {
       return;
@@ -595,6 +605,9 @@ export class DrawioEmbedController {
     if (!entry) {
       return;
     }
+    if (!this._isMessageFromEntry(event, entry)) {
+      return;
+    }
 
     if (payload.type === 'fallback-text') {
       if (entry.mode === 'view') {
@@ -616,6 +629,11 @@ export class DrawioEmbedController {
 
     if (payload.type === 'request-open-file') {
       this.onOpenFile?.(entry.filePath);
+      return;
+    }
+
+    if (payload.type === 'request-toggle-quick-switcher') {
+      this.onToggleQuickSwitcher?.();
     }
   }
 

package/src/client/presentation/excalidraw-embed-controller.js

@@ -55,6 +55,7 @@ export class ExcalidrawEmbedController {
     getTheme,
     getLocalUser,
     onOpenFile = null,
+    onToggleQuickSwitcher = null,
     previewContainer,
     previewElement,
     toastController,
@@ -62,6 +63,7 @@ export class ExcalidrawEmbedController {
     this.getTheme = getTheme;
     this.getLocalUser = getLocalUser;
     this.onOpenFile = onOpenFile;
+    this.onToggleQuickSwitcher = onToggleQuickSwitcher;
     this.previewContainer = previewContainer;
     this.previewElement = previewElement;
     this.toastController = toastController;
@@ -1197,6 +1199,11 @@ export class ExcalidrawEmbedController {
       return;
     }
 
+    if (msg.type === 'request-toggle-quick-switcher') {
+      this.onToggleQuickSwitcher?.();
+      return;
+    }
+
     if (msg.type === 'error') {
       if (entry.isParked) {
         return;

package/src/client/presentation/git-panel-controller.js

@@ -730,6 +730,7 @@ export class GitPanelController {
       && this.selection.scope === file.scope;
     const dirPath = getPathDir(file.path);
     const displayName = getPathLeaf(file.path);
+    const fullPath = String(file.path || '');
     const statusClass = badgeClass(file.status);
     const stageAction = file.scope === 'staged'
       ? { label: 'Unstage', value: 'unstage' }
@@ -746,6 +747,7 @@ export class GitPanelController {
           type="button"
           data-git-path="${escapeHtml(file.path)}"
           data-git-scope="${escapeHtml(file.scope)}"
+          title="${escapeHtml(fullPath)}"
         >
           ${fileIconSvg()}
           <span class="ui-item-copy git-file-copy">