feat(lsp): implement LSP subsystem with server management and context integration

- Add LSP subsystem public API in `index.ts` for managing language server workers.
- Create `lspContext.tsx` for React integration, providing LSP server manager via context.
- Implement `lspServer.worker.ts` to handle LSP server communication in a dedicated Web Worker.
- Develop `lspServerManager.ts` to manage LSP server lifecycle, document events, and diagnostics.
- Define LSP types in `types.ts` for request/response structures and server configurations.
- Introduce `workspaceConfig.ts` for reading and managing workspace configurations from `.dir/settings.json`.

Author: aesopov

.dir/settings.json

@@ -0,0 +1,3 @@
+{
+  "workspace": true
+}

packages/ui/lib/DotDir.tsx

@@ -6,6 +6,7 @@ import { builtInCommandContributions } from "@/features/commands/builtInCommandC
 import { useCommandRegistry } from "@dotdirfm/commands";
 import { ExtensionHostClientProvider } from "@/features/extensions/extensionHostClient";
 import { ExtensionHostWorkspaceSync } from "@/features/extensions/extensionHostWorkspaceSync";
+import { LspManagerProvider } from "@/features/extensions/lsp/lspContext";
 import { FssProvider } from "@/features/fss/fss";
 import { PanelControllersProvider } from "@/features/panels/panelControllers";
 import { UserSettingsProvider } from "@/features/settings/useUserSettings";
@@ -106,6 +107,7 @@ export const DotDir = forwardRef<DotDirHandle, DotDirProps>(function DotDir({ br
           [AppServicesProvider],
           [FssProvider],
           [ExtensionHostClientProvider],
+          [LspManagerProvider],
           [PanelControllersProvider],
         ]}
       >

packages/ui/lib/features/extensions/ExtensionContainer.tsx

@@ -16,6 +16,7 @@ import { useLanguageRegistry } from "@/features/languages/languageRegistry";
 import { getActiveColorThemeData, onColorThemeChange } from "@/features/themes/vscodeColorTheme";
 import { useFocusContext, useManagedFocusLayer } from "@dotdirfm/ui-focus";
 import styles from "@/styles/viewers.module.css";
+import { LspStatusBar } from "@/features/extensions/lsp/LspStatusBar";
 import { isContainerPath, parseContainerPath } from "@dotdirfm/ui-utils";
 import { basename, dirname, join, normalizePath } from "@dotdirfm/ui-utils";
 import { getStyleHostElement } from "@dotdirfm/ui-utils";
@@ -1504,6 +1505,7 @@ export function EditorContainer({
           style={{ width: "100%", height: "100%" }}
         />
       </div>
+      <LspStatusBar languageId={currentLangId} filePath={filePath} />
     </>
   );
 

packages/ui/lib/features/extensions/builtins/MonacoEditorSurface.tsx

@@ -18,6 +18,7 @@ import { useEffect, useRef } from "react";
 import { useCommandRegistry } from "@dotdirfm/commands";
 import { registerMountedExtensionCommandHandler } from "@/features/extensions/extensionCommandHandlers";
 import { useExtensionHostClient, type ExtensionHostClient } from "@/features/extensions/extensionHostClient";
+import { useLspManager } from "@/features/extensions/lsp/lspContext";
 import { attachMonacoBridges, type AttachedBridges } from "@/features/extensions/monacoBridge";
 import {
   DOTDIR_MONACO_EXECUTE_ACTION,
@@ -166,19 +167,27 @@ function overlayWidgetColors(isDark: boolean): Record<string, string> {
   };
 }
 
+import type { LspServerManager } from "@/features/extensions/lsp/lspServerManager";
+
 let attachedBridgeClient: ExtensionHostClient | null = null;
 let attachedBridges: AttachedBridges | null = null;
+let attachedLspManager: LspServerManager | null = null;
 
-export async function ensureMonacoBridgesAttached(client: ExtensionHostClient): Promise<void> {
-  if (attachedBridgeClient === client) return;
+export async function ensureMonacoBridgesAttached(
+  client: ExtensionHostClient,
+  lspManager?: LspServerManager | null,
+): Promise<void> {
+  if (attachedBridgeClient === client && attachedLspManager === lspManager) return;
   if (attachedBridges) {
     attachedBridges.detach();
     attachedBridges = null;
     attachedBridgeClient = null;
+    attachedLspManager = null;
   }
   const monaco = await loadSharedMonaco();
-  attachedBridges = attachMonacoBridges(monaco, client);
+  attachedBridges = attachMonacoBridges(monaco, client, lspManager ?? null);
   attachedBridgeClient = client;
+  attachedLspManager = lspManager ?? null;
 }
 
 function stripLangSuffix(scope: string): string {
@@ -974,6 +983,7 @@ export function MonacoEditorSurface({ hostApi, props, active, onInteract }: Mona
   const apiRef = useRef<EditorExtensionApi | null>(null);
   const commandRegistry = useCommandRegistry();
   const extensionHost = useExtensionHostClient();
+  const lspManager = useLspManager();
   const monacoCommandDisposerRef = useRef<(() => void) | null>(null);
   const monacoCommandSignatureRef = useRef<string>("");
   const activatedLanguageEventsRef = useRef(new Set<string>());
@@ -1004,10 +1014,10 @@ export function MonacoEditorSurface({ hostApi, props, active, onInteract }: Mona
   }
 
   useEffect(() => {
-    void ensureMonacoBridgesAttached(extensionHost).catch((err) => {
+    void ensureMonacoBridgesAttached(extensionHost, lspManager).catch((err) => {
       console.warn("[MonacoEditorSurface] failed to attach extension-host bridges", err);
     });
-  }, [extensionHost]);
+  }, [extensionHost, lspManager]);
 
   useEffect(() => {
     const root = rootRef.current;

packages/ui/lib/features/extensions/ehProtocol.ts

@@ -262,6 +262,14 @@ export interface ConfigurationUpdateMsg {
   value: unknown;
 }
 
+export interface ConfigurationWorkspaceMsg {
+  type: "configuration/workspace";
+  /** Absolute path to the workspace root. */
+  root: string;
+  /** Merged workspace-level settings (from .dir/settings.json). */
+  values: Record<string, unknown>;
+}
+
 export interface ActiveEditorMsg {
   type: "editor/active";
   uri: string | null;
@@ -299,6 +307,7 @@ export type MainToHostMessage =
   | DocumentSaveMsg
   | WorkspaceFoldersMsg
   | ConfigurationUpdateMsg
+  | ConfigurationWorkspaceMsg
   | ActiveEditorMsg
   | ProviderInvokeMsg
   | ProviderCancelMsg