Editor settings, SSH/SSL runtime, data import + table-menu loose ends (#7)

* feat: editor settings model + typed clamped defaults (Task 1)

* feat: carry SSH config + ssh_password to backend DbConfig (Task 2)

* feat: Change enum bulk/drop/empty + type-specific change payload builder (Task 3)

* feat: csv parser + shared export util (Task 4)

* feat: rustls TLS connector factory with modes + client auth (Task 5)

* feat: real SSH tunnel manager (testable backend) + pool eviction hook (Task 6)

* feat: table DDL fetch (sqlite + pg_dump arg builder) (Task 7)

* feat: keychain SSH secrets + connection delete purge + tunnel lifecycle (Task 8)

* feat: real SSH tunnel + TLS connect path for postgres/mysql (Task 9)

* feat: execute_change bulk/drop/empty + get_table_ddl command (Task 10)

* feat: fetch SSH secrets into dbConnect + save on connection form (Task 11)

* feat: Editor settings tab UI (Task 12)

* feat: QueryEditor applies editor settings live (Task 13)

* feat: ImportDialog with CSV/JSON preview + column mapping (Task 14)

* feat: table-menu export/empty/delete/import + queue labels + payload builder (Task 15)

* fix: error sanitization, encrypted-key guard, row-indexed import errors, caps (Task 16)

* docs: mark Editor Settings, SSH/SSL runtime, Data Import, table-menu loose ends shipped (Task 17)

* feat: auto-refresh schema tree after schema-modifying SQL (query + queue drop)

* fix: use theme-consistent red classes for danger menu items (text-error was undefined)

* feat: changes queue as tab-bar popover + amber pending border

* feat: redesign changes popover (visual/SQL toggle, cards, footer actions, Cmd+S)

* refactor: drop per-card status label from changes popover cards

* feat: green completion indicator on committed cards + auto-close tabs of dropped tables

* docs: changes queue popover UX + auto schema refresh statuses

src/components/editor/QueryEditor.tsx

@@ -1,6 +1,7 @@
-import { useCallback } from "react";
+import { useCallback, useEffect, useRef } from "react";
 import Editor, { type OnMount, type BeforeMount } from "@monaco-editor/react";
 import * as monaco from "monaco-editor";
+import { useSettingsStore } from "../../stores/settingsStore";
 
 interface QueryEditorProps {
   value: string;
@@ -15,8 +16,38 @@ export function QueryEditor({
   onRun,
   readOnly = false,
 }: QueryEditorProps) {
+  const editorRef = useRef<monaco.editor.IStandaloneCodeEditor | null>(null);
+
+  const editorFontFamily = useSettingsStore(
+    (s) => s.settings?.editor_font_family ?? "Space Mono",
+  );
+  const editorFontSize = useSettingsStore(
+    (s) => s.settings?.editor_font_size ?? 13,
+  );
+  const editorWordWrap = useSettingsStore(
+    (s) => s.settings?.editor_word_wrap ?? "off",
+  );
+  const editorMinimap = useSettingsStore(
+    (s) => s.settings?.editor_minimap ?? false,
+  );
+  const editorTabSize = useSettingsStore(
+    (s) => s.settings?.editor_tab_size ?? 4,
+  );
+
+  useEffect(() => {
+    editorRef.current?.updateOptions?.({
+      fontFamily: editorFontFamily,
+      fontSize: editorFontSize,
+      wordWrap: editorWordWrap === "on" ? "on" : "off",
+      minimap: { enabled: editorMinimap },
+      tabSize: editorTabSize,
+    });
+    monaco.editor.remeasureFonts();
+  }, [editorFontFamily, editorFontSize, editorWordWrap, editorMinimap, editorTabSize]);
+
   const handleMount: OnMount = useCallback(
     (editor) => {
+      editorRef.current = editor;
       editor.addAction({
         id: "run-query",
         label: "Run Query",
@@ -71,15 +102,16 @@ export function QueryEditor({
         onChange={(v) => onChange(v ?? "")}
         onMount={handleMount}
         options={{
-          minimap: { enabled: false },
-          fontSize: 13,
-          fontFamily: "'Space Mono', 'Fira Code', monospace",
+          minimap: { enabled: editorMinimap },
+          fontSize: editorFontSize,
+          fontFamily: editorFontFamily,
           lineNumbers: "on",
           scrollBeyondLastLine: false,
-          wordWrap: "off",
+          wordWrap: editorWordWrap === "on" ? "on" : "off",
           readOnly,
           placeholder: "Enter your SQL query…",
           automaticLayout: true,
+          tabSize: editorTabSize,
         }}
       />
     </div>