fix: update Monaco editor CSS import to use inline style and remove unused xterm dependencies

Author: aesopov

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

@@ -12,7 +12,7 @@ import type { StateStack } from "vscode-textmate";
 // from installed extensions, so the language-specific workers would just be
 // dead weight (each pulls in a megabyte-class language server).
 import EditorWorker from "monaco-editor/esm/vs/editor/editor.worker.js?worker&inline";
-import monacoCssUrl from "monaco-editor/min/vs/editor/editor.main.css?url";
+import monacoCssText from "monaco-editor/min/vs/editor/editor.main.css?inline";
 import onigWasmUrl from "vscode-oniguruma/release/onig.wasm?url";
 import { useEffect, useRef } from "react";
 import { useCommandRegistry } from "@dotdirfm/commands";
@@ -619,12 +619,11 @@ function createMonacoEditorExtensionApi(hostApi: DotDirGlobalApi, runtime?: Mona
   }
 
   async function ensureMonacoReady(): Promise<void> {
-    if (!monacoCssReady && typeof document !== "undefined" && document.head && monacoCssUrl) {
-      const link = document.createElement("link");
-      link.setAttribute("data-monaco", "true");
-      link.rel = "stylesheet";
-      link.href = monacoCssUrl;
-      document.head.appendChild(link);
+    if (!monacoCssReady && typeof document !== "undefined" && document.head && monacoCssText) {
+      const style = document.createElement("style");
+      style.setAttribute("data-monaco", "true");
+      style.textContent = monacoCssText;
+      document.head.appendChild(style);
       monacoCssReady = true;
     }
     if (monacoReady) return;

packages/ui/vite.config.ts

@@ -24,9 +24,6 @@ export default defineConfig({
         "react-dom/client",
         "react-dom/server",
         "jotai",
-        "@xterm/addon-fit",
-        "@xterm/xterm",
-        "@xterm/xterm/css/xterm.css",
         "cmdk",
         "jsonc-parser",
         "marked",