collabmd 0.1.39 → 0.1.40

package/src/client/styles/features/quick-switcher.css

@@ -8,7 +8,7 @@
   justify-content: center;
   padding-top: min(20vh, 160px);
   background: var(--surface-scrim);
-  backdrop-filter: blur(4px);
+  backdrop-filter: blur(2px);
   opacity: 0;
   visibility: hidden;
   transition: opacity 120ms ease, visibility 120ms ease, display 120ms ease allow-discrete;
@@ -26,12 +26,12 @@
 }
 
 .qs-modal {
-  width: min(560px, calc(100vw - 32px));
-  max-height: min(440px, 60vh);
+  width: min(720px, calc(100vw - 32px));
+  max-height: min(580px, 70vh);
   display: flex;
   flex-direction: column;
   overflow: hidden;
-  border: 1px solid var(--color-border);
+  border: 1px solid var(--color-divider);
   border-radius: var(--radius-lg);
   background: var(--color-surface);
   box-shadow: var(--shadow-lg);
@@ -39,6 +39,44 @@
   transition: transform 120ms cubic-bezier(0.16, 1, 0.3, 1);
 }
 
+.qs-mode-tabs {
+  display: flex;
+  padding: 0 var(--space-2);
+  border-bottom: 1px solid var(--color-divider);
+}
+
+.qs-mode-tab {
+  position: relative;
+  flex: 1;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 40px;
+  padding: var(--space-2) var(--space-3);
+  border: 0;
+  border-bottom: 2px solid transparent;
+  background: transparent;
+  color: var(--color-text-muted);
+  font: inherit;
+  font-size: var(--text-xs);
+  font-weight: 500;
+  cursor: pointer;
+  transition:
+    background var(--transition-interactive),
+    color var(--transition-interactive),
+    border-color var(--transition-interactive);
+}
+
+.qs-mode-tab:hover {
+  background: var(--color-surface-offset);
+  color: var(--color-text);
+}
+
+.qs-mode-tab.active {
+  border-bottom-color: var(--color-primary);
+  color: var(--color-primary);
+}
+
 .qs-overlay.visible .qs-modal {
   transform: translateY(0) scale(1);
 }
@@ -53,7 +91,7 @@
   display: flex;
   align-items: center;
   gap: var(--space-2);
-  padding: var(--space-3) var(--space-4);
+  padding: var(--space-2) var(--space-3);
   border-bottom: 1px solid var(--color-divider);
 }
 
@@ -64,11 +102,14 @@
 
 .qs-input {
   flex: 1;
-  border: none;
+  min-height: 30px;
+  padding: 0;
+  border: 1px solid transparent;
+  border-radius: var(--radius-sm);
   outline: none;
   background: transparent;
   color: var(--color-text);
-  font-size: var(--text-sm);
+  font-size: var(--text-xs);
   font-family: var(--font-body);
   line-height: 1.5;
 }
@@ -95,6 +136,23 @@
   overflow-y: auto;
   overscroll-behavior: contain;
   padding: var(--space-1) 0;
