collabmd 0.1.23 → 0.1.25

package/src/client/styles/layout/editor-page.css

@@ -121,6 +121,11 @@
 }
 
 .toolbar-right {
+  position: relative;
+  flex-shrink: 0;
+}
+
+.toolbar-presence-cluster {
   flex-shrink: 0;
 }
 
@@ -161,6 +166,16 @@
   flex-shrink: 0;
 }
 
+.toolbar-overflow-toggle {
+  display: none;
+}
+
+.toolbar-overflow-menu {
+  display: flex;
+  align-items: center;
+  gap: var(--space-2);
+}
+
 .diff-mode-toggle,
 .diff-layout-toggle {
   padding: 3px;
@@ -186,18 +201,103 @@
 .markdown-toolbar {
   display: flex;
   align-items: center;
-  flex-wrap: wrap;
-  gap: var(--space-1);
+  gap: 2px;
   flex-shrink: 0;
-  padding: var(--space-1) var(--space-2);
+  min-height: 36px;
+  padding: 2px 6px;
   border-bottom: 1px solid var(--color-divider);
   background: var(--color-surface);
 }
 
-.markdown-toolbar-separator {
-  width: 1px;
-  height: 18px;
-  margin: 0 2px;
+.markdown-toolbar-group,
+.markdown-toolbar-block-menu-shell {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  gap: 1px;
   flex-shrink: 0;
-  background: var(--color-divider);
+}
+
+.markdown-toolbar-group {
+  padding-left: 8px;
+  margin-left: 4px;
+  border-left: 1px solid var(--color-divider);
+}
+
+.markdown-toolbar-block-trigger {
+  display: inline-flex;
+  align-items: center;
+  gap: 2px;
+  min-height: 28px;
+  padding: 0 8px;
+  border-radius: var(--radius-sm);
+  white-space: nowrap;
+}
+
+.markdown-toolbar-block-trigger-label {
+  font-size: 11px;
+  font-weight: 700;
+  line-height: 1;
+}
+
+.markdown-toolbar-block-trigger-icon {
+  display: inline-flex;
+  color: var(--color-text-faint);
+  transform: scale(0.9);
+}
+
+.markdown-toolbar.is-menu-open .markdown-toolbar-block-trigger {
+  background: var(--color-surface-offset);
+  color: var(--color-text);
+}
+
+.markdown-toolbar-popover {
+  position: absolute;
+  z-index: 12;
+  min-width: 176px;
+}
+
+.markdown-toolbar-menu {
+  display: grid;
+  padding: 3px;
+  border: 1px solid var(--color-border);
+  border-radius: var(--radius-md);
+  background: oklch(from var(--color-surface) l c h / 0.98);
+  box-shadow: var(--shadow-lg);
+  backdrop-filter: blur(12px);
+}
+
+.markdown-toolbar-menu-item {
+  display: grid;
+  grid-template-columns: 1fr auto;
+  align-items: center;
+  gap: var(--space-2);
+  width: 100%;
+  min-height: 30px;
+  padding: 0 10px;
+  border: none;
+  border-radius: var(--radius-sm);
+  background: transparent;
+  color: var(--color-text);
+  text-align: left;
+  cursor: pointer;
+  transition: background var(--transition-interactive), color var(--transition-interactive);
+}
+
+.markdown-toolbar-menu-item:hover,
+.markdown-toolbar-menu-item:focus-visible,
+.markdown-toolbar-menu-item.is-active {
+  background: var(--color-surface-offset);
+  outline: none;
+}
+
+.markdown-toolbar-menu-item-label {
+  font-size: var(--text-ui-sm);
+  font-weight: 600;
+}
+
+.markdown-toolbar-menu-item-shortcut {
+  color: var(--color-text-faint);
+  font-size: var(--text-xs);
+  font-weight: 700;
 }

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

@@ -38,6 +38,74 @@
     max-width: none;
   }
 
+  .toolbar {
+    gap: var(--space-1);
+    padding: 0 var(--space-2);
+  }
+
+  .toolbar-left {
+    gap: var(--space-1);
+    min-width: 0;
+  }
+
+  .toolbar-room-info {
+    gap: var(--space-1);
+  }
+
+  .toolbar-room-name {
+    max-width: min(38vw, 140px);
+    font-size: var(--text-xs);
+  }
+
+  .toolbar-badge {
+    max-width: 68px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
+  .toolbar-presence-cluster {
+    display: none;
+  }
+
+  .toolbar-overflow-toggle {
+    display: inline-flex;
+  }
+
+  .toolbar-overflow-menu {
+    position: absolute;
+    top: calc(100% + var(--space-2));
+    right: 0;
+    z-index: 14;
+    display: none;
+    min-width: min(260px, calc(100vw - 24px));
+    flex-direction: column;
+    align-items: stretch;
+    gap: var(--space-1);
+    padding: var(--space-2);
+    border: 1px solid var(--color-border);
+    border-radius: var(--radius-lg);
+    background: oklch(from var(--color-surface) l c h / 0.98);
+    box-shadow: var(--shadow-lg);
+    backdrop-filter: blur(12px);
+  }
+
+  .toolbar-right.is-overflow-open .toolbar-overflow-menu {
+    display: flex;
+  }
+
+  .toolbar-overflow-menu .ui-toolbar-button,
+  .toolbar-overflow-menu .chat-container {
+    width: 100%;
+  }
+
+  .toolbar-overflow-menu .ui-toolbar-button-label {
+    display: inline;
+  }
+
+  .toolbar-overflow-menu .ui-toolbar-button {
+    justify-content: flex-start;
+  }
+
   .sidebar-close-btn {
     display: inline-flex;
   }
@@ -150,6 +218,10 @@
     scrollbar-width: thin;
   }
 
+  .markdown-toolbar-popover {
+    max-width: min(240px, calc(100vw - 24px));
+  }
+
   .outline-panel {
     position: absolute;
     inset: 0;
@@ -166,17 +238,25 @@
     display: none !important;
   }
 
-  #outlineToggle {
-    display: inline-flex !important;
+  .comments-drawer {
+    position: absolute;
+    inset: 0;
+    width: auto;
+    min-width: 0;
+    border-left: none;
+    border-top: 1px solid var(--color-divider);
+    background: oklch(from var(--color-surface) l c h / 0.98);
+    backdrop-filter: blur(10px);
+    box-shadow: var(--shadow-lg);
+    z-index: 6;
   }
 
-  .toolbar {
-    padding: 0 var(--space-2);
+  .comments-drawer.hidden {
+    display: none !important;
   }
 
-  .toolbar-room-name {
-    max-width: 120px;
-    font-size: var(--text-xs);
+  #outlineToggle {
+    display: inline-flex !important;
   }
 
   .chat-panel {

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

@@ -174,3 +174,36 @@
 .file-tree-children {
   /* Children indentation handled by paddingLeft on items */
 }
+
+.file-action-sheet-backdrop {
+  position: fixed;
+  inset: 0;
+  z-index: 130;
+  background: oklch(from var(--color-bg) l c h / 0.44);
+}
+
+.file-action-sheet {
+  position: fixed;
+  right: var(--space-3);
+  bottom: calc(var(--space-3) + env(safe-area-inset-bottom, 0px));
+  left: var(--space-3);
+  z-index: 131;
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-1);
+  padding: var(--space-2);
+  border: 1px solid var(--color-border);
+  border-radius: var(--radius-xl);
+  background: oklch(from var(--color-surface) l c h / 0.98);
+  box-shadow: var(--shadow-lg);
+  backdrop-filter: blur(12px);
+}
+
+.file-action-sheet-item {
+  justify-content: flex-start;
+  width: 100%;
+}
+
+.file-action-sheet-item.file-context-danger {
+  color: var(--color-danger);
+}

package/src/client/styles/primitives/controls.css

@@ -124,8 +124,9 @@
 }
 
 .ui-icon-button--toolbar {
-  width: 36px;
-  min-width: 36px;
+  width: 28px;
+  min-width: 28px;
+  height: 28px;
 }
 
 .ui-pill-button {

package/src/server/config/build-info.js

@@ -0,0 +1,76 @@
+import { createHash } from 'node:crypto';
+import { readdirSync, readFileSync } from 'node:fs';
+import { resolve, relative } from 'node:path';
+
+function normalizeOptionalString(value) {
+  const normalized = String(value ?? '').trim();
+  return normalized.length > 0 ? normalized : '';
+}
+
+function listDirectoryEntries(directoryPath) {
+  return readdirSync(directoryPath, { withFileTypes: true })
+    .slice()
+    .sort((left, right) => left.name.localeCompare(right.name));
+}
+
+function updateDirectoryFingerprint(hash, rootDir, currentDir) {
+  for (const entry of listDirectoryEntries(currentDir)) {
+    const absolutePath = resolve(currentDir, entry.name);
+    const relativePath = relative(rootDir, absolutePath).replace(/\\/g, '/');
+
+    if (entry.isDirectory()) {
+      hash.update(`dir:${relativePath}\n`);
+      updateDirectoryFingerprint(hash, rootDir, absolutePath);
+      continue;
+    }
+
+    if (!entry.isFile()) {
+      continue;
+    }
+
+    hash.update(`file:${relativePath}\n`);
+    hash.update(readFileSync(absolutePath));
+    hash.update('\n');
+  }
+}
+
+function computeDirectoryFingerprint(directoryPath) {
+  const hash = createHash('sha256');
+  updateDirectoryFingerprint(hash, directoryPath, directoryPath);
+  return hash.digest('hex').slice(0, 16);
+}
+
+function loadPackageVersion(projectRoot) {
+  const packageJsonPath = resolve(projectRoot, 'package.json');
+  const packageJson = JSON.parse(readFileSync(packageJsonPath, 'utf8'));
+  return normalizeOptionalString(packageJson.version) || '0.0.0';
+}
+
+export function loadBuildInfo({
+  explicitBuildId = process.env.COLLABMD_BUILD_ID,
+  projectRoot,
+  publicDir,
+} = {}) {
+  const packageVersion = loadPackageVersion(projectRoot);
+  const normalizedExplicitBuildId = normalizeOptionalString(explicitBuildId);
+
+  if (normalizedExplicitBuildId) {
+    return {
+      id: normalizedExplicitBuildId,
+      packageVersion,
+    };
+  }
+
+  try {
+    const fingerprint = computeDirectoryFingerprint(publicDir);
+    return {
+      id: `${packageVersion}-${fingerprint}`,
+      packageVersion,
+    };
+  } catch {
+    return {
+      id: packageVersion,
+      packageVersion,
+    };
+  }
+}

package/src/server/config/env.js

@@ -9,6 +9,7 @@ import {
   createRandomAuthPassword,
   createRandomSessionSecret,
 } from '../auth/create-auth-service.js';
+import { loadBuildInfo } from './build-info.js';
 
 function parsePositiveInt(rawValue, fallbackValue) {
   const parsed = Number.parseInt(rawValue ?? '', 10);
@@ -250,6 +251,7 @@ export function loadConfig(overrides = {}) {
   const nodeEnv = process.env.NODE_ENV || 'development';
   const vaultDir = resolveConfiguredVaultDir(overrides);
   const basePath = normalizeAppBasePath(process.env.BASE_PATH || '');
+  const publicDir = resolve(projectRoot, 'dist/client');
   const authOverrides = overrides.auth ?? {};
   const authStrategy = normalizeAuthStrategy(
     authOverrides.strategy
@@ -265,6 +267,11 @@ export function loadConfig(overrides = {}) {
     ? loadOidcConfig(authOverrides.oidc, { basePath })
     : null;
   const git = loadGitConfig(overrides.git);
+  const build = loadBuildInfo({
+    explicitBuildId: process.env.COLLABMD_BUILD_ID,
+    projectRoot,
+    publicDir,
+  });
 
   return {
     auth: {
@@ -277,6 +284,7 @@ export function loadConfig(overrides = {}) {
       strategy: authStrategy,
     },
     basePath,
+    build,
     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),
@@ -286,7 +294,7 @@ export function loadConfig(overrides = {}) {
     port: parsePort(process.env.PORT, 1234),
     nodeEnv,
     plantumlServerUrl: process.env.PLANTUML_SERVER_URL || 'https://www.plantuml.com/plantuml',
-    publicDir: resolve(projectRoot, 'public'),
+    publicDir,
     vaultDir,
     publicWsBaseUrl: process.env.PUBLIC_WS_BASE_URL || '',
     testWsRoomHydrateDelayMs: parsePositiveInt(process.env.TEST_WS_ROOM_HYDRATE_DELAY_MS, 0),

package/src/server/infrastructure/http/create-static-handler.js

@@ -1,7 +1,7 @@
 import { readFile } from 'fs/promises';
 import { extname, normalize, resolve } from 'path';
 
-import { sendResponse, textResponse } from './http-response.js';
+import { jsonResponse, sendResponse, textResponse } from './http-response.js';
 
 const CONTENT_TYPES = {
   '.css': 'text/css; charset=utf-8',
@@ -12,7 +12,7 @@ const CONTENT_TYPES = {
 };
 
 function isVersionedAssetPath(pathname = '') {
-  return /-[A-Z0-9]{8,}\.(?:css|js|woff2?|ttf|svg)$/iu.test(pathname);
+  return /-[A-Za-z0-9_-]{8,}\.(?:css|js|woff2?|ttf|svg)$/u.test(pathname);
 }
 
 function getStaticCacheControl(pathname = '', extension = '') {
@@ -46,6 +46,7 @@ function getStaticCacheControl(pathname = '', extension = '') {
 function buildRuntimeConfig({
   auth,
   basePath,
+  build,
   gitEnabled,
   nodeEnv,
   publicWsBaseUrl,
@@ -54,6 +55,7 @@ function buildRuntimeConfig({
   return `window.__COLLABMD_CONFIG__ = ${JSON.stringify({
     auth,
     basePath,
+    build,
     environment: nodeEnv,
     gitEnabled,
     publicWsBaseUrl,
@@ -125,6 +127,13 @@ export function createStaticHandler(config, authService = null) {
       return true;
     }
 
+    if (requestUrl.pathname === '/version.json') {
+      jsonResponse(req, res, 200, {
+        build: config.build ?? { id: '', packageVersion: '' },
+      });
+      return true;
+    }
+
     if (req.method !== 'GET' && req.method !== 'HEAD') {
       textResponse(req, res, 405, 'Method Not Allowed');
       return true;

package/src/server/infrastructure/http/create-vault-api-command-handler.js

@@ -54,6 +54,10 @@ function handleVaultError(req, res, error, logMessage, fallbackMessage) {
   return true;
 }
 
+function getDirectoryDeleteStatusCode(message = '') {
+  return String(message).includes('Directory is not empty') ? 409 : 400;
+}
+
 export function createVaultApiCommandHandler({
   vaultFileStore,
   workspaceMutationCoordinator = null,
@@ -246,6 +250,69 @@ export function createVaultApiCommandHandler({
       return true;
     }
 
+    if (requestUrl.pathname === '/api/directory' && req.method === 'PATCH') {
+      try {
+        const body = await parseJsonBody(req);
+        if (!body.oldPath || !body.newPath) {
+          jsonResponse(req, res, 400, { error: 'Missing oldPath or newPath' });
+          return true;
+        }
+
+        const workspaceChange = await workspaceMutationCoordinator?.createDirectoryRenameWorkspaceChange?.(body.oldPath, body.newPath);
+        const result = await vaultFileStore.renameDirectory(body.oldPath, body.newPath);
+        if (!result.ok) {
+          jsonResponse(req, res, 400, { error: result.error });
+          return true;
+        }
+
+        await workspaceMutationCoordinator?.apply?.({
+          action: 'rename-directory',
+          origin: 'api',
+          requestId: readRequestId(req),
+          workspaceChange: workspaceChange ?? {
+            renamedPaths: [{ oldPath: body.oldPath, newPath: body.newPath }],
+          },
+        });
+
+        jsonResponse(req, res, 200, { ok: true, path: body.newPath });
+      } catch (error) {
+        handleVaultError(req, res, error, '[api] Failed to rename directory:', 'Failed to rename directory');
+      }
+      return true;
+    }
+
+    if (requestUrl.pathname === '/api/directory' && req.method === 'DELETE') {
+      const dirPath = requestUrl.searchParams.get('path');
+      const recursive = requestUrl.searchParams.get('recursive') === '1';
+      if (!dirPath) {
+        jsonResponse(req, res, 400, { error: 'Missing path parameter' });
+        return true;
+      }
+
+      try {
+        const workspaceChange = await workspaceMutationCoordinator?.createDirectoryDeleteWorkspaceChange?.(dirPath);
+        const result = await vaultFileStore.deleteDirectory(dirPath, { recursive });
+        if (!result.ok) {
+          jsonResponse(req, res, getDirectoryDeleteStatusCode(result.error), { error: result.error });
+          return true;
+        }
+
+        await workspaceMutationCoordinator?.apply?.({
+          action: 'delete-directory',
+          origin: 'api',
+          requestId: readRequestId(req),
+          workspaceChange: workspaceChange ?? {
+            deletedPaths: [dirPath],
+          },
+        });
+
+        jsonResponse(req, res, 200, { ok: true });
+      } catch (error) {
+        handleVaultError(req, res, error, '[api] Failed to delete directory:', 'Failed to delete directory');
+      }
+      return true;
+    }
+
     return false;
   };
 }

package/src/server/infrastructure/persistence/path-utils.js

@@ -58,6 +58,17 @@ export function resolveVaultDirectoryPath(vaultDir, requestedPath) {
   return { absolute, error: null };
 }
 
+export function resolveVaultDirectoryRenamePaths(vaultDir, oldPath, newPath) {
+  const absoluteOld = sanitizeVaultPath(vaultDir, oldPath);
+  const absoluteNew = sanitizeVaultPath(vaultDir, newPath);
+
+  if (!absoluteOld || !absoluteNew) {
+    return { absoluteNew: null, absoluteOld: null, error: INVALID_DIRECTORY_PATH_ERROR };
+  }
+
+  return { absoluteNew, absoluteOld, error: null };
+}
+
 export function resolveVaultRenamePaths(vaultDir, oldPath, newPath) {
   const absoluteOld = sanitizeVaultPath(vaultDir, oldPath);
   const absoluteNew = sanitizeVaultPath(vaultDir, newPath);