+  scrollbar-width: thin;
+  scrollbar-color: var(--color-surface-dynamic) transparent;
+}
+
+.qs-results::-webkit-scrollbar {
+  width: 8px;
+}
+
+.qs-results::-webkit-scrollbar-track {
+  background: transparent;
+}
+
+.qs-results::-webkit-scrollbar-thumb {
+  border: 2px solid transparent;
+  border-radius: var(--radius-full);
+  background: var(--color-surface-dynamic);
+  background-clip: content-box;
 }
 
 .qs-result-item {
@@ -102,11 +160,12 @@
   align-items: center;
   gap: var(--space-2);
   width: 100%;
-  padding: var(--space-2) var(--space-4);
+  min-height: 34px;
+  padding: var(--space-2) var(--space-3);
   border: none;
   background: transparent;
   color: var(--color-text);
-  font-size: var(--text-sm);
+  font-size: var(--text-xs);
   font-family: var(--font-body);
   text-align: left;
   cursor: pointer;
@@ -119,11 +178,7 @@
 }
 
 .qs-result-item.selected {
-  background: var(--color-primary-highlight);
-}
-
-[data-theme="dark"] .qs-result-item.selected {
-  background: oklch(from var(--color-primary) l c h / 0.18);
+  color: var(--color-text);
 }
 
 .qs-result-icon {
@@ -147,7 +202,7 @@
 
 .qs-result-path {
   flex-shrink: 0;
-  max-width: 200px;
+  max-width: 180px;
   overflow: hidden;
   color: var(--color-text-faint);
   text-overflow: ellipsis;
@@ -165,3 +220,86 @@
 .qs-hint.hidden {
   display: none;
 }
+
+.qs-text-group {
+  padding: var(--space-1) 0 var(--space-2);
+}
+
+.qs-text-group + .qs-text-group {
+  border-top: 1px solid var(--color-divider);
+}
+
+.qs-text-group-header {
+  display: grid;
+  grid-template-columns: minmax(0, auto) minmax(0, 1fr) auto;
+  align-items: center;
+  gap: var(--space-2);
+  padding: var(--space-2) var(--space-3) var(--space-1);
+  color: var(--color-text-muted);
+  font-size: var(--text-xs);
+}
+
+.qs-text-file-name {
+  overflow: hidden;
+  color: var(--color-text);
+  font-weight: 650;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.qs-text-file-meta {
+  overflow: hidden;
+  color: var(--color-text-faint);
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.qs-text-count {
+  color: var(--color-text-faint);
+  font-size: var(--text-meta);
+}
+
+.qs-text-item {
+  display: grid;
+  grid-template-columns: 48px minmax(0, 1fr);
+  gap: var(--space-2);
+  width: 100%;
+  min-height: 34px;
+  padding: 7px var(--space-3);
+  border: none;
+  background: transparent;
+  color: var(--color-text);
+  font-family: var(--font-body);
+  text-align: left;
+  cursor: pointer;
+}
+
+.qs-text-item:hover,
+.qs-text-item.selected {
+  background: var(--color-surface-offset);
+}
+
+.qs-text-line {
+  color: var(--color-text-faint);
+  font-family: var(--font-mono);
+  font-size: var(--text-meta);
+  line-height: 1.45;
+  text-align: right;
+}
+
+.qs-text-snippet {
+  overflow: hidden;
+  color: var(--color-text-muted);
+  font-family: var(--font-mono);
+  font-size: var(--text-xs);
+  line-height: 1.45;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.qs-text-snippet mark {
+  padding: 0 1px;
+  border-radius: var(--radius-2xs);
+  background: oklch(from var(--color-primary) l c h / 0.22);
+  color: var(--color-primary);
+}

package/src/client/styles/layout/shell.css

@@ -346,11 +346,14 @@
 }
 
 .preview-content.is-excalidraw-file-preview .excalidraw-embed.is-maximized {
-  position: absolute;
+  position: fixed;
   inset: var(--space-3);
-  z-index: 2;
+  z-index: 172;
   box-sizing: border-box;
-  max-width: calc(100% - (var(--space-3) * 2));
+  width: auto !important;
+  height: auto !important;
+  min-height: 0;
+  max-width: none;
   margin: 0;
 }
 

package/src/client/styles/surfaces/excalidraw-editor.css

@@ -2,6 +2,10 @@ body[data-surface='excalidraw-editor'] {
   background: transparent;
 }
 
+body[data-surface='excalidraw-editor'][data-document-mode='preview'] .disable-view-mode {
+  display: none !important;
+}
+
 .loading-state {
   display: flex;
   align-items: center;

package/src/server/config/env.js

@@ -316,6 +316,7 @@ export function loadConfig(overrides = {}) {
     basePath,
     build,
     drawioBaseUrl: resolveDrawioBaseUrl(process.env.COLLABMD_DRAWIO_BASE_URL || process.env.DRAWIO_BASE_URL),
+    fileWatcherEnabled: overrides.fileWatcherEnabled ?? process.env.COLLABMD_FILE_WATCHER_ENABLED !== 'false',
     host: process.env.HOST || getDefaultHost(nodeEnv),
     httpHeadersTimeoutMs: parsePositiveInt(process.env.HTTP_HEADERS_TIMEOUT_MS, 60_000),
     httpKeepAliveTimeoutMs: parsePositiveInt(process.env.HTTP_KEEP_ALIVE_TIMEOUT_MS, 5_000),

package/src/server/create-app-server.js

@@ -11,6 +11,7 @@ import { DocxExporter } from './domain/docx-exporter.js';
 import { GitService } from './infrastructure/git/git-service.js';
 import { PlantUmlRenderer } from './infrastructure/plantuml/plantuml-renderer.js';
 import { RoomRegistry } from './domain/collaboration/room-registry.js';
+import { RipgrepSearchService } from './domain/ripgrep-search-service.js';
 import { createRequestHandler } from './infrastructure/http/create-request-handler.js';
 import { VaultFileStore } from './infrastructure/persistence/vault-file-store.js';
 import { attachCollaborationGateway } from './infrastructure/websocket/attach-collaboration-gateway.js';
@@ -91,6 +92,10 @@ export function createAppServer(config = loadConfig()) {
     enabled: config.gitEnabled,
     vaultDir: config.vaultDir,
   });
+  const searchService = new RipgrepSearchService({
+    perfLoggingEnabled: config.perfLoggingEnabled,
+    vaultDir: config.vaultDir,
+  });
   const testControls = {
     wsRoomHydrateDelayMs: Math.max(0, Number(config.testWsRoomHydrateDelayMs || 0)),
   };
@@ -143,6 +148,7 @@ export function createAppServer(config = loadConfig()) {
     roomRegistry,
     plantUmlRenderer,
     gitService,
+    searchService,
     testControls,
     workspaceMutationCoordinator,
     fileSystemSyncService,
@@ -175,6 +181,14 @@ export function createAppServer(config = loadConfig()) {
   async function listen() {
     const startupStartedAt = Date.now();
 
+    const searchCapabilityStartedAt = Date.now();
+    config.search = await searchService.initialize();
+    logPerfEvent(config.perfLoggingEnabled, 'startup', {
+      available: config.search.available,
+      durationMs: Date.now() - searchCapabilityStartedAt,
+      phase: 'search-capability',
+    });
+
     const initialWorkspaceScanStartedAt = Date.now();
     const initialWorkspaceSnapshot = await vaultFileStore.scanWorkspaceState();
     vaultFileCount = initialWorkspaceSnapshot.vaultFileCount ?? 0;
@@ -220,12 +234,20 @@ export function createAppServer(config = loadConfig()) {
       phase: 'workspace-init',
     });
 
-    const watcherStartStartedAt = Date.now();
-    await fileSystemSyncService.start({ snapshot: liveWorkspaceSnapshot });
-    logPerfEvent(config.perfLoggingEnabled, 'startup', {
-      durationMs: Date.now() - watcherStartStartedAt,
-      phase: 'watcher-start',
-    });
+    if (config.fileWatcherEnabled !== false) {
+      const watcherStartStartedAt = Date.now();
+      await fileSystemSyncService.start({ snapshot: liveWorkspaceSnapshot });
+      logPerfEvent(config.perfLoggingEnabled, 'startup', {
+        durationMs: Date.now() - watcherStartStartedAt,
+        phase: 'watcher-start',
+      });
+    } else {
+      fileSystemSyncService.initializeFromSnapshot({ snapshot: liveWorkspaceSnapshot });
+      logPerfEvent(config.perfLoggingEnabled, 'startup', {
+        durationMs: 0,
+        phase: 'watcher-skipped',
+      });
+    }
 
     return new Promise((resolve, reject) => {
       const listenStartedAt = Date.now();
@@ -286,6 +308,7 @@ export function createAppServer(config = loadConfig()) {
     backlinkIndex,
     fileSystemSyncService,
     gitService,
+    searchService,
     setTestHydrateDelayMs(delayMs = 0) {
       testControls.wsRoomHydrateDelayMs = Math.max(0, Number(delayMs) || 0);
     },