chore(release): bump version to 4.4.5

fix(word): strip HTML style blocks and alignment divs from DOCX input
Pre-process markdown before Word/DOCX export to remove raw HTML artifacts (<style> blocks, HTML comments, and <div align=...> tags) that were visible in the generated document. Applies to single and batch DOCX exports via both Pandoc and WordTemplateExporter paths.
2026-08-03 02:11:07 +05:30 · 2026-06-30 13:57:34 +05:30 · 2026-06-30 13:57:29 +05:30 · 2026-06-30 12:56:33 +05:30 · 2026-06-19 23:18:00 +05:30 · 2026-06-11 21:17:37 +05:30
89 changed files with 17894 additions and 13276 deletions
@@ -0,0 +1,103 @@
+# CLAUDE.md — MarkdownConverter (master)
+
+> General code-quality, JavaScript, git, security, and testing standards are in the **global CLAUDE.md**. This file holds project- and branch-specific notes.
+
+## Project Overview
+
+Electron desktop app for Markdown editing and universal file conversion powered by Pandoc. Cross-platform (Win/macOS/Linux). Features: multi-tab editor with live preview, 25+ themes, PDF viewer/editor (merge/split/compress/rotate/watermark/password), export to 20+ formats (PDF/DOCX/ODT/EPUB/HTML/LaTeX/RTF/PPTX), batch conversion, syntax highlighting, diagram support (Mermaid), Git integration, and a plugin system.
+
+- **Version:** 4.4.5
+- **License:** MIT
+- **App ID:** `com.concreteinfo.markdownconverter`
+
+## Branch Specifics
+
+This is the **primary/release branch** — a vanilla JavaScript Electron app with no bundler or framework in the renderer. The renderer is a single large `renderer.js` (5,300+ lines) loaded directly via `src/index.html`. All UI is hand-rolled DOM manipulation.
+
+## Architecture
+
+### Main Process (`src/main.js` — 4,260 lines)
+Monolithic main process file. Contains all IPC handlers, Pandoc invocation, file operations, menu definitions (600+ lines), and window lifecycle. Key modules extracted:
+- `src/main/PDFOperations.js` — PDF manipulation via `pdf-lib` (merge, split, compress, rotate, delete, reorder, watermark, encrypt, decrypt, permissions)
+- `src/main/GitOperations.js` — Git status/stage/commit/log via `simple-git`
+
+### Renderer (`src/renderer.js` — 5,361 lines)
+Vanilla JS, no framework. Directly manipulates DOM. Loads CodeMirror 6 via `src/editor/codemirror-setup.js`. Uses `marked` + `highlight.js` + `DOMPurify` + `mermaid` for rendering. Lazy-loads sidebar panels, REPL, command palette, zen mode.
+
+### Preload (`src/preload.js` — 448 lines)
+Exists as IPC bridge, but **`contextIsolation: false` and `nodeIntegration: true`** — the renderer has full Node access. Preload is effectively a thin passthrough.
+
+### Security Model
+- `contextIsolation: false` + `nodeIntegration: true` (legacy; the react-electron branch fixes this)
+- Pandoc invoked via `execFile` (not `exec`) to prevent shell injection
+- Path traversal protection: `validatePath()`, `resolveWritablePath()`, blocks sensitive system dirs
+- Permission handler only allows `clipboard-read`/`clipboard-write`
+- Rate limiter on conversions (2-second minimum interval)
+- File size limit: 50MB
+- Error message sanitization strips absolute paths
+
+### Plugin System (`src/plugins/`)
+Manifest-based discovery (`manifest.json`). Built-in `writing-studio` plugin with sprint/goal/snapshot management. Plugin API exposed via `src/plugins/plugin-api.js`.
+
+### Settings
+Custom JSON file store at `<userData>/settings.json` (NOT `electron-store` despite the dependency). Recent files at `<userData>/recent-files.json`.
+
+## System Dependencies
+
+| Dependency | Required | Notes |
+|---|---|---|
+| **Node.js** | >= 20 | Electron 41 bundles Node 20.x |
+| **Pandoc** | Yes (for exports) | Downloaded to `bin/<platform>/pandoc` via `scripts/download-tools.js` (v3.9.0.2). Falls back to system PATH. Must be present for DOCX/ODT/EPUB/LaTeX/PPTX export. |
+| **FFmpeg** | Bundled | `ffmpeg-static` npm package; `asarUnpacked` for packaged builds |
+| **MiKTeX / TeX Live** | Optional | For LaTeX PDF export; MiKTeX PATH injected on Windows automatically |
+| **ImageMagick** | Optional | Linux image conversion; listed as deb dependency |
+| **LibreOffice** | Optional | Enhanced document conversion; listed as deb dependency |
+
+## Development Commands
+
+```bash
+npm start                  # Launch Electron app (dev mode)
+npm test                   # Jest test suite
+npm test:watch             # Jest in watch mode
+npm test:coverage          # Jest with coverage report
+npm run lint               # ESLint check (src + tests)
+npm run lint:fix           # ESLint auto-fix
+npm run format             # Prettier write
+npm run format:check       # Prettier check only
+npm run download-tools     # Download Pandoc binaries to bin/
+npm run generate-icons     # Generate app icons via sharp
+```
+
+## Build & Package
+
+**Tool:** `electron-builder` (v26.0.12), config inline in `package.json` (no separate config file).
+
+| Target | Platforms |
+|---|---|
+| `npm run build` | electron-builder (default platform) |
+| `npm run build:win` | Windows: NSIS installer + portable + zip (x64) |
+| `npm run build:mac` | macOS: default dmg |
+| `npm run build:linux` | Linux: deb + AppImage + snap |
+| `npm run dist` | Build without publish |
+| `npm run dist:all` | Build for all platforms |
+
+**Bundled with builds:** Pandoc binary per platform. FFmpeg via `ffmpeg-static` (asarUnpacked). NSIS installer uses custom script at `scripts/nsis-installer.nsh`.
+
+**Output:** `dist/` directory.
+
+**CI:** GitHub Actions workflows in `.github/workflows/` (ci.yml, release.yml).
+
+## Project Conventions / Gotchas
+
+- **No bundler/transpilation.** The app uses vanilla CommonJS JavaScript. `src/main.js` is loaded directly by Electron. No webpack, no Vite, no TypeScript, no Babel.
+- **Monolithic files.** `main.js` (4,260 lines) and `renderer.js` (5,361 lines) contain most logic. Not ideal but is the current state of this branch.
+- **CodeMirror 6** for the editor, configured in `src/editor/codemirror-setup.js`.
+- **PDF rendering** uses `pdfjs-dist`; **PDF manipulation** uses `pdf-lib` in the main process.
+- **Renderer security is weak** — full Node access in renderer. Do NOT introduce new privileged renderer code without understanding this.
+- **Pandoc is external.** Must be installed separately or downloaded via `npm run download-tools`. HTML and built-in PDF export work without Pandoc; other formats require it.
+- **PDF export fallback chain:** xelatex -> pdflatex -> lualatex -> Electron built-in `printToPDF()`.
+- **ESLint flat config** (`eslint.config.js`) with ECMAScript 2022. Prettier with 2-space indent, single quotes, semicolons, 100-char width.
+- **Tests:** Jest with jsdom environment, 15% coverage threshold. 24 test files in `tests/`.
+- **File associations:** `.md`, `.markdown`, `.pdf` registered at install.
+- **Single instance lock** enforced via `app.requestSingleInstanceLock()`.
+- **Adapters layer** (`src/adapters/`) abstracts file system operations for potential future non-Electron targets.
@@ -162,4 +162,4 @@ Amit Haridas (amit.wh@gmail.com)

 ## Version

-v4.1.0
+v4.4.5
@@ -75,6 +75,7 @@ module.exports = [
        jest: 'readonly',
        describe: 'readonly',
        test: 'readonly',
+        it: 'readonly',
        expect: 'readonly',
        beforeEach: 'readonly',
        afterEach: 'readonly',
@@ -1,12 +1,12 @@
 {
  "name": "markdown-converter",
-  "version": "4.2.0",
+  "version": "4.4.4",
  "lockfileVersion": 3,
  "requires": true,
  "packages": {
    "": {
      "name": "markdown-converter",
-      "version": "4.2.0",
+      "version": "4.4.4",
      "license": "MIT",
      "dependencies": {
        "@codemirror/autocomplete": "^6.20.1",
@@ -26,7 +26,7 @@
        "codemirror": "^6.0.2",
        "core-util-is": "^1.0.3",
        "docx": "^9.6.0",
-        "docx4js": "^3.3.0",
+        "docx4js": "^2.0.1",
        "dompurify": "^3.3.1",
        "electron-store": "^10.1.0",
        "ffmpeg-static": "^5.3.0",
@@ -619,45 +619,12 @@
      "integrity": "sha512-jigsZK+sMF/cuiB7sERuo9V7N9jx+dhmHHnQyDSVdpZwVutaBu7WvNYqMDLSgFgfB30n452TP3vjDAvFC973mA==",
      "license": "MIT"
    },
-    "node_modules/@chevrotain/cst-dts-gen": {
-      "version": "11.1.2",
-      "resolved": "https://registry.npmjs.org/@chevrotain/cst-dts-gen/-/cst-dts-gen-11.1.2.tgz",
-      "integrity": "sha512-XTsjvDVB5nDZBQB8o0o/0ozNelQtn2KrUVteIHSlPd2VAV2utEb6JzyCJaJ8tGxACR4RiBNWy5uYUHX2eji88Q==",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@chevrotain/gast": "11.1.2",
-        "@chevrotain/types": "11.1.2",
-        "lodash-es": "4.17.23"
-      }
-    },
-    "node_modules/@chevrotain/gast": {
-      "version": "11.1.2",
-      "resolved": "https://registry.npmjs.org/@chevrotain/gast/-/gast-11.1.2.tgz",
-      "integrity": "sha512-Z9zfXR5jNZb1Hlsd/p+4XWeUFugrHirq36bKzPWDSIacV+GPSVXdk+ahVWZTwjhNwofAWg/sZg58fyucKSQx5g==",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@chevrotain/types": "11.1.2",
-        "lodash-es": "4.17.23"
-      }
-    },
-    "node_modules/@chevrotain/regexp-to-ast": {
-      "version": "11.1.2",
-      "resolved": "https://registry.npmjs.org/@chevrotain/regexp-to-ast/-/regexp-to-ast-11.1.2.tgz",
-      "integrity": "sha512-nMU3Uj8naWer7xpZTYJdxbAs6RIv/dxYzkYU8GSwgUtcAAlzjcPfX1w+RKRcYG8POlzMeayOQ/znfwxEGo5ulw==",
-      "license": "Apache-2.0"
-    },
    "node_modules/@chevrotain/types": {
      "version": "11.1.2",
      "resolved": "https://registry.npmjs.org/@chevrotain/types/-/types-11.1.2.tgz",
      "integrity": "sha512-U+HFai5+zmJCkK86QsaJtoITlboZHBqrVketcO2ROv865xfCMSFpELQoz1GkX5GzME8pTa+3kbKrZHQtI0gdbw==",
      "license": "Apache-2.0"
    },
-    "node_modules/@chevrotain/utils": {
-      "version": "11.1.2",
-      "resolved": "https://registry.npmjs.org/@chevrotain/utils/-/utils-11.1.2.tgz",
-      "integrity": "sha512-4mudFAQ6H+MqBTfqLmU7G1ZwRzCLfJEooL/fsF6rCX5eePMbGhoy5n4g+G4vlh2muDcsCTJtL+uKbOzWxs5LHA==",
-      "license": "Apache-2.0"
-    },
    "node_modules/@codemirror/autocomplete": {
      "version": "6.20.1",
      "resolved": "https://registry.npmjs.org/@codemirror/autocomplete/-/autocomplete-6.20.1.tgz",
@@ -1008,9 +975,9 @@
      "license": "MIT"
    },
    "node_modules/@electron/asar/node_modules/brace-expansion": {
-      "version": "1.1.12",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
-      "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
+      "version": "1.1.14",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.14.tgz",
+      "integrity": "sha512-MWPGfDxnyzKU7rNOW9SP/c50vi3xrmrua/+6hfPbCS2ABNWfx24vPidzvC7krjU/RTo235sV776ymlsMtGKj8g==",
      "dev": true,
      "license": "MIT",
      "dependencies": {
@@ -1312,9 +1279,9 @@
      "license": "MIT"
    },
    "node_modules/@electron/universal/node_modules/brace-expansion": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.2.tgz",
-      "integrity": "sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==",
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.1.0.tgz",
+      "integrity": "sha512-TN1kCZAgdgweJhWWpgKYrQaMNHcDULHkWwQIspdtjV4Y5aurRdZpjAqn6yX3FPqTA9ngHCc4hJxMAMgGfve85w==",
      "dev": true,
      "license": "MIT",
      "dependencies": {
@@ -1398,9 +1365,9 @@
      }
    },
    "node_modules/@electron/windows-sign/node_modules/fs-extra": {
-      "version": "11.3.4",
-      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.3.4.tgz",
-      "integrity": "sha512-CTXd6rk/M3/ULNQj8FBqBWHYBVYybQ3VPBw0xGKFe3tuH7ytT6ACnvzpIQ3UZtB8yvUKC2cXn1a+x+5EVQLovA==",
+      "version": "11.3.5",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.3.5.tgz",
+      "integrity": "sha512-eKpRKAovdpZtR1WopLHxlBWvAgPny3c4gX1G5Jhwmmw4XJj0ifSD5qB5TOo8hmA0wlRKDAOAhEE1yVPgs6Fgcg==",
      "dev": true,
      "license": "MIT",
      "optional": true,
@@ -1415,9 +1382,9 @@
      }
    },
    "node_modules/@electron/windows-sign/node_modules/jsonfile": {
-      "version": "6.2.0",
-      "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.2.0.tgz",
-      "integrity": "sha512-FGuPw30AdOIUTRMC2OMRtQV+jkVj2cfPqSeWXv1NEAJ1qZ5zb1X6z1mFhbfOB/iy3ssJCD+3KuZ8r8C3uVFlAg==",
+      "version": "6.2.1",
+      "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.2.1.tgz",
+      "integrity": "sha512-zwOTdL3rFQ/lRdBnntKVOX6k5cKJwEc1HdilT71BWEu7J41gXIB2MRp+vxduPSwZJPWBxEzv4yH1wYLJGUHX4Q==",
      "dev": true,
      "license": "MIT",
      "optional": true,
@@ -1547,9 +1514,9 @@
      "license": "MIT"
    },
    "node_modules/@eslint/config-array/node_modules/brace-expansion": {
-      "version": "1.1.12",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
-      "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
+      "version": "1.1.14",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.14.tgz",
+      "integrity": "sha512-MWPGfDxnyzKU7rNOW9SP/c50vi3xrmrua/+6hfPbCS2ABNWfx24vPidzvC7krjU/RTo235sV776ymlsMtGKj8g==",
      "dev": true,
      "license": "MIT",
      "dependencies": {
@@ -1628,9 +1595,9 @@
      "license": "MIT"
    },
    "node_modules/@eslint/eslintrc/node_modules/brace-expansion": {
-      "version": "1.1.12",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
-      "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
+      "version": "1.1.14",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.14.tgz",
+      "integrity": "sha512-MWPGfDxnyzKU7rNOW9SP/c50vi3xrmrua/+6hfPbCS2ABNWfx24vPidzvC7krjU/RTo235sV776ymlsMtGKj8g==",
      "dev": true,
      "license": "MIT",
      "dependencies": {
@@ -2777,9 +2744,9 @@
      "license": "MIT"
    },
    "node_modules/@jest/reporters/node_modules/brace-expansion": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.2.tgz",
-      "integrity": "sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==",
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.1.0.tgz",
+      "integrity": "sha512-TN1kCZAgdgweJhWWpgKYrQaMNHcDULHkWwQIspdtjV4Y5aurRdZpjAqn6yX3FPqTA9ngHCc4hJxMAMgGfve85w==",
      "dev": true,
      "license": "MIT",
      "dependencies": {
@@ -3184,12 +3151,12 @@
      "license": "MIT"
    },
    "node_modules/@mermaid-js/parser": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/@mermaid-js/parser/-/parser-1.0.1.tgz",
-      "integrity": "sha512-opmV19kN1JsK0T6HhhokHpcVkqKpF+x2pPDKKM2ThHtZAB5F4PROopk0amuVYK5qMrIA4erzpNm8gmPNJgMDxQ==",
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@mermaid-js/parser/-/parser-1.1.1.tgz",
+      "integrity": "sha512-VuHdsYMK1bT6X2JbcAaWAhugTRvRBRyuZgd+c22swUeI9g/ntaxF7CY7dYarhZovofCbUNO0G7JesfmNtjYOCw==",
      "license": "MIT",
      "dependencies": {
-        "langium": "^4.0.0"
+        "@chevrotain/types": "~11.1.1"
      }
    },
    "node_modules/@napi-rs/canvas": {
@@ -3559,6 +3526,21 @@
        "url": "https://opencollective.com/pkgr"
      }
    },
+    "node_modules/@simple-git/args-pathspec": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/@simple-git/args-pathspec/-/args-pathspec-1.0.3.tgz",
+      "integrity": "sha512-ngJMaHlsWDTfjyq9F3VIQ8b7NXbBLq5j9i5bJ6XLYtD6qlDXT7fdKY2KscWWUF8t18xx052Y/PUO1K1TRc9yKA==",
+      "license": "MIT"
+    },
+    "node_modules/@simple-git/argv-parser": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@simple-git/argv-parser/-/argv-parser-1.1.1.tgz",
+      "integrity": "sha512-Q9lBcfQ+VQCpQqGJFHe5yooOS5hGdLFFbJ5R+R5aDsnkPCahtn1hSkMcORX65J2Z5lxSkD0lQorMsncuBQxYUw==",
+      "license": "MIT",
+      "dependencies": {
+        "@simple-git/args-pathspec": "^1.0.3"
+      }
+    },
    "node_modules/@sinclair/typebox": {
      "version": "0.34.48",
      "resolved": "https://registry.npmjs.org/@sinclair/typebox/-/typebox-0.34.48.tgz",
@@ -4461,9 +4443,9 @@
      }
    },
    "node_modules/@xmldom/xmldom": {
-      "version": "0.8.11",
-      "resolved": "https://registry.npmjs.org/@xmldom/xmldom/-/xmldom-0.8.11.tgz",
-      "integrity": "sha512-cQzWCtO6C8TQiYl1ruKNn2U6Ao4o4WBBcbL61yJl84x+j5sOWWFU9X7DpND8XZG3daDppSsigMdfAIl2upQBRw==",
+      "version": "0.8.13",
+      "resolved": "https://registry.npmjs.org/@xmldom/xmldom/-/xmldom-0.8.13.tgz",
+      "integrity": "sha512-KRYzxepc14G/CEpEGc3Yn+JKaAeT63smlDr+vjB8jRfgTBBI9wRj/nkQEO+ucV8p8I9bfKLWp37uHgFrbntPvw==",
      "dev": true,
      "license": "MIT",
      "engines": {
@@ -5132,12 +5114,6 @@
        "readable-stream": "^3.4.0"
      }
    },
-    "node_modules/boolbase": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz",
-      "integrity": "sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==",
-      "license": "ISC"
-    },
    "node_modules/boolean": {
      "version": "3.2.0",
      "resolved": "https://registry.npmjs.org/boolean/-/boolean-3.2.0.tgz",
@@ -5148,9 +5124,9 @@
      "optional": true
    },
    "node_modules/brace-expansion": {
-      "version": "5.0.5",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-5.0.5.tgz",
-      "integrity": "sha512-VZznLgtwhn+Mact9tfiwx64fA9erHH/MCXEUfB/0bX/6Fz6ny5EGTXYltMocqg4xFAQZtnO3DHWWXi8RiuN7cQ==",
+      "version": "5.0.6",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-5.0.6.tgz",
+      "integrity": "sha512-kLpxurY4Z4r9sgMsyG0Z9uzsBlgiU/EFKhj/h91/8yHu0edo7XuixOIH3VcJ8kkxs6/jPzoI6U9Vj3WqbMQ94g==",
      "dev": true,
      "license": "MIT",
      "dependencies": {
@@ -5363,9 +5339,9 @@
      "license": "MIT"
    },
    "node_modules/cacache/node_modules/brace-expansion": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.2.tgz",
-      "integrity": "sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==",
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.1.0.tgz",
+      "integrity": "sha512-TN1kCZAgdgweJhWWpgKYrQaMNHcDULHkWwQIspdtjV4Y5aurRdZpjAqn6yX3FPqTA9ngHCc4hJxMAMgGfve85w==",
      "dev": true,
      "license": "MIT",
      "dependencies": {
@@ -5527,22 +5503,6 @@
      "integrity": "sha512-4tYFyifaFfGacoiObjJegolkwSU4xQNGbVgUiNYVUxbQ2x2lUsFvY4hVgVzGiIe6WLOPqycWXA40l+PWsxthUw==",
      "license": "Apache-2.0"
    },
-    "node_modules/cfb": {
-      "version": "0.12.1",
-      "resolved": "https://registry.npmjs.org/cfb/-/cfb-0.12.1.tgz",
-      "integrity": "sha512-cP+4A0tTqtyza5gJwNwDetZ8FPjl0gPLE7mIxGKyUzOS6HkM23WaAWW/l3t7jIQSMqVXroa09Ey0lo7gV8LNxw==",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "commander": "~2.11.0",
-        "printj": "~1.1.0"
-      },
-      "bin": {
-        "cfb": "bin/cfb.njs"
-      },
-      "engines": {
-        "node": ">=0.8"
-      }
-    },
    "node_modules/chalk": {
      "version": "4.1.2",
      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
@@ -5570,59 +5530,6 @@
        "node": ">=10"
      }
    },
-    "node_modules/cheerio": {
-      "version": "0.22.0",
-      "resolved": "https://registry.npmjs.org/cheerio/-/cheerio-0.22.0.tgz",
-      "integrity": "sha512-8/MzidM6G/TgRelkzDG13y3Y9LxBjCb+8yOEZ9+wwq5gVF2w2pV0wmHvjfT0RvuxGyR7UEuK36r+yYMbT4uKgA==",
-      "license": "MIT",
-      "dependencies": {
-        "css-select": "~1.2.0",
-        "dom-serializer": "~0.1.0",
-        "entities": "~1.1.1",
-        "htmlparser2": "^3.9.1",
-        "lodash.assignin": "^4.0.9",
-        "lodash.bind": "^4.1.4",
-        "lodash.defaults": "^4.0.1",
-        "lodash.filter": "^4.4.0",
-        "lodash.flatten": "^4.2.0",
-        "lodash.foreach": "^4.3.0",
-        "lodash.map": "^4.4.0",
-        "lodash.merge": "^4.4.0",
-        "lodash.pick": "^4.2.1",
-        "lodash.reduce": "^4.4.0",
-        "lodash.reject": "^4.4.0",
-        "lodash.some": "^4.4.0"
-      },
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/chevrotain": {
-      "version": "11.1.2",
-      "resolved": "https://registry.npmjs.org/chevrotain/-/chevrotain-11.1.2.tgz",
-      "integrity": "sha512-opLQzEVriiH1uUQ4Kctsd49bRoFDXGGSC4GUqj7pGyxM3RehRhvTlZJc1FL/Flew2p5uwxa1tUDWKzI4wNM8pg==",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@chevrotain/cst-dts-gen": "11.1.2",
-        "@chevrotain/gast": "11.1.2",
-        "@chevrotain/regexp-to-ast": "11.1.2",
-        "@chevrotain/types": "11.1.2",
-        "@chevrotain/utils": "11.1.2",
-        "lodash-es": "4.17.23"
-      }
-    },
-    "node_modules/chevrotain-allstar": {
-      "version": "0.3.1",
-      "resolved": "https://registry.npmjs.org/chevrotain-allstar/-/chevrotain-allstar-0.3.1.tgz",
-      "integrity": "sha512-b7g+y9A0v4mxCW1qUhf3BSVPg+/NvGErk/dOkrDaHA0nQIQGAtrOjlX//9OQtRlSCy+x9rfB5N8yC71lH1nvMw==",
-      "license": "MIT",
-      "dependencies": {
-        "lodash-es": "^4.17.21"
-      },
-      "peerDependencies": {
-        "chevrotain": "^11.0.0"
-      }
-    },
    "node_modules/chownr": {
      "version": "3.0.0",
      "resolved": "https://registry.npmjs.org/chownr/-/chownr-3.0.0.tgz",
@@ -5777,41 +5684,6 @@
      "dev": true,
      "license": "MIT"
    },
-    "node_modules/color": {
-      "version": "3.2.1",
-      "resolved": "https://registry.npmjs.org/color/-/color-3.2.1.tgz",
-      "integrity": "sha512-aBl7dZI9ENN6fUGC7mWpMTPNHmWUSNan9tuWN6ahh5ZLNk9baLJOnSMlrQkHcrfFgz2/RigjUVAjdx36VcemKA==",
-      "license": "MIT",
-      "dependencies": {
-        "color-convert": "^1.9.3",
-        "color-string": "^1.6.0"
-      }
-    },
-    "node_modules/color-convert": {
-      "version": "1.9.3",
-      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
-      "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
-      "license": "MIT",
-      "dependencies": {
-        "color-name": "1.1.3"
-      }
-    },
-    "node_modules/color-name": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
-      "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==",
-      "license": "MIT"
-    },
-    "node_modules/color-string": {
-      "version": "1.9.1",
-      "resolved": "https://registry.npmjs.org/color-string/-/color-string-1.9.1.tgz",
-      "integrity": "sha512-shrVawQFojnZv6xM40anx4CkoDP+fZsw/ZerEMsW/pyzsRbElpsL/DBVW7q3ExxwusdNXI3lXpuhEZkzs8p5Eg==",
-      "license": "MIT",
-      "dependencies": {
-        "color-name": "^1.0.0",
-        "simple-swizzle": "^0.2.2"
-      }
-    },
    "node_modules/combined-stream": {
      "version": "1.0.8",
      "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
@@ -5826,10 +5698,16 @@
      }
    },
    "node_modules/commander": {
-      "version": "2.11.0",
-      "resolved": "https://registry.npmjs.org/commander/-/commander-2.11.0.tgz",
-      "integrity": "sha512-b0553uYA5YAEGgyYIGYROzKQ7X5RAqedkfjiZxwi0kL1g3bOaBNNZfYkzt/CL0umgD5wc9Jec2FbB98CjkMRvQ==",
-      "license": "MIT"
+      "version": "9.5.0",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-9.5.0.tgz",
+      "integrity": "sha512-KRs7WVDKg86PWiuAqhDrAQnTXZKraVcCc6vFdL14qrZ/DcWwuRo7VoiYXalXO7S5GKpqYiVEwCbgFDfxNHKJBQ==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "peer": true,
+      "engines": {
+        "node": "^12.20.0 || >=14"
+      }
    },
    "node_modules/compare-version": {
      "version": "0.1.2",
@@ -6046,27 +5924,6 @@
        "utrie": "^1.0.2"
      }
    },
-    "node_modules/css-select": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/css-select/-/css-select-1.2.0.tgz",
-      "integrity": "sha512-dUQOBoqdR7QwV90WysXPLXG5LO7nhYBgiWVfxF80DKPF8zx1t/pUd2FYy73emg3zrjtM6dzmYgbHKfV2rxiHQA==",
-      "license": "BSD-like",
-      "dependencies": {
-        "boolbase": "~1.0.0",
-        "css-what": "2.1",
-        "domutils": "1.5.1",
-        "nth-check": "~1.0.1"
-      }
-    },
-    "node_modules/css-what": {
-      "version": "2.1.3",
-      "resolved": "https://registry.npmjs.org/css-what/-/css-what-2.1.3.tgz",
-      "integrity": "sha512-a+EPoD+uZiNfh+5fxw2nO9QwFa6nJe2Or35fGY6Ipw1R3R4AGz1d1TEZrCegvw2YTmZ0jXirGYlzxxpYSHwpEg==",
-      "license": "BSD-2-Clause",
-      "engines": {
-        "node": "*"
-      }
-    },
    "node_modules/cssstyle": {
      "version": "4.6.0",
      "resolved": "https://registry.npmjs.org/cssstyle/-/cssstyle-4.6.0.tgz",
@@ -6862,9 +6719,9 @@
      "license": "MIT"
    },
    "node_modules/dir-compare/node_modules/brace-expansion": {
-      "version": "1.1.12",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
-      "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
+      "version": "1.1.14",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.14.tgz",
+      "integrity": "sha512-MWPGfDxnyzKU7rNOW9SP/c50vi3xrmrua/+6hfPbCS2ABNWfx24vPidzvC7krjU/RTo235sV776ymlsMtGKj8g==",
      "dev": true,
      "license": "MIT",
      "dependencies": {
@@ -6985,16 +6842,14 @@
      }
    },
    "node_modules/docx4js": {
-      "version": "3.3.0",
-      "resolved": "https://registry.npmjs.org/docx4js/-/docx4js-3.3.0.tgz",
-      "integrity": "sha512-n+EGNivVW1IqUjkHDCLb7/w2mW47/23PqTbQN0V++WaCyYYMwjAKsDdhUt1TMB67/v5KQS4abkxab1uu4zCtIQ==",
-      "license": "MIT",
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/docx4js/-/docx4js-2.0.1.tgz",
+      "integrity": "sha512-wmo3wCPkz4bTebRLYRBolU2SOmZHK1sZKiz/L96aHaqRhPD79zF8RzUxOveml4k0Hgm2kbPoulWklta6OMeKTQ==",
+      "license": "GPL",
      "dependencies": {
-        "cfb": "^0.12.1",
-        "cheerio": "^0.22.0",
-        "color": "^3.1.0",
-        "htmlparser2": "^3.9.2",
-        "jszip": "^2.6.0"
+        "jszip": "^2.6.0",
+        "sax": "^1.2.1",
+        "xml2js": "^0.4.17"
      }
    },
    "node_modules/dom-accessibility-api": {
@@ -7004,49 +6859,15 @@
      "dev": true,
      "license": "MIT"
    },
-    "node_modules/dom-serializer": {
-      "version": "0.1.1",
-      "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-0.1.1.tgz",
-      "integrity": "sha512-l0IU0pPzLWSHBcieZbpOKgkIn3ts3vAh7ZuFyXNwJxJXk/c4Gwj9xaTJwIDVQCXawWD0qb3IzMGH5rglQaO0XA==",
-      "license": "MIT",
-      "dependencies": {
-        "domelementtype": "^1.3.0",
-        "entities": "^1.1.1"
-      }
-    },
-    "node_modules/domelementtype": {
-      "version": "1.3.1",
-      "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-1.3.1.tgz",
-      "integrity": "sha512-BSKB+TSpMpFI/HOxCNr1O8aMOTZ8hT3pM3GQ0w/mWRmkhEDSFJkkyzz4XQsBV44BChwGkrDfMyjVD0eA2aFV3w==",
-      "license": "BSD-2-Clause"
-    },
-    "node_modules/domhandler": {
-      "version": "2.4.2",
-      "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-2.4.2.tgz",
-      "integrity": "sha512-JiK04h0Ht5u/80fdLMCEmV4zkNh2BcoMFBmZ/91WtYZ8qVXSKjiw7fXMgFPnHcSZgOo3XdinHvmnDUeMf5R4wA==",
-      "license": "BSD-2-Clause",
-      "dependencies": {
-        "domelementtype": "1"
-      }
-    },
    "node_modules/dompurify": {
-      "version": "3.3.3",
-      "resolved": "https://registry.npmjs.org/dompurify/-/dompurify-3.3.3.tgz",
-      "integrity": "sha512-Oj6pzI2+RqBfFG+qOaOLbFXLQ90ARpcGG6UePL82bJLtdsa6CYJD7nmiU8MW9nQNOtCHV3lZ/Bzq1X0QYbBZCA==",
+      "version": "3.4.5",
+      "resolved": "https://registry.npmjs.org/dompurify/-/dompurify-3.4.5.tgz",
+      "integrity": "sha512-OrwIBKsdNSVEeubdJ1HBv/wNENRM9ytAVCv7YXt//A3vPdVMNuACRqK9mXCGCBW2ln7BT/A4X0jXHo2Gu89miA==",
      "license": "(MPL-2.0 OR Apache-2.0)",
      "optionalDependencies": {
        "@types/trusted-types": "^2.0.7"
      }
    },
-    "node_modules/domutils": {
-      "version": "1.5.1",
-      "resolved": "https://registry.npmjs.org/domutils/-/domutils-1.5.1.tgz",
-      "integrity": "sha512-gSu5Oi/I+3wDENBsOWBiRK1eoGxcywYSqg3rR960/+EfY0CF4EX1VPkgHOZ3WiS/Jg2DtliF6BhWcHlfpYUcGw==",
-      "dependencies": {
-        "dom-serializer": "0",
-        "domelementtype": "1"
-      }
-    },
    "node_modules/dot-prop": {
      "version": "9.0.0",
      "resolved": "https://registry.npmjs.org/dot-prop/-/dot-prop-9.0.0.tgz",
@@ -7399,12 +7220,6 @@
        "once": "^1.4.0"
      }
    },
-    "node_modules/entities": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/entities/-/entities-1.1.2.tgz",
-      "integrity": "sha512-f2LZMYl1Fzu7YSBKg+RoROelpOaNrcGmE9AZubeDfrCEia483oW4MI4VyFd5VNHIgQ/7qm1I0wUHK1eJnn2y2w==",
-      "license": "BSD-2-Clause"
-    },
    "node_modules/env-paths": {
      "version": "2.2.1",
      "resolved": "https://registry.npmjs.org/env-paths/-/env-paths-2.2.1.tgz",
@@ -7480,6 +7295,16 @@
        "node": ">= 0.4"
      }
    },
+    "node_modules/es-toolkit": {
+      "version": "1.46.1",
+      "resolved": "https://registry.npmjs.org/es-toolkit/-/es-toolkit-1.46.1.tgz",
+      "integrity": "sha512-5eNtXOs3tbfxXOj04tjjseeWkRWaoCjdEI+96DgwzZoe6c9juL49pXlzAFTI72aWC9Y8p7168g6XIKjh7k6pyQ==",
+      "license": "MIT",
+      "workspaces": [
+        "docs",
+        "benchmarks"
+      ]
+    },
    "node_modules/es6-error": {
      "version": "4.1.1",
      "resolved": "https://registry.npmjs.org/es6-error/-/es6-error-4.1.1.tgz",
@@ -7656,9 +7481,9 @@
      "license": "MIT"
    },
    "node_modules/eslint/node_modules/brace-expansion": {
-      "version": "1.1.12",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
-      "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
+      "version": "1.1.14",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.14.tgz",
+      "integrity": "sha512-MWPGfDxnyzKU7rNOW9SP/c50vi3xrmrua/+6hfPbCS2ABNWfx24vPidzvC7krjU/RTo235sV776ymlsMtGKj8g==",
      "dev": true,
      "license": "MIT",
      "dependencies": {
@@ -7900,9 +7725,9 @@
      }
    },
    "node_modules/fast-uri": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/fast-uri/-/fast-uri-3.1.0.tgz",
-      "integrity": "sha512-iPeeDKJSWf4IEOasVVrknXpaBV0IApz/gp7S2bb7Z4Lljbl2MGJRqInZiUrQwV16cpzw/D3S5j5Julj/gT52AA==",
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/fast-uri/-/fast-uri-3.1.2.tgz",
+      "integrity": "sha512-rVjf7ArG3LTk+FS6Yw81V1DLuZl1bRbNrev6Tmd/9RaroeeRRJhAt7jg/6YFxbvAQXUCavSoZhPPj6oOx+5KjQ==",
      "funding": [
        {
          "type": "github",
@@ -8031,9 +7856,9 @@
      "license": "MIT"
    },
    "node_modules/filelist/node_modules/brace-expansion": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.2.tgz",
-      "integrity": "sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==",
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.1.0.tgz",
+      "integrity": "sha512-TN1kCZAgdgweJhWWpgKYrQaMNHcDULHkWwQIspdtjV4Y5aurRdZpjAqn6yX3FPqTA9ngHCc4hJxMAMgGfve85w==",
      "dev": true,
      "license": "MIT",
      "dependencies": {
@@ -8343,9 +8168,9 @@
      "license": "MIT"
    },
    "node_modules/glob/node_modules/brace-expansion": {
-      "version": "1.1.12",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
-      "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
+      "version": "1.1.14",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.14.tgz",
+      "integrity": "sha512-MWPGfDxnyzKU7rNOW9SP/c50vi3xrmrua/+6hfPbCS2ABNWfx24vPidzvC7krjU/RTo235sV776ymlsMtGKj8g==",
      "dev": true,
      "license": "MIT",
      "dependencies": {
@@ -8624,20 +8449,6 @@
        "jspdf": "^4.0.0"
      }
    },
-    "node_modules/htmlparser2": {
-      "version": "3.10.1",
-      "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-3.10.1.tgz",
-      "integrity": "sha512-IgieNijUMbkDovyoKObU1DUhm1iwNYE/fuifEoEHfd1oZKZDaONBSkal7Y01shxsM49R4XaMdGez3WnF9UfiCQ==",
-      "license": "MIT",
-      "dependencies": {
-        "domelementtype": "^1.3.1",
-        "domhandler": "^2.3.0",
-        "domutils": "^1.5.1",
-        "entities": "^1.1.1",
-        "inherits": "^2.0.1",
-        "readable-stream": "^3.1.1"
-      }
-    },
    "node_modules/http-cache-semantics": {
      "version": "4.2.0",
      "resolved": "https://registry.npmjs.org/http-cache-semantics/-/http-cache-semantics-4.2.0.tgz",
@@ -8860,9 +8671,9 @@
      "license": "MIT"
    },
    "node_modules/ip-address": {
-      "version": "10.1.0",
-      "resolved": "https://registry.npmjs.org/ip-address/-/ip-address-10.1.0.tgz",
-      "integrity": "sha512-XXADHxXmvT9+CRxhXg56LJovE+bmWnEWB78LB83VZTprKTmaC5QfruXocxzTZ2Kl0DNwKuBdlIhjL8LeY8Sf8Q==",
+      "version": "10.2.0",
+      "resolved": "https://registry.npmjs.org/ip-address/-/ip-address-10.2.0.tgz",
+      "integrity": "sha512-/+S6j4E9AHvW9SWMSEY9Xfy66O5PWvVEJ08O0y5JGyEKQpojb0K0GKpz/v5HJ/G0vi3D2sjGK78119oXZeE0qA==",
      "dev": true,
      "license": "MIT",
      "engines": {
@@ -9320,9 +9131,9 @@
      "license": "MIT"
    },
    "node_modules/jest-config/node_modules/brace-expansion": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.2.tgz",
-      "integrity": "sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==",
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.1.0.tgz",
+      "integrity": "sha512-TN1kCZAgdgweJhWWpgKYrQaMNHcDULHkWwQIspdtjV4Y5aurRdZpjAqn6yX3FPqTA9ngHCc4hJxMAMgGfve85w==",
      "dev": true,
      "license": "MIT",
      "dependencies": {
@@ -9892,9 +9703,9 @@
      "license": "MIT"
    },
    "node_modules/jest-runtime/node_modules/brace-expansion": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.2.tgz",
-      "integrity": "sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==",
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.1.0.tgz",
+      "integrity": "sha512-TN1kCZAgdgweJhWWpgKYrQaMNHcDULHkWwQIspdtjV4Y5aurRdZpjAqn6yX3FPqTA9ngHCc4hJxMAMgGfve85w==",
      "dev": true,
      "license": "MIT",
      "dependencies": {
@@ -10417,23 +10228,6 @@
      "resolved": "https://registry.npmjs.org/khroma/-/khroma-2.1.0.tgz",
      "integrity": "sha512-Ls993zuzfayK269Svk9hzpeGUKob/sIgZzyHYdjQoAdQetRKpOLj+k/QQQ/6Qi0Yz65mlROrfd+Ev+1+7dz9Kw=="
    },
-    "node_modules/langium": {
-      "version": "4.2.1",
-      "resolved": "https://registry.npmjs.org/langium/-/langium-4.2.1.tgz",
-      "integrity": "sha512-zu9QWmjpzJcomzdJQAHgDVhLGq5bLosVak1KVa40NzQHXfqr4eAHupvnPOVXEoLkg6Ocefvf/93d//SB7du4YQ==",
-      "license": "MIT",
-      "dependencies": {
-        "chevrotain": "~11.1.1",
-        "chevrotain-allstar": "~0.3.1",
-        "vscode-languageserver": "~9.0.1",
-        "vscode-languageserver-textdocument": "~1.0.11",
-        "vscode-uri": "~3.1.0"
-      },
-      "engines": {
-        "node": ">=20.10.0",
-        "npm": ">=10.2.3"
-      }
-    },
    "node_modules/layout-base": {
      "version": "1.0.2",
      "resolved": "https://registry.npmjs.org/layout-base/-/layout-base-1.0.2.tgz",
@@ -10523,9 +10317,9 @@
      }
    },
    "node_modules/lodash": {
-      "version": "4.17.23",
-      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.23.tgz",
-      "integrity": "sha512-LgVTMpQtIopCi79SJeDiP0TfWi5CNEc/L/aRdTh3yIvmZXTnheWpKjSZhnvMl8iXbC1tFg9gdHHDMLoV7CnG+w==",
+      "version": "4.18.1",
+      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.18.1.tgz",
+      "integrity": "sha512-dMInicTPVE8d1e5otfwmmjlxkZoUpiVLwyeTdUsi/Caj/gfzzblBcCE5sRHV/AsjuCmxWrte2TNGSYuCeCq+0Q==",
      "dev": true,
      "license": "MIT"
    },
@@ -10535,77 +10329,11 @@
      "integrity": "sha512-J8xewKD/Gk22OZbhpOVSwcs60zhd95ESDwezOFuA3/099925PdHJ7OFHNTGtajL3AlZkykD32HykiMo+BIBI8A==",
      "license": "MIT"
    },
-    "node_modules/lodash.assignin": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/lodash.assignin/-/lodash.assignin-4.2.0.tgz",
-      "integrity": "sha512-yX/rx6d/UTVh7sSVWVSIMjfnz95evAgDFdb1ZozC35I9mSFCkmzptOzevxjgbQUsc78NR44LVHWjsoMQXy9FDg==",
-      "license": "MIT"
-    },
-    "node_modules/lodash.bind": {
-      "version": "4.2.1",
-      "resolved": "https://registry.npmjs.org/lodash.bind/-/lodash.bind-4.2.1.tgz",
-      "integrity": "sha512-lxdsn7xxlCymgLYo1gGvVrfHmkjDiyqVv62FAeF2i5ta72BipE1SLxw8hPEPLhD4/247Ijw07UQH7Hq/chT5LA==",
-      "license": "MIT"
-    },
-    "node_modules/lodash.defaults": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/lodash.defaults/-/lodash.defaults-4.2.0.tgz",
-      "integrity": "sha512-qjxPLHd3r5DnsdGacqOMU6pb/avJzdh9tFX2ymgoZE27BmjXrNy/y4LoaiTeAb+O3gL8AfpJGtqfX/ae2leYYQ==",
-      "license": "MIT"
-    },
-    "node_modules/lodash.filter": {
-      "version": "4.6.0",
-      "resolved": "https://registry.npmjs.org/lodash.filter/-/lodash.filter-4.6.0.tgz",
-      "integrity": "sha512-pXYUy7PR8BCLwX5mgJ/aNtyOvuJTdZAo9EQFUvMIYugqmJxnrYaANvTbgndOzHSCSR0wnlBBfRXJL5SbWxo3FQ==",
-      "license": "MIT"
-    },
-    "node_modules/lodash.flatten": {
-      "version": "4.4.0",
-      "resolved": "https://registry.npmjs.org/lodash.flatten/-/lodash.flatten-4.4.0.tgz",
-      "integrity": "sha512-C5N2Z3DgnnKr0LOpv/hKCgKdb7ZZwafIrsesve6lmzvZIRZRGaZ/l6Q8+2W7NaT+ZwO3fFlSCzCzrDCFdJfZ4g==",
-      "license": "MIT"
-    },
-    "node_modules/lodash.foreach": {
-      "version": "4.5.0",
-      "resolved": "https://registry.npmjs.org/lodash.foreach/-/lodash.foreach-4.5.0.tgz",
-      "integrity": "sha512-aEXTF4d+m05rVOAUG3z4vZZ4xVexLKZGF0lIxuHZ1Hplpk/3B6Z1+/ICICYRLm7c41Z2xiejbkCkJoTlypoXhQ==",
-      "license": "MIT"
-    },
-    "node_modules/lodash.map": {
-      "version": "4.6.0",
-      "resolved": "https://registry.npmjs.org/lodash.map/-/lodash.map-4.6.0.tgz",
-      "integrity": "sha512-worNHGKLDetmcEYDvh2stPCrrQRkP20E4l0iIS7F8EvzMqBBi7ltvFN5m1HvTf1P7Jk1txKhvFcmYsCr8O2F1Q==",
-      "license": "MIT"
-    },
    "node_modules/lodash.merge": {
      "version": "4.6.2",
      "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
      "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
-      "license": "MIT"
-    },
-    "node_modules/lodash.pick": {
-      "name": "lodash",
-      "version": "4.17.23",
-      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.23.tgz",
-      "integrity": "sha512-LgVTMpQtIopCi79SJeDiP0TfWi5CNEc/L/aRdTh3yIvmZXTnheWpKjSZhnvMl8iXbC1tFg9gdHHDMLoV7CnG+w==",
-      "license": "MIT"
-    },
-    "node_modules/lodash.reduce": {
-      "version": "4.6.0",
-      "resolved": "https://registry.npmjs.org/lodash.reduce/-/lodash.reduce-4.6.0.tgz",
-      "integrity": "sha512-6raRe2vxCYBhpBu+B+TtNGUzah+hQjVdu3E17wfusjyrXBka2nBS8OH/gjVZ5PvHOhWmIZTYri09Z6n/QfnNMw==",
-      "license": "MIT"
-    },
-    "node_modules/lodash.reject": {
-      "version": "4.6.0",
-      "resolved": "https://registry.npmjs.org/lodash.reject/-/lodash.reject-4.6.0.tgz",
-      "integrity": "sha512-qkTuvgEzYdyhiJBx42YPzPo71R1aEr0z79kAv7Ixg8wPFEjgRgJdUsGMG3Hf3OYSF/kHI79XhNlt+5Ar6OzwxQ==",
-      "license": "MIT"
-    },
-    "node_modules/lodash.some": {
-      "version": "4.6.0",
-      "resolved": "https://registry.npmjs.org/lodash.some/-/lodash.some-4.6.0.tgz",
-      "integrity": "sha512-j7MJE+TuT51q9ggt4fSgVqro163BEFjAt3u97IqU+JA2DkWl80nFTrowzLpZ/BnpN7rrl0JA/593NAdd8p/scQ==",
+      "dev": true,
      "license": "MIT"
    },
    "node_modules/log-symbols": {
@@ -10782,14 +10510,14 @@
      "license": "MIT"
    },
    "node_modules/mermaid": {
-      "version": "11.13.0",
-      "resolved": "https://registry.npmjs.org/mermaid/-/mermaid-11.13.0.tgz",
-      "integrity": "sha512-fEnci+Immw6lKMFI8sqzjlATTyjLkRa6axrEgLV2yHTfv8r+h1wjFbV6xeRtd4rUV1cS4EpR9rwp3Rci7TRWDw==",
+      "version": "11.15.0",
+      "resolved": "https://registry.npmjs.org/mermaid/-/mermaid-11.15.0.tgz",
+      "integrity": "sha512-pTMbcf3rWdtLiYGpmoTjHEpeY8seiy6sR+9nD7LOs8KfUbHE4lOUAprTRqRAcWSQ6MQpdX+YEsxShtGsINtPtw==",
      "license": "MIT",
      "dependencies": {
        "@braintree/sanitize-url": "^7.1.1",
        "@iconify/utils": "^3.0.2",
-        "@mermaid-js/parser": "^1.0.1",
+        "@mermaid-js/parser": "^1.1.1",
        "@types/d3": "^7.4.3",
        "@upsetjs/venn.js": "^2.0.0",
        "cytoscape": "^3.33.1",
@@ -10800,14 +10528,14 @@
        "dagre-d3-es": "7.0.14",
        "dayjs": "^1.11.19",
        "dompurify": "^3.3.1",
+        "es-toolkit": "^1.45.1",
        "katex": "^0.16.25",
        "khroma": "^2.1.0",
-        "lodash-es": "^4.17.23",
        "marked": "^16.3.0",
        "roughjs": "^4.6.6",
        "stylis": "^4.3.6",
        "ts-dedent": "^2.2.0",
-        "uuid": "^11.1.0"
+        "uuid": "^11.1.0 || ^12 || ^13 || ^14.0.0"
      }
    },
    "node_modules/mermaid/node_modules/marked": {
@@ -11331,18 +11059,6 @@
        "node": ">=8"
      }
    },
-    "node_modules/nth-check": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/nth-check/-/nth-check-2.1.1.tgz",
-      "integrity": "sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==",
-      "license": "BSD-2-Clause",
-      "dependencies": {
-        "boolbase": "^1.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/fb55/nth-check?sponsor=1"
-      }
-    },
    "node_modules/nwsapi": {
      "version": "2.2.23",
      "resolved": "https://registry.npmjs.org/nwsapi/-/nwsapi-2.2.23.tgz",
@@ -11894,18 +11610,6 @@
        "node": ">=14.0.0"
      }
    },
-    "node_modules/postject/node_modules/commander": {
-      "version": "9.5.0",
-      "resolved": "https://registry.npmjs.org/commander/-/commander-9.5.0.tgz",
-      "integrity": "sha512-KRs7WVDKg86PWiuAqhDrAQnTXZKraVcCc6vFdL14qrZ/DcWwuRo7VoiYXalXO7S5GKpqYiVEwCbgFDfxNHKJBQ==",
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "peer": true,
-      "engines": {
-        "node": "^12.20.0 || >=14"
-      }
-    },
    "node_modules/prelude-ls": {
      "version": "1.2.1",
      "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
@@ -11973,18 +11677,6 @@
        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
      }
    },
-    "node_modules/printj": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/printj/-/printj-1.1.2.tgz",
-      "integrity": "sha512-zA2SmoLaxZyArQTOPj5LXecR+RagfPSU5Kw1qP+jkWeNlrq+eJZyY2oS68SU1Z/7/myXM4lo9716laOFAVStCQ==",
-      "license": "Apache-2.0",
-      "bin": {
-        "printj": "bin/printj.njs"
-      },
-      "engines": {
-        "node": ">=0.8"
-      }
-    },
    "node_modules/proc-log": {
      "version": "5.0.0",
      "resolved": "https://registry.npmjs.org/proc-log/-/proc-log-5.0.0.tgz",
@@ -12535,13 +12227,15 @@
      "license": "ISC"
    },
    "node_modules/simple-git": {
-      "version": "3.33.0",
-      "resolved": "https://registry.npmjs.org/simple-git/-/simple-git-3.33.0.tgz",
-      "integrity": "sha512-D4V/tGC2sjsoNhoMybKyGoE+v8A60hRawKQ1iFRA1zwuDgGZCBJ4ByOzZ5J8joBbi4Oam0qiPH+GhzmSBwbJng==",
+      "version": "3.36.0",
+      "resolved": "https://registry.npmjs.org/simple-git/-/simple-git-3.36.0.tgz",
+      "integrity": "sha512-cGQjLjK8bxJw4QuYT7gxHw3/IouVESbhahSsHrX97MzCL1gu2u7oy38W6L2ZIGECEfIBG4BabsWDPjBxJENv9Q==",
      "license": "MIT",
      "dependencies": {
        "@kwsites/file-exists": "^1.1.1",
        "@kwsites/promise-deferred": "^1.1.1",
+        "@simple-git/args-pathspec": "^1.0.3",
+        "@simple-git/argv-parser": "^1.1.0",
        "debug": "^4.4.0"
      },
      "funding": {
@@ -12549,21 +12243,6 @@
        "url": "https://github.com/steveukx/git-js?sponsor=1"
      }
    },
-    "node_modules/simple-swizzle": {
-      "version": "0.2.4",
-      "resolved": "https://registry.npmjs.org/simple-swizzle/-/simple-swizzle-0.2.4.tgz",
-      "integrity": "sha512-nAu1WFPQSMNr2Zn9PGSZK9AGn4t/y97lEm+MXTtUDwfP0ksAIX4nO+6ruD9Jwut4C49SB1Ws+fbXsm/yScWOHw==",
-      "license": "MIT",
-      "dependencies": {
-        "is-arrayish": "^0.3.1"
-      }
-    },
-    "node_modules/simple-swizzle/node_modules/is-arrayish": {
-      "version": "0.3.4",
-      "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.3.4.tgz",
-      "integrity": "sha512-m6UrgzFVUYawGBh1dUsWR5M2Clqic9RVXC/9f8ceNlv2IcO9j9J/z8UoCLPqtsPBFNzEpfR3xftohbfqDx8EQA==",
-      "license": "MIT"
-    },
    "node_modules/simple-update-notifier": {
      "version": "2.0.0",
      "resolved": "https://registry.npmjs.org/simple-update-notifier/-/simple-update-notifier-2.0.0.tgz",
@@ -13056,9 +12735,9 @@
      "license": "MIT"
    },
    "node_modules/test-exclude/node_modules/brace-expansion": {
-      "version": "1.1.12",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
-      "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
+      "version": "1.1.14",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.14.tgz",
+      "integrity": "sha512-MWPGfDxnyzKU7rNOW9SP/c50vi3xrmrua/+6hfPbCS2ABNWfx24vPidzvC7krjU/RTo235sV776ymlsMtGKj8g==",
      "dev": true,
      "license": "MIT",
      "dependencies": {
@@ -13464,16 +13143,16 @@
      }
    },
    "node_modules/uuid": {
-      "version": "11.1.0",
-      "resolved": "https://registry.npmjs.org/uuid/-/uuid-11.1.0.tgz",
-      "integrity": "sha512-0/A9rDy9P7cJ+8w1c9WD9V//9Wj15Ce2MPz8Ri6032usz+NfePxx5AcN3bN+r6ZL6jEo066/yNYB3tn4pQEx+A==",
+      "version": "14.0.0",
+      "resolved": "https://registry.npmjs.org/uuid/-/uuid-14.0.0.tgz",
+      "integrity": "sha512-Qo+uWgilfSmAhXCMav1uYFynlQO7fMFiMVZsQqZRMIXp0O7rR7qjkj+cPvBHLgBqi960QCoo/PH2/6ZtVqKvrg==",
      "funding": [
        "https://github.com/sponsors/broofa",
        "https://github.com/sponsors/ctavan"
      ],
      "license": "MIT",
      "bin": {
-        "uuid": "dist/esm/bin/uuid"
+        "uuid": "dist-node/bin/uuid"
      }
    },
    "node_modules/v8-to-istanbul": {
@@ -13515,55 +13194,6 @@
      "license": "MIT",
      "optional": true
    },
-    "node_modules/vscode-jsonrpc": {
-      "version": "8.2.0",
-      "resolved": "https://registry.npmjs.org/vscode-jsonrpc/-/vscode-jsonrpc-8.2.0.tgz",
-      "integrity": "sha512-C+r0eKJUIfiDIfwJhria30+TYWPtuHJXHtI7J0YlOmKAo7ogxP20T0zxB7HZQIFhIyvoBPwWskjxrvAtfjyZfA==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=14.0.0"
-      }
-    },
-    "node_modules/vscode-languageserver": {
-      "version": "9.0.1",
-      "resolved": "https://registry.npmjs.org/vscode-languageserver/-/vscode-languageserver-9.0.1.tgz",
-      "integrity": "sha512-woByF3PDpkHFUreUa7Hos7+pUWdeWMXRd26+ZX2A8cFx6v/JPTtd4/uN0/jB6XQHYaOlHbio03NTHCqrgG5n7g==",
-      "license": "MIT",
-      "dependencies": {
-        "vscode-languageserver-protocol": "3.17.5"
-      },
-      "bin": {
-        "installServerIntoExtension": "bin/installServerIntoExtension"
-      }
-    },
-    "node_modules/vscode-languageserver-protocol": {
-      "version": "3.17.5",
-      "resolved": "https://registry.npmjs.org/vscode-languageserver-protocol/-/vscode-languageserver-protocol-3.17.5.tgz",
-      "integrity": "sha512-mb1bvRJN8SVznADSGWM9u/b07H7Ecg0I3OgXDuLdn307rl/J3A9YD6/eYOssqhecL27hK1IPZAsaqh00i/Jljg==",
-      "license": "MIT",
-      "dependencies": {
-        "vscode-jsonrpc": "8.2.0",
-        "vscode-languageserver-types": "3.17.5"
-      }
-    },
-    "node_modules/vscode-languageserver-textdocument": {
-      "version": "1.0.12",
-      "resolved": "https://registry.npmjs.org/vscode-languageserver-textdocument/-/vscode-languageserver-textdocument-1.0.12.tgz",
-      "integrity": "sha512-cxWNPesCnQCcMPeenjKKsOCKQZ/L6Tv19DTRIGuLWe32lyzWhihGVJ/rcckZXJxfdKCFvRLS3fpBIsV/ZGX4zA==",
-      "license": "MIT"
-    },
-    "node_modules/vscode-languageserver-types": {
-      "version": "3.17.5",
-      "resolved": "https://registry.npmjs.org/vscode-languageserver-types/-/vscode-languageserver-types-3.17.5.tgz",
-      "integrity": "sha512-Ld1VelNuX9pdF39h2Hgaeb5hEZM2Z3jUrrMgWQAu82jMtZp7p3vJT3BzToKtZI7NgQssZje5o0zryOrhQvzQAg==",
-      "license": "MIT"
-    },
-    "node_modules/vscode-uri": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/vscode-uri/-/vscode-uri-3.1.0.tgz",
-      "integrity": "sha512-/BpdSx+yCQGnCvecbyXdxHDkuk55/G3xwnC0GqY4gmQ3j+A+g8kzzgB4Nk/SINjqn6+waqw3EgbVF2QKExkRxQ==",
-      "license": "MIT"
-    },
    "node_modules/w3c-keyname": {
      "version": "2.2.8",
      "resolved": "https://registry.npmjs.org/w3c-keyname/-/w3c-keyname-2.2.8.tgz",
@@ -13755,9 +13385,9 @@
      }
    },
    "node_modules/ws": {
-      "version": "8.20.0",
-      "resolved": "https://registry.npmjs.org/ws/-/ws-8.20.0.tgz",
-      "integrity": "sha512-sAt8BhgNbzCtgGbt2OxmpuryO63ZoDk/sqaB/znQm94T4fCEsy/yV+7CdC1kJhOU9lboAEU7R3kquuycDoibVA==",
+      "version": "8.21.0",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-8.21.0.tgz",
+      "integrity": "sha512-Vsp28b7DRcimFQvrqu2Wek3z1iYxDCWqHYB8Qsnk/S4RfaCQzPGPyBNuVjJV3cd6UiKtUtp6sNM77gWvzcCH+g==",
      "dev": true,
      "license": "MIT",
      "engines": {
@@ -13804,6 +13434,28 @@
        "node": ">=18"
      }
    },
+    "node_modules/xml2js": {
+      "version": "0.4.23",
+      "resolved": "https://registry.npmjs.org/xml2js/-/xml2js-0.4.23.tgz",
+      "integrity": "sha512-ySPiMjM0+pLDftHgXY4By0uswI3SPKLDw/i3UXbnO8M/p28zqexCUoPmQFrYD+/1BzhGJSs2i1ERWKJAtiLrug==",
+      "license": "MIT",
+      "dependencies": {
+        "sax": ">=0.6.0",
+        "xmlbuilder": "~11.0.0"
+      },
+      "engines": {
+        "node": ">=4.0.0"
+      }
+    },
+    "node_modules/xml2js/node_modules/xmlbuilder": {
+      "version": "11.0.1",
+      "resolved": "https://registry.npmjs.org/xmlbuilder/-/xmlbuilder-11.0.1.tgz",
+      "integrity": "sha512-fDlsI/kFEx7gLvbecc0/ohLG50fugQp8ryHzMTuW9vSa1GJ0XYWKnhsUx7oie3G98+r56aTQIUB4kht42R3JvA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
    "node_modules/xmlbuilder": {
      "version": "15.1.1",
      "resolved": "https://registry.npmjs.org/xmlbuilder/-/xmlbuilder-15.1.1.tgz",
@@ -1,6 +1,6 @@
 {
  "name": "markdown-converter",
-  "version": "4.3.0",
+  "version": "4.4.5",
  "description": "Professional Markdown editor and universal file converter with PDF editing, batch processing, and syntax highlighting",
  "main": "src/main.js",
  "scripts": {
@@ -73,7 +73,7 @@
    "codemirror": "^6.0.2",
    "core-util-is": "^1.0.3",
    "docx": "^9.6.0",
-    "docx4js": "^3.3.0",
+    "docx4js": "^2.0.1",
    "dompurify": "^3.3.1",
    "electron-store": "^10.1.0",
    "ffmpeg-static": "^5.3.0",
@@ -170,7 +170,10 @@
      "verifyUpdateCodeSignature": false,
      "signAndEditExecutable": false,
      "extraFiles": [
-        { "from": "bin/win32/pandoc.exe", "to": "bin/pandoc.exe" }
+        {
+          "from": "bin/win32/pandoc.exe",
+          "to": "bin/pandoc.exe"
+        }
      ]
    },
    "nsis": {
@@ -198,7 +201,10 @@
      "category": "Utility",
      "maintainer": "ConcreteInfo <amit.wh@gmail.com>",
      "extraFiles": [
-        { "from": "bin/linux/pandoc", "to": "bin/pandoc" }
+        {
+          "from": "bin/linux/pandoc",
+          "to": "bin/pandoc"
+        }
      ]
    },
    "deb": {
@@ -4,7 +4,7 @@
 * Implements file system operations for Electron using IPC.
 * This abstracts file operations to enable easier testing and migration.
 *
- * @version 4.3.0
+ * @version 4.4.1
 */

 /**
@@ -12,100 +12,100 @@
 * @type {import('../types').FileSystemAdapter}
 */
 const electronFsAdapter = {
-    /**
-     * Read file content
-     * @param {string} path - File path
-     * @returns {Promise<string>} File content
-     */
-    async readFile(path) {
-        return await window.electronAPI.file.read(path);
-    },
+  /**
+   * Read file content
+   * @param {string} path - File path
+   * @returns {Promise<string>} File content
+   */
+  async readFile(path) {
+    return await window.electronAPI.file.read(path);
+  },

-    /**
-     * Write content to file
-     * @param {string} path - File path
-     * @param {string} content - File content
-     * @returns {Promise<void>}
-     */
-    async writeFile(path, content) {
-        return await window.electronAPI.file.write(path, content);
-    },
+  /**
+   * Write content to file
+   * @param {string} path - File path
+   * @param {string} content - File content
+   * @returns {Promise<void>}
+   */
+  async writeFile(path, content) {
+    return await window.electronAPI.file.write(path, content);
+  },

-    /**
-     * Delete file
-     * @param {string} path - File path
-     * @returns {Promise<void>}
-     */
-    async deleteFile(path) {
-        return await window.electronAPI.file.delete(path);
-    },
+  /**
+   * Delete file
+   * @param {string} path - File path
+   * @returns {Promise<void>}
+   */
+  async deleteFile(path) {
+    return await window.electronAPI.file.delete(path);
+  },

-    /**
-     * Ensure directory exists
-     * @param {string} path - Directory path
-     * @returns {Promise<void>}
-     */
-    async ensureDir(path) {
-        return await window.electronAPI.file.ensureDir(path);
-    },
+  /**
+   * Ensure directory exists
+   * @param {string} path - Directory path
+   * @returns {Promise<void>}
+   */
+  async ensureDir(path) {
+    return await window.electronAPI.file.ensureDir(path);
+  },

-    /**
-     * List directory contents
-     * @param {string} path - Directory path
-     * @returns {Promise<Array<import('../types').FileInfo>>}
-     */
-    async listDirectory(path) {
-        const result = await window.electronAPI.invoke('list-directory', path);
-        if (!result?.entries) {
-            return [];
-        }
-
-        return result.entries.map((entry) => ({
-            name: entry.name,
-            isDir: entry.isDirectory,
-            size: entry.size ?? 0,
-            modified: entry.modified ?? 0,
-            path: entry.path
-        }));
-    },
-
-    /**
-     * Check if path exists
-     * @param {string} path - Path to check
-     * @returns {Promise<boolean>}
-     */
-    async exists(path) {
-        return await window.electronAPI.file.exists(path);
-    },
-
-    /**
-     * Check if path is a directory
-     * @param {string} path - Path to check
-     * @returns {Promise<boolean>}
-     */
-    async isDirectory(path) {
-        return await window.electronAPI.file.isDirectory(path);
-    },
-
-    /**
-     * Copy file or directory
-     * @param {string} source - Source path
-     * @param {string} dest - Destination path
-     * @returns {Promise<void>}
-     */
-    async copy(source, dest) {
-        return await window.electronAPI.file.copy(source, dest);
-    },
-
-    /**
-     * Move file or directory
-     * @param {string} source - Source path
-     * @param {string} dest - Destination path
-     * @returns {Promise<void>}
-     */
-    async move(source, dest) {
-        return await window.electronAPI.file.move(source, dest);
+  /**
+   * List directory contents
+   * @param {string} path - Directory path
+   * @returns {Promise<Array<import('../types').FileInfo>>}
+   */
+  async listDirectory(path) {
+    const result = await window.electronAPI.invoke('list-directory', path);
+    if (!result?.entries) {
+      return [];
    }
+
+    return result.entries.map((entry) => ({
+      name: entry.name,
+      isDir: entry.isDirectory,
+      size: entry.size ?? 0,
+      modified: entry.modified ?? 0,
+      path: entry.path,
+    }));
+  },
+
+  /**
+   * Check if path exists
+   * @param {string} path - Path to check
+   * @returns {Promise<boolean>}
+   */
+  async exists(path) {
+    return await window.electronAPI.file.exists(path);
+  },
+
+  /**
+   * Check if path is a directory
+   * @param {string} path - Path to check
+   * @returns {Promise<boolean>}
+   */
+  async isDirectory(path) {
+    return await window.electronAPI.file.isDirectory(path);
+  },
+
+  /**
+   * Copy file or directory
+   * @param {string} source - Source path
+   * @param {string} dest - Destination path
+   * @returns {Promise<void>}
+   */
+  async copy(source, dest) {
+    return await window.electronAPI.file.copy(source, dest);
+  },
+
+  /**
+   * Move file or directory
+   * @param {string} source - Source path
+   * @param {string} dest - Destination path
+   * @returns {Promise<void>}
+   */
+  async move(source, dest) {
+    return await window.electronAPI.file.move(source, dest);
+  },
 };

 module.exports = { electronFsAdapter };
@@ -5,7 +5,7 @@
 * Adapters abstract file system, conversion, and system operations
 * to enable easier testing and future platform migration.
 *
- * @version 4.3.0
+ * @version 4.4.1
 */

 /**
@@ -129,5 +129,5 @@
 */

 module.exports = {
-    // Type definitions are JSDoc only, no runtime exports needed
+  // Type definitions are JSDoc only, no runtime exports needed
 };
@@ -5,19 +5,19 @@
 const { analyze } = require('./writing-analytics');

 function showAnalyticsModal(tabManager) {
-    const existing = document.getElementById('analytics-modal');
-    if (existing) existing.remove();
+  const existing = document.getElementById('analytics-modal');
+  if (existing) existing.remove();

-    const content = tabManager.getEditorContent();
-    const metrics = analyze(content);
+  const content = tabManager.getEditorContent();
+  const metrics = analyze(content);

-    const overlay = document.createElement('div');
-    overlay.id = 'analytics-modal';
-    overlay.className = 'analytics-overlay';
+  const overlay = document.createElement('div');
+  overlay.id = 'analytics-modal';
+  overlay.className = 'analytics-overlay';

-    const maxCount = metrics.topWords.length > 0 ? metrics.topWords[0].count : 1;
+  const maxCount = metrics.topWords.length > 0 ? metrics.topWords[0].count : 1;

-    overlay.innerHTML = `
+  overlay.innerHTML = `
        <div class="analytics-modal">
            <div class="analytics-header">
                <h2>Writing Analytics</h2>
@@ -61,11 +61,15 @@ function showAnalyticsModal(tabManager) {
                        <span class="analytics-label">Avg Sentence</span>
                        <span class="analytics-value">${metrics.avgSentenceLength} words</span>
                    </div>
-                    ${metrics.longestSentenceLength > 0 ? `
+                    ${
+                      metrics.longestSentenceLength > 0
+                        ? `
                    <div class="analytics-row analytics-longest">
                        <span class="analytics-label">Longest (${metrics.longestSentenceLength} words)</span>
                        <span class="analytics-value analytics-sentence-preview">${escapeHtml(metrics.longestSentence)}</span>
-                    </div>` : ''}
+                    </div>`
+                        : ''
+                    }
                </div>

                <div class="analytics-section">
@@ -74,39 +78,45 @@ function showAnalyticsModal(tabManager) {
                        <span class="analytics-label">Unique</span>
                        <span class="analytics-value">${metrics.uniqueWordCount} / ${metrics.wordCount}<small>${metrics.lexicalDiversity}%</small></span>
                    </div>
-                    ${metrics.topWords.length > 0 ? `
+                    ${
+                      metrics.topWords.length > 0
+                        ? `
                    <div class="word-cloud">
-                        ${metrics.topWords.map(w => {
+                        ${metrics.topWords
+                          .map((w) => {
                            const scale = 13 + Math.round((w.count / maxCount) * 3);
                            return `<span class="word-tag" style="font-size:${scale}px">${escapeHtml(w.word)}<small>${w.count}</small></span>`;
-                        }).join('')}
-                    </div>` : ''}
+                          })
+                          .join('')}
+                    </div>`
+                        : ''
+                    }
                </div>
            </div>
        </div>
    `;

-    const closeBtn = overlay.querySelector('.analytics-close');
-    closeBtn.addEventListener('click', () => overlay.remove());
-    overlay.addEventListener('click', (e) => {
-        if (e.target === overlay) overlay.remove();
-    });
+  const closeBtn = overlay.querySelector('.analytics-close');
+  closeBtn.addEventListener('click', () => overlay.remove());
+  overlay.addEventListener('click', (e) => {
+    if (e.target === overlay) overlay.remove();
+  });

-    const escHandler = (e) => {
-        if (e.key === 'Escape') {
-            overlay.remove();
-            document.removeEventListener('keydown', escHandler);
-        }
-    };
-    document.addEventListener('keydown', escHandler);
+  const escHandler = (e) => {
+    if (e.key === 'Escape') {
+      overlay.remove();
+      document.removeEventListener('keydown', escHandler);
+    }
+  };
+  document.addEventListener('keydown', escHandler);

-    document.body.appendChild(overlay);
+  document.body.appendChild(overlay);
 }

 function escapeHtml(str) {
-    const div = document.createElement('div');
-    div.textContent = str;
-    return div.innerHTML;
+  const div = document.createElement('div');
+  div.textContent = str;
+  return div.innerHTML;
 }

 module.exports = { showAnalyticsModal };
@@ -4,124 +4,197 @@
 */

 const STOP_WORDS = new Set([
-    'the', 'a', 'an', 'is', 'are', 'was', 'were', 'be', 'been',
-    'have', 'has', 'had', 'do', 'does', 'did', 'will', 'would',
-    'could', 'should', 'to', 'of', 'in', 'for', 'on', 'with',
-    'at', 'by', 'from', 'as', 'and', 'or', 'but', 'if', 'it',
-    'its', 'this', 'that', 'these', 'those', 'i', 'me', 'my',
-    'we', 'our', 'you', 'your', 'he', 'him', 'his', 'she', 'her',
-    'they', 'them', 'their', 'not', 'no', 'so', 'than', 'too',
-    'very', 'also', 'just', 'about', 'up', 'out', 'what', 'which', 'who'
+  'the',
+  'a',
+  'an',
+  'is',
+  'are',
+  'was',
+  'were',
+  'be',
+  'been',
+  'have',
+  'has',
+  'had',
+  'do',
+  'does',
+  'did',
+  'will',
+  'would',
+  'could',
+  'should',
+  'to',
+  'of',
+  'in',
+  'for',
+  'on',
+  'with',
+  'at',
+  'by',
+  'from',
+  'as',
+  'and',
+  'or',
+  'but',
+  'if',
+  'it',
+  'its',
+  'this',
+  'that',
+  'these',
+  'those',
+  'i',
+  'me',
+  'my',
+  'we',
+  'our',
+  'you',
+  'your',
+  'he',
+  'him',
+  'his',
+  'she',
+  'her',
+  'they',
+  'them',
+  'their',
+  'not',
+  'no',
+  'so',
+  'than',
+  'too',
+  'very',
+  'also',
+  'just',
+  'about',
+  'up',
+  'out',
+  'what',
+  'which',
+  'who',
 ]);

 function countSyllables(word) {
-    word = word.toLowerCase().replace(/(?:[^laeiouy]es|ed|[^laeiouy]e)$/, '');
-    word = word.replace(/^y/, '');
-    return word.match(/[aeiouy]{1,2}/gi)?.length || 1;
+  word = word.toLowerCase().replace(/(?:[^laeiouy]es|ed|[^laeiouy]e)$/, '');
+  word = word.replace(/^y/, '');
+  return word.match(/[aeiouy]{1,2}/gi)?.length || 1;
 }

 function extractWords(text) {
-    return text.match(/[a-zA-Z]+(?:['-][a-zA-Z]+)*/g) || [];
+  return text.match(/[a-zA-Z]+(?:['-][a-zA-Z]+)*/g) || [];
 }

 function getReadabilityLabel(score) {
-    if (score >= 90) return 'Very Easy';
-    if (score >= 70) return 'Easy';
-    if (score >= 50) return 'Standard';
-    if (score >= 30) return 'Difficult';
-    return 'Very Difficult';
+  if (score >= 90) return 'Very Easy';
+  if (score >= 70) return 'Easy';
+  if (score >= 50) return 'Standard';
+  if (score >= 30) return 'Difficult';
+  return 'Very Difficult';
 }

 function analyze(text) {
-    if (!text || !text.trim()) {
-        return {
-            wordCount: 0,
-            sentenceCount: 0,
-            paragraphCount: 0,
-            fleschEase: 0,
-            fleschGrade: 0,
-            readabilityLabel: 'N/A',
-            readingTime: 0,
-            speakingTime: 0,
-            uniqueWordCount: 0,
-            lexicalDiversity: 0,
-            avgSentenceLength: 0,
-            longestSentence: '',
-            longestSentenceLength: 0,
-            topWords: []
-        };
-    }
-
-    const words = extractWords(text);
-    const wordCount = words.length;
-
-    const sentences = text.split(/[.!?]+/).map(s => s.trim()).filter(Boolean);
-    const sentenceCount = Math.max(sentences.length, 1);
-
-    const paragraphs = text.split(/\n\s*\n/).map(p => p.trim()).filter(Boolean);
-    const paragraphCount = Math.max(paragraphs.length, 1);
-
-    let totalSyllables = 0;
-    for (const w of words) {
-        totalSyllables += countSyllables(w);
-    }
-
-    const fleschEase = Math.round((206.835 - 1.015 * (wordCount / sentenceCount) - 84.6 * (totalSyllables / wordCount)) * 10) / 10;
-    const fleschGrade = Math.round((0.39 * (wordCount / sentenceCount) + 11.8 * (totalSyllables / wordCount) - 15.59) * 10) / 10;
-    const readabilityLabel = getReadabilityLabel(fleschEase);
-
-    const readingTime = Math.ceil(wordCount / 200);
-    const speakingTime = Math.ceil(wordCount / 130);
-
-    const uniqueWords = new Set(words.map(w => w.toLowerCase()));
-    const uniqueWordCount = uniqueWords.size;
-    const lexicalDiversity = wordCount > 0 ? Math.round((uniqueWordCount / wordCount) * 1000) / 10 : 0;
-
-    const avgSentenceLength = Math.round((wordCount / sentenceCount) * 10) / 10;
-
-    let longestSentence = '';
-    let longestSentenceLength = 0;
-    for (const s of sentences) {
-        const sWords = extractWords(s);
-        if (sWords.length > longestSentenceLength) {
-            longestSentenceLength = sWords.length;
-            longestSentence = s.trim();
-        }
-    }
-
-    if (longestSentence.length > 80) {
-        longestSentence = longestSentence.substring(0, 80) + '...';
-    }
-
-    const wordFreq = {};
-    for (const w of words) {
-        const lower = w.toLowerCase();
-        if (!STOP_WORDS.has(lower) && lower.length > 1) {
-            wordFreq[lower] = (wordFreq[lower] || 0) + 1;
-        }
-    }
-
-    const topWords = Object.entries(wordFreq)
-        .sort((a, b) => b[1] - a[1])
-        .slice(0, 10)
-        .map(([word, count]) => ({ word, count }));
-
+  if (!text || !text.trim()) {
    return {
-        wordCount,
-        sentenceCount,
-        paragraphCount,
-        fleschEase,
-        fleschGrade,
-        readabilityLabel,
-        readingTime,
-        speakingTime,
-        uniqueWordCount,
-        lexicalDiversity,
-        avgSentenceLength,
-        longestSentence,
-        longestSentenceLength,
-        topWords
+      wordCount: 0,
+      sentenceCount: 0,
+      paragraphCount: 0,
+      fleschEase: 0,
+      fleschGrade: 0,
+      readabilityLabel: 'N/A',
+      readingTime: 0,
+      speakingTime: 0,
+      uniqueWordCount: 0,
+      lexicalDiversity: 0,
+      avgSentenceLength: 0,
+      longestSentence: '',
+      longestSentenceLength: 0,
+      topWords: [],
    };
+  }
+
+  const words = extractWords(text);
+  const wordCount = words.length;
+
+  const sentences = text
+    .split(/[.!?]+/)
+    .map((s) => s.trim())
+    .filter(Boolean);
+  const sentenceCount = Math.max(sentences.length, 1);
+
+  const paragraphs = text
+    .split(/\n\s*\n/)
+    .map((p) => p.trim())
+    .filter(Boolean);
+  const paragraphCount = Math.max(paragraphs.length, 1);
+
+  let totalSyllables = 0;
+  for (const w of words) {
+    totalSyllables += countSyllables(w);
+  }
+
+  const fleschEase =
+    Math.round(
+      (206.835 - 1.015 * (wordCount / sentenceCount) - 84.6 * (totalSyllables / wordCount)) * 10
+    ) / 10;
+  const fleschGrade =
+    Math.round(
+      (0.39 * (wordCount / sentenceCount) + 11.8 * (totalSyllables / wordCount) - 15.59) * 10
+    ) / 10;
+  const readabilityLabel = getReadabilityLabel(fleschEase);
+
+  const readingTime = Math.ceil(wordCount / 200);
+  const speakingTime = Math.ceil(wordCount / 130);
+
+  const uniqueWords = new Set(words.map((w) => w.toLowerCase()));
+  const uniqueWordCount = uniqueWords.size;
+  const lexicalDiversity =
+    wordCount > 0 ? Math.round((uniqueWordCount / wordCount) * 1000) / 10 : 0;
+
+  const avgSentenceLength = Math.round((wordCount / sentenceCount) * 10) / 10;
+
+  let longestSentence = '';
+  let longestSentenceLength = 0;
+  for (const s of sentences) {
+    const sWords = extractWords(s);
+    if (sWords.length > longestSentenceLength) {
+      longestSentenceLength = sWords.length;
+      longestSentence = s.trim();
+    }
+  }
+
+  if (longestSentence.length > 80) {
+    longestSentence = longestSentence.substring(0, 80) + '...';
+  }
+
+  const wordFreq = {};
+  for (const w of words) {
+    const lower = w.toLowerCase();
+    if (!STOP_WORDS.has(lower) && lower.length > 1) {
+      wordFreq[lower] = (wordFreq[lower] || 0) + 1;
+    }
+  }
+
+  const topWords = Object.entries(wordFreq)
+    .sort((a, b) => b[1] - a[1])
+    .slice(0, 10)
+    .map(([word, count]) => ({ word, count }));
+
+  return {
+    wordCount,
+    sentenceCount,
+    paragraphCount,
+    fleschEase,
+    fleschGrade,
+    readabilityLabel,
+    readingTime,
+    speakingTime,
+    uniqueWordCount,
+    lexicalDiversity,
+    avgSentenceLength,
+    longestSentence,
+    longestSentenceLength,
+    topWords,
+  };
 }

 module.exports = { analyze };
@@ -1,109 +1,113 @@
 class CommandPalette {
-    constructor() {
-        this.overlay = document.getElementById('command-palette-overlay');
-        this.input = document.getElementById('command-palette-input');
-        this.results = document.getElementById('command-palette-results');
-        this.commands = [];
-        this.selectedIndex = 0;
-        this.filteredCommands = [];
-        this.setupEventListeners();
-    }
+  constructor() {
+    this.overlay = document.getElementById('command-palette-overlay');
+    this.input = document.getElementById('command-palette-input');
+    this.results = document.getElementById('command-palette-results');
+    this.commands = [];
+    this.selectedIndex = 0;
+    this.filteredCommands = [];
+    this.setupEventListeners();
+  }

-    register(label, shortcut, action) {
-        this.commands.push({ label, shortcut, action });
-    }
+  register(label, shortcut, action) {
+    this.commands.push({ label, shortcut, action });
+  }

-    open() {
-        this.overlay.classList.remove('hidden');
-        this.input.value = '';
-        this.input.focus();
-        this.selectedIndex = 0;
-        this.renderResults('');
-    }
+  open() {
+    this.overlay.classList.remove('hidden');
+    this.input.value = '';
+    this.input.focus();
+    this.selectedIndex = 0;
+    this.renderResults('');
+  }

-    close() {
-        this.overlay.classList.add('hidden');
-    }
+  close() {
+    this.overlay.classList.add('hidden');
+  }

-    isOpen() {
-        return !this.overlay.classList.contains('hidden');
-    }
+  isOpen() {
+    return !this.overlay.classList.contains('hidden');
+  }

-    setupEventListeners() {
-        this.input.addEventListener('input', () => {
-            this.selectedIndex = 0;
-            this.renderResults(this.input.value);
-        });
+  setupEventListeners() {
+    this.input.addEventListener('input', () => {
+      this.selectedIndex = 0;
+      this.renderResults(this.input.value);
+    });

-        this.overlay.addEventListener('click', (e) => {
-            if (e.target === this.overlay) this.close();
-        });
+    this.overlay.addEventListener('click', (e) => {
+      if (e.target === this.overlay) this.close();
+    });

-        this.input.addEventListener('keydown', (e) => {
-            if (e.key === 'Escape') {
-                e.preventDefault();
-                this.close();
-            } else if (e.key === 'Enter') {
-                e.preventDefault();
-                this.executeSelected();
-            } else if (e.key === 'ArrowDown') {
-                e.preventDefault();
-                this.selectedIndex = Math.min(this.selectedIndex + 1, this.filteredCommands.length - 1);
-                this.updateSelection();
-            } else if (e.key === 'ArrowUp') {
-                e.preventDefault();
-                this.selectedIndex = Math.max(this.selectedIndex - 1, 0);
-                this.updateSelection();
-            }
-        });
-    }
+    this.input.addEventListener('keydown', (e) => {
+      if (e.key === 'Escape') {
+        e.preventDefault();
+        this.close();
+      } else if (e.key === 'Enter') {
+        e.preventDefault();
+        this.executeSelected();
+      } else if (e.key === 'ArrowDown') {
+        e.preventDefault();
+        this.selectedIndex = Math.min(this.selectedIndex + 1, this.filteredCommands.length - 1);
+        this.updateSelection();
+      } else if (e.key === 'ArrowUp') {
+        e.preventDefault();
+        this.selectedIndex = Math.max(this.selectedIndex - 1, 0);
+        this.updateSelection();
+      }
+    });
+  }

-    renderResults(query) {
-        this.filteredCommands = query
-            ? this.commands.filter(cmd => cmd.label.toLowerCase().includes(query.toLowerCase()))
-            : [...this.commands];
+  renderResults(query) {
+    this.filteredCommands = query
+      ? this.commands.filter((cmd) => cmd.label.toLowerCase().includes(query.toLowerCase()))
+      : [...this.commands];

-        this.results.innerHTML = this.filteredCommands.map((cmd, i) => `
+    this.results.innerHTML = this.filteredCommands
+      .map(
+        (cmd, i) => `
            <div class="command-item ${i === this.selectedIndex ? 'selected' : ''}" data-index="${i}">
                <span class="command-label">${this.highlightMatch(cmd.label, query)}</span>
                ${cmd.shortcut ? `<span class="command-shortcut">${cmd.shortcut}</span>` : ''}
            </div>
-        `).join('');
+        `
+      )
+      .join('');

-        this.results.querySelectorAll('.command-item').forEach((el) => {
-            el.addEventListener('click', () => {
-                const idx = parseInt(el.dataset.index);
-                this.filteredCommands[idx].action();
-                this.close();
-            });
-            el.addEventListener('mouseenter', () => {
-                this.selectedIndex = parseInt(el.dataset.index);
-                this.updateSelection();
-            });
-        });
-    }
+    this.results.querySelectorAll('.command-item').forEach((el) => {
+      el.addEventListener('click', () => {
+        const idx = parseInt(el.dataset.index);
+        this.filteredCommands[idx].action();
+        this.close();
+      });
+      el.addEventListener('mouseenter', () => {
+        this.selectedIndex = parseInt(el.dataset.index);
+        this.updateSelection();
+      });
+    });
+  }

-    highlightMatch(text, query) {
-        if (!query) return text;
-        const regex = new RegExp(`(${query.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')})`, 'gi');
-        return text.replace(regex, '<strong>$1</strong>');
-    }
+  highlightMatch(text, query) {
+    if (!query) return text;
+    const regex = new RegExp(`(${query.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')})`, 'gi');
+    return text.replace(regex, '<strong>$1</strong>');
+  }

-    updateSelection() {
-        this.results.querySelectorAll('.command-item').forEach((el, i) => {
-            el.classList.toggle('selected', i === this.selectedIndex);
-        });
-        // Scroll selected into view
-        const selected = this.results.querySelector('.command-item.selected');
-        if (selected) selected.scrollIntoView({ block: 'nearest' });
-    }
+  updateSelection() {
+    this.results.querySelectorAll('.command-item').forEach((el, i) => {
+      el.classList.toggle('selected', i === this.selectedIndex);
+    });
+    // Scroll selected into view
+    const selected = this.results.querySelector('.command-item.selected');
+    if (selected) selected.scrollIntoView({ block: 'nearest' });
+  }

-    executeSelected() {
-        if (this.filteredCommands[this.selectedIndex]) {
-            this.filteredCommands[this.selectedIndex].action();
-            this.close();
-        }
+  executeSelected() {
+    if (this.filteredCommands[this.selectedIndex]) {
+      this.filteredCommands[this.selectedIndex].action();
+      this.close();
    }
+  }
 }

 module.exports = { CommandPalette };
@@ -12,38 +12,23 @@ const { EditorState } = require('@codemirror/state');
 const { markdown, markdownLanguage } = require('@codemirror/lang-markdown');
 // Language extensions loaded lazily on first use
 let _javascript, _html, _css, _json, _python;
-const {
-  defaultKeymap,
-  history,
-  historyKeymap,
-  indentWithTab,
-} = require('@codemirror/commands');
-const {
-  searchKeymap,
-  highlightSelectionMatches,
-} = require('@codemirror/search');
-const {
-  autocompletion,
-  completionKeymap,
-} = require('@codemirror/autocomplete');
-const {
-  bracketMatching,
-  foldGutter,
-  indentOnInput,
-} = require('@codemirror/language');
+const { defaultKeymap, history, historyKeymap, indentWithTab } = require('@codemirror/commands');
+const { searchKeymap, highlightSelectionMatches } = require('@codemirror/search');
+const { autocompletion, completionKeymap } = require('@codemirror/autocomplete');
+const { bracketMatching, foldGutter, indentOnInput } = require('@codemirror/language');
 const { oneDark } = require('@codemirror/theme-one-dark');

 // Custom theme for JetBrains Mono font
 const jetBrainsMonoTheme = EditorView.theme({
  '&': {
-    fontFamily: "'JetBrains Mono', 'Fira Code', 'SF Mono', Monaco, 'Courier New', monospace"
+    fontFamily: "'JetBrains Mono', 'Fira Code', 'SF Mono', Monaco, 'Courier New', monospace",
  },
  '.cm-content': {
-    fontFamily: 'inherit'
+    fontFamily: 'inherit',
  },
  '.cm-scroller': {
-    fontFamily: 'inherit'
-  }
+    fontFamily: 'inherit',
+  },
 });

 /**
@@ -59,6 +44,18 @@ const jetBrainsMonoTheme = EditorView.theme({
 * @returns {EditorView} the created editor view
 */
 function createEditor(parentElement, options = {}) {
+  console.log(
+    '[createEditor] Called with parentElement:',
+    parentElement?.id,
+    'dimensions:',
+    parentElement?.clientWidth,
+    'x',
+    parentElement?.clientHeight
+  );
+  if (!parentElement) {
+    console.error('[createEditor] ERROR: parentElement is null or undefined!');
+    return null;
+  }
  const {
    content = '',
    onChange = () => {},
@@ -120,11 +117,26 @@ function createEditor(parentElement, options = {}) {
 */
 function getLanguageExtension(lang) {
  const loaders = {
-    javascript: () => { if (!_javascript) _javascript = require('@codemirror/lang-javascript').javascript; return _javascript(); },
-    html: () => { if (!_html) _html = require('@codemirror/lang-html').html; return _html(); },
-    css: () => { if (!_css) _css = require('@codemirror/lang-css').css; return _css(); },
-    json: () => { if (!_json) _json = require('@codemirror/lang-json').json; return _json(); },
-    python: () => { if (!_python) _python = require('@codemirror/lang-python').python; return _python(); },
+    javascript: () => {
+      if (!_javascript) _javascript = require('@codemirror/lang-javascript').javascript;
+      return _javascript();
+    },
+    html: () => {
+      if (!_html) _html = require('@codemirror/lang-html').html;
+      return _html();
+    },
+    css: () => {
+      if (!_css) _css = require('@codemirror/lang-css').css;
+      return _css();
+    },
+    json: () => {
+      if (!_json) _json = require('@codemirror/lang-json').json;
+      return _json();
+    },
+    python: () => {
+      if (!_python) _python = require('@codemirror/lang-python').python;
+      return _python();
+    },
    markdown: () => markdown({ base: markdownLanguage }),
  };
  loaders.js = loaders.javascript;
@@ -2,74 +2,74 @@

 /* Inter Font Family */
@font-face {
-    font-family: 'Inter';
-    font-style: normal;
-    font-weight: 300;
-    font-display: swap;
-    src: url('../assets/fonts/Inter-Light.woff2') format('woff2');
+  font-family: 'Inter';
+  font-style: normal;
+  font-weight: 300;
+  font-display: swap;
+  src: url('../assets/fonts/Inter-Light.woff2') format('woff2');
 }

@font-face {
-    font-family: 'Inter';
-    font-style: normal;
-    font-weight: 400;
-    font-display: swap;
-    src: url('../assets/fonts/Inter-Regular.woff2') format('woff2');
+  font-family: 'Inter';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url('../assets/fonts/Inter-Regular.woff2') format('woff2');
 }

@font-face {
-    font-family: 'Inter';
-    font-style: normal;
-    font-weight: 500;
-    font-display: swap;
-    src: url('../assets/fonts/Inter-Medium.woff2') format('woff2');
+  font-family: 'Inter';
+  font-style: normal;
+  font-weight: 500;
+  font-display: swap;
+  src: url('../assets/fonts/Inter-Medium.woff2') format('woff2');
 }

@font-face {
-    font-family: 'Inter';
-    font-style: normal;
-    font-weight: 600;
-    font-display: swap;
-    src: url('../assets/fonts/Inter-SemiBold.woff2') format('woff2');
+  font-family: 'Inter';
+  font-style: normal;
+  font-weight: 600;
+  font-display: swap;
+  src: url('../assets/fonts/Inter-SemiBold.woff2') format('woff2');
 }

@font-face {
-    font-family: 'Inter';
-    font-style: normal;
-    font-weight: 700;
-    font-display: swap;
-    src: url('../assets/fonts/Inter-Bold.woff2') format('woff2');
+  font-family: 'Inter';
+  font-style: normal;
+  font-weight: 700;
+  font-display: swap;
+  src: url('../assets/fonts/Inter-Bold.woff2') format('woff2');
 }

 /* JetBrains Mono Font Family - For code, markdown editor, and ASCII art */
@font-face {
-    font-family: 'JetBrains Mono';
-    font-style: normal;
-    font-weight: 400;
-    font-display: swap;
-    src: url('../assets/fonts/JetBrainsMono-Regular.woff2') format('woff2');
+  font-family: 'JetBrains Mono';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url('../assets/fonts/JetBrainsMono-Regular.woff2') format('woff2');
 }

@font-face {
-    font-family: 'JetBrains Mono';
-    font-style: normal;
-    font-weight: 500;
-    font-display: swap;
-    src: url('../assets/fonts/JetBrainsMono-Medium.woff2') format('woff2');
+  font-family: 'JetBrains Mono';
+  font-style: normal;
+  font-weight: 500;
+  font-display: swap;
+  src: url('../assets/fonts/JetBrainsMono-Medium.woff2') format('woff2');
 }

@font-face {
-    font-family: 'JetBrains Mono';
-    font-style: normal;
-    font-weight: 600;
-    font-display: swap;
-    src: url('../assets/fonts/JetBrainsMono-SemiBold.woff2') format('woff2');
+  font-family: 'JetBrains Mono';
+  font-style: normal;
+  font-weight: 600;
+  font-display: swap;
+  src: url('../assets/fonts/JetBrainsMono-SemiBold.woff2') format('woff2');
 }

@font-face {
-    font-family: 'JetBrains Mono';
-    font-style: normal;
-    font-weight: 700;
-    font-display: swap;
-    src: url('../assets/fonts/JetBrainsMono-Bold.woff2') format('woff2');
+  font-family: 'JetBrains Mono';
+  font-style: normal;
+  font-weight: 700;
+  font-display: swap;
+  src: url('../assets/fonts/JetBrainsMono-Bold.woff2') format('woff2');
 }
@@ -8,7 +8,7 @@ async function getStatus(dir) {
  try {
    const git = getGitInstance(dir);
    return await git.status();
-  } catch (err) {
+  } catch {
    return { error: 'Not a git repository' };
  }
 }
@@ -4,11 +4,11 @@ const { PDFDocument, rgb, degrees, StandardFonts } = require('pdf-lib');

 function parsePageRanges(rangeString, totalPages) {
  const pages = [];
-  const ranges = rangeString.split(',').map(r => r.trim());
+  const ranges = rangeString.split(',').map((r) => r.trim());

  for (const range of ranges) {
    if (range.includes('-')) {
-      const [start, end] = range.split('-').map(n => parseInt(n.trim()));
+      const [start, end] = range.split('-').map((n) => parseInt(n.trim()));
      for (let i = start; i <= end && i <= totalPages; i++) {
        if (i > 0 && !pages.includes(i - 1)) {
          pages.push(i - 1);
@@ -27,11 +27,13 @@ function parsePageRanges(rangeString, totalPages) {

 function hexToRgb(hex) {
  const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
-  return result ? {
-    r: parseInt(result[1], 16) / 255,
-    g: parseInt(result[2], 16) / 255,
-    b: parseInt(result[3], 16) / 255
-  } : { r: 0, g: 0, b: 0 };
+  return result
+    ? {
+        r: parseInt(result[1], 16) / 255,
+        g: parseInt(result[2], 16) / 255,
+        b: parseInt(result[3], 16) / 255,
+      }
+    : { r: 0, g: 0, b: 0 };
 }

 async function pdfMerge(data) {
@@ -42,7 +44,7 @@ async function pdfMerge(data) {
      const pdfBytes = fs.readFileSync(filePath);
      const pdf = await PDFDocument.load(pdfBytes);
      const copiedPages = await mergedPdf.copyPages(pdf, pdf.getPageIndices());
-      copiedPages.forEach(page => mergedPdf.addPage(page));
+      copiedPages.forEach((page) => mergedPdf.addPage(page));
    }

    const pdfBytes = await mergedPdf.save();
@@ -60,16 +62,16 @@ async function pdfSplit(data) {
    const pdf = await PDFDocument.load(pdfBytes);
    const totalPages = pdf.getPageCount();

-    let splits = [];
+    const splits = [];

    if (data.splitMode === 'pages') {
-      const ranges = data.pageRanges.split(',').map(r => r.trim());
+      const ranges = data.pageRanges.split(',').map((r) => r.trim());
      for (let i = 0; i < ranges.length; i++) {
        const range = ranges[i];
-        let pages = [];
+        const pages = [];

        if (range.includes('-')) {
-          const [start, end] = range.split('-').map(n => parseInt(n.trim()));
+          const [start, end] = range.split('-').map((n) => parseInt(n.trim()));
          for (let p = start; p <= end && p <= totalPages; p++) {
            pages.push(p - 1);
          }
@@ -108,7 +110,7 @@ async function pdfSplit(data) {
    for (const split of splits) {
      const newPdf = await PDFDocument.create();
      const copiedPages = await newPdf.copyPages(pdf, split.pages);
-      copiedPages.forEach(page => newPdf.addPage(page));
+      copiedPages.forEach((page) => newPdf.addPage(page));

      const outputPath = path.join(data.outputFolder, `${baseName}_${split.name}.pdf`);
      const newPdfBytes = await newPdf.save();
@@ -129,18 +131,18 @@ async function pdfCompress(data) {
    const compressedPdfBytes = await pdf.save({
      useObjectStreams: true,
      addDefaultPage: false,
-      objectsPerTick: 50
+      objectsPerTick: 50,
    });

    fs.writeFileSync(data.outputPath, compressedPdfBytes);

    const originalSize = fs.statSync(data.inputPath).size;
    const compressedSize = fs.statSync(data.outputPath).size;
-    const savings = ((originalSize - compressedSize) / originalSize * 100).toFixed(1);
+    const savings = (((originalSize - compressedSize) / originalSize) * 100).toFixed(1);

    return {
      success: true,
-      message: `PDF compressed. Size reduced by ${savings}% (${(originalSize / 1024).toFixed(1)}KB → ${(compressedSize / 1024).toFixed(1)}KB)`
+      message: `PDF compressed. Size reduced by ${savings}% (${(originalSize / 1024).toFixed(1)}KB → ${(compressedSize / 1024).toFixed(1)}KB)`,
    };
  } catch (error) {
    return { success: false, error: error.message };
@@ -160,7 +162,7 @@ async function pdfRotate(data) {
      pagesToRotate = Array.from({ length: totalPages }, (_, i) => i);
    }

-    pagesToRotate.forEach(pageIndex => {
+    pagesToRotate.forEach((pageIndex) => {
      const page = pdf.getPage(pageIndex);
      page.setRotation(degrees(data.angle));
    });
@@ -170,7 +172,7 @@ async function pdfRotate(data) {

    return {
      success: true,
-      message: `Successfully rotated ${pagesToRotate.length} page(s) by ${data.angle}\u00B0`
+      message: `Successfully rotated ${pagesToRotate.length} page(s) by ${data.angle}\u00B0`,
    };
  } catch (error) {
    return { success: false, error: error.message };
@@ -185,16 +187,18 @@ async function pdfDeletePages(data) {

    const pagesToDelete = parsePageRanges(data.pages, totalPages);

-    pagesToDelete.sort((a, b) => b - a).forEach(pageIndex => {
-      pdf.removePage(pageIndex);
-    });
+    pagesToDelete
+      .sort((a, b) => b - a)
+      .forEach((pageIndex) => {
+        pdf.removePage(pageIndex);
+      });

    const newPdfBytes = await pdf.save();
    fs.writeFileSync(data.outputPath, newPdfBytes);

    return {
      success: true,
-      message: `Successfully deleted ${pagesToDelete.length} page(s). New PDF has ${totalPages - pagesToDelete.length} pages`
+      message: `Successfully deleted ${pagesToDelete.length} page(s). New PDF has ${totalPages - pagesToDelete.length} pages`,
    };
  } catch (error) {
    return { success: false, error: error.message };
@@ -207,7 +211,7 @@ async function pdfReorder(data) {
    const pdf = await PDFDocument.load(pdfBytes);
    const totalPages = pdf.getPageCount();

-    const newOrder = data.newOrder.split(',').map(n => parseInt(n.trim()) - 1);
+    const newOrder = data.newOrder.split(',').map((n) => parseInt(n.trim()) - 1);

    if (newOrder.length !== totalPages) {
      return { success: false, error: `New order must include all ${totalPages} pages` };
@@ -215,7 +219,7 @@ async function pdfReorder(data) {

    const newPdf = await PDFDocument.create();
    const copiedPages = await newPdf.copyPages(pdf, newOrder);
-    copiedPages.forEach(page => newPdf.addPage(page));
+    copiedPages.forEach((page) => newPdf.addPage(page));

    const reorderedPdfBytes = await newPdf.save();
    fs.writeFileSync(data.outputPath, reorderedPdfBytes);
@@ -246,7 +250,9 @@ async function pdfWatermark(data) {
      const page = pdf.getPage(pageIndex);
      const { width, height } = page.getSize();

-      let x, y, rotation = 0;
+      let x,
+        y,
+        rotation = 0;

      switch (data.position) {
        case 'center':
@@ -294,7 +300,7 @@ async function pdfWatermark(data) {
        font,
        color: rgb(color.r, color.g, color.b),
        opacity: data.opacity,
-        rotate: degrees(rotation)
+        rotate: degrees(rotation),
      });
    }

@@ -303,7 +309,7 @@ async function pdfWatermark(data) {

    return {
      success: true,
-      message: `Successfully added watermark to ${pagesToWatermark.length} page(s)`
+      message: `Successfully added watermark to ${pagesToWatermark.length} page(s)`,
    };
  } catch (error) {
    return { success: false, error: error.message };
@@ -325,8 +331,8 @@ async function pdfEncrypt(data) {
        annotating: data.permissions.annotating,
        fillingForms: data.permissions.fillingForms,
        contentAccessibility: data.permissions.contentAccessibility,
-        documentAssembly: data.permissions.documentAssembly
-      }
+        documentAssembly: data.permissions.documentAssembly,
+      },
    });

    fs.writeFileSync(data.outputPath, encryptedPdfBytes);
@@ -336,7 +342,8 @@ async function pdfEncrypt(data) {
    if (error.message.includes('encrypt') || error.message.includes('password')) {
      return {
        success: false,
-        error: 'PDF encryption requires pdf-lib with encryption support. This feature may not be available in the current version.'
+        error:
+          'PDF encryption requires pdf-lib with encryption support. This feature may not be available in the current version.',
      };
    }
    return { success: false, error: error.message };
@@ -375,8 +382,8 @@ async function pdfSetPermissions(data) {
        annotating: data.permissions.annotating,
        fillingForms: data.permissions.fillingForms,
        contentAccessibility: data.permissions.contentAccessibility,
-        documentAssembly: data.permissions.documentAssembly
-      }
+        documentAssembly: data.permissions.documentAssembly,
+      },
    });

    fs.writeFileSync(data.outputPath, newPdfBytes);
@@ -386,7 +393,8 @@ async function pdfSetPermissions(data) {
    if (error.message.includes('encrypt') || error.message.includes('permission')) {
      return {
        success: false,
-        error: 'PDF permissions require pdf-lib with encryption support. This feature may not be available in the current version.'
+        error:
+          'PDF permissions require pdf-lib with encryption support. This feature may not be available in the current version.',
      };
    }
    return { success: false, error: error.message };
@@ -395,17 +403,28 @@ async function pdfSetPermissions(data) {

 function executeOperation(operation, data) {
  switch (operation) {
-    case 'merge': return pdfMerge(data);
-    case 'split': return pdfSplit(data);
-    case 'compress': return pdfCompress(data);
-    case 'rotate': return pdfRotate(data);
-    case 'delete': return pdfDeletePages(data);
-    case 'reorder': return pdfReorder(data);
-    case 'watermark': return pdfWatermark(data);
-    case 'encrypt': return pdfEncrypt(data);
-    case 'decrypt': return pdfDecrypt(data);
-    case 'permissions': return pdfSetPermissions(data);
-    default: return Promise.resolve({ success: false, error: `Unknown operation: ${operation}` });
+    case 'merge':
+      return pdfMerge(data);
+    case 'split':
+      return pdfSplit(data);
+    case 'compress':
+      return pdfCompress(data);
+    case 'rotate':
+      return pdfRotate(data);
+    case 'delete':
+      return pdfDeletePages(data);
+    case 'reorder':
+      return pdfReorder(data);
+    case 'watermark':
+      return pdfWatermark(data);
+    case 'encrypt':
+      return pdfEncrypt(data);
+    case 'decrypt':
+      return pdfDecrypt(data);
+    case 'permissions':
+      return pdfSetPermissions(data);
+    default:
+      return Promise.resolve({ success: false, error: `Unknown operation: ${operation}` });
  }
 }

@@ -429,5 +448,5 @@ module.exports = {
  pdfDecrypt,
  pdfSetPermissions,
  executeOperation,
-  getPageCount
+  getPageCount,
 };
@@ -5,9 +5,7 @@
  "description": "Demonstrates the plugin system. Safe to delete.",
  "icon": "puzzle",
  "extensionPoints": {
-    "commands": [
-      { "id": "hello", "label": "Sample: Hello World", "shortcut": "" }
-    ]
+    "commands": [{ "id": "hello", "label": "Sample: Hello World", "shortcut": "" }]
  },
  "settings": []
 }
@@ -9,7 +9,7 @@ class WritingStudioPlugin extends PluginAPI {
    this.context = context;

    this.sprintEngine = new SprintEngine({
-      onEvent: (name, data) => context.events.emit(name, data)
+      onEvent: (name, data) => context.events.emit(name, data),
    });
    this.goalTracker = new GoalTracker(context.settings);
    this.snapshotManager = new SnapshotManager(context.settings);
@@ -17,14 +17,14 @@ class WritingStudioPlugin extends PluginAPI {
      readFile: (p) => context.ipc.invoke('read-file', p),
      writeFile: (p, c) => context.ipc.invoke('write-file', p, c),
      fileExists: (p) => context.ipc.invoke('path-exists', p),
-      listDir: (p) => context.ipc.invoke('list-directory', p)
+      listDir: (p) => context.ipc.invoke('list-directory', p),
    });

    this._engines = {
      sprint: this.sprintEngine,
      goals: this.goalTracker,
      snapshots: this.snapshotManager,
-      projects: this.projectManager
+      projects: this.projectManager,
    };

    this._registerCommands(context);
@@ -34,59 +34,89 @@ class WritingStudioPlugin extends PluginAPI {
  _registerCommands(context) {
    const { sprintEngine, snapshotManager, goalTracker } = this;

-    context.commands.register('start-sprint', 'Studio: Start Sprint', () => {
-      const duration = context.settings.get('sprintDuration') || 25;
-      const content = context.editor.getContent() || '';
-      const words = content.split(/\s+/).filter(Boolean).length;
-      sprintEngine.start(duration, words);
-    }, 'Ctrl+Alt+S');
+    context.commands.register(
+      'start-sprint',
+      'Studio: Start Sprint',
+      () => {
+        const duration = context.settings.get('sprintDuration') || 25;
+        const content = context.editor.getContent() || '';
+        const words = content.split(/\s+/).filter(Boolean).length;
+        sprintEngine.start(duration, words);
+      },
+      'Ctrl+Alt+S'
+    );

-    context.commands.register('stop-sprint', 'Studio: Stop Sprint', () => {
-      if (!sprintEngine.isActive()) return;
-      const content = context.editor.getContent() || '';
-      const words = content.split(/\s+/).filter(Boolean).length;
-      const result = sprintEngine.stop(words);
-      goalTracker.addWords(result.wordDelta);
-      context.events.emit('sprint:stopped', result);
-    }, 'Ctrl+Alt+Shift+S');
+    context.commands.register(
+      'stop-sprint',
+      'Studio: Stop Sprint',
+      () => {
+        if (!sprintEngine.isActive()) return;
+        const content = context.editor.getContent() || '';
+        const words = content.split(/\s+/).filter(Boolean).length;
+        const result = sprintEngine.stop(words);
+        goalTracker.addWords(result.wordDelta);
+        context.events.emit('sprint:stopped', result);
+      },
+      'Ctrl+Alt+Shift+S'
+    );

-    context.commands.register('take-snapshot', 'Studio: Take Snapshot', () => {
-      const content = context.editor.getContent() || '';
-      snapshotManager.create(content, 'manual');
-      context.events.emit('snapshot:created', {});
-    }, 'Ctrl+Alt+N');
+    context.commands.register(
+      'take-snapshot',
+      'Studio: Take Snapshot',
+      () => {
+        const content = context.editor.getContent() || '';
+        snapshotManager.create(content, 'manual');
+        context.events.emit('snapshot:created', {});
+      },
+      'Ctrl+Alt+N'
+    );

-    context.commands.register('restore-last-snapshot', 'Studio: Restore Last Snapshot', () => {
-      const snaps = snapshotManager.list();
-      if (snaps.length === 0) return;
-      const content = snapshotManager.restore(snaps[0].id);
-      context.editor.insertAtCursor(content);
-    }, 'Ctrl+Alt+Z');
+    context.commands.register(
+      'restore-last-snapshot',
+      'Studio: Restore Last Snapshot',
+      () => {
+        const snaps = snapshotManager.list();
+        if (snaps.length === 0) return;
+        const content = snapshotManager.restore(snaps[0].id);
+        context.editor.insertAtCursor(content);
+      },
+      'Ctrl+Alt+Z'
+    );

    context.commands.register('new-project', 'Studio: New Project', () => {
      context.events.emit('studio:new-project', {});
    });

-    context.commands.register('compile-manuscript', 'Studio: Compile Manuscript', () => {
-      context.events.emit('studio:compile', {});
-    }, 'Ctrl+Alt+E');
+    context.commands.register(
+      'compile-manuscript',
+      'Studio: Compile Manuscript',
+      () => {
+        context.events.emit('studio:compile', {});
+      },
+      'Ctrl+Alt+E'
+    );

-    context.commands.register('proofread-document', 'Studio: Proofread Document', () => {
-      if (context.events.hasHandler('ai:analyze')) {
-        const content = context.editor.getContent() || '';
-        context.events.emit('ai:analyze', { text: content, type: 'grammar' });
-      }
-    }, 'Ctrl+Alt+G');
+    context.commands.register(
+      'proofread-document',
+      'Studio: Proofread Document',
+      () => {
+        if (context.events.hasHandler('ai:analyze')) {
+          const content = context.editor.getContent() || '';
+          context.events.emit('ai:analyze', { text: content, type: 'grammar' });
+        }
+      },
+      'Ctrl+Alt+G'
+    );
  }

  _registerStatusBar(context) {
    context.statusBar.registerIndicator('word-goal', {
      text: '0/1000',
-      tooltip: 'Daily word goal progress'
+      tooltip: 'Daily word goal progress',
    });
    context.statusBar.registerIndicator('sprint-timer', {
      text: '',
-      tooltip: 'Writing sprint timer'
+      tooltip: 'Writing sprint timer',
    });
  }

@@ -15,17 +15,34 @@
      { "id": "start-sprint", "label": "Studio: Start Sprint", "shortcut": "Ctrl+Alt+S" },
      { "id": "stop-sprint", "label": "Studio: Stop Sprint", "shortcut": "Ctrl+Alt+Shift+S" },
      { "id": "take-snapshot", "label": "Studio: Take Snapshot", "shortcut": "Ctrl+Alt+N" },
-      { "id": "restore-last-snapshot", "label": "Studio: Restore Last Snapshot", "shortcut": "Ctrl+Alt+Z" },
+      {
+        "id": "restore-last-snapshot",
+        "label": "Studio: Restore Last Snapshot",
+        "shortcut": "Ctrl+Alt+Z"
+      },
      { "id": "new-project", "label": "Studio: New Project", "shortcut": "" },
-      { "id": "compile-manuscript", "label": "Studio: Compile Manuscript", "shortcut": "Ctrl+Alt+E" },
-      { "id": "proofread-document", "label": "Studio: Proofread Document", "shortcut": "Ctrl+Alt+G" }
+      {
+        "id": "compile-manuscript",
+        "label": "Studio: Compile Manuscript",
+        "shortcut": "Ctrl+Alt+E"
+      },
+      {
+        "id": "proofread-document",
+        "label": "Studio: Proofread Document",
+        "shortcut": "Ctrl+Alt+G"
+      }
    ],
    "statusBar": { "indicators": ["sprint-timer", "word-goal"] }
  },
  "settings": [
    { "key": "dailyGoal", "type": "number", "default": 1000, "label": "Daily word goal" },
    { "key": "sprintDuration", "type": "number", "default": 25, "label": "Sprint duration (min)" },
-    { "key": "autoSnapshotInterval", "type": "number", "default": 0, "label": "Auto-snapshot interval (min, 0=off)" },
+    {
+      "key": "autoSnapshotInterval",
+      "type": "number",
+      "default": 0,
+      "label": "Auto-snapshot interval (min, 0=off)"
+    },
    { "key": "maxSnapshots", "type": "number", "default": 50, "label": "Max snapshots to keep" }
  ]
 }
@@ -29,7 +29,8 @@ function renderGoalsPanel(container, { engines, settings }) {
  const row = document.createElement('div');
  row.className = 'ws-stat-row';
  const label = document.createElement('span');
-  label.textContent = progress.written.toLocaleString() + ' / ' + dailyGoal.toLocaleString() + ' words';
+  label.textContent =
+    progress.written.toLocaleString() + ' / ' + dailyGoal.toLocaleString() + ' words';
  const pct = document.createElement('span');
  pct.className = 'ws-pct';
  pct.textContent = progress.pct + '%';
@@ -81,7 +82,7 @@ function renderGoalsPanel(container, { engines, settings }) {

  const chart = document.createElement('div');
  chart.className = 'ws-chart';
-  const maxWords = Math.max(...last30.map(d => d.words), 1);
+  const maxWords = Math.max(...last30.map((d) => d.words), 1);
  for (const day of last30) {
    const barEl = document.createElement('div');
    const height = Math.max(2, (day.words / maxWords) * 60);
@@ -69,7 +69,8 @@ function renderManuscriptPanel(container, { engines, editor, settings }) {
  const row = document.createElement('div');
  row.className = 'ws-stat-row';
  const label = document.createElement('span');
-  label.textContent = stats.totalWords.toLocaleString() + ' / ' + stats.targetWords.toLocaleString() + ' words';
+  label.textContent =
+    stats.totalWords.toLocaleString() + ' / ' + stats.targetWords.toLocaleString() + ' words';
  const pct = document.createElement('span');
  pct.className = 'ws-pct';
  pct.textContent = stats.pctComplete + '%';
@@ -42,7 +42,7 @@ function renderProofreadPanel(container, { events, editor }) {
        if (result && result.issues) {
          renderIssues(issuesList, result.issues);
        }
-      }
+      },
    });
  });
 }
@@ -80,7 +80,10 @@ function renderIssues(container, issues) {

    const actions = document.createElement('div');
    actions.className = 'ws-issue-actions';
-    for (const [action, label] of [['accept', 'Accept'], ['dismiss', 'Dismiss']]) {
+    for (const [, label] of [
+      ['accept', 'Accept'],
+      ['dismiss', 'Dismiss'],
+    ]) {
      const actionBtn = document.createElement('button');
      actionBtn.className = 'ws-btn ws-btn-sm';
      actionBtn.textContent = label;
@@ -45,7 +45,11 @@ function renderSnapshotsPanel(container, { engines, editor }) {

    const actions = document.createElement('div');
    actions.className = 'ws-snapshot-actions';
-    for (const [action, text, cls] of [['restore', 'Restore', ''], ['diff', 'Diff', ''], ['delete', 'Delete', 'ws-btn-danger']]) {
+    for (const [action, text, cls] of [
+      ['restore', 'Restore', ''],
+      ['diff', 'Diff', ''],
+      ['delete', 'Delete', 'ws-btn-danger'],
+    ]) {
      const actionBtn = document.createElement('button');
      actionBtn.className = 'ws-btn ws-btn-sm' + (cls ? ' ' + cls : '');
      actionBtn.textContent = text;
@@ -12,7 +12,7 @@ class ProjectManager {
      type: opts.type || 'manuscript',
      target: { words: opts.targetWords || 0, deadline: opts.deadline || null },
      chapters: [],
-      metadata: opts.metadata || {}
+      metadata: opts.metadata || {},
    };
    this.fs.writeFile(dir + '/.project.json', JSON.stringify(project, null, 2));
    return project;
@@ -66,7 +66,7 @@ class ProjectManager {
      totalWords,
      chapterCount: project.chapters.length,
      targetWords: target,
-      pctComplete: target > 0 ? Math.min(100, Math.round((totalWords / target) * 100)) : 0
+      pctComplete: target > 0 ? Math.min(100, Math.round((totalWords / target) * 100)) : 0,
    };
  }
 }
@@ -24,7 +24,7 @@ class SnapshotManager {
      timestamp: new Date().toISOString(),
      content,
      wordCount: content.split(/\s+/).filter(Boolean).length,
-      label
+      label,
    };
    snaps.unshift(snap);
    this._saveAll(snaps);
@@ -36,7 +36,7 @@ class SnapshotManager {
  }

  getById(id) {
-    return this._getAll().find(s => s.id === id) || null;
+    return this._getAll().find((s) => s.id === id) || null;
  }

  restore(id) {
@@ -46,7 +46,7 @@ class SnapshotManager {
  }

  delete(id) {
-    const snaps = this._getAll().filter(s => s.id !== id);
+    const snaps = this._getAll().filter((s) => s.id !== id);
    this._saveAll(snaps);
  }

@@ -59,8 +59,12 @@ class SnapshotManager {
    const newSet = new Set(newLines);
    let added = 0;
    let removed = 0;
-    for (const line of newLines) { if (!oldSet.has(line)) added++; }
-    for (const line of oldLines) { if (!newSet.has(line)) removed++; }
+    for (const line of newLines) {
+      if (!oldSet.has(line)) added++;
+    }
+    for (const line of oldLines) {
+      if (!newSet.has(line)) removed++;
+    }
    return { added, removed };
  }

@@ -40,7 +40,9 @@ class SprintEngine {
    }
  }

-  isActive() { return this._active; }
+  isActive() {
+    return this._active;
+  }

  getRemaining() {
    if (!this._active) return 0;
@@ -12,10 +12,11 @@ class PluginContext {
   * @param {object} deps.exportHooks - { preHooks: [], postHooks: [] }
   */
  constructor(deps) {
-    const { pluginId, sidebar, commands, statusBar, eventBus, settings, editor, ipc, exportHooks } = deps;
+    const { pluginId, sidebar, commands, statusBar, eventBus, settings, editor, ipc, exportHooks } =
+      deps;

    this.sidebar = {
-      registerPanel: (id, opts) => sidebar.registerPanel(`${pluginId}:${id}`, opts)
+      registerPanel: (id, opts) => sidebar.registerPanel(`${pluginId}:${id}`, opts),
    };

    this.commands = {
@@ -28,41 +29,45 @@ class PluginContext {
          }
        };
        commands.register(`${pluginId}:${id}`, label, safeHandler, shortcut);
-      }
+      },
    };

    this.statusBar = {
-      registerIndicator: (id, opts) => statusBar.registerIndicator(`${pluginId}:${id}`, opts)
+      registerIndicator: (id, opts) => statusBar.registerIndicator(`${pluginId}:${id}`, opts),
    };

    this.settings = {
      get: (key) => settings.get(`plugins.${pluginId}.${key}`),
      set: (key, value) => settings.set(`plugins.${pluginId}.${key}`, value),
-      onChanged: (key, cb) => settings.onChanged(`plugins.${pluginId}.${key}`, cb)
+      onChanged: (key, cb) => settings.onChanged(`plugins.${pluginId}.${key}`, cb),
    };

    this.editor = {
      getContent: () => editor.getContent(),
      getSelection: () => editor.getSelection(),
      insertAtCursor: (text) => editor.insertAtCursor(text),
-      onContentChanged: (cb) => editor.onContentChanged(cb)
+      onContentChanged: (cb) => editor.onContentChanged(cb),
    };

    this.events = {
      on: (event, handler) => eventBus.on(event, handler),
      off: (event, handler) => eventBus.off(event, handler),
      emit: (event, payload) => eventBus.emit(event, payload),
-      hasHandler: (event) => eventBus.hasHandler(event)
+      hasHandler: (event) => eventBus.hasHandler(event),
    };

    this.ipc = {
      invoke: (channel, ...args) => ipc.invoke(channel, ...args),
-      on: (channel, handler) => ipc.on(channel, handler)
+      on: (channel, handler) => ipc.on(channel, handler),
    };

    this.exports = {
-      registerPreHook: (handler) => { if (exportHooks) exportHooks.preHooks.push(handler); },
-      registerPostHook: (handler) => { if (exportHooks) exportHooks.postHooks.push(handler); }
+      registerPreHook: (handler) => {
+        if (exportHooks) exportHooks.preHooks.push(handler);
+      },
+      registerPostHook: (handler) => {
+        if (exportHooks) exportHooks.postHooks.push(handler);
+      },
    };
  }
 }
@@ -35,7 +35,10 @@ class PluginLoader {
              const loaded = require(indexPath);
              PluginClass = loaded.Plugin || loaded.default || null;
            } catch (err) {
-              console.error(`[PluginLoader] Failed to load index.js for "${manifest.id}":`, err.message);
+              console.error(
+                `[PluginLoader] Failed to load index.js for "${manifest.id}":`,
+                err.message
+              );
              continue;
            }
          }
@@ -46,7 +49,7 @@ class PluginLoader {
            description: manifest.description,
            manifest,
            PluginClass,
-            dir: pluginDir
+            dir: pluginDir,
          });
          this.loadedIds.add(manifest.id);
        } catch (err) {
@@ -32,7 +32,7 @@ class PluginRegistry {
      settings: this.deps.settings,
      editor: this.deps.editor,
      ipc: this.deps.ipc,
-      exportHooks: this.exportHooks
+      exportHooks: this.exportHooks,
    });

    try {
@@ -14,7 +14,7 @@ class SettingsStore {
    this.backend.set(key, value);
  }

-  onChanged(key, callback) {
+  onChanged(_key, _callback) {
    // Deferred: plugins read settings on init/activate for MVP.
    // Full change notification requires IPC watcher in main process.
  }
@@ -9,7 +9,7 @@
 * - All IPC channels are explicitly whitelisted
 * - Prevents XSS from escalating to full system access
 *
- * @version 4.3.0
+ * @version 4.4.1
 */

 const { contextBridge, ipcRenderer } = require('electron');
@@ -23,6 +23,7 @@ const ALLOWED_SEND_CHANNELS = [
  'save-recent-files',
  'clear-recent-files',
  'renderer-ready',
+  'select-custom-css',

  // Theme
  'get-theme',
@@ -139,7 +140,7 @@ const ALLOWED_SEND_CHANNELS = [

  // Plugin settings
  'plugin-settings:get',
-  'plugin-settings:set'
+  'plugin-settings:set',
 ];

 const ALLOWED_RECEIVE_CHANNELS = [
@@ -150,6 +151,8 @@ const ALLOWED_RECEIVE_CHANNELS = [
  'get-content-for-save',
  'get-content-for-spreadsheet',
  'recent-files-cleared',
+  'load-custom-css',
+  'clear-custom-css',

  // UI toggles
  'toggle-preview',
@@ -234,7 +237,7 @@ const ALLOWED_RECEIVE_CHANNELS = [
  'load-template-menu',
  'toggle-command-palette',
  'toggle-sidebar-panel',
-  'toggle-bottom-panel'
+  'toggle-bottom-panel',
 ];

 /**
@@ -341,23 +344,23 @@ contextBridge.exposeInMainWorld('electronAPI', {
    exists: (filePath) => ipcRenderer.invoke('path-exists', filePath),
    isDirectory: (filePath) => ipcRenderer.invoke('is-directory', filePath),
    copy: (source, destination) => ipcRenderer.invoke('copy-path', { source, destination }),
-    move: (source, destination) => ipcRenderer.invoke('move-path', { source, destination })
+    move: (source, destination) => ipcRenderer.invoke('move-path', { source, destination }),
  },

  // Theme Operations
  theme: {
-    get: () => ipcRenderer.send('get-theme')
+    get: () => ipcRenderer.send('get-theme'),
  },

  // Print Operations
  print: {
-    doPrint: (options) => ipcRenderer.send('do-print', options)
+    doPrint: (options) => ipcRenderer.send('do-print', options),
  },

  // Export Operations
  export: {
    withOptions: (format, options) => ipcRenderer.send('export-with-options', { format, options }),
-    spreadsheet: (content, format) => ipcRenderer.send('export-spreadsheet', { content, format })
+    spreadsheet: (content, format) => ipcRenderer.send('export-spreadsheet', { content, format }),
  },

  // Batch Conversion
@@ -365,7 +368,7 @@ contextBridge.exposeInMainWorld('electronAPI', {
    convert: (inputFolder, outputFolder, format, options) => {
      ipcRenderer.send('batch-convert', { inputFolder, outputFolder, format, options });
    },
-    selectFolder: (type) => ipcRenderer.send('select-folder', type)
+    selectFolder: (type) => ipcRenderer.send('select-folder', type),
  },

  // Universal Converter
@@ -374,8 +377,14 @@ contextBridge.exposeInMainWorld('electronAPI', {
      ipcRenderer.send('universal-convert', { tool, fromFormat, toFormat, filePath });
    },
    convertBatch: (tool, fromFormat, toFormat, inputFolder, outputFolder) => {
-      ipcRenderer.send('universal-convert-batch', { tool, fromFormat, toFormat, inputFolder, outputFolder });
-    }
+      ipcRenderer.send('universal-convert-batch', {
+        tool,
+        fromFormat,
+        toFormat,
+        inputFolder,
+        outputFolder,
+      });
+    },
  },

  // Header/Footer Operations
@@ -383,22 +392,23 @@ contextBridge.exposeInMainWorld('electronAPI', {
    getSettings: () => ipcRenderer.send('get-header-footer-settings'),
    saveSettings: (settings) => ipcRenderer.send('save-header-footer-settings', settings),
    browseLogo: (position) => ipcRenderer.send('browse-header-footer-logo', position),
-    saveLogo: (position, filePath) => ipcRenderer.send('save-header-footer-logo', { position, filePath }),
-    clearLogo: (position) => ipcRenderer.send('clear-header-footer-logo', position)
+    saveLogo: (position, filePath) =>
+      ipcRenderer.send('save-header-footer-logo', { position, filePath }),
+    clearLogo: (position) => ipcRenderer.send('clear-header-footer-logo', position),
  },

  // Page Settings
  page: {
    getSettings: () => ipcRenderer.send('get-page-settings'),
    updateSettings: (settings) => ipcRenderer.send('update-page-settings', settings),
-    setCustomStartPage: (pageNumber) => ipcRenderer.send('set-custom-start-page', pageNumber)
+    setCustomStartPage: (pageNumber) => ipcRenderer.send('set-custom-start-page', pageNumber),
  },

  // PDF Operations
  pdf: {
    processOperation: (data) => ipcRenderer.send('process-pdf-operation', data),
    getPageCount: (filePath) => ipcRenderer.send('get-pdf-page-count', filePath),
-    selectFolder: (inputId) => ipcRenderer.send('select-pdf-folder', inputId)
+    selectFolder: (inputId) => ipcRenderer.send('select-pdf-folder', inputId),
  },

  // Image Converter Operations
@@ -407,7 +417,7 @@ contextBridge.exposeInMainWorld('electronAPI', {
    batchConvert: (data) => ipcRenderer.send('image-batch-convert', data),
    resize: (data) => ipcRenderer.send('image-resize', data),
    compress: (data) => ipcRenderer.send('image-compress', data),
-    rotate: (data) => ipcRenderer.send('image-rotate', data)
+    rotate: (data) => ipcRenderer.send('image-rotate', data),
  },

  // Audio Converter Operations
@@ -416,7 +426,7 @@ contextBridge.exposeInMainWorld('electronAPI', {
    batchConvert: (data) => ipcRenderer.send('audio-batch-convert', data),
    extract: (data) => ipcRenderer.send('audio-extract', data),
    trim: (data) => ipcRenderer.send('audio-trim', data),
-    merge: (data) => ipcRenderer.send('audio-merge', data)
+    merge: (data) => ipcRenderer.send('audio-merge', data),
  },

  // Video Converter Operations
@@ -426,16 +436,16 @@ contextBridge.exposeInMainWorld('electronAPI', {
    compress: (data) => ipcRenderer.send('video-compress', data),
    trim: (data) => ipcRenderer.send('video-trim', data),
    extractFrames: (data) => ipcRenderer.send('video-frames', data),
-    toGif: (data) => ipcRenderer.send('video-gif', data)
+    toGif: (data) => ipcRenderer.send('video-gif', data),
  },

  // Generator Windows
  generators: {
    openAscii: () => ipcRenderer.send('open-ascii-generator'),
-    openTable: () => ipcRenderer.send('open-table-generator')
+    openTable: () => ipcRenderer.send('open-table-generator'),
  },

-  getAppVersion: () => ipcRenderer.invoke('get-app-version')
+  getAppVersion: () => ipcRenderer.invoke('get-app-version'),
 });

 // Log successful preload initialization
@@ -1,85 +1,85 @@
 class PrintPreview {
-    constructor() {
-        this.overlay = document.getElementById('print-preview-overlay');
-        this.modal = window.modals?.printPreviewModal;
-        this._lastContent = '';
-        this.setupEventListeners();
+  constructor() {
+    this.overlay = document.getElementById('print-preview-overlay');
+    this.modal = window.modals?.printPreviewModal;
+    this._lastContent = '';
+    this.setupEventListeners();
+  }
+
+  open(htmlContent) {
+    this._lastContent = htmlContent;
+    if (this.modal) {
+      this.modal.open();
+    } else {
+      this.overlay.classList.remove('hidden');
    }
+    this.updatePreview(htmlContent);
+    this.updateScaleLabel();
+  }

-    open(htmlContent) {
-        this._lastContent = htmlContent;
-        if (this.modal) {
-            this.modal.open();
-        } else {
-            this.overlay.classList.remove('hidden');
-        }
-        this.updatePreview(htmlContent);
-        this.updateScaleLabel();
+  close() {
+    if (this.modal) {
+      this.modal.close();
+    } else {
+      this.overlay.classList.add('hidden');
    }
+  }

-    close() {
-        if (this.modal) {
-            this.modal.close();
-        } else {
-            this.overlay.classList.add('hidden');
-        }
-    }
+  setupEventListeners() {
+    document.getElementById('print-preview-close')?.addEventListener('click', () => this.close());
+    document.getElementById('print-cancel')?.addEventListener('click', () => this.close());
+    document.getElementById('print-execute')?.addEventListener('click', () => this.executePrint());

-    setupEventListeners() {
-        document.getElementById('print-preview-close')?.addEventListener('click', () => this.close());
-        document.getElementById('print-cancel')?.addEventListener('click', () => this.close());
-        document.getElementById('print-execute')?.addEventListener('click', () => this.executePrint());
+    // Update preview on option changes
+    ['print-paper-size', 'print-orientation', 'print-margins'].forEach((id) => {
+      document.getElementById(id)?.addEventListener('change', () => this.refreshPreview());
+    });

-        // Update preview on option changes
-        ['print-paper-size', 'print-orientation', 'print-margins'].forEach(id => {
-            document.getElementById(id)?.addEventListener('change', () => this.refreshPreview());
-        });
+    // Scale slider
+    const scaleSlider = document.getElementById('print-scale');
+    scaleSlider?.addEventListener('input', () => this.updateScaleLabel());

-        // Scale slider
-        const scaleSlider = document.getElementById('print-scale');
-        scaleSlider?.addEventListener('input', () => this.updateScaleLabel());
+    // Page range toggle
+    document.getElementById('print-pages')?.addEventListener('change', (e) => {
+      const rangeInput = document.getElementById('print-page-range');
+      if (rangeInput) {
+        rangeInput.classList.toggle('hidden', e.target.value !== 'custom');
+      }
+    });

-        // Page range toggle
-        document.getElementById('print-pages')?.addEventListener('change', (e) => {
-            const rangeInput = document.getElementById('print-page-range');
-            if (rangeInput) {
-                rangeInput.classList.toggle('hidden', e.target.value !== 'custom');
-            }
-        });
+    // Note: Backdrop click and Escape key are now handled by ModalManager
+  }

-        // Note: Backdrop click and Escape key are now handled by ModalManager
-    }
+  updateScaleLabel() {
+    const scale = document.getElementById('print-scale')?.value || 100;
+    const label = document.getElementById('print-scale-value');
+    if (label) label.textContent = `${scale}%`;
+  }

-    updateScaleLabel() {
-        const scale = document.getElementById('print-scale')?.value || 100;
-        const label = document.getElementById('print-scale-value');
-        if (label) label.textContent = `${scale}%`;
-    }
+  updatePreview(htmlContent) {
+    const frame = document.getElementById('print-preview-frame');
+    if (!frame) return;

-    updatePreview(htmlContent) {
-        const frame = document.getElementById('print-preview-frame');
-        if (!frame) return;
+    this._lastContent = htmlContent;

-        this._lastContent = htmlContent;
+    const orientation = document.getElementById('print-orientation')?.value || 'portrait';
+    const paperSize = document.getElementById('print-paper-size')?.value || 'A4';

-        const orientation = document.getElementById('print-orientation')?.value || 'portrait';
-        const paperSize = document.getElementById('print-paper-size')?.value || 'A4';
+    // Get dimensions for paper size
+    const sizes = {
+      A3: { width: '297mm', height: '420mm' },
+      A4: { width: '210mm', height: '297mm' },
+      A5: { width: '148mm', height: '210mm' },
+      Letter: { width: '8.5in', height: '11in' },
+      Legal: { width: '8.5in', height: '14in' },
+      Tabloid: { width: '11in', height: '17in' },
+    };

-        // Get dimensions for paper size
-        const sizes = {
-            'A3': { width: '297mm', height: '420mm' },
-            'A4': { width: '210mm', height: '297mm' },
-            'A5': { width: '148mm', height: '210mm' },
-            'Letter': { width: '8.5in', height: '11in' },
-            'Legal': { width: '8.5in', height: '14in' },
-            'Tabloid': { width: '11in', height: '17in' },
-        };
+    const size = sizes[paperSize] || sizes['A4'];
+    const width = orientation === 'landscape' ? size.height : size.width;
+    const height = orientation === 'landscape' ? size.width : size.height;

-        const size = sizes[paperSize] || sizes['A4'];
-        const width = orientation === 'landscape' ? size.height : size.width;
-        const height = orientation === 'landscape' ? size.width : size.height;
-
-        const previewHtml = `
+    const previewHtml = `
            <!DOCTYPE html>
            <html>
            <head>
@@ -105,34 +105,34 @@ class PrintPreview {
            </html>
        `;

-        frame.srcdoc = previewHtml;
-    }
+    frame.srcdoc = previewHtml;
+  }

-    refreshPreview() {
-        if (this._lastContent) {
-            this.updatePreview(this._lastContent);
-        }
+  refreshPreview() {
+    if (this._lastContent) {
+      this.updatePreview(this._lastContent);
    }
+  }

-    getOptions() {
-        return {
-            paperSize: document.getElementById('print-paper-size')?.value || 'A4',
-            orientation: document.getElementById('print-orientation')?.value || 'portrait',
-            margins: document.getElementById('print-margins')?.value || 'default',
-            scale: parseInt(document.getElementById('print-scale')?.value || '100'),
-            headers: document.getElementById('print-headers')?.checked ?? true,
-            background: document.getElementById('print-background')?.checked ?? true,
-            pages: document.getElementById('print-pages')?.value || 'all',
-            pageRange: document.getElementById('print-page-range')?.value || '',
-        };
-    }
+  getOptions() {
+    return {
+      paperSize: document.getElementById('print-paper-size')?.value || 'A4',
+      orientation: document.getElementById('print-orientation')?.value || 'portrait',
+      margins: document.getElementById('print-margins')?.value || 'default',
+      scale: parseInt(document.getElementById('print-scale')?.value || '100'),
+      headers: document.getElementById('print-headers')?.checked ?? true,
+      background: document.getElementById('print-background')?.checked ?? true,
+      pages: document.getElementById('print-pages')?.value || 'all',
+      pageRange: document.getElementById('print-page-range')?.value || '',
+    };
+  }

-    executePrint() {
-        const options = this.getOptions();
-        const { ipcRenderer } = require('electron');
-        ipcRenderer.send('do-print-with-options', options);
-        this.close();
-    }
+  executePrint() {
+    const options = this.getOptions();
+    const { ipcRenderer } = require('electron');
+    ipcRenderer.send('do-print-with-options', options);
+    this.close();
+  }
 }

 module.exports = { PrintPreview };
@@ -1,49 +1,49 @@
 class ReplPanel {
-    constructor() {
-        this.panel = document.getElementById('bottom-panel');
-        this.output = document.getElementById('repl-output');
-        this.setupEventListeners();
-    }
+  constructor() {
+    this.panel = document.getElementById('bottom-panel');
+    this.output = document.getElementById('repl-output');
+    this.setupEventListeners();
+  }

-    setupEventListeners() {
-        document.getElementById('bottom-panel-toggle')?.addEventListener('click', () => this.toggle());
-        document.getElementById('repl-clear')?.addEventListener('click', () => this.clear());
-    }
+  setupEventListeners() {
+    document.getElementById('bottom-panel-toggle')?.addEventListener('click', () => this.toggle());
+    document.getElementById('repl-clear')?.addEventListener('click', () => this.clear());
+  }

-    toggle() {
-        this.panel.classList.toggle('collapsed');
-        const btn = document.getElementById('bottom-panel-toggle');
-        if (btn) btn.textContent = this.panel.classList.contains('collapsed') ? '\u25BC' : '\u25B2';
-    }
+  toggle() {
+    this.panel.classList.toggle('collapsed');
+    const btn = document.getElementById('bottom-panel-toggle');
+    if (btn) btn.textContent = this.panel.classList.contains('collapsed') ? '\u25BC' : '\u25B2';
+  }

-    show() {
-        this.panel.classList.remove('collapsed');
-        const btn = document.getElementById('bottom-panel-toggle');
-        if (btn) btn.textContent = '\u25B2';
-    }
+  show() {
+    this.panel.classList.remove('collapsed');
+    const btn = document.getElementById('bottom-panel-toggle');
+    if (btn) btn.textContent = '\u25B2';
+  }

-    clear() {
-        if (this.output) this.output.innerHTML = '';
-    }
+  clear() {
+    if (this.output) this.output.innerHTML = '';
+  }

-    appendOutput(command, result) {
-        const entry = document.createElement('div');
-        entry.className = 'repl-entry';
-        entry.innerHTML = `
+  appendOutput(command, result) {
+    const entry = document.createElement('div');
+    entry.className = 'repl-entry';
+    entry.innerHTML = `
            <div class="repl-command">\u25B6 ${command}</div>
            ${result.stdout ? `<div class="repl-stdout">${this.escapeHtml(result.stdout)}</div>` : ''}
            ${result.stderr ? `<div class="repl-stderr">${this.escapeHtml(result.stderr)}</div>` : ''}
            ${result.error ? `<div class="repl-error">Error: ${this.escapeHtml(result.error)}</div>` : ''}
        `;
-        this.output?.appendChild(entry);
-        this.output?.scrollTo(0, this.output.scrollHeight);
-    }
+    this.output?.appendChild(entry);
+    this.output?.scrollTo(0, this.output.scrollHeight);
+  }

-    escapeHtml(text) {
-        const div = document.createElement('div');
-        div.textContent = text;
-        return div.innerHTML;
-    }
+  escapeHtml(text) {
+    const div = document.createElement('div');
+    div.textContent = text;
+    return div.innerHTML;
+  }
 }

 module.exports = { ReplPanel };
@@ -1,7 +1,5 @@
-const path = require('path');
-
 function renderExplorerPanel(container, { listDirectory, onFileOpen, currentDir }) {
-    container.innerHTML = `
+  container.innerHTML = `
        <div class="explorer-panel">
            <div class="explorer-toolbar">
                <input type="text" class="explorer-path" id="explorer-path" value="${currentDir || ''}" placeholder="Open a folder..." readonly>
@@ -11,60 +9,86 @@ function renderExplorerPanel(container, { listDirectory, onFileOpen, currentDir
        </div>
    `;

-    document.getElementById('explorer-browse')?.addEventListener('click', async () => {
-        const dir = await listDirectory(null); // null means open folder dialog
-        if (dir) {
-            document.getElementById('explorer-path').value = dir.path;
-            renderTree(document.getElementById('explorer-tree'), dir.entries, listDirectory, onFileOpen, dir.path);
-        }
-    });
-
-    if (currentDir) {
-        listDirectory(currentDir).then(dir => {
-            if (dir) renderTree(document.getElementById('explorer-tree'), dir.entries, listDirectory, onFileOpen, currentDir);
-        });
+  document.getElementById('explorer-browse')?.addEventListener('click', async () => {
+    const dir = await listDirectory(null); // null means open folder dialog
+    if (dir) {
+      document.getElementById('explorer-path').value = dir.path;
+      renderTree(
+        document.getElementById('explorer-tree'),
+        dir.entries,
+        listDirectory,
+        onFileOpen,
+        dir.path
+      );
    }
+  });
+
+  if (currentDir) {
+    listDirectory(currentDir).then((dir) => {
+      if (dir)
+        renderTree(
+          document.getElementById('explorer-tree'),
+          dir.entries,
+          listDirectory,
+          onFileOpen,
+          currentDir
+        );
+    });
+  }
 }

-function renderTree(container, entries, listDirectory, onFileOpen, basePath) {
-    container.innerHTML = entries.map(entry => {
-        if (entry.isDirectory) {
-            return `<div class="tree-item tree-folder collapsed" data-path="${entry.path}">
+function renderTree(container, entries, listDirectory, onFileOpen, _basePath) {
+  container.innerHTML = entries
+    .map((entry) => {
+      if (entry.isDirectory) {
+        return `<div class="tree-item tree-folder collapsed" data-path="${entry.path}">
                <span class="tree-icon">&#x25B6;</span>
                <span class="tree-name">${entry.name}</span>
                <div class="tree-children"></div>
            </div>`;
-        }
-        return `<div class="tree-item tree-file" data-path="${entry.path}">
+      }
+      return `<div class="tree-item tree-file" data-path="${entry.path}">
            <span class="tree-icon">${getFileIcon(entry.name)}</span>
            <span class="tree-name">${entry.name}</span>
        </div>`;
-    }).join('');
+    })
+    .join('');

-    container.querySelectorAll('.tree-folder').forEach(el => {
-        el.querySelector('.tree-name').addEventListener('click', async () => {
-            const isCollapsed = el.classList.contains('collapsed');
-            if (isCollapsed) {
-                const dir = await listDirectory(el.dataset.path);
-                if (dir) {
-                    const childContainer = el.querySelector('.tree-children');
-                    renderTree(childContainer, dir.entries, listDirectory, onFileOpen, el.dataset.path);
-                }
-            }
-            el.classList.toggle('collapsed');
-            el.querySelector('.tree-icon').textContent = el.classList.contains('collapsed') ? '\u25B6' : '\u25BC';
-        });
+  container.querySelectorAll('.tree-folder').forEach((el) => {
+    el.querySelector('.tree-name').addEventListener('click', async () => {
+      const isCollapsed = el.classList.contains('collapsed');
+      if (isCollapsed) {
+        const dir = await listDirectory(el.dataset.path);
+        if (dir) {
+          const childContainer = el.querySelector('.tree-children');
+          renderTree(childContainer, dir.entries, listDirectory, onFileOpen, el.dataset.path);
+        }
+      }
+      el.classList.toggle('collapsed');
+      el.querySelector('.tree-icon').textContent = el.classList.contains('collapsed')
+        ? '\u25B6'
+        : '\u25BC';
    });
+  });

-    container.querySelectorAll('.tree-file').forEach(el => {
-        el.addEventListener('click', () => onFileOpen(el.dataset.path));
-    });
+  container.querySelectorAll('.tree-file').forEach((el) => {
+    el.addEventListener('click', () => onFileOpen(el.dataset.path));
+  });
 }

 function getFileIcon(filename) {
-    const ext = filename.split('.').pop().toLowerCase();
-    const icons = { md: '\u{1F4DD}', js: '\u{1F4DC}', json: '{}', html: '\u{1F310}', css: '\u{1F3A8}', py: '\u{1F40D}', pdf: '\u{1F4D5}', txt: '\u{1F4C4}' };
-    return icons[ext] || '\u{1F4C4}';
+  const ext = filename.split('.').pop().toLowerCase();
+  const icons = {
+    md: '\u{1F4DD}',
+    js: '\u{1F4DC}',
+    json: '{}',
+    html: '\u{1F310}',
+    css: '\u{1F3A8}',
+    py: '\u{1F40D}',
+    pdf: '\u{1F4D5}',
+    txt: '\u{1F4C4}',
+  };
+  return icons[ext] || '\u{1F4C4}';
 }

 module.exports = { renderExplorerPanel };
@@ -1,5 +1,5 @@
-function renderGitPanel(container, { gitStatus, gitDiff, gitStage, gitCommit, gitLog }) {
-    container.innerHTML = `
+function renderGitPanel(container, { gitStatus, _gitDiff, gitStage, gitCommit, gitLog }) {
+  container.innerHTML = `
        <div class="git-panel">
            <div class="git-section">
                <h4 class="git-section-title">Changes</h4>
@@ -19,66 +19,76 @@ function renderGitPanel(container, { gitStatus, gitDiff, gitStage, gitCommit, gi
        </div>
    `;

-    loadGitStatus();
+  loadGitStatus();

-    async function loadGitStatus() {
-        const status = await gitStatus();
-        const changesEl = document.getElementById('git-changes');
-        if (!status || !changesEl) return;
+  async function loadGitStatus() {
+    const status = await gitStatus();
+    const changesEl = document.getElementById('git-changes');
+    if (!status || !changesEl) return;

-        if (status.error) {
-            changesEl.innerHTML = `<p class="git-info">${status.error}</p>`;
-            return;
-        }
+    if (status.error) {
+      changesEl.innerHTML = `<p class="git-info">${status.error}</p>`;
+      return;
+    }

-        const files = [
-            ...status.modified.map(f => ({ file: f, status: 'M', color: '#f59e0b' })),
-            ...status.not_added.map(f => ({ file: f, status: '?', color: '#6b7280' })),
-            ...status.created.map(f => ({ file: f, status: 'A', color: '#10b981' })),
-            ...status.deleted.map(f => ({ file: f, status: 'D', color: '#ef4444' })),
-            ...status.staged.map(f => ({ file: f, status: 'S', color: '#3b82f6' })),
-        ];
+    const files = [
+      ...status.modified.map((f) => ({ file: f, status: 'M', color: '#f59e0b' })),
+      ...status.not_added.map((f) => ({ file: f, status: '?', color: '#6b7280' })),
+      ...status.created.map((f) => ({ file: f, status: 'A', color: '#10b981' })),
+      ...status.deleted.map((f) => ({ file: f, status: 'D', color: '#ef4444' })),
+      ...status.staged.map((f) => ({ file: f, status: 'S', color: '#3b82f6' })),
+    ];

-        if (files.length === 0) {
-            changesEl.innerHTML = '<p class="git-info">No changes</p>';
-        } else {
-            changesEl.innerHTML = files.map(f => `
+    if (files.length === 0) {
+      changesEl.innerHTML = '<p class="git-info">No changes</p>';
+    } else {
+      changesEl.innerHTML = files
+        .map(
+          (f) => `
                <div class="git-file" data-file="${f.file}">
                    <span class="git-file-status" style="color:${f.color}">${f.status}</span>
                    <span class="git-file-name">${f.file}</span>
                    <button class="git-stage-btn" data-file="${f.file}" title="Stage file">+</button>
                </div>
-            `).join('');
+            `
+        )
+        .join('');

-            changesEl.querySelectorAll('.git-stage-btn').forEach(btn => {
-                btn.addEventListener('click', async (e) => {
-                    e.stopPropagation();
-                    await gitStage([btn.dataset.file]);
-                    loadGitStatus();
-                });
-            });
-        }
+      changesEl.querySelectorAll('.git-stage-btn').forEach((btn) => {
+        btn.addEventListener('click', async (e) => {
+          e.stopPropagation();
+          await gitStage([btn.dataset.file]);
+          loadGitStatus();
+        });
+      });
+    }

-        // Load log
-        const log = await gitLog();
-        const logEl = document.getElementById('git-log');
-        if (log && logEl) {
-            logEl.innerHTML = (log.all || []).slice(0, 10).map(entry => `
+    // Load log
+    const log = await gitLog();
+    const logEl = document.getElementById('git-log');
+    if (log && logEl) {
+      logEl.innerHTML =
+        (log.all || [])
+          .slice(0, 10)
+          .map(
+            (entry) => `
                <div class="git-log-entry">
                    <div class="git-log-msg">${entry.message}</div>
                    <div class="git-log-meta">${entry.date?.substring(0, 10) || ''} &middot; ${entry.author_name || ''}</div>
                </div>
-            `).join('') || '<p class="git-info">No commits</p>';
-        }
+            `
+          )
+          .join('') || '<p class="git-info">No commits</p>';
    }
+  }

-    document.getElementById('git-commit-btn')?.addEventListener('click', async () => {
-        const msg = document.getElementById('git-commit-msg')?.value?.trim();
-        if (!msg) return;
-        await gitCommit(msg);
-        document.getElementById('git-commit-msg').value = '';
-        loadGitStatus();
-    });
+  document.getElementById('git-commit-btn')?.addEventListener('click', async () => {
+    const msg = document.getElementById('git-commit-msg')?.value?.trim();
+    if (!msg) return;
+    await gitCommit(msg);
+    document.getElementById('git-commit-msg').value = '';
+    loadGitStatus();
+  });
 }

 module.exports = { renderGitPanel };
@@ -4,54 +4,54 @@
 */

 function renderOutlinePanel(container, { getEditorContent, getActiveLine, onHeadingClick }) {
-    container.innerHTML = `
+  container.innerHTML = `
        <div class="outline-panel">
            <div class="outline-list" id="outline-list"></div>
        </div>
    `;

-    const listEl = document.getElementById('outline-list');
-    let headings = [];
-    let activeLine = 1;
-    let debounceTimer = null;
+  const listEl = document.getElementById('outline-list');
+  let headings = [];
+  let activeLine = 1;
+  let debounceTimer = null;

-    function parseHeadings(content) {
-        const result = [];
-        if (!content) return result;
-        const lines = content.split('\n');
-        const regex = /^(#{1,6})\s+(.+)$/;
-        for (let i = 0; i < lines.length; i++) {
-            const match = regex.exec(lines[i]);
-            if (match) {
-                result.push({
-                    level: match[1].length,
-                    text: match[2].trim(),
-                    line: i + 1
-                });
-            }
-        }
-        return result;
+  function parseHeadings(content) {
+    const result = [];
+    if (!content) return result;
+    const lines = content.split('\n');
+    const regex = /^(#{1,6})\s+(.+)$/;
+    for (let i = 0; i < lines.length; i++) {
+      const match = regex.exec(lines[i]);
+      if (match) {
+        result.push({
+          level: match[1].length,
+          text: match[2].trim(),
+          line: i + 1,
+        });
+      }
    }
+    return result;
+  }

-    function findActiveHeading(currentLine) {
-        let active = null;
-        for (const h of headings) {
-            if (h.line <= currentLine) {
-                active = h;
-            } else {
-                break;
-            }
-        }
-        return active;
+  function findActiveHeading(currentLine) {
+    let active = null;
+    for (const h of headings) {
+      if (h.line <= currentLine) {
+        active = h;
+      } else {
+        break;
+      }
    }
+    return active;
+  }

-    function renderHeadings() {
-        const content = getEditorContent();
-        headings = parseHeadings(content);
-        activeLine = getActiveLine();
+  function renderHeadings() {
+    const content = getEditorContent();
+    headings = parseHeadings(content);
+    activeLine = getActiveLine();

-        if (headings.length === 0) {
-            listEl.innerHTML = `
+    if (headings.length === 0) {
+      listEl.innerHTML = `
                <div class="outline-empty">
                    <p>No headings found</p>
                    <p class="outline-hint"># Heading 1</p>
@@ -59,56 +59,62 @@ function renderOutlinePanel(container, { getEditorContent, getActiveLine, onHead
                    <p class="outline-hint">### Heading 3</p>
                </div>
            `;
-            return;
-        }
+      return;
+    }

-        const activeHeading = findActiveHeading(activeLine);
+    const activeHeading = findActiveHeading(activeLine);

-        listEl.innerHTML = headings.map((h, idx) => `
+    listEl.innerHTML =
+      headings
+        .map(
+          (h, idx) => `
            <div class="outline-item outline-level-${h.level}${activeHeading && h.line === activeHeading.line ? ' active' : ''}"
                 data-line="${h.line}" data-index="${idx}">
                <span class="outline-text">${escapeHtml(h.text)}</span>
                <span class="outline-badge">H${h.level}</span>
            </div>
-        `).join('') + `<div class="outline-footer">${headings.length} heading${headings.length !== 1 ? 's' : ''}</div>`;
+        `
+        )
+        .join('') +
+      `<div class="outline-footer">${headings.length} heading${headings.length !== 1 ? 's' : ''}</div>`;

-        listEl.querySelectorAll('.outline-item').forEach(item => {
-            item.addEventListener('click', () => {
-                const line = parseInt(item.dataset.line, 10);
-                onHeadingClick(line);
-            });
-        });
-    }
+    listEl.querySelectorAll('.outline-item').forEach((item) => {
+      item.addEventListener('click', () => {
+        const line = parseInt(item.dataset.line, 10);
+        onHeadingClick(line);
+      });
+    });
+  }

-    function escapeHtml(text) {
-        const div = document.createElement('div');
-        div.textContent = text;
-        return div.innerHTML;
-    }
+  function escapeHtml(text) {
+    const div = document.createElement('div');
+    div.textContent = text;
+    return div.innerHTML;
+  }

-    function refresh() {
-        clearTimeout(debounceTimer);
-        debounceTimer = setTimeout(renderHeadings, 300);
-    }
+  function refresh() {
+    clearTimeout(debounceTimer);
+    debounceTimer = setTimeout(renderHeadings, 300);
+  }

-    function setActiveHeading(line) {
-        activeLine = line;
-        const activeHeading = findActiveHeading(line);
+  function setActiveHeading(line) {
+    activeLine = line;
+    const activeHeading = findActiveHeading(line);

-        listEl.querySelectorAll('.outline-item').forEach(item => {
-            const itemLine = parseInt(item.dataset.line, 10);
-            if (activeHeading && itemLine === activeHeading.line) {
-                item.classList.add('active');
-            } else {
-                item.classList.remove('active');
-            }
-        });
-    }
+    listEl.querySelectorAll('.outline-item').forEach((item) => {
+      const itemLine = parseInt(item.dataset.line, 10);
+      if (activeHeading && itemLine === activeHeading.line) {
+        item.classList.add('active');
+      } else {
+        item.classList.remove('active');
+      }
+    });
+  }

-    container._refreshOutline = refresh;
-    container._setActiveHeading = setActiveHeading;
+  container._refreshOutline = refresh;
+  container._setActiveHeading = setActiveHeading;

-    renderHeadings();
+  renderHeadings();
 }

 module.exports = { renderOutlinePanel };
@@ -1,50 +1,52 @@
 class SidebarManager {
-    constructor() {
-        this.sidebar = document.getElementById('sidebar');
-        this.panelContent = document.getElementById('sidebar-panel-content');
-        this.panelTitle = document.querySelector('.sidebar-panel-title');
-        this.activePanel = null;
-        this.panels = new Map();
-        this.setupEventListeners();
-    }
+  constructor() {
+    this.sidebar = document.getElementById('sidebar');
+    this.panelContent = document.getElementById('sidebar-panel-content');
+    this.panelTitle = document.querySelector('.sidebar-panel-title');
+    this.activePanel = null;
+    this.panels = new Map();
+    this.setupEventListeners();
+  }

-    setupEventListeners() {
-        document.querySelectorAll('.sidebar-icon').forEach(btn => {
-            btn.addEventListener('click', () => this.togglePanel(btn.dataset.panel));
-        });
-        document.querySelector('.sidebar-panel-close')?.addEventListener('click', () => this.collapse());
-    }
+  setupEventListeners() {
+    document.querySelectorAll('.sidebar-icon').forEach((btn) => {
+      btn.addEventListener('click', () => this.togglePanel(btn.dataset.panel));
+    });
+    document
+      .querySelector('.sidebar-panel-close')
+      ?.addEventListener('click', () => this.collapse());
+  }

-    registerPanel(name, { title, render }) {
-        this.panels.set(name, { title, render });
-    }
+  registerPanel(name, { title, render }) {
+    this.panels.set(name, { title, render });
+  }

-    togglePanel(name) {
-        if (this.activePanel === name) {
-            this.collapse();
-        } else {
-            this.expand(name);
-        }
+  togglePanel(name) {
+    if (this.activePanel === name) {
+      this.collapse();
+    } else {
+      this.expand(name);
    }
+  }

-    expand(name) {
-        const panel = this.panels.get(name);
-        if (!panel) return;
-        this.sidebar.classList.remove('collapsed');
-        this.panelTitle.textContent = panel.title;
-        this.panelContent.innerHTML = '';
-        panel.render(this.panelContent);
-        this.activePanel = name;
-        document.querySelectorAll('.sidebar-icon').forEach(btn => {
-            btn.classList.toggle('active', btn.dataset.panel === name);
-        });
-    }
+  expand(name) {
+    const panel = this.panels.get(name);
+    if (!panel) return;
+    this.sidebar.classList.remove('collapsed');
+    this.panelTitle.textContent = panel.title;
+    this.panelContent.innerHTML = '';
+    panel.render(this.panelContent);
+    this.activePanel = name;
+    document.querySelectorAll('.sidebar-icon').forEach((btn) => {
+      btn.classList.toggle('active', btn.dataset.panel === name);
+    });
+  }

-    collapse() {
-        this.sidebar.classList.add('collapsed');
-        this.activePanel = null;
-        document.querySelectorAll('.sidebar-icon').forEach(btn => btn.classList.remove('active'));
-    }
+  collapse() {
+    this.sidebar.classList.add('collapsed');
+    this.activePanel = null;
+    document.querySelectorAll('.sidebar-icon').forEach((btn) => btn.classList.remove('active'));
+  }
 }

 module.exports = { SidebarManager };
@@ -1,5 +1,5 @@
 function renderSnippetsPanel(container, { getSnippets, saveSnippet, deleteSnippet, onInsert }) {
-    container.innerHTML = `
+  container.innerHTML = `
        <div class="snippets-panel">
            <div class="snippets-toolbar">
                <input type="text" class="snippets-search" id="snippets-search" placeholder="Search snippets...">
@@ -9,22 +9,29 @@ function renderSnippetsPanel(container, { getSnippets, saveSnippet, deleteSnippe
        </div>
    `;

-    let snippets = [];
+  let snippets = [];

-    async function loadSnippets() {
-        snippets = await getSnippets() || [];
-        renderList(document.getElementById('snippets-search')?.value || '');
-    }
+  async function loadSnippets() {
+    snippets = (await getSnippets()) || [];
+    renderList(document.getElementById('snippets-search')?.value || '');
+  }

-    function renderList(query) {
-        const list = document.getElementById('snippets-list');
-        if (!list) return;
+  function renderList(query) {
+    const list = document.getElementById('snippets-list');
+    if (!list) return;

-        const filtered = query
-            ? snippets.filter(s => s.name.toLowerCase().includes(query.toLowerCase()) || (s.language || '').toLowerCase().includes(query.toLowerCase()))
-            : snippets;
+    const filtered = query
+      ? snippets.filter(
+          (s) =>
+            s.name.toLowerCase().includes(query.toLowerCase()) ||
+            (s.language || '').toLowerCase().includes(query.toLowerCase())
+        )
+      : snippets;

-        list.innerHTML = filtered.length ? filtered.map(s => `
+    list.innerHTML = filtered.length
+      ? filtered
+          .map(
+            (s) => `
            <div class="snippet-item" data-id="${s.id}">
                <div class="snippet-header">
                    <span class="snippet-name">${s.name}</span>
@@ -36,36 +43,41 @@ function renderSnippetsPanel(container, { getSnippets, saveSnippet, deleteSnippe
                    <button class="snippet-delete" data-id="${s.id}" title="Delete">&times;</button>
                </div>
            </div>
-        `).join('') : '<p class="git-info">No snippets yet. Click + to add one.</p>';
+        `
+          )
+          .join('')
+      : '<p class="git-info">No snippets yet. Click + to add one.</p>';

-        list.querySelectorAll('.snippet-insert').forEach(btn => {
-            btn.addEventListener('click', () => {
-                const s = snippets.find(sn => sn.id === btn.dataset.id);
-                if (s) onInsert(s.code);
-            });
-        });
-
-        list.querySelectorAll('.snippet-delete').forEach(btn => {
-            btn.addEventListener('click', async () => {
-                await deleteSnippet(btn.dataset.id);
-                loadSnippets();
-            });
-        });
-    }
-
-    document.getElementById('snippets-search')?.addEventListener('input', (e) => renderList(e.target.value));
-
-    document.getElementById('snippets-add')?.addEventListener('click', () => {
-        const name = prompt('Snippet name:');
-        if (!name) return;
-        const language = prompt('Language (e.g., javascript, python, html):') || 'text';
-        const code = prompt('Paste your code snippet:');
-        if (!code) return;
-
-        saveSnippet({ id: Date.now().toString(), name, language, code }).then(() => loadSnippets());
+    list.querySelectorAll('.snippet-insert').forEach((btn) => {
+      btn.addEventListener('click', () => {
+        const s = snippets.find((sn) => sn.id === btn.dataset.id);
+        if (s) onInsert(s.code);
+      });
    });

-    loadSnippets();
+    list.querySelectorAll('.snippet-delete').forEach((btn) => {
+      btn.addEventListener('click', async () => {
+        await deleteSnippet(btn.dataset.id);
+        loadSnippets();
+      });
+    });
+  }
+
+  document
+    .getElementById('snippets-search')
+    ?.addEventListener('input', (e) => renderList(e.target.value));
+
+  document.getElementById('snippets-add')?.addEventListener('click', () => {
+    const name = prompt('Snippet name:');
+    if (!name) return;
+    const language = prompt('Language (e.g., javascript, python, html):') || 'text';
+    const code = prompt('Paste your code snippet:');
+    if (!code) return;
+
+    saveSnippet({ id: Date.now().toString(), name, language, code }).then(() => loadSnippets());
+  });
+
+  loadSnippets();
 }

 module.exports = { renderSnippetsPanel };
@@ -1,34 +1,39 @@
-const fs = require('fs');
-const path = require('path');
-
 const templates = [
-    { name: 'Blog Post', file: 'blog-post.md', description: 'Article with frontmatter' },
-    { name: 'Meeting Notes', file: 'meeting-notes.md', description: 'Agenda, notes, action items' },
-    { name: 'Technical Spec', file: 'technical-spec.md', description: 'Requirements and architecture' },
-    { name: 'Changelog', file: 'changelog.md', description: 'Keep a Changelog format' },
-    { name: 'README', file: 'readme.md', description: 'Project documentation' },
-    { name: 'Project Plan', file: 'project-plan.md', description: 'Goals, milestones, timeline' },
-    { name: 'API Docs', file: 'api-docs.md', description: 'API endpoint documentation' },
-    { name: 'Tutorial', file: 'tutorial.md', description: 'Step-by-step guide' },
-    { name: 'Release Notes', file: 'release-notes.md', description: 'Version release summary' },
-    { name: 'Comparison', file: 'comparison.md', description: 'Feature comparison table' },
+  { name: 'Blog Post', file: 'blog-post.md', description: 'Article with frontmatter' },
+  { name: 'Meeting Notes', file: 'meeting-notes.md', description: 'Agenda, notes, action items' },
+  {
+    name: 'Technical Spec',
+    file: 'technical-spec.md',
+    description: 'Requirements and architecture',
+  },
+  { name: 'Changelog', file: 'changelog.md', description: 'Keep a Changelog format' },
+  { name: 'README', file: 'readme.md', description: 'Project documentation' },
+  { name: 'Project Plan', file: 'project-plan.md', description: 'Goals, milestones, timeline' },
+  { name: 'API Docs', file: 'api-docs.md', description: 'API endpoint documentation' },
+  { name: 'Tutorial', file: 'tutorial.md', description: 'Step-by-step guide' },
+  { name: 'Release Notes', file: 'release-notes.md', description: 'Version release summary' },
+  { name: 'Comparison', file: 'comparison.md', description: 'Feature comparison table' },
 ];

 function renderTemplatesPanel(container, onSelect) {
-    container.innerHTML = `
+  container.innerHTML = `
        <div class="panel-list">
-            ${templates.map(t => `
+            ${templates
+              .map(
+                (t) => `
                <div class="panel-list-item template-item" data-file="${t.file}">
                    <div class="panel-list-item-title">${t.name}</div>
                    <div class="panel-list-item-desc">${t.description}</div>
                </div>
-            `).join('')}
+            `
+              )
+              .join('')}
        </div>
    `;

-    container.querySelectorAll('.template-item').forEach(el => {
-        el.addEventListener('click', () => onSelect(el.dataset.file));
-    });
+  container.querySelectorAll('.template-item').forEach((el) => {
+    el.addEventListener('click', () => onSelect(el.dataset.file));
+  });
 }

 module.exports = { renderTemplatesPanel, templates };
@@ -675,18 +675,33 @@ body.theme-concreteinfo-dark .modal-footer {
   Animations
   ============================================ */
@keyframes fadeIn {
-  from { opacity: 0; }
-  to { opacity: 1; }
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
 }

@keyframes slideUp {
-  from { transform: translateY(20px); opacity: 0; }
-  to { transform: translateY(0); opacity: 1; }
+  from {
+    transform: translateY(20px);
+    opacity: 0;
+  }
+  to {
+    transform: translateY(0);
+    opacity: 1;
+  }
 }

@keyframes pulse {
-  0%, 100% { transform: scale(1); }
-  50% { transform: scale(1.05); }
+  0%,
+  100% {
+    transform: scale(1);
+  }
+  50% {
+    transform: scale(1.05);
+  }
 }

 .animate-fade-in {
@@ -60,7 +60,15 @@

 /* Base styles - Reset is in styles.css */
 body {
-  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+  font-family:
+    'Inter',
+    -apple-system,
+    BlinkMacSystemFont,
+    'Segoe UI',
+    Roboto,
+    'Helvetica Neue',
+    Arial,
+    sans-serif;
  overflow: hidden;
  height: 100vh;
  /* Background controlled by themes - do not set here */
@@ -68,9 +76,15 @@ body {
 }

@keyframes gradientShift {
-  0% { background-position: 0% 50%; }
-  50% { background-position: 100% 50%; }
-  100% { background-position: 0% 50%; }
+  0% {
+    background-position: 0% 50%;
+  }
+  50% {
+    background-position: 100% 50%;
+  }
+  100% {
+    background-position: 0% 50%;
+  }
 }

 .container {
@@ -345,7 +359,9 @@ body {
 }

 /* Preview Styles - Modern Typography */
-.preview-content h1, .preview-content h2, .preview-content h3 {
+.preview-content h1,
+.preview-content h2,
+.preview-content h3 {
  /* Color controlled by theme */
  font-weight: 700;
  margin-top: 28px;
@@ -695,11 +711,7 @@ body {
  left: 0;
  right: 0;
  bottom: 0;
-  background: linear-gradient(90deg,
-    transparent,
-    rgba(255, 255, 255, 0.3),
-    transparent
-  );
+  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
  animation: shimmer 2s infinite;
 }

@@ -798,7 +810,9 @@ body {
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.4);
  transform: translate(-50%, -50%);
-  transition: width 0.6s, height 0.6s;
+  transition:
+    width 0.6s,
+    height 0.6s;
 }

 .toolbar button:hover::before,
@@ -1046,7 +1060,7 @@ body.theme-paper .pdf-viewer-toolbar,
 body.theme-rosepine-dawn .pdf-viewer-toolbar {
  background: linear-gradient(180deg, #fafafa 0%, #f0f0f0 100%) !important;
  border-bottom: 1px solid #d0d0d0 !important;
-  box-shadow: 0 1px 3px rgba(0,0,0,0.08);
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
 }

 body.theme-light .pdf-viewer-toolbar button,
@@ -1061,7 +1075,7 @@ body.theme-rosepine-dawn .pdf-viewer-toolbar button {
  background: #fff !important;
  border: 1px solid #ccc !important;
  color: #333 !important;
-  box-shadow: 0 1px 2px rgba(0,0,0,0.05);
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
 }

 body.theme-light .pdf-viewer-toolbar button:hover,
@@ -1444,7 +1458,7 @@ body.theme-rosepine-dawn .pdf-viewer {
  .export-dialog,
  .batch-dialog,
  .editor-pane,
-  [id^="editor-pane-"],
+  [id^='editor-pane-'],
  .new-tab-button,
  .tab-close {
    display: none !important;
@@ -1452,9 +1466,9 @@ body.theme-rosepine-dawn .pdf-viewer {

  /* Show preview content */
  .preview-pane,
-  [id^="preview-pane-"],
+  [id^='preview-pane-'],
  .preview-content,
-  [id^="preview-"] {
+  [id^='preview-'] {
    display: block !important;
    width: 100% !important;
    padding: 20px !important;
@@ -1491,9 +1505,9 @@ body.theme-rosepine-dawn .pdf-viewer {
  body.printing-no-styles .tab-content,
  body.printing-no-styles .pane,
  body.printing-no-styles .preview-pane,
-  body.printing-no-styles [id^="preview-pane-"],
+  body.printing-no-styles [id^='preview-pane-'],
  body.printing-no-styles .preview-content,
-  body.printing-no-styles [id^="preview-"] {
+  body.printing-no-styles [id^='preview-'] {
    background: white !important;
    color: #000 !important;
  }
@@ -1539,27 +1553,27 @@ body.theme-rosepine-dawn .pdf-viewer {

 /* Common dark theme styles for preview content */
 body.theme-dark .preview-content,
-body.theme-dark [id^="preview-"],
+body.theme-dark [id^='preview-'],
 body.theme-one-dark .preview-content,
-body.theme-one-dark [id^="preview-"],
+body.theme-one-dark [id^='preview-'],
 body.theme-dracula .preview-content,
-body.theme-dracula [id^="preview-"],
+body.theme-dracula [id^='preview-'],
 body.theme-nord .preview-content,
-body.theme-nord [id^="preview-"],
+body.theme-nord [id^='preview-'],
 body.theme-tokyo-night .preview-content,
-body.theme-tokyo-night [id^="preview-"],
+body.theme-tokyo-night [id^='preview-'],
 body.theme-palenight .preview-content,
-body.theme-palenight [id^="preview-"],
+body.theme-palenight [id^='preview-'],
 body.theme-ayu-dark .preview-content,
-body.theme-ayu-dark [id^="preview-"],
+body.theme-ayu-dark [id^='preview-'],
 body.theme-ayu-mirage .preview-content,
-body.theme-ayu-mirage [id^="preview-"],
+body.theme-ayu-mirage [id^='preview-'],
 body.theme-oceanic-next .preview-content,
-body.theme-oceanic-next [id^="preview-"],
+body.theme-oceanic-next [id^='preview-'],
 body.theme-gruvbox-dark .preview-content,
-body.theme-gruvbox-dark [id^="preview-"],
+body.theme-gruvbox-dark [id^='preview-'],
 body.theme-cobalt2 .preview-content,
-body.theme-cobalt2 [id^="preview-"] {
+body.theme-cobalt2 [id^='preview-'] {
  color: #e6e6e6;
  background: transparent;
 }
@@ -2145,230 +2159,601 @@ body.theme-rosepine-dawn .batch-dialog-footer {
   Command Palette (Ctrl+Shift+P)
   ======================================== */
 .command-palette-overlay {
-    position: fixed;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    background: rgba(0, 0, 0, 0.3);
-    z-index: 1000;
-    display: flex;
-    justify-content: center;
-    padding-top: 80px;
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: rgba(0, 0, 0, 0.3);
+  z-index: 1000;
+  display: flex;
+  justify-content: center;
+  padding-top: 80px;
 }
 .command-palette-overlay.hidden {
-    display: none;
+  display: none;
 }
 .command-palette {
-    width: 560px;
-    max-height: 400px;
-    background: #fff;
-    border-radius: 12px;
-    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.2);
-    overflow: hidden;
-    display: flex;
-    flex-direction: column;
+  width: 560px;
+  max-height: 400px;
+  background: #fff;
+  border-radius: 12px;
+  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.2);
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
 }
 .command-palette-input {
-    width: 100%;
-    padding: 14px 18px;
-    border: none;
-    outline: none;
-    font-size: 15px;
-    border-bottom: 1px solid #e5e7eb;
-    font-family: inherit;
+  width: 100%;
+  padding: 14px 18px;
+  border: none;
+  outline: none;
+  font-size: 15px;
+  border-bottom: 1px solid #e5e7eb;
+  font-family: inherit;
 }
 .command-palette-results {
-    overflow-y: auto;
-    max-height: 340px;
+  overflow-y: auto;
+  max-height: 340px;
 }
 .command-item {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    padding: 10px 18px;
-    cursor: pointer;
-    font-size: 14px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 10px 18px;
+  cursor: pointer;
+  font-size: 14px;
 }
 .command-item:hover,
 .command-item.selected {
-    background: #f3f4f6;
+  background: #f3f4f6;
 }
 .command-label strong {
-    color: #5661b3;
+  color: #5661b3;
 }
 .command-shortcut {
-    font-size: 12px;
-    color: #9ca3af;
-    background: #f3f4f6;
-    padding: 2px 8px;
-    border-radius: 4px;
-    font-family: 'JetBrains Mono', monospace;
+  font-size: 12px;
+  color: #9ca3af;
+  background: #f3f4f6;
+  padding: 2px 8px;
+  border-radius: 4px;
+  font-family: 'JetBrains Mono', monospace;
 }

 /* Dark theme command palette */
-body[class*="dark"] .command-palette {
-    background: #1e1e1e;
-    border: 1px solid #333;
+body[class*='dark'] .command-palette {
+  background: #1e1e1e;
+  border: 1px solid #333;
 }
-body[class*="dark"] .command-palette-input {
-    background: #1e1e1e;
-    color: #eee;
-    border-color: #333;
+body[class*='dark'] .command-palette-input {
+  background: #1e1e1e;
+  color: #eee;
+  border-color: #333;
 }
-body[class*="dark"] .command-item:hover,
-body[class*="dark"] .command-item.selected {
-    background: #2d2d2d;
+body[class*='dark'] .command-item:hover,
+body[class*='dark'] .command-item.selected {
+  background: #2d2d2d;
 }
-body[class*="dark"] .command-shortcut {
-    background: #333;
-    color: #888;
+body[class*='dark'] .command-shortcut {
+  background: #333;
+  color: #888;
 }

 /* ========================================
   Breadcrumb Bar
   ======================================== */
 .breadcrumb-bar {
-    padding: 4px 12px;
-    font-size: 12px;
-    color: var(--gray-500, #6b7280);
-    border-bottom: 1px solid var(--gray-200, #e5e7eb);
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    flex-shrink: 0;
-    background: var(--gray-50, #f9fafb);
-    font-family: 'JetBrains Mono', monospace;
+  padding: 4px 12px;
+  font-size: 12px;
+  color: var(--gray-500, #6b7280);
+  border-bottom: 1px solid var(--gray-200, #e5e7eb);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  flex-shrink: 0;
+  background: var(--gray-50, #f9fafb);
+  font-family: 'JetBrains Mono', monospace;
 }
-body[class*="dark"] .breadcrumb-bar {
-    background: #1a1a1a;
-    color: #888;
-    border-color: #333;
+body[class*='dark'] .breadcrumb-bar {
+  background: #1a1a1a;
+  color: #888;
+  border-color: #333;
 }

 /* Print Preview Dialog */
 .print-preview-dialog {
-    width: 90vw;
-    max-width: 1200px;
-    height: 80vh;
-    display: flex;
-    flex-direction: column;
+  width: 90vw;
+  max-width: 1200px;
+  height: 80vh;
+  display: flex;
+  flex-direction: column;
 }
 .print-preview-body {
-    display: flex;
-    flex: 1;
-    overflow: hidden;
+  display: flex;
+  flex: 1;
+  overflow: hidden;
 }
 .print-preview-sidebar {
-    width: 260px;
-    padding: 16px;
-    border-right: 1px solid var(--gray-200, #e5e7eb);
-    overflow-y: auto;
-    flex-shrink: 0;
-    display: flex;
-    flex-direction: column;
-    gap: 16px;
+  width: 260px;
+  padding: 16px;
+  border-right: 1px solid var(--gray-200, #e5e7eb);
+  overflow-y: auto;
+  flex-shrink: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
 }
 .print-preview-content {
-    flex: 1;
-    padding: 16px;
-    background: #e5e7eb;
-    display: flex;
-    justify-content: center;
-    overflow: auto;
+  flex: 1;
+  padding: 16px;
+  background: #e5e7eb;
+  display: flex;
+  justify-content: center;
+  overflow: auto;
 }
 .print-preview-content iframe {
-    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
-    border-radius: 4px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
+  border-radius: 4px;
 }
 .print-option-group {
-    display: flex;
-    flex-direction: column;
-    gap: 6px;
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
 }
 .print-option-group label {
-    font-size: 13px;
-    font-weight: 500;
-    color: var(--gray-600, #4b5563);
+  font-size: 13px;
+  font-weight: 500;
+  color: var(--gray-600, #4b5563);
 }
 .print-option-group select,
-.print-option-group input[type="text"] {
-    padding: 8px 10px;
-    border: 1px solid var(--gray-300, #d1d5db);
-    border-radius: 8px;
-    font-size: 13px;
-    background: white;
+.print-option-group input[type='text'] {
+  padding: 8px 10px;
+  border: 1px solid var(--gray-300, #d1d5db);
+  border-radius: 8px;
+  font-size: 13px;
+  background: white;
 }
 .scale-control {
-    display: flex;
-    align-items: center;
-    gap: 8px;
+  display: flex;
+  align-items: center;
+  gap: 8px;
 }
-.scale-control input[type="range"] {
-    flex: 1;
+.scale-control input[type='range'] {
+  flex: 1;
 }
 .checkbox-label {
-    display: flex;
-    align-items: center;
-    gap: 8px;
-    cursor: pointer;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  cursor: pointer;
 }
 .print-range-input {
-    margin-top: 6px;
+  margin-top: 6px;
 }
 .print-actions {
-    display: flex;
-    gap: 8px;
-    margin-top: auto;
-    padding-top: 16px;
+  display: flex;
+  gap: 8px;
+  margin-top: auto;
+  padding-top: 16px;
 }
 .btn-primary {
-    flex: 1;
-    padding: 10px;
-    background: var(--primary-dark, #5661b3);
-    color: white;
-    border: none;
-    border-radius: 8px;
-    font-size: 14px;
-    font-weight: 500;
-    cursor: pointer;
+  flex: 1;
+  padding: 10px;
+  background: var(--primary-dark, #5661b3);
+  color: white;
+  border: none;
+  border-radius: 8px;
+  font-size: 14px;
+  font-weight: 500;
+  cursor: pointer;
 }
 .btn-primary:hover {
-    opacity: 0.9;
+  opacity: 0.9;
 }
 .btn-secondary {
-    flex: 1;
-    padding: 10px;
-    background: var(--gray-100, #f3f4f6);
-    color: var(--gray-700, #374151);
-    border: 1px solid var(--gray-300, #d1d5db);
-    border-radius: 8px;
-    font-size: 14px;
-    cursor: pointer;
+  flex: 1;
+  padding: 10px;
+  background: var(--gray-100, #f3f4f6);
+  color: var(--gray-700, #374151);
+  border: 1px solid var(--gray-300, #d1d5db);
+  border-radius: 8px;
+  font-size: 14px;
+  cursor: pointer;
 }

 /* Writing Analytics Modal */
-.analytics-overlay { position:fixed; inset:0; background:rgba(0,0,0,0.5); backdrop-filter:blur(4px); display:flex; align-items:center; justify-content:center; z-index:10000; animation:analyticsFadeIn 0.2s ease; }
-.analytics-modal { background:var(--bg-primary,#fff); border-radius:12px; width:520px; max-height:80vh; overflow-y:auto; box-shadow:0 20px 60px rgba(0,0,0,0.3); animation:analyticsSlideUp 0.3s ease; }
-.analytics-header { display:flex; justify-content:space-between; align-items:center; padding:20px 24px; border-bottom:1px solid var(--border-color,#e5e7eb); }
-.analytics-header h2 { margin:0; font-size:18px; font-weight:600; color:var(--text-primary); }
-.analytics-close { background:none; border:none; font-size:24px; cursor:pointer; color:var(--text-muted); padding:4px 8px; border-radius:4px; }
-.analytics-close:hover { background:var(--bg-tertiary); color:var(--text-primary); }
-.analytics-body { padding:16px 24px 24px; }
-.analytics-section { margin-bottom:20px; }
-.analytics-section h3 { font-size:12px; font-weight:600; text-transform:uppercase; letter-spacing:0.05em; color:var(--text-muted,#9ca3af); margin:0 0 10px; }
-.analytics-row { display:flex; justify-content:space-between; align-items:baseline; padding:6px 0; font-size:14px; }
-.analytics-label { color:var(--text-secondary,#6b7280); }
-.analytics-value { font-weight:500; color:var(--text-primary); }
-.analytics-value small { color:var(--text-muted); font-weight:400; margin-left:6px; }
-.readability-meter { height:4px; background:var(--bg-tertiary,#f3f4f6); border-radius:2px; margin-top:8px; overflow:hidden; }
-.readability-fill { height:100%; background:linear-gradient(90deg,#ef4444,#f59e0b,#10b981); border-radius:2px; transition:width 0.5s ease; }
-.word-cloud { display:flex; flex-wrap:wrap; gap:8px; margin-top:8px; }
-.word-tag { background:var(--bg-tertiary,#f3f4f6); padding:4px 10px; border-radius:12px; font-size:13px; color:var(--text-secondary); }
-.word-tag small { opacity:0.5; font-size:10px; margin-left:2px; }
-.analytics-longest { flex-direction:column; gap:4px; }
-.analytics-sentence-preview { font-style:italic; font-size:13px; color:var(--text-secondary); font-weight:400; }
-@keyframes analyticsFadeIn { from{opacity:0} to{opacity:1} }
-@keyframes analyticsSlideUp { from{transform:translateY(16px);opacity:0} to{transform:translateY(0);opacity:1} }
-body[class*="dark"] .analytics-modal { background:var(--gray-800,#1f2937); }
-body[class*="dark"] .word-tag { background:var(--gray-700,#374151); }
+.analytics-overlay {
+  position: fixed;
+  inset: 0;
+  background: rgba(0, 0, 0, 0.5);
+  backdrop-filter: blur(4px);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 10000;
+  animation: analyticsFadeIn 0.2s ease;
+}
+.analytics-modal {
+  background: var(--bg-primary, #fff);
+  border-radius: 12px;
+  width: 520px;
+  max-height: 80vh;
+  overflow-y: auto;
+  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
+  animation: analyticsSlideUp 0.3s ease;
+}
+.analytics-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 20px 24px;
+  border-bottom: 1px solid var(--border-color, #e5e7eb);
+}
+.analytics-header h2 {
+  margin: 0;
+  font-size: 18px;
+  font-weight: 600;
+  color: var(--text-primary);
+}
+.analytics-close {
+  background: none;
+  border: none;
+  font-size: 24px;
+  cursor: pointer;
+  color: var(--text-muted);
+  padding: 4px 8px;
+  border-radius: 4px;
+}
+.analytics-close:hover {
+  background: var(--bg-tertiary);
+  color: var(--text-primary);
+}
+.analytics-body {
+  padding: 16px 24px 24px;
+}
+.analytics-section {
+  margin-bottom: 20px;
+}
+.analytics-section h3 {
+  font-size: 12px;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+  color: var(--text-muted, #9ca3af);
+  margin: 0 0 10px;
+}
+.analytics-row {
+  display: flex;
+  justify-content: space-between;
+  align-items: baseline;
+  padding: 6px 0;
+  font-size: 14px;
+}
+.analytics-label {
+  color: var(--text-secondary, #6b7280);
+}
+.analytics-value {
+  font-weight: 500;
+  color: var(--text-primary);
+}
+.analytics-value small {
+  color: var(--text-muted);
+  font-weight: 400;
+  margin-left: 6px;
+}
+.readability-meter {
+  height: 4px;
+  background: var(--bg-tertiary, #f3f4f6);
+  border-radius: 2px;
+  margin-top: 8px;
+  overflow: hidden;
+}
+.readability-fill {
+  height: 100%;
+  background: linear-gradient(90deg, #ef4444, #f59e0b, #10b981);
+  border-radius: 2px;
+  transition: width 0.5s ease;
+}
+.word-cloud {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+  margin-top: 8px;
+}
+.word-tag {
+  background: var(--bg-tertiary, #f3f4f6);
+  padding: 4px 10px;
+  border-radius: 12px;
+  font-size: 13px;
+  color: var(--text-secondary);
+}
+.word-tag small {
+  opacity: 0.5;
+  font-size: 10px;
+  margin-left: 2px;
+}
+.analytics-longest {
+  flex-direction: column;
+  gap: 4px;
+}
+.analytics-sentence-preview {
+  font-style: italic;
+  font-size: 13px;
+  color: var(--text-secondary);
+  font-weight: 400;
+}
+@keyframes analyticsFadeIn {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+@keyframes analyticsSlideUp {
+  from {
+    transform: translateY(16px);
+    opacity: 0;
+  }
+  to {
+    transform: translateY(0);
+    opacity: 1;
+  }
+}
+body[class*='dark'] .analytics-modal {
+  background: var(--gray-800, #1f2937);
+}
+body[class*='dark'] .word-tag {
+  background: var(--gray-700, #374151);
+}
+
+/* ========================================
+   Interactive PDF Thumbnail Sidebar Styles
+   ======================================== */
+.pdf-editor-body.side-by-side {
+  display: flex;
+  flex-direction: row;
+  gap: 16px;
+  height: 550px;
+  overflow: hidden;
+}
+
+.pdf-editor-left-panel {
+  flex: 1.2;
+  overflow-y: auto;
+  padding-right: 8px;
+  height: 100%;
+}
+
+.pdf-editor-right-panel {
+  flex: 0.8;
+  display: flex;
+  flex-direction: column;
+  border-left: 1px solid var(--border-color, #e5e7eb);
+  padding-left: 16px;
+  height: 100%;
+  overflow: hidden;
+}
+
+.pdf-editor-right-panel h4 {
+  margin: 0 0 4px 0;
+  font-size: 15px;
+  font-weight: 600;
+  color: var(--text-primary);
+}
+
+.pdf-editor-right-panel .sidebar-help {
+  margin: 0 0 12px 0;
+  font-size: 11px;
+  color: var(--text-secondary, #6b7280);
+  line-height: 1.4;
+}
+
+.pdf-thumbnail-grid {
+  flex: 1;
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
+  gap: 12px;
+  overflow-y: auto;
+  padding: 4px;
+}
+
+.pdf-thumbnail-card {
+  display: flex;
+  flex-direction: column;
+  border: 1px solid var(--border-color, #e5e7eb);
+  border-radius: 8px;
+  background: var(--bg-primary, #ffffff);
+  box-shadow: var(--shadow-sm);
+  padding: 8px;
+  transition: all var(--transition-speed, 0.3s) var(--transition-ease);
+  position: relative;
+  overflow: hidden;
+}
+
+.pdf-thumbnail-card:hover {
+  transform: translateY(-2px);
+  box-shadow: var(--shadow-md);
+  border-color: var(--primary-light, #8b9aff);
+}
+
+.pdf-thumbnail-card.marked-delete {
+  border-color: var(--error, #ef4444);
+  background: rgba(239, 68, 68, 0.05);
+}
+
+.pdf-thumbnail-card.marked-delete::after {
+  content: 'DELETE';
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%) rotate(-15deg);
+  background: rgba(239, 68, 68, 0.95);
+  color: #fff;
+  font-size: 10px;
+  font-weight: 700;
+  padding: 4px 8px;
+  border-radius: 4px;
+  pointer-events: none;
+  box-shadow: var(--shadow-sm);
+  letter-spacing: 0.5px;
+  white-space: nowrap;
+}
+
+.pdf-thumbnail-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 6px;
+}
+
+.pdf-thumbnail-header .badge {
+  font-size: 11px;
+  font-weight: 600;
+  background: var(--bg-tertiary, #f3f4f6);
+  color: var(--text-primary);
+  padding: 2px 6px;
+  border-radius: 4px;
+  font-family: var(--font-mono, monospace);
+}
+
+.canvas-container {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background: var(--bg-secondary, #f9fafb);
+  border: 1px solid var(--border-color, #e5e7eb);
+  border-radius: 6px;
+  padding: 6px;
+  height: 120px;
+  overflow: hidden;
+}
+
+.pdf-thumbnail-canvas {
+  max-width: 100%;
+  max-height: 100%;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
+  transition: transform 0.3s ease;
+}
+
+/* CSS Rotations */
+.rot90 {
+  transform: rotate(90deg);
+}
+.rot180 {
+  transform: rotate(180deg);
+}
+.rot270 {
+  transform: rotate(270deg);
+}
+
+.pdf-thumbnail-controls {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  margin-top: 8px;
+}
+
+.pdf-thumbnail-controls button,
+.pdf-thumbnail-controls label {
+  font-size: 11px;
+}
+
+.btn-rotate-thumbnail {
+  background: var(--bg-tertiary, #f3f4f6);
+  border: 1px solid var(--border-color, #e5e7eb);
+  color: var(--text-primary);
+  border-radius: 4px;
+  padding: 3px 6px;
+  cursor: pointer;
+  width: 100%;
+  text-align: center;
+  transition: all 0.2s;
+  font-weight: 500;
+}
+
+.btn-rotate-thumbnail:hover {
+  background: var(--primary-light, #8b9aff);
+  color: #fff;
+  border-color: var(--primary-dark);
+}
+
+.delete-thumbnail-checkbox {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 4px;
+  cursor: pointer;
+  user-select: none;
+  font-weight: 500;
+  color: var(--text-secondary);
+}
+
+.delete-thumbnail-checkbox input {
+  margin: 0;
+  cursor: pointer;
+}
+
+.pdf-thumbnail-reorder {
+  display: flex;
+  justify-content: space-between;
+  gap: 4px;
+}
+
+.btn-reorder-left,
+.btn-reorder-right {
+  flex: 1;
+  background: var(--bg-tertiary, #f3f4f6);
+  border: 1px solid var(--border-color, #e5e7eb);
+  color: var(--text-primary);
+  border-radius: 4px;
+  padding: 2px;
+  cursor: pointer;
+  transition: all 0.2s;
+}
+
+.btn-reorder-left:hover:not(:disabled),
+.btn-reorder-right:hover:not(:disabled) {
+  background: var(--bg-secondary);
+  border-color: var(--text-muted);
+}
+
+.btn-reorder-left:disabled,
+.btn-reorder-right:disabled {
+  opacity: 0.3;
+  cursor: not-allowed;
+}
+
+.loading-thumbnails,
+.thumbnail-error {
+  grid-column: 1 / -1;
+  text-align: center;
+  padding: 40px 20px;
+  font-size: 13px;
+  color: var(--text-muted);
+}
+
+.thumbnail-error {
+  color: var(--error, #ef4444);
+}
+
+/* Dark mode adjustments */
+body[class*='dark'] .pdf-thumbnail-card {
+  background: var(--gray-800, #1f2937);
+  border-color: var(--gray-700, #374151);
+}
+body[class*='dark'] .pdf-thumbnail-header .badge {
+  background: var(--gray-700, #374151);
+  color: var(--gray-200);
+}
+body[class*='dark'] .canvas-container {
+  background: var(--gray-900, #111827);
+  border-color: var(--gray-700);
+}
+body[class*='dark'] .btn-rotate-thumbnail,
+body[class*='dark'] .btn-reorder-left,
+body[class*='dark'] .btn-reorder-right {
+  background: var(--gray-700, #374151);
+  border-color: var(--gray-600);
+  color: var(--gray-200);
+}
@@ -1,304 +1,523 @@
 /* Sidebar */
 .main-content {
-    display: flex;
-    flex: 1;
-    overflow: hidden;
-    min-height: 0;
+  display: flex;
+  flex: 1;
+  overflow: hidden;
+  min-height: 0;
 }

 .sidebar {
-    display: flex;
-    flex-shrink: 0;
-    height: 100%;
-    transition: width 0.2s ease;
+  display: flex;
+  flex-shrink: 0;
+  height: 100%;
+  transition: width 0.2s ease;
 }

 .sidebar.collapsed {
-    width: 48px;
+  width: 48px;
 }

 .sidebar:not(.collapsed) {
-    width: 328px; /* 48px icons + 280px panel */
+  width: 328px; /* 48px icons + 280px panel */
 }

 .sidebar-icons {
-    display: flex;
-    flex-direction: column;
-    width: 48px;
-    background: var(--gray-100, #f3f4f6);
-    border-right: 1px solid var(--gray-200, #e5e7eb);
-    padding: 8px 0;
-    gap: 4px;
-    align-items: center;
+  display: flex;
+  flex-direction: column;
+  width: 48px;
+  background: var(--gray-100, #f3f4f6);
+  border-right: 1px solid var(--gray-200, #e5e7eb);
+  padding: 8px 0;
+  gap: 4px;
+  align-items: center;
 }

 .sidebar-icon {
-    width: 36px;
-    height: 36px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    border: none;
-    background: transparent;
-    border-radius: 8px;
-    cursor: pointer;
-    color: var(--gray-500, #6b7280);
-    transition: all 0.15s ease;
+  width: 36px;
+  height: 36px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border: none;
+  background: transparent;
+  border-radius: 8px;
+  cursor: pointer;
+  color: var(--gray-500, #6b7280);
+  transition: all 0.15s ease;
 }

 .sidebar-icon:hover {
-    background: var(--gray-200, #e5e7eb);
-    color: var(--gray-700, #374151);
+  background: var(--gray-200, #e5e7eb);
+  color: var(--gray-700, #374151);
 }

 .sidebar-icon.active {
-    background: var(--gray-200, #e5e7eb);
-    color: var(--primary-dark, #5661b3);
-    box-shadow: inset 3px 0 0 var(--primary-dark, #5661b3);
+  background: var(--gray-200, #e5e7eb);
+  color: var(--primary-dark, #5661b3);
+  box-shadow: inset 3px 0 0 var(--primary-dark, #5661b3);
 }

 .sidebar-icon:focus-visible {
-    outline: 2px solid var(--primary-dark, #5661b3);
-    outline-offset: 2px;
+  outline: 2px solid var(--primary-dark, #5661b3);
+  outline-offset: 2px;
 }

 .sidebar-panel {
-    width: 280px;
-    background: var(--gray-50, #f9fafb);
-    border-right: 1px solid var(--gray-200, #e5e7eb);
-    display: flex;
-    flex-direction: column;
-    overflow: hidden;
+  width: 280px;
+  background: var(--gray-50, #f9fafb);
+  border-right: 1px solid var(--gray-200, #e5e7eb);
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
 }

 .sidebar.collapsed .sidebar-panel {
-    display: none;
+  display: none;
 }

 .sidebar-panel-header {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    padding: 12px 16px;
-    border-bottom: 1px solid var(--gray-200, #e5e7eb);
-    font-weight: 600;
-    font-size: 13px;
-    text-transform: uppercase;
-    letter-spacing: 0.05em;
-    color: var(--gray-600, #4b5563);
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 12px 16px;
+  border-bottom: 1px solid var(--gray-200, #e5e7eb);
+  font-weight: 600;
+  font-size: 13px;
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+  color: var(--gray-600, #4b5563);
 }

 .sidebar-panel-close {
-    background: none;
-    border: none;
-    font-size: 18px;
-    cursor: pointer;
-    color: var(--gray-400, #9ca3af);
-    padding: 0 4px;
-    border-radius: 4px;
+  background: none;
+  border: none;
+  font-size: 18px;
+  cursor: pointer;
+  color: var(--gray-400, #9ca3af);
+  padding: 0 4px;
+  border-radius: 4px;
 }

 .sidebar-panel-close:hover {
-    background: var(--gray-200, #e5e7eb);
-    color: var(--gray-600, #4b5563);
+  background: var(--gray-200, #e5e7eb);
+  color: var(--gray-600, #4b5563);
 }

 .sidebar-panel-close:focus-visible {
-    outline: 2px solid var(--primary-dark, #5661b3);
-    outline-offset: 2px;
+  outline: 2px solid var(--primary-dark, #5661b3);
+  outline-offset: 2px;
 }

 .sidebar-panel-content {
-    flex: 1;
-    overflow-y: auto;
-    padding: 12px;
+  flex: 1;
+  overflow-y: auto;
+  padding: 12px;
 }

 /* Dark theme support */
-body[class*="dark"] .sidebar-icons,
-body[class*="dark"] .sidebar-panel {
-    background: #1e1e1e;
-    border-color: #333;
+body[class*='dark'] .sidebar-icons,
+body[class*='dark'] .sidebar-panel {
+  background: #1e1e1e;
+  border-color: #333;
 }

-body[class*="dark"] .sidebar-icon {
-    color: #888;
+body[class*='dark'] .sidebar-icon {
+  color: #888;
 }

-body[class*="dark"] .sidebar-icon:hover {
-    background: #333;
-    color: #ccc;
+body[class*='dark'] .sidebar-icon:hover {
+  background: #333;
+  color: #ccc;
 }

-body[class*="dark"] .sidebar-icon.active {
-    background: #333;
-    color: #8b9aff;
-    box-shadow: inset 3px 0 0 #8b9aff;
+body[class*='dark'] .sidebar-icon.active {
+  background: #333;
+  color: #8b9aff;
+  box-shadow: inset 3px 0 0 #8b9aff;
 }

-body[class*="dark"] .sidebar-panel-header {
-    border-color: #333;
-    color: #ccc;
+body[class*='dark'] .sidebar-panel-header {
+  border-color: #333;
+  color: #ccc;
 }

 /* Panel list items (templates, etc.) */
 .panel-list-item {
-    padding: 10px 12px;
-    border-radius: 6px;
-    cursor: pointer;
-    margin-bottom: 4px;
+  padding: 10px 12px;
+  border-radius: 6px;
+  cursor: pointer;
+  margin-bottom: 4px;
 }
 .panel-list-item:hover {
-    background: var(--gray-200, #e5e7eb);
+  background: var(--gray-200, #e5e7eb);
 }
 .panel-list-item-title {
-    font-size: 13px;
-    font-weight: 500;
-    color: var(--gray-800, #1f2937);
+  font-size: 13px;
+  font-weight: 500;
+  color: var(--gray-800, #1f2937);
 }
 .panel-list-item-desc {
-    font-size: 11px;
-    color: var(--gray-500, #6b7280);
-    margin-top: 2px;
+  font-size: 11px;
+  color: var(--gray-500, #6b7280);
+  margin-top: 2px;
 }

-body[class*="dark"] .panel-list-item:hover {
-    background: #333;
+body[class*='dark'] .panel-list-item:hover {
+  background: #333;
 }
-body[class*="dark"] .panel-list-item-title {
-    color: #ddd;
+body[class*='dark'] .panel-list-item-title {
+  color: #ddd;
 }
-body[class*="dark"] .panel-list-item-desc {
-    color: #888;
+body[class*='dark'] .panel-list-item-desc {
+  color: #888;
 }

 /* Explorer Panel */
 .explorer-toolbar {
-    display: flex;
-    gap: 4px;
-    margin-bottom: 8px;
+  display: flex;
+  gap: 4px;
+  margin-bottom: 8px;
 }
 .explorer-path {
-    flex: 1;
-    padding: 6px 8px;
-    border: 1px solid var(--gray-300, #d1d5db);
-    border-radius: 6px;
-    font-size: 12px;
-    background: white;
-    overflow: hidden;
-    text-overflow: ellipsis;
+  flex: 1;
+  padding: 6px 8px;
+  border: 1px solid var(--gray-300, #d1d5db);
+  border-radius: 6px;
+  font-size: 12px;
+  background: white;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 .explorer-browse-btn {
-    border: 1px solid var(--gray-300, #d1d5db);
-    border-radius: 6px;
-    background: white;
-    cursor: pointer;
-    padding: 4px 8px;
+  border: 1px solid var(--gray-300, #d1d5db);
+  border-radius: 6px;
+  background: white;
+  cursor: pointer;
+  padding: 4px 8px;
 }
 .tree-item {
-    padding: 3px 0;
-    cursor: pointer;
-    font-size: 13px;
-    user-select: none;
+  padding: 3px 0;
+  cursor: pointer;
+  font-size: 13px;
+  user-select: none;
 }
 .tree-item:hover {
-    background: var(--gray-100, #f3f4f6);
-    border-radius: 4px;
+  background: var(--gray-100, #f3f4f6);
+  border-radius: 4px;
 }
 .tree-icon {
-    margin-right: 4px;
-    font-size: 12px;
+  margin-right: 4px;
+  font-size: 12px;
 }
 .tree-children {
-    padding-left: 16px;
+  padding-left: 16px;
 }
 .tree-folder.collapsed .tree-children {
-    display: none;
+  display: none;
 }
 .tree-name {
-    font-size: 13px;
+  font-size: 13px;
 }

 /* Git Panel */
-.git-section { margin-bottom: 16px; }
-.git-section-title { font-size: 11px; text-transform: uppercase; letter-spacing: 0.05em; color: var(--gray-500); margin-bottom: 8px; }
-.git-file { display: flex; align-items: center; padding: 4px 6px; border-radius: 4px; font-size: 13px; gap: 6px; }
-.git-file:hover { background: var(--gray-100, #f3f4f6); }
-.git-file-status { font-weight: 700; font-family: monospace; width: 16px; text-align: center; }
-.git-file-name { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
-.git-stage-btn { border: none; background: var(--gray-200); border-radius: 4px; cursor: pointer; font-size: 14px; width: 22px; height: 22px; }
-.git-commit-input { width: 100%; padding: 8px; border: 1px solid var(--gray-300); border-radius: 6px; font-size: 13px; font-family: inherit; resize: vertical; box-sizing: border-box; }
-.git-commit-btn { width: 100%; margin-top: 8px; padding: 8px; background: var(--primary-dark, #5661b3); color: white; border: none; border-radius: 6px; font-size: 13px; cursor: pointer; }
-.git-commit-btn:hover { opacity: 0.9; }
-.git-log-entry { padding: 6px 0; border-bottom: 1px solid var(--gray-100); }
-.git-log-msg { font-size: 13px; }
-.git-log-meta { font-size: 11px; color: var(--gray-500); margin-top: 2px; }
-.git-info { font-size: 13px; color: var(--gray-500); padding: 8px 0; }
-.git-loading { font-size: 13px; color: var(--gray-400); }
+.git-section {
+  margin-bottom: 16px;
+}
+.git-section-title {
+  font-size: 11px;
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+  color: var(--gray-500);
+  margin-bottom: 8px;
+}
+.git-file {
+  display: flex;
+  align-items: center;
+  padding: 4px 6px;
+  border-radius: 4px;
+  font-size: 13px;
+  gap: 6px;
+}
+.git-file:hover {
+  background: var(--gray-100, #f3f4f6);
+}
+.git-file-status {
+  font-weight: 700;
+  font-family: monospace;
+  width: 16px;
+  text-align: center;
+}
+.git-file-name {
+  flex: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.git-stage-btn {
+  border: none;
+  background: var(--gray-200);
+  border-radius: 4px;
+  cursor: pointer;
+  font-size: 14px;
+  width: 22px;
+  height: 22px;
+}
+.git-commit-input {
+  width: 100%;
+  padding: 8px;
+  border: 1px solid var(--gray-300);
+  border-radius: 6px;
+  font-size: 13px;
+  font-family: inherit;
+  resize: vertical;
+  box-sizing: border-box;
+}
+.git-commit-btn {
+  width: 100%;
+  margin-top: 8px;
+  padding: 8px;
+  background: var(--primary-dark, #5661b3);
+  color: white;
+  border: none;
+  border-radius: 6px;
+  font-size: 13px;
+  cursor: pointer;
+}
+.git-commit-btn:hover {
+  opacity: 0.9;
+}
+.git-log-entry {
+  padding: 6px 0;
+  border-bottom: 1px solid var(--gray-100);
+}
+.git-log-msg {
+  font-size: 13px;
+}
+.git-log-meta {
+  font-size: 11px;
+  color: var(--gray-500);
+  margin-top: 2px;
+}
+.git-info {
+  font-size: 13px;
+  color: var(--gray-500);
+  padding: 8px 0;
+}
+.git-loading {
+  font-size: 13px;
+  color: var(--gray-400);
+}

 /* Snippets Panel */
-.snippets-toolbar { display: flex; gap: 4px; margin-bottom: 8px; }
-.snippets-search { flex: 1; padding: 6px 10px; border: 1px solid var(--gray-300); border-radius: 6px; font-size: 13px; }
-.snippets-add-btn { width: 32px; border: 1px solid var(--gray-300); border-radius: 6px; background: white; font-size: 18px; cursor: pointer; }
-.snippet-item { padding: 8px; border: 1px solid var(--gray-200); border-radius: 6px; margin-bottom: 6px; }
-.snippet-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 4px; }
-.snippet-name { font-size: 13px; font-weight: 500; }
-.snippet-lang { font-size: 11px; background: var(--gray-100); padding: 2px 6px; border-radius: 4px; color: var(--gray-500); }
-.snippet-preview { font-size: 12px; background: var(--gray-50); padding: 6px; border-radius: 4px; margin: 4px 0; overflow: hidden; max-height: 60px; }
-.snippet-preview code { font-family: 'JetBrains Mono', monospace; }
-.snippet-actions { display: flex; gap: 4px; }
-.snippet-insert { font-size: 12px; padding: 4px 8px; border: 1px solid var(--gray-300); border-radius: 4px; background: white; cursor: pointer; }
-.snippet-delete { font-size: 14px; padding: 4px 8px; border: 1px solid var(--gray-300); border-radius: 4px; background: white; cursor: pointer; color: #ef4444; }
+.snippets-toolbar {
+  display: flex;
+  gap: 4px;
+  margin-bottom: 8px;
+}
+.snippets-search {
+  flex: 1;
+  padding: 6px 10px;
+  border: 1px solid var(--gray-300);
+  border-radius: 6px;
+  font-size: 13px;
+}
+.snippets-add-btn {
+  width: 32px;
+  border: 1px solid var(--gray-300);
+  border-radius: 6px;
+  background: white;
+  font-size: 18px;
+  cursor: pointer;
+}
+.snippet-item {
+  padding: 8px;
+  border: 1px solid var(--gray-200);
+  border-radius: 6px;
+  margin-bottom: 6px;
+}
+.snippet-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 4px;
+}
+.snippet-name {
+  font-size: 13px;
+  font-weight: 500;
+}
+.snippet-lang {
+  font-size: 11px;
+  background: var(--gray-100);
+  padding: 2px 6px;
+  border-radius: 4px;
+  color: var(--gray-500);
+}
+.snippet-preview {
+  font-size: 12px;
+  background: var(--gray-50);
+  padding: 6px;
+  border-radius: 4px;
+  margin: 4px 0;
+  overflow: hidden;
+  max-height: 60px;
+}
+.snippet-preview code {
+  font-family: 'JetBrains Mono', monospace;
+}
+.snippet-actions {
+  display: flex;
+  gap: 4px;
+}
+.snippet-insert {
+  font-size: 12px;
+  padding: 4px 8px;
+  border: 1px solid var(--gray-300);
+  border-radius: 4px;
+  background: white;
+  cursor: pointer;
+}
+.snippet-delete {
+  font-size: 14px;
+  padding: 4px 8px;
+  border: 1px solid var(--gray-300);
+  border-radius: 4px;
+  background: white;
+  cursor: pointer;
+  color: #ef4444;
+}

 /* Dark theme for sidebar panels */
-body[class*="dark"] .explorer-path,
-body[class*="dark"] .explorer-browse-btn,
-body[class*="dark"] .snippets-search,
-body[class*="dark"] .snippets-add-btn,
-body[class*="dark"] .snippet-insert,
-body[class*="dark"] .snippet-delete {
-    background: #2d2d2d;
-    border-color: #444;
-    color: #ccc;
+body[class*='dark'] .explorer-path,
+body[class*='dark'] .explorer-browse-btn,
+body[class*='dark'] .snippets-search,
+body[class*='dark'] .snippets-add-btn,
+body[class*='dark'] .snippet-insert,
+body[class*='dark'] .snippet-delete {
+  background: #2d2d2d;
+  border-color: #444;
+  color: #ccc;
 }
-body[class*="dark"] .git-commit-input {
-    background: #2d2d2d;
-    border-color: #444;
-    color: #ccc;
+body[class*='dark'] .git-commit-input {
+  background: #2d2d2d;
+  border-color: #444;
+  color: #ccc;
 }
-body[class*="dark"] .snippet-item {
-    border-color: #444;
+body[class*='dark'] .snippet-item {
+  border-color: #444;
 }
-body[class*="dark"] .snippet-preview {
-    background: #2d2d2d;
+body[class*='dark'] .snippet-preview {
+  background: #2d2d2d;
 }
-body[class*="dark"] .tree-item:hover,
-body[class*="dark"] .git-file:hover {
-    background: #333;
+body[class*='dark'] .tree-item:hover,
+body[class*='dark'] .git-file:hover {
+  background: #333;
 }

 /* Outline Panel */
-.outline-panel { display: flex; flex-direction: column; height: 100%; }
-.outline-list { flex: 1; overflow-y: auto; padding: 4px 0; }
-.outline-item { display: flex; align-items: center; justify-content: space-between; padding: 4px 12px; cursor: pointer; font-size: 13px; color: var(--text-secondary, #6b7280); transition: background 0.15s, color 0.15s; border-left: 2px solid transparent; }
-.outline-item:hover { background: var(--bg-tertiary, #f3f4f6); color: var(--text-primary, #1f2937); }
-.outline-item.active { color: var(--accent-blue, #3b82f6); background: rgba(59, 130, 246, 0.08); border-left-color: var(--accent-blue, #3b82f6); font-weight: 600; }
-.outline-level-1 { padding-left: 12px; }
-.outline-level-2 { padding-left: 24px; }
-.outline-level-3 { padding-left: 36px; }
-.outline-level-4 { padding-left: 48px; }
-.outline-level-5 { padding-left: 56px; }
-.outline-level-6 { padding-left: 64px; }
-.outline-text { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
-.outline-badge { font-size: 10px; opacity: 0.5; margin-left: 8px; flex-shrink: 0; }
-.outline-empty { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 32px 16px; color: var(--text-muted, #9ca3af); text-align: center; }
-.outline-empty p { margin: 4px 0; }
-.outline-hint { font-family: monospace; font-size: 12px; opacity: 0.7; }
-.outline-footer { padding: 8px 12px; border-top: 1px solid var(--border-color, #e5e7eb); font-size: 11px; color: var(--text-muted, #9ca3af); }
+.outline-panel {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
+.outline-list {
+  flex: 1;
+  overflow-y: auto;
+  padding: 4px 0;
+}
+.outline-item {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 4px 12px;
+  cursor: pointer;
+  font-size: 13px;
+  color: var(--text-secondary, #6b7280);
+  transition:
+    background 0.15s,
+    color 0.15s;
+  border-left: 2px solid transparent;
+}
+.outline-item:hover {
+  background: var(--bg-tertiary, #f3f4f6);
+  color: var(--text-primary, #1f2937);
+}
+.outline-item.active {
+  color: var(--accent-blue, #3b82f6);
+  background: rgba(59, 130, 246, 0.08);
+  border-left-color: var(--accent-blue, #3b82f6);
+  font-weight: 600;
+}
+.outline-level-1 {
+  padding-left: 12px;
+}
+.outline-level-2 {
+  padding-left: 24px;
+}
+.outline-level-3 {
+  padding-left: 36px;
+}
+.outline-level-4 {
+  padding-left: 48px;
+}
+.outline-level-5 {
+  padding-left: 56px;
+}
+.outline-level-6 {
+  padding-left: 64px;
+}
+.outline-text {
+  flex: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.outline-badge {
+  font-size: 10px;
+  opacity: 0.5;
+  margin-left: 8px;
+  flex-shrink: 0;
+}
+.outline-empty {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 32px 16px;
+  color: var(--text-muted, #9ca3af);
+  text-align: center;
+}
+.outline-empty p {
+  margin: 4px 0;
+}
+.outline-hint {
+  font-family: monospace;
+  font-size: 12px;
+  opacity: 0.7;
+}
+.outline-footer {
+  padding: 8px 12px;
+  border-top: 1px solid var(--border-color, #e5e7eb);
+  font-size: 11px;
+  color: var(--text-muted, #9ca3af);
+}

 /* Outline dark mode */
-body[class*="dark"] .outline-item { color: #9ca3af; }
-body[class*="dark"] .outline-item:hover { background: #374151; color: #e5e7eb; }
-body[class*="dark"] .outline-item.active { color: #8b9aff; background: rgba(139, 154, 255, 0.1); border-left-color: #8b9aff; }
-body[class*="dark"] .outline-empty { color: #6b7280; }
-body[class*="dark"] .outline-footer { border-color: #333; color: #6b7280; }
+body[class*='dark'] .outline-item {
+  color: #9ca3af;
+}
+body[class*='dark'] .outline-item:hover {
+  background: #374151;
+  color: #e5e7eb;
+}
+body[class*='dark'] .outline-item.active {
+  color: #8b9aff;
+  background: rgba(139, 154, 255, 0.1);
+  border-left-color: #8b9aff;
+}
+body[class*='dark'] .outline-empty {
+  color: #6b7280;
+}
+body[class*='dark'] .outline-footer {
+  border-color: #333;
+  color: #6b7280;
+}
@@ -1,24 +1,121 @@
-.welcome-container { padding: 40px; max-width: 900px; margin: 0 auto; }
-.welcome-hero { text-align: center; margin-bottom: 40px; }
-.welcome-title { font-size: 32px; font-weight: 700; color: var(--gray-800, #1f2937); }
-.welcome-version { font-size: 14px; color: var(--primary-dark, #5661b3); margin-top: 4px; font-weight: 500; }
-.welcome-subtitle { font-size: 16px; color: var(--gray-500, #6b7280); margin-top: 8px; }
-.welcome-grid { display: grid; gap: 32px; }
-.welcome-section h2 { font-size: 18px; margin-bottom: 16px; color: var(--gray-700, #374151); }
-.welcome-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 12px; }
-.welcome-card { padding: 20px; border: 1px solid var(--gray-200, #e5e7eb); border-radius: 12px; cursor: pointer; text-align: center; transition: all 0.2s; }
-.welcome-card:hover { border-color: var(--primary-dark, #5661b3); box-shadow: 0 4px 12px rgba(0,0,0,0.08); transform: translateY(-2px); }
-.welcome-card-icon { font-size: 28px; margin-bottom: 8px; }
-.welcome-card h3 { font-size: 15px; margin-bottom: 4px; }
-.welcome-card p { font-size: 13px; color: var(--gray-500); }
-.welcome-card kbd { display: inline-block; margin-top: 8px; padding: 2px 8px; background: var(--gray-100); border: 1px solid var(--gray-300); border-radius: 4px; font-size: 12px; font-family: 'JetBrains Mono', monospace; }
-.welcome-features { list-style: none; padding: 0; }
-.welcome-features li { padding: 6px 0; font-size: 14px; border-bottom: 1px solid var(--gray-100, #f3f4f6); }
-.welcome-features strong { color: var(--primary-dark, #5661b3); }
-.welcome-recent-item { padding: 8px 12px; border-radius: 6px; cursor: pointer; margin-bottom: 4px; }
-.welcome-recent-item:hover { background: var(--gray-100); }
-.welcome-recent-name { font-size: 14px; font-weight: 500; display: block; }
-.welcome-recent-path { font-size: 12px; color: var(--gray-500); display: block; margin-top: 2px; overflow: hidden; text-overflow: ellipsis; }
-.welcome-muted { color: var(--gray-400); font-size: 14px; }
-.welcome-footer { margin-top: 32px; text-align: center; }
-.welcome-checkbox { font-size: 13px; color: var(--gray-500); cursor: pointer; }
+.welcome-container {
+  padding: 40px;
+  max-width: 900px;
+  margin: 0 auto;
+}
+.welcome-hero {
+  text-align: center;
+  margin-bottom: 40px;
+}
+.welcome-title {
+  font-size: 32px;
+  font-weight: 700;
+  color: var(--gray-800, #1f2937);
+}
+.welcome-version {
+  font-size: 14px;
+  color: var(--primary-dark, #5661b3);
+  margin-top: 4px;
+  font-weight: 500;
+}
+.welcome-subtitle {
+  font-size: 16px;
+  color: var(--gray-500, #6b7280);
+  margin-top: 8px;
+}
+.welcome-grid {
+  display: grid;
+  gap: 32px;
+}
+.welcome-section h2 {
+  font-size: 18px;
+  margin-bottom: 16px;
+  color: var(--gray-700, #374151);
+}
+.welcome-cards {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
+  gap: 12px;
+}
+.welcome-card {
+  padding: 20px;
+  border: 1px solid var(--gray-200, #e5e7eb);
+  border-radius: 12px;
+  cursor: pointer;
+  text-align: center;
+  transition: all 0.2s;
+}
+.welcome-card:hover {
+  border-color: var(--primary-dark, #5661b3);
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
+  transform: translateY(-2px);
+}
+.welcome-card-icon {
+  font-size: 28px;
+  margin-bottom: 8px;
+}
+.welcome-card h3 {
+  font-size: 15px;
+  margin-bottom: 4px;
+}
+.welcome-card p {
+  font-size: 13px;
+  color: var(--gray-500);
+}
+.welcome-card kbd {
+  display: inline-block;
+  margin-top: 8px;
+  padding: 2px 8px;
+  background: var(--gray-100);
+  border: 1px solid var(--gray-300);
+  border-radius: 4px;
+  font-size: 12px;
+  font-family: 'JetBrains Mono', monospace;
+}
+.welcome-features {
+  list-style: none;
+  padding: 0;
+}
+.welcome-features li {
+  padding: 6px 0;
+  font-size: 14px;
+  border-bottom: 1px solid var(--gray-100, #f3f4f6);
+}
+.welcome-features strong {
+  color: var(--primary-dark, #5661b3);
+}
+.welcome-recent-item {
+  padding: 8px 12px;
+  border-radius: 6px;
+  cursor: pointer;
+  margin-bottom: 4px;
+}
+.welcome-recent-item:hover {
+  background: var(--gray-100);
+}
+.welcome-recent-name {
+  font-size: 14px;
+  font-weight: 500;
+  display: block;
+}
+.welcome-recent-path {
+  font-size: 12px;
+  color: var(--gray-500);
+  display: block;
+  margin-top: 2px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.welcome-muted {
+  color: var(--gray-400);
+  font-size: 14px;
+}
+.welcome-footer {
+  margin-top: 32px;
+  text-align: center;
+}
+.welcome-checkbox {
+  font-size: 13px;
+  color: var(--gray-500);
+  cursor: pointer;
+}
@@ -7,96 +7,96 @@ body.zen-mode .toolbar,
 body.zen-mode .status-bar,
 body.zen-mode .sidebar,
 body.zen-mode .breadcrumb-bar {
-    display: none !important;
+  display: none !important;
 }

 /* Main content fills viewport */
 body.zen-mode .main-content {
-    height: 100vh;
-    overflow: hidden;
+  height: 100vh;
+  overflow: hidden;
 }

 /* Editor container takes full width */
 body.zen-mode .editor-container {
-    width: 100% !important;
-    height: 100% !important;
+  width: 100% !important;
+  height: 100% !important;
 }

 /* Hide preview panes */
 body.zen-mode .preview-container,
 body.zen-mode .preview-pane,
 body.zen-mode .pane-resizer {
-    display: none !important;
+  display: none !important;
 }

 /* Center and style editor content for comfortable reading width */
 body.zen-mode .cm-content {
-    max-width: 700px;
-    margin: 0 auto;
-    font-size: 18px;
-    line-height: 1.8;
-    padding-top: 80px;
+  max-width: 700px;
+  margin: 0 auto;
+  font-size: 18px;
+  line-height: 1.8;
+  padding-top: 80px;
 }

 body.zen-mode .cm-line {
-    padding: 4px 0;
+  padding: 4px 0;
 }

 body.zen-mode .editor-wrapper {
-    display: flex;
-    justify-content: center;
+  display: flex;
+  justify-content: center;
 }

 /* Floating HUD pill */
 .zen-hud {
-    position: fixed;
-    bottom: 24px;
-    left: 50%;
-    transform: translateX(-50%);
-    background: rgba(0, 0, 0, 0.6);
-    backdrop-filter: blur(12px);
-    -webkit-backdrop-filter: blur(12px);
-    color: rgba(255, 255, 255, 0.8);
-    padding: 10px 24px;
-    border-radius: 24px;
-    font-size: 13px;
-    font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
-    z-index: 9999;
-    pointer-events: none;
-    display: flex;
-    align-items: center;
-    gap: 16px;
-    transition: opacity 0.3s ease;
+  position: fixed;
+  bottom: 24px;
+  left: 50%;
+  transform: translateX(-50%);
+  background: rgba(0, 0, 0, 0.6);
+  backdrop-filter: blur(12px);
+  -webkit-backdrop-filter: blur(12px);
+  color: rgba(255, 255, 255, 0.8);
+  padding: 10px 24px;
+  border-radius: 24px;
+  font-size: 13px;
+  font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
+  z-index: 9999;
+  pointer-events: none;
+  display: flex;
+  align-items: center;
+  gap: 16px;
+  transition: opacity 0.3s ease;
 }

 .zen-hud-stat {
-    opacity: 0.7;
+  opacity: 0.7;
 }

 .zen-hud-sep {
-    opacity: 0.3;
-    margin: 0 4px;
+  opacity: 0.3;
+  margin: 0 4px;
 }

 /* Word goal progress bar */
 .zen-progress-container {
-    width: 120px;
-    height: 4px;
-    background: rgba(255, 255, 255, 0.15);
-    border-radius: 2px;
-    margin-top: 8px;
-    overflow: hidden;
-    display: none;
+  width: 120px;
+  height: 4px;
+  background: rgba(255, 255, 255, 0.15);
+  border-radius: 2px;
+  margin-top: 8px;
+  overflow: hidden;
+  display: none;
 }

 .zen-progress-bar {
-    height: 100%;
-    background: rgba(255, 178, 70, 0.85);
-    border-radius: 2px;
-    transition: width 0.3s ease;
+  height: 100%;
+  background: rgba(255, 178, 70, 0.85);
+  border-radius: 2px;
+  transition: width 0.3s ease;
 }

 /* Dark mode — HUD stays dark in both themes */
-body[class*="dark"].zen-mode .zen-hud {
-    background: rgba(0, 0, 0, 0.7);
+body[class*='dark'].zen-mode .zen-hud {
+  background: rgba(0, 0, 0, 0.7);
 }
@@ -9,13 +9,13 @@
 * ============================================ */

 .modal-backdrop {
-    position: fixed;
-    inset: 0;
-    background: rgba(0, 0, 0, 0.4);
-    backdrop-filter: blur(4px);
-    -webkit-backdrop-filter: blur(4px);
-    z-index: 0;
-    cursor: pointer;
+  position: fixed;
+  inset: 0;
+  background: rgba(0, 0, 0, 0.4);
+  backdrop-filter: blur(4px);
+  -webkit-backdrop-filter: blur(4px);
+  z-index: 0;
+  cursor: pointer;
 }

 /* ============================================
@@ -23,22 +23,23 @@
 * ============================================ */

 .modal {
-    position: fixed;
-    inset: 0;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    z-index: calc(var(--z-modal, 200) + 1);
-    opacity: 0;
-    visibility: hidden;
-    transition: opacity var(--transition-normal, 200ms cubic-bezier(0.4, 0, 0.2, 1)),
-                visibility var(--transition-normal, 200ms cubic-bezier(0.4, 0, 0.2, 1));
-    padding: var(--spacing-4, 1rem);
+  position: fixed;
+  inset: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: calc(var(--z-modal, 200) + 1);
+  opacity: 0;
+  visibility: hidden;
+  transition:
+    opacity var(--transition-normal, 200ms cubic-bezier(0.4, 0, 0.2, 1)),
+    visibility var(--transition-normal, 200ms cubic-bezier(0.4, 0, 0.2, 1));
+  padding: var(--spacing-4, 1rem);
 }

 .modal.open {
-    opacity: 1;
-    visibility: visible;
+  opacity: 1;
+  visibility: visible;
 }

 /* ============================================
@@ -46,23 +47,23 @@
 * ============================================ */

 .modal-content {
-    position: relative;
-    z-index: 1;
-    width: 100%;
-    background: hsl(var(--background, 0 0% 100%));
-    border-radius: var(--radius-lg, 0.5rem);
-    box-shadow: var(--shadow-xl, 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1));
-    max-width: 90vw;
-    max-height: 90vh;
-    overflow: hidden;
-    display: flex;
-    flex-direction: column;
-    transform: scale(0.95);
-    transition: transform var(--transition-normal, 200ms cubic-bezier(0.4, 0, 0.2, 1));
+  position: relative;
+  z-index: 1;
+  width: 100%;
+  background: hsl(var(--background, 0 0% 100%));
+  border-radius: var(--radius-lg, 0.5rem);
+  box-shadow: var(--shadow-xl, 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1));
+  max-width: 90vw;
+  max-height: 90vh;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+  transform: scale(0.95);
+  transition: transform var(--transition-normal, 200ms cubic-bezier(0.4, 0, 0.2, 1));
 }

 .modal.open .modal-content {
-    transform: scale(1);
+  transform: scale(1);
 }

 /* ============================================
@@ -70,19 +71,19 @@
 * ============================================ */

 .modal-header {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    padding: var(--spacing-4, 1rem) var(--spacing-6, 1.5rem);
-    border-bottom: 1px solid hsl(var(--border, 214.3 31.8% 91.4%));
-    background: hsl(var(--muted, 210 40% 96.1%));
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: var(--spacing-4, 1rem) var(--spacing-6, 1.5rem);
+  border-bottom: 1px solid hsl(var(--border, 214.3 31.8% 91.4%));
+  background: hsl(var(--muted, 210 40% 96.1%));
 }

 .modal-header h3 {
-    margin: 0;
-    font-size: var(--text-lg, 1.125rem);
-    font-weight: var(--font-semibold, 600);
-    color: hsl(var(--foreground, 222.2 84% 4.9%));
+  margin: 0;
+  font-size: var(--text-lg, 1.125rem);
+  font-weight: var(--font-semibold, 600);
+  color: hsl(var(--foreground, 222.2 84% 4.9%));
 }

 /* ============================================
@@ -90,31 +91,32 @@
 * ============================================ */

 .modal-close {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 32px;
-    height: 32px;
-    padding: 0;
-    border: none;
-    border-radius: var(--radius, 0.5rem);
-    background: transparent;
-    color: hsl(var(--muted-foreground, 215.4 16.3% 46.9%));
-    font-size: 24px;
-    line-height: 1;
-    cursor: pointer;
-    transition: background-color var(--transition-fast, 150ms),
-                color var(--transition-fast, 150ms);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 32px;
+  height: 32px;
+  padding: 0;
+  border: none;
+  border-radius: var(--radius, 0.5rem);
+  background: transparent;
+  color: hsl(var(--muted-foreground, 215.4 16.3% 46.9%));
+  font-size: 24px;
+  line-height: 1;
+  cursor: pointer;
+  transition:
+    background-color var(--transition-fast, 150ms),
+    color var(--transition-fast, 150ms);
 }

 .modal-close:hover {
-    background: hsl(var(--accent, 210 40% 96.1%));
-    color: hsl(var(--foreground, 222.2 84% 4.9%));
+  background: hsl(var(--accent, 210 40% 96.1%));
+  color: hsl(var(--foreground, 222.2 84% 4.9%));
 }

 .modal-close:focus-visible {
-    outline: 2px solid hsl(var(--ring, 227 44% 52%));
-    outline-offset: 2px;
+  outline: 2px solid hsl(var(--ring, 227 44% 52%));
+  outline-offset: 2px;
 }

 /* ============================================
@@ -122,9 +124,9 @@
 * ============================================ */

 .modal-body {
-    padding: var(--spacing-6, 1.5rem);
-    overflow-y: auto;
-    flex: 1;
+  padding: var(--spacing-6, 1.5rem);
+  overflow-y: auto;
+  flex: 1;
 }

 /* ============================================
@@ -132,19 +134,19 @@
 * ============================================ */

 .modal-footer {
-    display: flex;
-    justify-content: flex-end;
-    gap: var(--spacing-3, 0.75rem);
-    padding: var(--spacing-4, 1rem) var(--spacing-6, 1.5rem);
-    border-top: 1px solid hsl(var(--border, 214.3 31.8% 91.4%));
-    background: hsl(var(--muted, 210 40% 96.1%));
+  display: flex;
+  justify-content: flex-end;
+  gap: var(--spacing-3, 0.75rem);
+  padding: var(--spacing-4, 1rem) var(--spacing-6, 1.5rem);
+  border-top: 1px solid hsl(var(--border, 214.3 31.8% 91.4%));
+  background: hsl(var(--muted, 210 40% 96.1%));
 }

 .modal-footer .btn {
-    min-width: 80px;
-    /* styles-modern.css sets flex:1 on .btn-primary/.btn-secondary globally
+  min-width: 80px;
+  /* styles-modern.css sets flex:1 on .btn-primary/.btn-secondary globally
     * which causes footer buttons to stretch to full width. Override here. */
-    flex: none;
+  flex: none;
 }

 /* ============================================
@@ -152,60 +154,60 @@
 * ============================================ */

 .modal-body .form-row {
-    display: flex;
-    align-items: center;
-    gap: var(--spacing-3, 0.75rem);
-    margin-bottom: var(--spacing-3, 0.75rem);
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-3, 0.75rem);
+  margin-bottom: var(--spacing-3, 0.75rem);
 }

 .modal-body .form-row label {
-    min-width: 100px;
-    font-size: var(--text-sm, 0.875rem);
-    color: hsl(var(--foreground, 222.2 84% 4.9%));
+  min-width: 100px;
+  font-size: var(--text-sm, 0.875rem);
+  color: hsl(var(--foreground, 222.2 84% 4.9%));
 }

 .modal-body .form-row input,
 .modal-body .form-row select {
-    flex: 1;
-    padding: var(--spacing-2, 0.5rem) var(--spacing-3, 0.75rem);
-    border: 1px solid hsl(var(--input, 214.3 31.8% 91.4%));
-    border-radius: var(--radius, 0.5rem);
-    font-size: var(--text-sm, 0.875rem);
-    background: hsl(var(--background, 0 0% 100%));
-    color: hsl(var(--foreground, 222.2 84% 4.9%));
+  flex: 1;
+  padding: var(--spacing-2, 0.5rem) var(--spacing-3, 0.75rem);
+  border: 1px solid hsl(var(--input, 214.3 31.8% 91.4%));
+  border-radius: var(--radius, 0.5rem);
+  font-size: var(--text-sm, 0.875rem);
+  background: hsl(var(--background, 0 0% 100%));
+  color: hsl(var(--foreground, 222.2 84% 4.9%));
 }

 .modal-body .form-row input:focus,
 .modal-body .form-row select:focus {
-    outline: 2px solid hsl(var(--ring, 227 44% 52%));
-    outline-offset: 1px;
+  outline: 2px solid hsl(var(--ring, 227 44% 52%));
+  outline-offset: 1px;
 }

 .modal-body .export-section {
-    margin-bottom: var(--spacing-4, 1rem);
-    padding-bottom: var(--spacing-4, 1rem);
-    border-bottom: 1px solid hsl(var(--border, 214.3 31.8% 91.4%));
+  margin-bottom: var(--spacing-4, 1rem);
+  padding-bottom: var(--spacing-4, 1rem);
+  border-bottom: 1px solid hsl(var(--border, 214.3 31.8% 91.4%));
 }

 .modal-body .export-section:last-child {
-    border-bottom: none;
-    margin-bottom: 0;
+  border-bottom: none;
+  margin-bottom: 0;
 }

 .modal-body .export-section label {
-    display: block;
-    font-weight: var(--font-medium, 500);
-    margin-bottom: var(--spacing-2, 0.5rem);
-    color: hsl(var(--foreground, 222.2 84% 4.9%));
+  display: block;
+  font-weight: var(--font-medium, 500);
+  margin-bottom: var(--spacing-2, 0.5rem);
+  color: hsl(var(--foreground, 222.2 84% 4.9%));
 }

 .modal-body .checkbox-group label {
-    display: flex;
-    align-items: center;
-    gap: var(--spacing-2, 0.5rem);
-    margin-bottom: var(--spacing-2, 0.5rem);
-    font-weight: var(--font-normal, 400);
-    cursor: pointer;
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-2, 0.5rem);
+  margin-bottom: var(--spacing-2, 0.5rem);
+  font-weight: var(--font-normal, 400);
+  cursor: pointer;
 }

 /* ============================================
@@ -213,19 +215,19 @@
 * ============================================ */

 .modal-content.small {
-    max-width: 400px;
-    min-width: 320px;
+  max-width: 400px;
+  min-width: 320px;
 }

 .modal-content.large {
-    max-width: 800px;
-    min-width: 560px;
+  max-width: 800px;
+  min-width: 560px;
 }

 .modal-content.full {
-    max-width: 95vw;
-    max-height: 95vh;
-    min-width: min(95vw, 700px);
+  max-width: 95vw;
+  max-height: 95vh;
+  min-width: min(95vw, 700px);
 }

 /* ============================================
@@ -233,16 +235,18 @@
 * ============================================ */

 .dark .modal-content,
-[data-theme="dark"] .modal-content {
-    background: hsl(var(--background));
-    box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.4), 0 8px 10px -6px rgb(0 0 0 / 0.3);
+[data-theme='dark'] .modal-content {
+  background: hsl(var(--background));
+  box-shadow:
+    0 20px 25px -5px rgb(0 0 0 / 0.4),
+    0 8px 10px -6px rgb(0 0 0 / 0.3);
 }

 .dark .modal-header,
 .dark .modal-footer,
-[data-theme="dark"] .modal-header,
-[data-theme="dark"] .modal-footer {
-    background: hsl(var(--muted));
+[data-theme='dark'] .modal-header,
+[data-theme='dark'] .modal-footer {
+  background: hsl(var(--muted));
 }

 /* ============================================
@@ -250,10 +254,10 @@
 * ============================================ */

@media (prefers-reduced-motion: reduce) {
-    .modal,
-    .modal-content {
-        transition: none;
-    }
+  .modal,
+  .modal-content {
+    transition: none;
+  }
 }

 /* ============================================
@@ -261,5 +265,5 @@
 * ============================================ */

 .modal.hidden {
-    display: none;
+  display: none;
 }
@@ -148,7 +148,7 @@
 * ============================================ */

 .dark,
-[data-theme="dark"] {
+[data-theme='dark'] {
  /* Background and foreground */
  --background: 222.2 84% 4.9%;
  --foreground: 210 40% 98%;
@@ -205,24 +205,56 @@
 * Semantic Color Classes
 * ============================================ */

-.bg-background { background-color: hsl(var(--background)); }
-.bg-foreground { background-color: hsl(var(--foreground)); }
-.bg-card { background-color: hsl(var(--card)); }
-.bg-primary { background-color: hsl(var(--primary)); }
-.bg-secondary { background-color: hsl(var(--secondary)); }
-.bg-muted { background-color: hsl(var(--muted)); }
-.bg-accent { background-color: hsl(var(--accent)); }
-.bg-destructive { background-color: hsl(var(--destructive)); }
+.bg-background {
+  background-color: hsl(var(--background));
+}
+.bg-foreground {
+  background-color: hsl(var(--foreground));
+}
+.bg-card {
+  background-color: hsl(var(--card));
+}
+.bg-primary {
+  background-color: hsl(var(--primary));
+}
+.bg-secondary {
+  background-color: hsl(var(--secondary));
+}
+.bg-muted {
+  background-color: hsl(var(--muted));
+}
+.bg-accent {
+  background-color: hsl(var(--accent));
+}
+.bg-destructive {
+  background-color: hsl(var(--destructive));
+}

-.text-foreground { color: hsl(var(--foreground)); }
-.text-primary { color: hsl(var(--primary)); }
-.text-secondary { color: hsl(var(--secondary-foreground)); }
-.text-muted-foreground { color: hsl(var(--muted-foreground)); }
-.text-destructive { color: hsl(var(--destructive)); }
+.text-foreground {
+  color: hsl(var(--foreground));
+}
+.text-primary {
+  color: hsl(var(--primary));
+}
+.text-secondary {
+  color: hsl(var(--secondary-foreground));
+}
+.text-muted-foreground {
+  color: hsl(var(--muted-foreground));
+}
+.text-destructive {
+  color: hsl(var(--destructive));
+}

-.border-border { border-color: hsl(var(--border)); }
-.border-primary { border-color: hsl(var(--primary)); }
-.border-input { border-color: hsl(var(--input)); }
+.border-border {
+  border-color: hsl(var(--border));
+}
+.border-primary {
+  border-color: hsl(var(--primary));
+}
+.border-input {
+  border-color: hsl(var(--input));
+}

 /* ============================================
 * Utility Classes
@@ -22,10 +22,10 @@ GET /resources

 **Query Parameters:**

-| Parameter | Type | Required | Description |
-|-----------|------|----------|-------------|
-| page | integer | No | Page number (default: 1) |
-| limit | integer | No | Items per page (default: 20) |
+| Parameter | Type    | Required | Description                  |
+| --------- | ------- | -------- | ---------------------------- |
+| page      | integer | No       | Page number (default: 1)     |
+| limit     | integer | No       | Items per page (default: 20) |

 **Response:**

@@ -82,9 +82,9 @@ DELETE /resources/:id

 ## Error Codes

-| Code | Description |
-|------|-------------|
-| 400 | Bad Request |
-| 401 | Unauthorized |
-| 404 | Not Found |
-| 500 | Internal Server Error |
+| Code | Description           |
+| ---- | --------------------- |
+| 400  | Bad Request           |
+| 401  | Unauthorized          |
+| 404  | Not Found             |
+| 500  | Internal Server Error |
@@ -1,6 +1,6 @@
 ---
 title: Blog Post Title
-date: {{DATE}}
+date: { { DATE } }
 author: Your Name
 tags: []
 ---
@@ -3,18 +3,23 @@
 ## [Unreleased]

 ### Added
+
 - New feature

 ### Changed
+
 - Updated feature

 ### Fixed
+
 - Bug fix

 ### Removed
+
 - Removed feature

 ## [1.0.0] - {{DATE}}

 ### Added
+
 - Initial release
@@ -9,50 +9,54 @@ Brief description of what is being compared and why.

 ## Feature Comparison

-| Feature | Option A | Option B |
-|---------|----------|----------|
-| Feature 1 | Yes | Yes |
-| Feature 2 | Yes | No |
-| Feature 3 | No | Yes |
-| Feature 4 | Partial | Yes |
+| Feature   | Option A | Option B |
+| --------- | -------- | -------- |
+| Feature 1 | Yes      | Yes      |
+| Feature 2 | Yes      | No       |
+| Feature 3 | No       | Yes      |
+| Feature 4 | Partial  | Yes      |

 ## Pricing

-| Plan | Option A | Option B |
-|------|----------|----------|
-| Free | Limited | Limited |
-| Pro | $10/mo | $15/mo |
-| Enterprise | Custom | Custom |
+| Plan       | Option A | Option B |
+| ---------- | -------- | -------- |
+| Free       | Limited  | Limited  |
+| Pro        | $10/mo   | $15/mo   |
+| Enterprise | Custom   | Custom   |

 ## Pros and Cons

 ### Option A

 **Pros:**
+
 - Pro 1
 - Pro 2

 **Cons:**
+
 - Con 1
 - Con 2

 ### Option B

 **Pros:**
+
 - Pro 1
 - Pro 2

 **Cons:**
+
 - Con 1
 - Con 2

 ## Performance

-| Metric | Option A | Option B |
-|--------|----------|----------|
-| Speed | Fast | Moderate |
-| Memory | Low | Medium |
-| Scalability | Good | Excellent |
+| Metric      | Option A | Option B  |
+| ----------- | -------- | --------- |
+| Speed       | Fast     | Moderate  |
+| Memory      | Low      | Medium    |
+| Scalability | Good     | Excellent |

 ## Recommendation

@@ -2,6 +2,7 @@

 **Date:** {{DATE}}
 **Attendees:**
+
 - Name 1
 - Name 2

@@ -12,43 +12,48 @@
 ## Scope

 ### In Scope
+
 - Item 1
 - Item 2

 ### Out of Scope
+
 - Item 1

 ## Milestones

-| Milestone | Target Date | Status |
-|-----------|-------------|--------|
-| Kickoff | {{DATE}} | Not Started |
-| MVP | TBD | Not Started |
-| Launch | TBD | Not Started |
+| Milestone | Target Date | Status      |
+| --------- | ----------- | ----------- |
+| Kickoff   | {{DATE}}    | Not Started |
+| MVP       | TBD         | Not Started |
+| Launch    | TBD         | Not Started |

 ## Resources

-| Role | Person | Allocation |
-|------|--------|------------|
-| Lead | Name | 100% |
-| Developer | Name | 50% |
+| Role      | Person | Allocation |
+| --------- | ------ | ---------- |
+| Lead      | Name   | 100%       |
+| Developer | Name   | 50%        |

 ## Risks

-| Risk | Impact | Likelihood | Mitigation |
-|------|--------|------------|------------|
-| Risk 1 | High | Medium | Plan |
+| Risk   | Impact | Likelihood | Mitigation |
+| ------ | ------ | ---------- | ---------- |
+| Risk 1 | High   | Medium     | Plan       |

 ## Timeline

 ### Phase 1: Planning
+
 - [ ] Define requirements
 - [ ] Create design documents

 ### Phase 2: Development
+
 - [ ] Implement core features
 - [ ] Write tests

 ### Phase 3: Launch
+
 - [ ] Deploy to production
 - [ ] Monitor and iterate
@@ -21,9 +21,9 @@ const project = require('project-name');

 ## Configuration

-| Option | Default | Description |
-|--------|---------|-------------|
-| option1 | true | Description |
+| Option  | Default | Description |
+| ------- | ------- | ----------- |
+| option1 | true    | Description |

 ## Contributing

@@ -12,10 +12,12 @@ Brief description of what this feature does.
 ## Requirements

 ### Functional Requirements
+
 1. Requirement 1
 2. Requirement 2

 ### Non-Functional Requirements
+
 1. Performance requirement
 2. Security requirement

@@ -27,9 +29,9 @@ Describe the technical approach.

 ### Endpoints

-| Method | Path | Description |
-|--------|------|-------------|
-| GET | /api/resource | Get resource |
+| Method | Path          | Description  |
+| ------ | ------------- | ------------ |
+| GET    | /api/resource | Get resource |

 ## Testing Strategy

@@ -37,6 +39,6 @@ Describe how this will be tested.

 ## Timeline

-| Phase | Duration | Deliverables |
-|-------|----------|-------------|
-| Phase 1 | 1 week | Core implementation |
+| Phase   | Duration | Deliverables        |
+| ------- | -------- | ------------------- |
+| Phase 1 | 1 week   | Core implementation |
@@ -42,7 +42,7 @@ Walk through the implementation.
 ```javascript
 // Example code
 function example() {
-    return 'Hello';
+  return 'Hello';
 }
 ```

@@ -53,10 +53,12 @@ How to verify everything works.
 ## Common Issues

 ### Issue 1
+
 **Problem:** Description of the problem.
 **Solution:** How to fix it.

 ### Issue 2
+
 **Problem:** Description of the problem.
 **Solution:** How to fix it.

@@ -1,245 +1,246 @@
 /**
 * ModalManager - Unified modal system with accessibility support
- * @version 4.3.0
+ * @version 4.4.5
 */
 class ModalManager {
-    #modal;
-    #backdrop;
-    #options;
-    #lastFocusedElement;
-    #focusableElements;
-    #eventListeners;
-    #isOpen;
+  #modal;
+  #backdrop;
+  #options;
+  #lastFocusedElement;
+  #focusableElements;
+  #eventListeners;
+  #isOpen;

-    static #openModals = [];
+  static #openModals = [];

-    constructor(element, options = {}) {
-        this.#modal = typeof element === 'string' ? document.querySelector(element) : element;
-        this.#options = {
-            closeOnBackdrop: true,
-            closeOnEscape: true,
-            focusFirst: true,
-            onOpen: null,
-            onClose: null,
-            ...options
-        };
-        this.#isOpen = false;
-        this.#eventListeners = [];
-        this.#init();
+  constructor(element, options = {}) {
+    this.#modal = typeof element === 'string' ? document.querySelector(element) : element;
+    this.#options = {
+      closeOnBackdrop: true,
+      closeOnEscape: true,
+      focusFirst: true,
+      onOpen: null,
+      onClose: null,
+      ...options,
+    };
+    this.#isOpen = false;
+    this.#eventListeners = [];
+    this.#init();
+  }
+
+  #init() {
+    // Ensure modal has required attributes
+    if (!this.#modal.hasAttribute('role')) {
+      this.#modal.setAttribute('role', 'dialog');
+    }
+    if (!this.#modal.hasAttribute('aria-modal')) {
+      this.#modal.setAttribute('aria-modal', 'true');
    }

-    #init() {
-        // Ensure modal has required attributes
-        if (!this.#modal.hasAttribute('role')) {
-            this.#modal.setAttribute('role', 'dialog');
-        }
-        if (!this.#modal.hasAttribute('aria-modal')) {
-            this.#modal.setAttribute('aria-modal', 'true');
-        }
+    // Find or create backdrop
+    this.#backdrop = this.#modal.querySelector('.modal-backdrop');

-        // Find or create backdrop
-        this.#backdrop = this.#modal.querySelector('.modal-backdrop');
+    // Setup close triggers
+    this.#setupCloseTriggers();
+  }

-        // Setup close triggers
-        this.#setupCloseTriggers();
+  #setupCloseTriggers() {
+    // Close button
+    const closeBtn = this.#modal.querySelector('.modal-close');
+    if (closeBtn) {
+      const handler = (e) => {
+        e.preventDefault();
+        this.close();
+      };
+      closeBtn.addEventListener('click', handler);
+      this.#eventListeners.push({ el: closeBtn, type: 'click', handler });
    }

-    #setupCloseTriggers() {
-        // Close button
-        const closeBtn = this.#modal.querySelector('.modal-close');
-        if (closeBtn) {
-            const handler = (e) => {
-                e.preventDefault();
-                this.close();
-            };
-            closeBtn.addEventListener('click', handler);
-            this.#eventListeners.push({ el: closeBtn, type: 'click', handler });
-        }
+    // Elements with data-close attribute
+    const closeTriggers = this.#modal.querySelectorAll('[data-close]');
+    closeTriggers.forEach((el) => {
+      if (el.classList.contains('modal-backdrop') && !this.#options.closeOnBackdrop) {
+        return;
+      }
+      const handler = (e) => {
+        e.preventDefault();
+        this.close();
+      };
+      el.addEventListener('click', handler);
+      this.#eventListeners.push({ el, type: 'click', handler });
+    });
+  }

-        // Elements with data-close attribute
-        const closeTriggers = this.#modal.querySelectorAll('[data-close]');
-        closeTriggers.forEach(el => {
-            if (el.classList.contains('modal-backdrop') && !this.#options.closeOnBackdrop) {
-                return;
-            }
-            const handler = (e) => {
-                e.preventDefault();
-                this.close();
-            };
-            el.addEventListener('click', handler);
-            this.#eventListeners.push({ el, type: 'click', handler });
-        });
+  #getFocusableElements() {
+    const selector = [
+      'button:not([disabled])',
+      'input:not([disabled])',
+      'select:not([disabled])',
+      'textarea:not([disabled])',
+      'a[href]',
+      '[tabindex]:not([tabindex="-1"])',
+    ].join(', ');
+
+    return Array.from(this.#modal.querySelectorAll(selector)).filter(
+      (el) => el.offsetParent !== null && !el.classList.contains('modal-backdrop')
+    );
+  }
+
+  #trapFocus(e) {
+    if (e.key !== 'Tab') return;
+
+    const focusable = this.#getFocusableElements();
+    if (focusable.length === 0) return;
+
+    const firstEl = focusable[0];
+    const lastEl = focusable[focusable.length - 1];
+
+    if (e.shiftKey) {
+      if (document.activeElement === firstEl) {
+        e.preventDefault();
+        lastEl.focus();
+      }
+    } else {
+      if (document.activeElement === lastEl) {
+        e.preventDefault();
+        firstEl.focus();
+      }
    }
+  }

-    #getFocusableElements() {
-        const selector = [
-            'button:not([disabled])',
-            'input:not([disabled])',
-            'select:not([disabled])',
-            'textarea:not([disabled])',
-            'a[href]',
-            '[tabindex]:not([tabindex="-1"])'
-        ].join(', ');
-
-        return Array.from(this.#modal.querySelectorAll(selector))
-            .filter(el => el.offsetParent !== null && !el.classList.contains('modal-backdrop'));
+  #handleKeydown(e) {
+    if (e.key === 'Escape' && this.#options.closeOnEscape) {
+      e.preventDefault();
+      this.close();
    }
+    this.#trapFocus(e);
+  }

-    #trapFocus(e) {
-        if (e.key !== 'Tab') return;
+  open() {
+    if (this.#isOpen) return;

+    // Store last focused element
+    this.#lastFocusedElement = document.activeElement;
+
+    // Track open modals
+    ModalManager.#openModals.push(this);
+
+    // Show modal: remove hidden first, force a reflow so the browser
+    // records opacity:0 as the start state, then add 'open' to trigger
+    // the CSS transition. Without the reflow, both class changes are
+    // batched into one style recalculation and the transition is skipped.
+    this.#modal.classList.remove('hidden');
+    void this.#modal.offsetHeight; // Force reflow — do not remove
+    this.#modal.classList.add('open');
+    this.#isOpen = true;
+
+    // Prevent body scroll
+    document.body.style.overflow = 'hidden';
+
+    // Add keyboard listener
+    const keydownHandler = (e) => this.#handleKeydown(e);
+    document.addEventListener('keydown', keydownHandler);
+    this.#eventListeners.push({ el: document, type: 'keydown', handler: keydownHandler });
+
+    // Focus first element
+    if (this.#options.focusFirst) {
+      requestAnimationFrame(() => {
        const focusable = this.#getFocusableElements();
-        if (focusable.length === 0) return;
-
-        const firstEl = focusable[0];
-        const lastEl = focusable[focusable.length - 1];
-
-        if (e.shiftKey) {
-            if (document.activeElement === firstEl) {
-                e.preventDefault();
-                lastEl.focus();
-            }
-        } else {
-            if (document.activeElement === lastEl) {
-                e.preventDefault();
-                firstEl.focus();
-            }
+        if (focusable.length > 0) {
+          focusable[0].focus();
        }
+      });
    }

-    #handleKeydown(e) {
-        if (e.key === 'Escape' && this.#options.closeOnEscape) {
-            e.preventDefault();
-            this.close();
-        }
-        this.#trapFocus(e);
+    // Callback
+    if (this.#options.onOpen) {
+      this.#options.onOpen(this);
    }

-    open() {
-        if (this.#isOpen) return;
+    // Dispatch custom event
+    this.#modal.dispatchEvent(new CustomEvent('modal:open'));
+  }

-        // Store last focused element
-        this.#lastFocusedElement = document.activeElement;
+  close() {
+    if (!this.#isOpen) return;

-        // Track open modals
-        ModalManager.#openModals.push(this);
-
-        // Show modal: remove hidden first, force a reflow so the browser
-        // records opacity:0 as the start state, then add 'open' to trigger
-        // the CSS transition. Without the reflow, both class changes are
-        // batched into one style recalculation and the transition is skipped.
-        this.#modal.classList.remove('hidden');
-        void this.#modal.offsetHeight; // Force reflow — do not remove
-        this.#modal.classList.add('open');
-        this.#isOpen = true;
-
-        // Prevent body scroll
-        document.body.style.overflow = 'hidden';
-
-        // Add keyboard listener
-        const keydownHandler = (e) => this.#handleKeydown(e);
-        document.addEventListener('keydown', keydownHandler);
-        this.#eventListeners.push({ el: document, type: 'keydown', handler: keydownHandler });
-
-        // Focus first element
-        if (this.#options.focusFirst) {
-            requestAnimationFrame(() => {
-                const focusable = this.#getFocusableElements();
-                if (focusable.length > 0) {
-                    focusable[0].focus();
-                }
-            });
-        }
-
-        // Callback
-        if (this.#options.onOpen) {
-            this.#options.onOpen(this);
-        }
-
-        // Dispatch custom event
-        this.#modal.dispatchEvent(new CustomEvent('modal:open'));
+    // Remove from open modals
+    const index = ModalManager.#openModals.indexOf(this);
+    if (index > -1) {
+      ModalManager.#openModals.splice(index, 1);
    }

-    close() {
-        if (!this.#isOpen) return;
+    // Start hide transition
+    this.#modal.classList.remove('open');
+    this.#isOpen = false;

-        // Remove from open modals
-        const index = ModalManager.#openModals.indexOf(this);
-        if (index > -1) {
-            ModalManager.#openModals.splice(index, 1);
-        }
+    // Re-add 'hidden' after the CSS transition completes so the modal
+    // is fully removed from rendering (display:none), not just invisible.
+    // We use both transitionend and a setTimeout fallback because
+    // transitionend never fires when prefers-reduced-motion disables transitions.
+    let hidden = false;
+    const addHidden = () => {
+      if (hidden || this.#isOpen) return;
+      hidden = true;
+      this.#modal.removeEventListener('transitionend', onTransitionEnd);
+      this.#modal.classList.add('hidden');
+    };
+    const onTransitionEnd = (e) => {
+      if (e.target !== this.#modal) return;
+      addHidden();
+    };
+    this.#modal.addEventListener('transitionend', onTransitionEnd);
+    setTimeout(addHidden, 250); // fallback: slightly longer than 200ms transition

-        // Start hide transition
-        this.#modal.classList.remove('open');
-        this.#isOpen = false;
-
-        // Re-add 'hidden' after the CSS transition completes so the modal
-        // is fully removed from rendering (display:none), not just invisible.
-        // We use both transitionend and a setTimeout fallback because
-        // transitionend never fires when prefers-reduced-motion disables transitions.
-        let hidden = false;
-        const addHidden = () => {
-            if (hidden || this.#isOpen) return;
-            hidden = true;
-            this.#modal.removeEventListener('transitionend', onTransitionEnd);
-            this.#modal.classList.add('hidden');
-        };
-        const onTransitionEnd = (e) => {
-            if (e.target !== this.#modal) return;
-            addHidden();
-        };
-        this.#modal.addEventListener('transitionend', onTransitionEnd);
-        setTimeout(addHidden, 250); // fallback: slightly longer than 200ms transition
-
-        // Restore body scroll if no modals open
-        if (ModalManager.#openModals.length === 0) {
-            document.body.style.overflow = '';
-        }
-
-        // Remove keyboard listener
-        const keydownListener = this.#eventListeners.find(
-            l => l.el === document && l.type === 'keydown'
-        );
-        if (keydownListener) {
-            document.removeEventListener('keydown', keydownListener.handler);
-            this.#eventListeners = this.#eventListeners.filter(l => l !== keydownListener);
-        }
-
-        // Restore focus
-        if (this.#lastFocusedElement && typeof this.#lastFocusedElement.focus === 'function') {
-            this.#lastFocusedElement.focus();
-        }
-
-        // Callback
-        if (this.#options.onClose) {
-            this.#options.onClose(this);
-        }
-
-        // Dispatch custom event
-        this.#modal.dispatchEvent(new CustomEvent('modal:close'));
+    // Restore body scroll if no modals open
+    if (ModalManager.#openModals.length === 0) {
+      document.body.style.overflow = '';
    }

-    isOpen() {
-        return this.#isOpen;
+    // Remove keyboard listener
+    const keydownListener = this.#eventListeners.find(
+      (l) => l.el === document && l.type === 'keydown'
+    );
+    if (keydownListener) {
+      document.removeEventListener('keydown', keydownListener.handler);
+      this.#eventListeners = this.#eventListeners.filter((l) => l !== keydownListener);
    }

-    destroy() {
-        // Close if open
-        if (this.#isOpen) {
-            this.close();
-        }
-
-        // Remove all event listeners
-        this.#eventListeners.forEach(({ el, type, handler }) => {
-            el.removeEventListener(type, handler);
-        });
-        this.#eventListeners = [];
+    // Restore focus
+    if (this.#lastFocusedElement && typeof this.#lastFocusedElement.focus === 'function') {
+      this.#lastFocusedElement.focus();
    }
+
+    // Callback
+    if (this.#options.onClose) {
+      this.#options.onClose(this);
+    }
+
+    // Dispatch custom event
+    this.#modal.dispatchEvent(new CustomEvent('modal:close'));
+  }
+
+  isOpen() {
+    return this.#isOpen;
+  }
+
+  destroy() {
+    // Close if open
+    if (this.#isOpen) {
+      this.close();
+    }
+
+    // Remove all event listeners
+    this.#eventListeners.forEach(({ el, type, handler }) => {
+      el.removeEventListener(type, handler);
+    });
+    this.#eventListeners = [];
+  }
 }

-// Export for use in renderer
-if (typeof window !== 'undefined') {
-    window.ModalManager = ModalManager;
+// Export for use in renderer - avoid duplicate declaration
+if (typeof window !== 'undefined' && !window.ModalManager) {
+  window.ModalManager = ModalManager;
 }

 // CommonJS export
@@ -1,12 +1,14 @@
 function createWelcomeContent(recentFiles = [], appVersion = '') {
-    const recentHtml = recentFiles.length
-        ? recentFiles.map(f => {
-            const name = f.split(/[/\\]/).pop();
-            return `<div class="welcome-recent-item" data-path="${f}"><span class="welcome-recent-name">${name}</span><span class="welcome-recent-path">${f}</span></div>`;
-        }).join('')
-        : '<p class="welcome-muted">No recent files</p>';
+  const recentHtml = recentFiles.length
+    ? recentFiles
+        .map((f) => {
+          const name = f.split(/[/\\]/).pop();
+          return `<div class="welcome-recent-item" data-path="${f}"><span class="welcome-recent-name">${name}</span><span class="welcome-recent-path">${f}</span></div>`;
+        })
+        .join('')
+    : '<p class="welcome-muted">No recent files</p>';

-    return `
+  return `
    <div class="welcome-container">
        <div class="welcome-hero">
            <h1 class="welcome-title">MarkdownConverter</h1>
@@ -4,172 +4,154 @@
 * Toggle with F11, exit with Escape.
 */

-const {
-    EditorView,
-    ViewPlugin,
-    Decoration,
-    DecorationSet,
-} = require('@codemirror/view');
+const { EditorView, ViewPlugin, Decoration } = require('@codemirror/view');
 const { RangeSetBuilder } = require('@codemirror/state');

 class ZenMode {
-    /**
-     * @param {import('./renderer').TabManager} tabManager
-     */
-    constructor(tabManager) {
-        this.tabManager = tabManager;
-        this.active = false;
-        this._hud = null;
-        this._timerInterval = null;
-        this._sessionStart = null;
-        this._extensions = [];
+  /**
+   * @param {import('./renderer').TabManager} tabManager
+   */
+  constructor(tabManager) {
+    this.tabManager = tabManager;
+    this.active = false;
+    this._hud = null;
+    this._timerInterval = null;
+    this._sessionStart = null;
+    this._extensions = [];
+  }
+
+  activate() {
+    if (this.active) return;
+    this.active = true;
+
+    document.body.classList.add('zen-mode');
+
+    // Collapse sidebar
+    const sidebar = document.getElementById('sidebar');
+    if (sidebar) sidebar.classList.add('collapsed');
+
+    // Hide preview pane for the active tab
+    const tab = this.tabManager.tabs.get(this.tabManager.activeTabId);
+    if (tab) {
+      const previewContainer = document.getElementById(`preview-pane-${tab.id}`);
+      if (previewContainer) previewContainer.classList.add('hidden');
+      const editorPane = document.getElementById(`editor-pane-${tab.id}`);
+      if (editorPane) editorPane.classList.add('full-width');
+
+      // Add CM6 extensions to the active editor
+      if (tab.editorView) {
+        this._extensions = [typewriterScrollExtension, lineDimmingExtension];
+        // Reconfigure is not straightforward with CM6's immutable state.
+        // Instead we dispatch effects or simply rebuild with new extensions.
+        // Since we cannot hot-swap extensions on an existing EditorView,
+        // we store a reference and the CSS + updateListener handle the rest.
+        // The typewriter + dimming plugins are applied via a compartment approach
+        // would be ideal, but for simplicity we use DOM + updateListener.
+        this._applyTypewriterBehavior(tab.editorView);
+      }
    }

-    activate() {
-        if (this.active) return;
-        this.active = true;
+    // Create HUD
+    this._createHUD();

-        document.body.classList.add('zen-mode');
+    // Start session timer
+    this._sessionStart = Date.now();
+    this._timerInterval = setInterval(() => this._updateHUD(), 1000);

-        // Collapse sidebar
-        const sidebar = document.getElementById('sidebar');
-        if (sidebar) sidebar.classList.add('collapsed');
+    // Focus editor
+    if (tab?.editorView) tab.editorView.focus();
+  }

-        // Hide preview pane for the active tab
-        const tab = this.tabManager.tabs.get(this.tabManager.activeTabId);
-        if (tab) {
-            const previewContainer = document.getElementById(`preview-pane-${tab.id}`);
-            if (previewContainer) previewContainer.classList.add('hidden');
-            const editorPane = document.getElementById(`editor-pane-${tab.id}`);
-            if (editorPane) editorPane.classList.add('full-width');
+  deactivate() {
+    if (!this.active) return;
+    this.active = false;

-            // Add CM6 extensions to the active editor
-            if (tab.editorView) {
-                this._extensions = [
-                    typewriterScrollExtension,
-                    lineDimmingExtension,
-                ];
-                // Reconfigure is not straightforward with CM6's immutable state.
-                // Instead we dispatch effects or simply rebuild with new extensions.
-                // Since we cannot hot-swap extensions on an existing EditorView,
-                // we store a reference and the CSS + updateListener handle the rest.
-                // The typewriter + dimming plugins are applied via a compartment approach
-                // would be ideal, but for simplicity we use DOM + updateListener.
-                this._applyTypewriterBehavior(tab.editorView);
-            }
-        }
+    document.body.classList.remove('zen-mode');

-        // Create HUD
-        this._createHUD();
+    // Restore preview pane for the active tab
+    const tab = this.tabManager.tabs.get(this.tabManager.activeTabId);
+    if (tab) {
+      const previewContainer = document.getElementById(`preview-pane-${tab.id}`);
+      if (previewContainer) previewContainer.classList.remove('hidden');
+      const editorPane = document.getElementById(`editor-pane-${tab.id}`);
+      if (editorPane) editorPane.classList.remove('full-width');

-        // Start session timer
-        this._sessionStart = Date.now();
-        this._timerInterval = setInterval(() => this._updateHUD(), 1000);
-
-        // Focus editor
-        if (tab?.editorView) tab.editorView.focus();
+      // Remove typewriter listener
+      if (tab.editorView && this._selectionListener) {
+        window.removeEventListener('zen-typewriter', this._selectionListener);
+        this._selectionListener = null;
+      }
    }

-    deactivate() {
-        if (!this.active) return;
-        this.active = false;
-
-        document.body.classList.remove('zen-mode');
-
-        // Restore preview pane for the active tab
-        const tab = this.tabManager.tabs.get(this.tabManager.activeTabId);
-        if (tab) {
-            const previewContainer = document.getElementById(`preview-pane-${tab.id}`);
-            if (previewContainer) previewContainer.classList.remove('hidden');
-            const editorPane = document.getElementById(`editor-pane-${tab.id}`);
-            if (editorPane) editorPane.classList.remove('full-width');
-
-            // Remove typewriter listener
-            if (tab.editorView && this._selectionListener) {
-                window.removeEventListener('zen-typewriter', this._selectionListener);
-                this._selectionListener = null;
-            }
-        }
-
-        // Remove HUD
-        if (this._hud && this._hud.parentNode) {
-            this._hud.parentNode.removeChild(this._hud);
-            this._hud = null;
-        }
-
-        // Stop timer
-        if (this._timerInterval) {
-            clearInterval(this._timerInterval);
-            this._timerInterval = null;
-        }
-        this._sessionStart = null;
-        this._extensions = [];
+    // Remove HUD
+    if (this._hud && this._hud.parentNode) {
+      this._hud.parentNode.removeChild(this._hud);
+      this._hud = null;
    }

-    toggle() {
-        if (this.active) {
-            this.deactivate();
-        } else {
-            this.activate();
-        }
+    // Stop timer
+    if (this._timerInterval) {
+      clearInterval(this._timerInterval);
+      this._timerInterval = null;
    }
+    this._sessionStart = null;
+    this._extensions = [];
+  }

-    _applyTypewriterBehavior(view) {
-        // We use a custom update listener that scrolls the cursor to center.
-        // This is stored on the instance so we can clean it up.
-        let scrollTimeout = null;
+  toggle() {
+    if (this.active) {
+      this.deactivate();
+    } else {
+      this.activate();
+    }
+  }

-        const scrollFn = () => {
-            if (!this.active) return;
-            const pos = view.state.selection.main.head;
-            requestAnimationFrame(() => {
-                view.dispatch({
-                    effects: EditorView.scrollIntoView(pos, { y: 'center' }),
-                });
-            });
-        };
-
-        // Listen for selection/doc changes via a polling approach
-        // since we cannot add extensions to an existing view.
-        // Instead, use the DOM scrollIntoView after selection changes.
-        const observer = new MutationObserver(() => {
-            // No-op, we use interval below
+  _applyTypewriterBehavior(view) {
+    // We use a custom update listener that scrolls the cursor to center.
+    const scrollFn = () => {
+      if (!this.active) return;
+      const pos = view.state.selection.main.head;
+      requestAnimationFrame(() => {
+        view.dispatch({
+          effects: EditorView.scrollIntoView(pos, { y: 'center' }),
        });
+      });
+    };

-        // Use interval to keep cursor centered during typing
-        this._scrollInterval = setInterval(() => {
-            if (!this.active) {
-                clearInterval(this._scrollInterval);
-                this._scrollInterval = null;
-                return;
-            }
-            // Typewriter scroll: center the cursor line
-            try {
-                const pos = view.state.selection.main.head;
-                const coords = view.coordsAtPos(pos);
-                const scroller = view.scrollDOM;
-                if (coords && scroller) {
-                    const scrollerRect = scroller.getBoundingClientRect();
-                    const cursorCenter = coords.top + (coords.bottom - coords.top) / 2;
-                    const viewCenter = scrollerRect.top + scrollerRect.height / 2;
-                    const diff = cursorCenter - viewCenter;
-                    if (Math.abs(diff) > 30) {
-                        scroller.scrollTop += diff;
-                    }
-                }
-            } catch (e) {
-                // Ignore errors from destroyed views
-            }
-        }, 200);
+    // Use interval to keep cursor centered during typing
+    this._scrollInterval = setInterval(() => {
+      if (!this.active) {
+        clearInterval(this._scrollInterval);
+        this._scrollInterval = null;
+        return;
+      }
+      // Typewriter scroll: center the cursor line
+      try {
+        const pos = view.state.selection.main.head;
+        const coords = view.coordsAtPos(pos);
+        const scroller = view.scrollDOM;
+        if (coords && scroller) {
+          const scrollerRect = scroller.getBoundingClientRect();
+          const cursorCenter = coords.top + (coords.bottom - coords.top) / 2;
+          const viewCenter = scrollerRect.top + scrollerRect.height / 2;
+          const diff = cursorCenter - viewCenter;
+          if (Math.abs(diff) > 30) {
+            scroller.scrollTop += diff;
+          }
+        }
+      } catch {
+        // Ignore errors from destroyed views
+      }
+    }, 200);

-        // Initial scroll to center
-        scrollFn();
-    }
+    // Initial scroll to center
+    scrollFn();
+  }

-    _createHUD() {
-        const hud = document.createElement('div');
-        hud.className = 'zen-hud';
-        hud.innerHTML = `
+  _createHUD() {
+    const hud = document.createElement('div');
+    hud.className = 'zen-hud';
+    hud.innerHTML = `
            <span class="zen-hud-item" id="zen-words">0 words</span>
            <span class="zen-hud-sep">&middot;</span>
            <span class="zen-hud-item" id="zen-reading-time">0 min read</span>
@@ -179,114 +161,124 @@ class ZenMode {
                <div class="zen-progress-bar" id="zen-progress-bar"></div>
            </div>
        `;
-        document.body.appendChild(hud);
-        this._hud = hud;
-        this._updateHUD();
+    document.body.appendChild(hud);
+    this._hud = hud;
+    this._updateHUD();
+  }
+
+  _updateHUD() {
+    if (!this.active || !this._hud) return;
+
+    const content = this.tabManager.getEditorContent();
+    const words = content.trim()
+      ? content
+          .trim()
+          .split(/\s+/)
+          .filter((w) => w.length > 0).length
+      : 0;
+    const readingTime = Math.max(1, Math.ceil(words / 200));
+
+    const wordsEl = document.getElementById('zen-words');
+    const readingEl = document.getElementById('zen-reading-time');
+    const timerEl = document.getElementById('zen-timer');
+
+    if (wordsEl) wordsEl.textContent = `${words.toLocaleString()} words`;
+    if (readingEl) readingEl.textContent = `${readingTime} min read`;
+
+    // Session timer
+    if (this._sessionStart) {
+      const elapsed = Math.floor((Date.now() - this._sessionStart) / 1000);
+      const minutes = String(Math.floor(elapsed / 60)).padStart(2, '0');
+      const seconds = String(elapsed % 60).padStart(2, '0');
+      if (timerEl) timerEl.textContent = `${minutes}:${seconds}`;
    }

-    _updateHUD() {
-        if (!this.active || !this._hud) return;
-
-        const content = this.tabManager.getEditorContent();
-        const words = content.trim() ? content.trim().split(/\s+/).filter(w => w.length > 0).length : 0;
-        const readingTime = Math.max(1, Math.ceil(words / 200));
-
-        const wordsEl = document.getElementById('zen-words');
-        const readingEl = document.getElementById('zen-reading-time');
-        const timerEl = document.getElementById('zen-timer');
-
-        if (wordsEl) wordsEl.textContent = `${words.toLocaleString()} words`;
-        if (readingEl) readingEl.textContent = `${readingTime} min read`;
-
-        // Session timer
-        if (this._sessionStart) {
-            const elapsed = Math.floor((Date.now() - this._sessionStart) / 1000);
-            const minutes = String(Math.floor(elapsed / 60)).padStart(2, '0');
-            const seconds = String(elapsed % 60).padStart(2, '0');
-            if (timerEl) timerEl.textContent = `${minutes}:${seconds}`;
-        }
-
-        // Word goal progress
-        const goalStr = localStorage.getItem('zen-word-goal');
-        const progressBar = document.getElementById('zen-progress-bar');
-        const progressContainer = document.getElementById('zen-progress-container');
-        if (progressBar && progressContainer) {
-            if (goalStr) {
-                const goal = parseInt(goalStr, 10);
-                if (goal > 0) {
-                    const pct = Math.min(100, Math.round((words / goal) * 100));
-                    progressBar.style.width = `${pct}%`;
-                    progressContainer.style.display = 'block';
-                } else {
-                    progressContainer.style.display = 'none';
-                }
-            } else {
-                progressContainer.style.display = 'none';
-            }
+    // Word goal progress
+    const goalStr = localStorage.getItem('zen-word-goal');
+    const progressBar = document.getElementById('zen-progress-bar');
+    const progressContainer = document.getElementById('zen-progress-container');
+    if (progressBar && progressContainer) {
+      if (goalStr) {
+        const goal = parseInt(goalStr, 10);
+        if (goal > 0) {
+          const pct = Math.min(100, Math.round((words / goal) * 100));
+          progressBar.style.width = `${pct}%`;
+          progressContainer.style.display = 'block';
+        } else {
+          progressContainer.style.display = 'none';
        }
+      } else {
+        progressContainer.style.display = 'none';
+      }
    }
+  }
 }

 // Typewriter scroll ViewPlugin
-const typewriterScrollExtension = ViewPlugin.fromClass(class {
+const typewriterScrollExtension = ViewPlugin.fromClass(
+  class {
    constructor(view) {
-        this.view = view;
+      this.view = view;
    }

    update(update) {
-        if (update.selectionSet || update.docChanged) {
-            const pos = update.state.selection.main.head;
-            requestAnimationFrame(() => {
-                if (this.view.dom && this.view.dom.isConnected) {
-                    this.view.dispatch({
-                        effects: EditorView.scrollIntoView(pos, { y: 'center' }),
-                    });
-                }
+      if (update.selectionSet || update.docChanged) {
+        const pos = update.state.selection.main.head;
+        requestAnimationFrame(() => {
+          if (this.view.dom && this.view.dom.isConnected) {
+            this.view.dispatch({
+              effects: EditorView.scrollIntoView(pos, { y: 'center' }),
            });
-        }
+          }
+        });
+      }
    }
-});
+  }
+);

 // Line dimming ViewPlugin
 function getOpacity(distance) {
-    if (distance === 0) return 1.0;
-    if (distance === 1) return 0.7;
-    if (distance === 2) return 0.6;
-    if (distance === 3) return 0.45;
-    return 0.3;
+  if (distance === 0) return 1.0;
+  if (distance === 1) return 0.7;
+  if (distance === 2) return 0.6;
+  if (distance === 3) return 0.45;
+  return 0.3;
 }

-const lineDimmingExtension = ViewPlugin.fromClass(class {
+const lineDimmingExtension = ViewPlugin.fromClass(
+  class {
    constructor(view) {
-        this.decorations = this.buildDecorations(view);
+      this.decorations = this.buildDecorations(view);
    }

    update(update) {
-        if (update.docChanged || update.selectionSet || update.viewportChanged) {
-            this.decorations = this.buildDecorations(update.view);
-        }
+      if (update.docChanged || update.selectionSet || update.viewportChanged) {
+        this.decorations = this.buildDecorations(update.view);
+      }
    }

    buildDecorations(view) {
-        const builder = new RangeSetBuilder();
-        const pos = view.state.selection.main.head;
-        const activeLine = view.state.doc.lineAt(pos).number;
-        const doc = view.state.doc;
+      const builder = new RangeSetBuilder();
+      const pos = view.state.selection.main.head;
+      const activeLine = view.state.doc.lineAt(pos).number;
+      const doc = view.state.doc;

-        for (let lineNum = 1; lineNum <= doc.lines; lineNum++) {
-            const line = doc.line(lineNum);
-            const distance = Math.abs(lineNum - activeLine);
-            const opacity = getOpacity(distance);
-            const deco = Decoration.line({
-                attributes: { style: `opacity:${opacity};transition:opacity 0.15s ease` },
-            });
-            builder.add(line.from, line.from, deco);
-        }
+      for (let lineNum = 1; lineNum <= doc.lines; lineNum++) {
+        const line = doc.line(lineNum);
+        const distance = Math.abs(lineNum - activeLine);
+        const opacity = getOpacity(distance);
+        const deco = Decoration.line({
+          attributes: { style: `opacity:${opacity};transition:opacity 0.15s ease` },
+        });
+        builder.add(line.from, line.from, deco);
+      }

-        return builder.finish();
+      return builder.finish();
    }
-}, {
-    decorations: v => v.decorations,
-});
+  },
+  {
+    decorations: (v) => v.decorations,
+  }
+);

 module.exports = { ZenMode };
@@ -0,0 +1,28 @@
+/**
+ * Tests for bundled external tools
+ */
+
+const fs = require('fs');
+const path = require('path');
+
+describe('Bundled Pandoc binary', () => {
+  const rootDir = path.resolve(__dirname, '..');
+  const platform = process.platform;
+  const binaryPath = path.join(rootDir, 'bin', platform, 'pandoc');
+  const windowsBinaryPath = path.join(rootDir, 'bin', platform, 'pandoc.exe');
+
+  test('Pandoc binary exists for current platform', () => {
+    const exists = fs.existsSync(binaryPath) || fs.existsSync(windowsBinaryPath);
+    expect(exists).toBe(true);
+  });
+
+  test('Pandoc binary is executable', () => {
+    if (platform === 'win32') {
+      expect(fs.existsSync(windowsBinaryPath)).toBe(true);
+    } else {
+      expect(fs.existsSync(binaryPath)).toBe(true);
+      const stats = fs.statSync(binaryPath);
+      expect(stats.mode & 0o111).toBeGreaterThan(0);
+    }
+  });
+});
@@ -8,10 +8,10 @@
 */

 describe('CommandPalette', () => {
-    let CommandPalette;
+  let CommandPalette;

-    beforeEach(() => {
-        document.body.innerHTML = `
+  beforeEach(() => {
+    document.body.innerHTML = `
            <div class="command-palette-overlay hidden" id="command-palette-overlay">
                <div class="command-palette">
                    <input type="text" id="command-palette-input">
@@ -19,126 +19,126 @@ describe('CommandPalette', () => {
                </div>
            </div>
        `;
-        CommandPalette = require('../src/command-palette').CommandPalette;
-    });
+    CommandPalette = require('../src/command-palette').CommandPalette;
+  });

-    test('starts hidden', () => {
-        const palette = new CommandPalette();
-        expect(palette.isOpen()).toBe(false);
-    });
+  test('starts hidden', () => {
+    const palette = new CommandPalette();
+    expect(palette.isOpen()).toBe(false);
+  });

-    test('opens and focuses input', () => {
-        const palette = new CommandPalette();
-        palette.open();
-        expect(palette.isOpen()).toBe(true);
-    });
+  test('opens and focuses input', () => {
+    const palette = new CommandPalette();
+    palette.open();
+    expect(palette.isOpen()).toBe(true);
+  });

-    test('closes', () => {
-        const palette = new CommandPalette();
-        palette.open();
-        palette.close();
-        expect(palette.isOpen()).toBe(false);
-    });
+  test('closes', () => {
+    const palette = new CommandPalette();
+    palette.open();
+    palette.close();
+    expect(palette.isOpen()).toBe(false);
+  });

-    test('registers and renders commands', () => {
-        const palette = new CommandPalette();
-        palette.register('Test Command', 'Ctrl+T', () => {});
-        palette.register('Another Command', '', () => {});
-        palette.open();
-        const items = document.querySelectorAll('.command-item');
-        expect(items.length).toBe(2);
-    });
+  test('registers and renders commands', () => {
+    const palette = new CommandPalette();
+    palette.register('Test Command', 'Ctrl+T', () => {});
+    palette.register('Another Command', '', () => {});
+    palette.open();
+    const items = document.querySelectorAll('.command-item');
+    expect(items.length).toBe(2);
+  });

-    test('filters commands by search', () => {
-        const palette = new CommandPalette();
-        palette.register('Save File', 'Ctrl+S', () => {});
-        palette.register('Open File', 'Ctrl+O', () => {});
-        palette.register('Bold Text', 'Ctrl+B', () => {});
-        palette.renderResults('file');
-        const items = document.querySelectorAll('.command-item');
-        expect(items.length).toBe(2);
-    });
+  test('filters commands by search', () => {
+    const palette = new CommandPalette();
+    palette.register('Save File', 'Ctrl+S', () => {});
+    palette.register('Open File', 'Ctrl+O', () => {});
+    palette.register('Bold Text', 'Ctrl+B', () => {});
+    palette.renderResults('file');
+    const items = document.querySelectorAll('.command-item');
+    expect(items.length).toBe(2);
+  });

-    test('executes command', () => {
-        const palette = new CommandPalette();
-        const action = jest.fn();
-        palette.register('Test', '', action);
-        palette.open();
-        palette.executeSelected();
-        expect(action).toHaveBeenCalled();
-    });
+  test('executes command', () => {
+    const palette = new CommandPalette();
+    const action = jest.fn();
+    palette.register('Test', '', action);
+    palette.open();
+    palette.executeSelected();
+    expect(action).toHaveBeenCalled();
+  });

-    test('highlights matching text', () => {
-        const palette = new CommandPalette();
-        const result = palette.highlightMatch('Save File', 'save');
-        expect(result).toContain('<strong>');
-        expect(result).toContain('Save');
-    });
+  test('highlights matching text', () => {
+    const palette = new CommandPalette();
+    const result = palette.highlightMatch('Save File', 'save');
+    expect(result).toContain('<strong>');
+    expect(result).toContain('Save');
+  });

-    test('highlightMatch returns original text when no query', () => {
-        const palette = new CommandPalette();
-        const result = palette.highlightMatch('Save File', '');
-        expect(result).toBe('Save File');
-    });
+  test('highlightMatch returns original text when no query', () => {
+    const palette = new CommandPalette();
+    const result = palette.highlightMatch('Save File', '');
+    expect(result).toBe('Save File');
+  });

-    test('filters case-insensitively', () => {
-        const palette = new CommandPalette();
-        palette.register('Save File', '', () => {});
-        palette.register('Open File', '', () => {});
-        palette.renderResults('SAVE');
-        const items = document.querySelectorAll('.command-item');
-        expect(items.length).toBe(1);
-    });
+  test('filters case-insensitively', () => {
+    const palette = new CommandPalette();
+    palette.register('Save File', '', () => {});
+    palette.register('Open File', '', () => {});
+    palette.renderResults('SAVE');
+    const items = document.querySelectorAll('.command-item');
+    expect(items.length).toBe(1);
+  });

-    test('shows all commands when query is empty', () => {
-        const palette = new CommandPalette();
-        palette.register('Cmd1', '', () => {});
-        palette.register('Cmd2', '', () => {});
-        palette.register('Cmd3', '', () => {});
-        palette.renderResults('');
-        const items = document.querySelectorAll('.command-item');
-        expect(items.length).toBe(3);
-    });
+  test('shows all commands when query is empty', () => {
+    const palette = new CommandPalette();
+    palette.register('Cmd1', '', () => {});
+    palette.register('Cmd2', '', () => {});
+    palette.register('Cmd3', '', () => {});
+    palette.renderResults('');
+    const items = document.querySelectorAll('.command-item');
+    expect(items.length).toBe(3);
+  });

-    test('displays shortcut when provided', () => {
-        const palette = new CommandPalette();
-        palette.register('Save File', 'Ctrl+S', () => {});
-        palette.open();
-        const shortcut = document.querySelector('.command-shortcut');
-        expect(shortcut).not.toBeNull();
-        expect(shortcut.textContent).toBe('Ctrl+S');
-    });
+  test('displays shortcut when provided', () => {
+    const palette = new CommandPalette();
+    palette.register('Save File', 'Ctrl+S', () => {});
+    palette.open();
+    const shortcut = document.querySelector('.command-shortcut');
+    expect(shortcut).not.toBeNull();
+    expect(shortcut.textContent).toBe('Ctrl+S');
+  });

-    test('does not display shortcut when empty', () => {
-        const palette = new CommandPalette();
-        palette.register('Test Command', '', () => {});
-        palette.open();
-        const shortcut = document.querySelector('.command-shortcut');
-        expect(shortcut).toBeNull();
-    });
+  test('does not display shortcut when empty', () => {
+    const palette = new CommandPalette();
+    palette.register('Test Command', '', () => {});
+    palette.open();
+    const shortcut = document.querySelector('.command-shortcut');
+    expect(shortcut).toBeNull();
+  });

-    test('closes on overlay click', () => {
-        const palette = new CommandPalette();
-        palette.open();
-        // Simulate click on the overlay itself
-        const event = new Event('click', { bubbles: true });
-        Object.defineProperty(event, 'target', { value: palette.overlay });
-        palette.overlay.dispatchEvent(event);
-        expect(palette.isOpen()).toBe(false);
-    });
+  test('closes on overlay click', () => {
+    const palette = new CommandPalette();
+    palette.open();
+    // Simulate click on the overlay itself
+    const event = new Event('click', { bubbles: true });
+    Object.defineProperty(event, 'target', { value: palette.overlay });
+    palette.overlay.dispatchEvent(event);
+    expect(palette.isOpen()).toBe(false);
+  });

-    test('executeSelected does nothing when no commands', () => {
-        const palette = new CommandPalette();
-        palette.open();
-        // Should not throw
-        expect(() => palette.executeSelected()).not.toThrow();
-    });
+  test('executeSelected does nothing when no commands', () => {
+    const palette = new CommandPalette();
+    palette.open();
+    // Should not throw
+    expect(() => palette.executeSelected()).not.toThrow();
+  });

-    test('closes after executing command', () => {
-        const palette = new CommandPalette();
-        palette.register('Test', '', jest.fn());
-        palette.open();
-        palette.executeSelected();
-        expect(palette.isOpen()).toBe(false);
-    });
+  test('closes after executing command', () => {
+    const palette = new CommandPalette();
+    palette.register('Test', '', jest.fn());
+    palette.open();
+    palette.executeSelected();
+    expect(palette.isOpen()).toBe(false);
+  });
 });
@@ -48,7 +48,9 @@ describe('EventBus', () => {

  test('handler errors are caught and logged, not thrown', () => {
    const errorSpy = jest.spyOn(console, 'error').mockImplementation(() => {});
-    bus.on('bad:event', () => { throw new Error('boom'); });
+    bus.on('bad:event', () => {
+      throw new Error('boom');
+    });
    expect(() => bus.emit('bad:event', {})).not.toThrow();
    expect(errorSpy).toHaveBeenCalled();
    errorSpy.mockRestore();
@@ -0,0 +1,117 @@
+/**
+ * Git Operations Utilities Test Suite
+ * Tests for async patterns and error handling
+ * @version 4.3.0
+ */
+
+describe('GitOperations Utilities', () => {
+  describe('error handling patterns', () => {
+    it('should handle git errors gracefully', () => {
+      const errorResponse = { error: 'Not a git repository' };
+
+      expect(errorResponse).toHaveProperty('error');
+      expect(errorResponse.error).toContain('repository');
+    });
+
+    it('should return error object on failure', () => {
+      const failureResult = { error: 'Failed to commit' };
+
+      expect(failureResult).toBeDefined();
+      expect(failureResult.error).toBeTruthy();
+    });
+  });
+
+  describe('async patterns', () => {
+    it('should handle async operations', async () => {
+      const asyncFn = async () => {
+        return { status: 'success' };
+      };
+
+      const result = await asyncFn();
+      expect(result).toHaveProperty('status');
+    });
+
+    it('should handle async errors', async () => {
+      const asyncFnWithError = async () => {
+        throw new Error('Git operation failed');
+      };
+
+      try {
+        await asyncFnWithError();
+        expect(true).toBe(false); // Should not reach here
+      } catch (err) {
+        expect(err.message).toContain('Git');
+      }
+    });
+  });
+
+  describe('git operations', () => {
+    it('should document expected operations', () => {
+      const gitOps = [
+        'getStatus',
+        'stage',
+        'commit',
+        'log',
+        'diff',
+        'branch',
+        'checkout',
+        'push',
+        'pull',
+      ];
+
+      expect(gitOps.length).toBeGreaterThan(0);
+      gitOps.forEach((op) => {
+        expect(typeof op).toBe('string');
+        expect(op.length).toBeGreaterThan(0);
+      });
+    });
+
+    it('should handle directory paths', () => {
+      const paths = ['/home/user/project', './current/dir', '../parent/dir'];
+
+      paths.forEach((pathStr) => {
+        expect(typeof pathStr).toBe('string');
+        expect(pathStr.length).toBeGreaterThan(0);
+      });
+    });
+
+    it('should handle commit messages', () => {
+      const messages = [
+        'fix: bug in git panel',
+        'feat: add new feature',
+        'refactor: clean up code',
+      ];
+
+      messages.forEach((msg) => {
+        expect(typeof msg).toBe('string');
+        expect(msg.length).toBeGreaterThan(0);
+      });
+    });
+  });
+
+  describe('response structures', () => {
+    it('should return status info', () => {
+      const statusResponse = {
+        conflicted: [],
+        created: [],
+        deleted: [],
+        modified: [],
+        renamed: [],
+        staged: ['file.md'],
+      };
+
+      expect(statusResponse).toHaveProperty('staged');
+      expect(Array.isArray(statusResponse.staged)).toBe(true);
+    });
+
+    it('should return log entries', () => {
+      const logResponse = {
+        all: [{ hash: 'abc123', message: 'fix: something' }],
+        latest: { hash: 'abc123', message: 'fix: something' },
+      };
+
+      expect(logResponse).toHaveProperty('all');
+      expect(Array.isArray(logResponse.all)).toBe(true);
+    });
+  });
+});
@@ -8,7 +8,9 @@ describe('GoalTracker', () => {
    store = {};
    tracker = new GoalTracker({
      get: (key) => store[key],
-      set: (key, value) => { store[key] = value; }
+      set: (key, value) => {
+        store[key] = value;
+      },
    });
  });

@@ -0,0 +1,18 @@
+/**
+ * Tests ensuring the codebase has no ESLint warnings.
+ */
+
+const { execSync } = require('child_process');
+const path = require('path');
+
+describe('ESLint quality gate', () => {
+  test('src and tests have no ESLint warnings', () => {
+    const rootDir = path.resolve(__dirname, '..');
+    const result = execSync('npm run lint', {
+      cwd: rootDir,
+      encoding: 'utf8',
+      stdio: ['pipe', 'pipe', 'pipe'],
+    });
+    expect(result).not.toMatch(/warning/);
+  });
+});
@@ -4,97 +4,96 @@
 */

 describe('sanitizeErrorMessage', () => {
-    const sanitizeErrorMessage = (message) => {
-        if (typeof message !== 'string') return String(message);
-        return message
-            .replace(/[A-Z]:\\[^\s"']+\\([^\s"'\\]+)/gi, '$1')
-            .replace(/\/[^\s"']+\/([^\s"'/]+)/g, '$1');
-    };
+  const sanitizeErrorMessage = (message) => {
+    if (typeof message !== 'string') return String(message);
+    return message
+      .replace(/[A-Z]:\\[^\s"']+\\([^\s"'\\]+)/gi, '$1')
+      .replace(/\/[^\s"']+\/([^\s"'/]+)/g, '$1');
+  };

-    test('strips Windows absolute paths', () => {
-        expect(sanitizeErrorMessage('Error in C:\\Users\\test\\file.js'))
-            .toBe('Error in file.js');
-    });
+  test('strips Windows absolute paths', () => {
+    expect(sanitizeErrorMessage('Error in C:\\Users\\test\\file.js')).toBe('Error in file.js');
+  });

-    test('strips Unix absolute paths', () => {
-        expect(sanitizeErrorMessage('Error in /home/user/project/file.js'))
-            .toBe('Error in file.js');
-    });
+  test('strips Unix absolute paths', () => {
+    expect(sanitizeErrorMessage('Error in /home/user/project/file.js')).toBe('Error in file.js');
+  });

-    test('handles non-string input', () => {
-        expect(sanitizeErrorMessage(42)).toBe('42');
-        expect(sanitizeErrorMessage(null)).toBe('null');
-    });
+  test('handles non-string input', () => {
+    expect(sanitizeErrorMessage(42)).toBe('42');
+    expect(sanitizeErrorMessage(null)).toBe('null');
+  });

-    test('preserves messages without paths', () => {
-        expect(sanitizeErrorMessage('Something went wrong'))
-            .toBe('Something went wrong');
-    });
+  test('preserves messages without paths', () => {
+    expect(sanitizeErrorMessage('Something went wrong')).toBe('Something went wrong');
+  });

-    test('strips nested Windows paths', () => {
-        expect(sanitizeErrorMessage('Cannot read C:\\Users\\admin\\AppData\\Local\\config.json'))
-            .toBe('Cannot read config.json');
-    });
+  test('strips nested Windows paths', () => {
+    expect(sanitizeErrorMessage('Cannot read C:\\Users\\admin\\AppData\\Local\\config.json')).toBe(
+      'Cannot read config.json'
+    );
+  });

-    test('strips nested Unix paths', () => {
-        expect(sanitizeErrorMessage('File not found: /var/log/app/error.log'))
-            .toBe('File not found: error.log');
-    });
+  test('strips nested Unix paths', () => {
+    expect(sanitizeErrorMessage('File not found: /var/log/app/error.log')).toBe(
+      'File not found: error.log'
+    );
+  });

-    test('handles undefined input', () => {
-        expect(sanitizeErrorMessage(undefined)).toBe('undefined');
-    });
+  test('handles undefined input', () => {
+    expect(sanitizeErrorMessage(undefined)).toBe('undefined');
+  });
 });

 describe('createRateLimiter', () => {
-    const createRateLimiter = (minIntervalMs = 2000) => {
-        let lastCall = 0;
-        return function canProceed() {
-            const now = Date.now();
-            if (now - lastCall < minIntervalMs) return false;
-            lastCall = now;
-            return true;
-        };
+  const createRateLimiter = (minIntervalMs = 2000) => {
+    let lastCall = 0;
+    return function canProceed() {
+      const now = Date.now();
+      if (now - lastCall < minIntervalMs) return false;
+      lastCall = now;
+      return true;
    };
+  };

-    test('allows first call', () => {
-        const limiter = createRateLimiter(1000);
-        expect(limiter()).toBe(true);
-    });
+  test('allows first call', () => {
+    const limiter = createRateLimiter(1000);
+    expect(limiter()).toBe(true);
+  });

-    test('blocks rapid calls', () => {
-        const limiter = createRateLimiter(1000);
-        limiter(); // first call
-        expect(limiter()).toBe(false); // too soon
-    });
+  test('blocks rapid calls', () => {
+    const limiter = createRateLimiter(1000);
+    limiter(); // first call
+    expect(limiter()).toBe(false); // too soon
+  });

-    test('allows call after interval', () => {
-        jest.useFakeTimers();
-        const limiter = createRateLimiter(1000);
-        limiter();
-        jest.advanceTimersByTime(1001);
-        expect(limiter()).toBe(true);
-        jest.useRealTimers();
-    });
+  test('allows call after interval', () => {
+    jest.useFakeTimers();
+    const limiter = createRateLimiter(1000);
+    limiter();
+    jest.advanceTimersByTime(1001);
+    expect(limiter()).toBe(true);
+    jest.useRealTimers();
+  });

-    test('uses default interval of 2000ms', () => {
-        jest.useFakeTimers();
-        const limiter = createRateLimiter();
-        limiter();
-        jest.advanceTimersByTime(1999);
-        expect(limiter()).toBe(false);
-        jest.advanceTimersByTime(2);
-        expect(limiter()).toBe(true);
-        jest.useRealTimers();
-    });
+  test('uses default interval of 2000ms', () => {
+    jest.useFakeTimers();
+    const limiter = createRateLimiter();
+    limiter();
+    jest.advanceTimersByTime(1999);
+    expect(limiter()).toBe(false);
+    jest.advanceTimersByTime(2);
+    expect(limiter()).toBe(true);
+    jest.useRealTimers();
+  });

-    test('resets after successful call', () => {
-        jest.useFakeTimers();
-        const limiter = createRateLimiter(500);
-        limiter();
-        jest.advanceTimersByTime(501);
-        limiter(); // resets the timer
-        expect(limiter()).toBe(false); // too soon after second call
-        jest.useRealTimers();
-    });
+  test('resets after successful call', () => {
+    jest.useFakeTimers();
+    const limiter = createRateLimiter(500);
+    limiter();
+    jest.advanceTimersByTime(501);
+    limiter(); // resets the timer
+    expect(limiter()).toBe(false); // too soon after second call
+    jest.useRealTimers();
+  });
 });
@@ -4,127 +4,259 @@
 */

 describe('Markdown Extensions', () => {
-    describe('TOC generation from headings', () => {
-        test('extracts all heading levels', () => {
-            const html = '<h1>Title</h1><h2>Section 1</h2><h2>Section 2</h2><h3>Subsection</h3>';
-            const headingRegex = /<h([1-6])[^>]*>(.*?)<\/h[1-6]>/gi;
-            const toc = [];
-            let match;
-            while ((match = headingRegex.exec(html)) !== null) {
-                toc.push({ level: parseInt(match[1]), text: match[2] });
-            }
-            expect(toc).toHaveLength(4);
-            expect(toc[0]).toEqual({ level: 1, text: 'Title' });
-            expect(toc[3]).toEqual({ level: 3, text: 'Subsection' });
-        });
-
-        test('handles empty HTML', () => {
-            const html = '<p>No headings here</p>';
-            const headingRegex = /<h([1-6])[^>]*>(.*?)<\/h[1-6]>/gi;
-            const toc = [];
-            let match;
-            while ((match = headingRegex.exec(html)) !== null) {
-                toc.push({ level: parseInt(match[1]), text: match[2] });
-            }
-            expect(toc).toHaveLength(0);
-        });
-
-        test('handles headings with attributes', () => {
-            const html = '<h1 id="title" class="main">Title</h1><h2 id="sec">Section</h2>';
-            const headingRegex = /<h([1-6])[^>]*>(.*?)<\/h[1-6]>/gi;
-            const toc = [];
-            let match;
-            while ((match = headingRegex.exec(html)) !== null) {
-                toc.push({ level: parseInt(match[1]), text: match[2] });
-            }
-            expect(toc).toHaveLength(2);
-            expect(toc[0].text).toBe('Title');
-        });
+  describe('TOC generation from headings', () => {
+    test('extracts all heading levels', () => {
+      const html = '<h1>Title</h1><h2>Section 1</h2><h2>Section 2</h2><h3>Subsection</h3>';
+      const headingRegex = /<h([1-6])[^>]*>(.*?)<\/h[1-6]>/gi;
+      const toc = [];
+      let match;
+      while ((match = headingRegex.exec(html)) !== null) {
+        toc.push({ level: parseInt(match[1]), text: match[2] });
+      }
+      expect(toc).toHaveLength(4);
+      expect(toc[0]).toEqual({ level: 1, text: 'Title' });
+      expect(toc[3]).toEqual({ level: 3, text: 'Subsection' });
    });

-    describe('Admonition regex matching', () => {
-        test('matches note admonition', () => {
-            const src = ':::note\nThis is a note.\n:::\n';
-            const match = src.match(/^:::(note|warning|tip|danger|info)\s*\n([\s\S]*?)^:::\s*$/m);
-            expect(match).not.toBeNull();
-            expect(match[1]).toBe('note');
-            expect(match[2].trim()).toBe('This is a note.');
-        });
-
-        test('matches all admonition types', () => {
-            const types = ['note', 'warning', 'tip', 'danger', 'info'];
-            types.forEach(type => {
-                const src = `:::${type}\nContent\n:::\n`;
-                const match = src.match(/^:::(note|warning|tip|danger|info)\s*\n([\s\S]*?)^:::\s*$/m);
-                expect(match).not.toBeNull();
-                expect(match[1]).toBe(type);
-            });
-        });
-
-        test('does not match invalid admonition type', () => {
-            const src = ':::custom\nContent\n:::\n';
-            const match = src.match(/^:::(note|warning|tip|danger|info)\s*\n([\s\S]*?)^:::\s*$/m);
-            expect(match).toBeNull();
-        });
-
-        test('captures multiline content', () => {
-            const src = ':::warning\nLine 1\nLine 2\nLine 3\n:::\n';
-            const match = src.match(/^:::(note|warning|tip|danger|info)\s*\n([\s\S]*?)^:::\s*$/m);
-            expect(match).not.toBeNull();
-            expect(match[2]).toContain('Line 1');
-            expect(match[2]).toContain('Line 3');
-        });
+    test('handles empty HTML', () => {
+      const html = '<p>No headings here</p>';
+      const headingRegex = /<h([1-6])[^>]*>(.*?)<\/h[1-6]>/gi;
+      const toc = [];
+      let match;
+      while ((match = headingRegex.exec(html)) !== null) {
+        toc.push({ level: parseInt(match[1]), text: match[2] });
+      }
+      expect(toc).toHaveLength(0);
    });

-    describe('PlantUML hex encoding', () => {
-        const plantumlEncode = (text) => {
-            const hex = Array.from(Buffer.from(text, 'utf-8'))
-                .map(b => b.toString(16).padStart(2, '0'))
-                .join('');
-            return '~h' + hex;
-        };
+    test('handles headings with attributes', () => {
+      const html = '<h1 id="title" class="main">Title</h1><h2 id="sec">Section</h2>';
+      const headingRegex = /<h([1-6])[^>]*>(.*?)<\/h[1-6]>/gi;
+      const toc = [];
+      let match;
+      while ((match = headingRegex.exec(html)) !== null) {
+        toc.push({ level: parseInt(match[1]), text: match[2] });
+      }
+      expect(toc).toHaveLength(2);
+      expect(toc[0].text).toBe('Title');
+    });
+  });

-        test('encodes simple text', () => {
-            const encoded = plantumlEncode('A -> B');
-            expect(encoded).toBe('~h41202d3e2042');
-        });
-
-        test('encodes empty string', () => {
-            expect(plantumlEncode('')).toBe('~h');
-        });
-
-        test('encodes special characters', () => {
-            const encoded = plantumlEncode('@startuml');
-            expect(encoded).toMatch(/^~h[0-9a-f]+$/);
-            // '@' is 0x40, 's' is 0x73
-            expect(encoded.startsWith('~h40')).toBe(true);
-        });
+  describe('Admonition regex matching', () => {
+    test('matches note admonition', () => {
+      const src = ':::note\nThis is a note.\n:::\n';
+      const match = src.match(/^:::(note|warning|tip|danger|info)\s*\n([\s\S]*?)^:::\s*$/m);
+      expect(match).not.toBeNull();
+      expect(match[1]).toBe('note');
+      expect(match[2].trim()).toBe('This is a note.');
    });

-    describe('Slug generation for TOC anchors', () => {
-        const slugify = (text) => {
-            return text
-                .toLowerCase()
-                .replace(/[^\w\s-]/g, '')
-                .replace(/\s+/g, '-')
-                .replace(/-+/g, '-')
-                .trim();
-        };
-
-        test('converts heading to slug', () => {
-            expect(slugify('Hello World')).toBe('hello-world');
-        });
-
-        test('removes special characters', () => {
-            expect(slugify('What is C++?')).toBe('what-is-c');
-        });
-
-        test('collapses multiple dashes', () => {
-            expect(slugify('Hello   World')).toBe('hello-world');
-        });
-
-        test('handles already lowercase text', () => {
-            expect(slugify('simple')).toBe('simple');
-        });
+    test('matches all admonition types', () => {
+      const types = ['note', 'warning', 'tip', 'danger', 'info'];
+      types.forEach((type) => {
+        const src = `:::${type}\nContent\n:::\n`;
+        const match = src.match(/^:::(note|warning|tip|danger|info)\s*\n([\s\S]*?)^:::\s*$/m);
+        expect(match).not.toBeNull();
+        expect(match[1]).toBe(type);
+      });
    });
+
+    test('does not match invalid admonition type', () => {
+      const src = ':::custom\nContent\n:::\n';
+      const match = src.match(/^:::(note|warning|tip|danger|info)\s*\n([\s\S]*?)^:::\s*$/m);
+      expect(match).toBeNull();
+    });
+
+    test('captures multiline content', () => {
+      const src = ':::warning\nLine 1\nLine 2\nLine 3\n:::\n';
+      const match = src.match(/^:::(note|warning|tip|danger|info)\s*\n([\s\S]*?)^:::\s*$/m);
+      expect(match).not.toBeNull();
+      expect(match[2]).toContain('Line 1');
+      expect(match[2]).toContain('Line 3');
+    });
+  });
+
+  describe('Admonitions full parsing integration (mocked environment)', () => {
+    const extension = {
+      name: 'admonition',
+      level: 'block',
+      start(src) {
+        return src.match(/^:::(note|warning|tip|danger|info)/m)?.index;
+      },
+      tokenizer(src) {
+        const match = src.match(/^:::(note|warning|tip|danger|info)\s*\n([\s\S]*?)^:::\s*$/m);
+        if (match && match.index === 0) {
+          const admonitionType = match[1];
+          const text = match[2].trim();
+          const tokens = [];
+          this.lexer.blockTokens(text, tokens);
+          return {
+            type: 'admonition',
+            raw: match[0],
+            admonitionType,
+            text,
+            tokens,
+          };
+        }
+      },
+      renderer(token) {
+        const icons = { note: 'ℹ', warning: '⚠', tip: '💡', danger: '🔴', info: 'ℹ' };
+        const icon = icons[token.admonitionType] || 'ℹ';
+        const inner = this.parser.parse(token.tokens || []);
+        return `<div class="admonition admonition-${token.admonitionType}">
+                    <div class="admonition-title">${icon} ${token.admonitionType.charAt(0).toUpperCase() + token.admonitionType.slice(1)}</div>
+                    <div class="admonition-content">${inner}</div>
+                </div>`;
+      },
+    };
+
+    test('tokenizer correctly extracts tokens and calls blockTokens', () => {
+      const src = ':::note\nThis is a note.\n:::';
+      const mockLexer = {
+        blockTokens: jest.fn((text, tokens) => {
+          tokens.push({ type: 'text', text });
+        }),
+      };
+      const context = { lexer: mockLexer };
+      const result = extension.tokenizer.call(context, src);
+
+      expect(result).toBeDefined();
+      expect(result.type).toBe('admonition');
+      expect(result.admonitionType).toBe('note');
+      expect(result.text).toBe('This is a note.');
+      expect(mockLexer.blockTokens).toHaveBeenCalledWith('This is a note.', expect.any(Array));
+      expect(result.tokens).toEqual([{ type: 'text', text: 'This is a note.' }]);
+    });
+
+    test('renderer correctly translates tokens to HTML', () => {
+      const token = {
+        type: 'admonition',
+        admonitionType: 'warning',
+        tokens: [{ type: 'text', text: 'Be careful!' }],
+      };
+      const mockParser = {
+        parse: jest.fn(() => '<p>Be careful!</p>'),
+      };
+      const context = { parser: mockParser };
+      const html = extension.renderer.call(context, token);
+
+      expect(html).toContain('admonition admonition-warning');
+      expect(html).toContain('⚠ Warning');
+      expect(html).toContain('<p>Be careful!</p>');
+      expect(mockParser.parse).toHaveBeenCalledWith(token.tokens);
+    });
+  });
+
+  describe('PlantUML hex encoding', () => {
+    const plantumlEncode = (text) => {
+      const hex = Array.from(Buffer.from(text, 'utf-8'))
+        .map((b) => b.toString(16).padStart(2, '0'))
+        .join('');
+      return '~h' + hex;
+    };
+
+    test('encodes simple text', () => {
+      const encoded = plantumlEncode('A -> B');
+      expect(encoded).toBe('~h41202d3e2042');
+    });
+
+    test('encodes empty string', () => {
+      expect(plantumlEncode('')).toBe('~h');
+    });
+
+    test('encodes special characters', () => {
+      const encoded = plantumlEncode('@startuml');
+      expect(encoded).toMatch(/^~h[0-9a-f]+$/);
+      // '@' is 0x40, 's' is 0x73
+      expect(encoded.startsWith('~h40')).toBe(true);
+    });
+  });
+
+  describe('Slug generation for TOC anchors', () => {
+    const slugify = (text) => {
+      return text
+        .toLowerCase()
+        .replace(/[^\w\s-]/g, '')
+        .replace(/\s+/g, '-')
+        .replace(/-+/g, '-')
+        .trim();
+    };
+
+    test('converts heading to slug', () => {
+      expect(slugify('Hello World')).toBe('hello-world');
+    });
+
+    test('removes special characters', () => {
+      expect(slugify('What is C++?')).toBe('what-is-c');
+    });
+
+    test('collapses multiple dashes', () => {
+      expect(slugify('Hello   World')).toBe('hello-world');
+    });
+
+    test('handles already lowercase text', () => {
+      expect(slugify('simple')).toBe('simple');
+    });
+  });
+
+  describe('scopeCSS utility', () => {
+    const scopeCSS = (cssText, scopeSelector) => {
+      if (!cssText) return '';
+      return cssText.replace(
+        /([^\r\n,{}]+)(,(?=[^}]*{)|(?=[^{]*{))/g,
+        (match, selector, separator) => {
+          const trimmed = selector.trim();
+          if (
+            !trimmed ||
+            trimmed.startsWith('@') ||
+            trimmed.startsWith(':root') ||
+            trimmed.startsWith('from') ||
+            trimmed.startsWith('to') ||
+            /^\d+%$/.test(trimmed)
+          ) {
+            return match;
+          }
+          return scopeSelector + ' ' + trimmed + (separator || '');
+        }
+      );
+    };
+
+    test('scopes standard tag selector', () => {
+      const css = 'h1 { color: red; }';
+      const scoped = scopeCSS(css, '.preview-content');
+      expect(scoped).toBe('.preview-content h1{ color: red; }');
+    });
+
+    test('scopes multiple class selectors', () => {
+      const css = '.title, .content { font-family: sans-serif; }';
+      const scoped = scopeCSS(css, '.preview-content');
+      expect(scoped).toBe(
+        '.preview-content .title,.preview-content .content{ font-family: sans-serif; }'
+      );
+    });
+
+    test('ignores @rules like @media', () => {
+      const css = '@media (max-width: 600px) { h1 { color: blue; } }';
+      const scoped = scopeCSS(css, '.preview-content');
+      expect(scoped).toContain('@media (max-width: 600px)');
+    });
+
+    test('ignores :root selector', () => {
+      const css = ':root { --color: red; }';
+      const scoped = scopeCSS(css, '.preview-content');
+      expect(scoped).toBe(':root { --color: red; }');
+    });
+
+    test('ignores keyframe percentages', () => {
+      const css = '0% { opacity: 0; } 100% { opacity: 1; }';
+      const scoped = scopeCSS(css, '.preview-content');
+      expect(scoped).toContain('0%');
+      expect(scoped).toContain('100%');
+    });
+
+    test('handles empty input', () => {
+      expect(scopeCSS('', '.preview-content')).toBe('');
+      expect(scopeCSS(null, '.preview-content')).toBe('');
+    });
+  });
 });
@@ -9,272 +9,272 @@
 const { ModalManager } = require('../src/utils/ModalManager');

 function createModalElement(id = 'test-modal') {
-    const modal = document.createElement('div');
-    modal.id = id;
-    modal.className = 'modal hidden';
-    modal.setAttribute('role', 'dialog');
-    modal.setAttribute('aria-modal', 'true');
+  const modal = document.createElement('div');
+  modal.id = id;
+  modal.className = 'modal hidden';
+  modal.setAttribute('role', 'dialog');
+  modal.setAttribute('aria-modal', 'true');

-    const backdrop = document.createElement('div');
-    backdrop.className = 'modal-backdrop';
-    backdrop.setAttribute('data-close', '');
+  const backdrop = document.createElement('div');
+  backdrop.className = 'modal-backdrop';
+  backdrop.setAttribute('data-close', '');

-    const content = document.createElement('div');
-    content.className = 'modal-content';
+  const content = document.createElement('div');
+  content.className = 'modal-content';

-    const header = document.createElement('div');
-    header.className = 'modal-header';
+  const header = document.createElement('div');
+  header.className = 'modal-header';

-    const closeBtn = document.createElement('button');
-    closeBtn.className = 'modal-close';
-    closeBtn.setAttribute('aria-label', 'Close');
+  const closeBtn = document.createElement('button');
+  closeBtn.className = 'modal-close';
+  closeBtn.setAttribute('aria-label', 'Close');

-    const body = document.createElement('div');
-    body.className = 'modal-body';
+  const body = document.createElement('div');
+  body.className = 'modal-body';

-    const input = document.createElement('input');
-    input.type = 'text';
+  const input = document.createElement('input');
+  input.type = 'text';

-    body.appendChild(input);
-    header.appendChild(closeBtn);
-    content.appendChild(header);
-    content.appendChild(body);
-    modal.appendChild(backdrop);
-    modal.appendChild(content);
-    document.body.appendChild(modal);
+  body.appendChild(input);
+  header.appendChild(closeBtn);
+  content.appendChild(header);
+  content.appendChild(body);
+  modal.appendChild(backdrop);
+  modal.appendChild(content);
+  document.body.appendChild(modal);

-    return modal;
+  return modal;
 }

 describe('ModalManager', () => {
-    let modal;
-    let manager;
+  let modal;
+  let manager;

+  beforeEach(() => {
+    modal = createModalElement();
+    manager = new ModalManager(modal);
+  });
+
+  afterEach(() => {
+    manager.destroy();
+    while (document.body.firstChild) {
+      document.body.removeChild(document.body.firstChild);
+    }
+    document.body.style.overflow = '';
+  });
+
+  // =========================================================
+  // open()
+  // =========================================================
+
+  describe('open()', () => {
+    test('removes hidden class and adds open class', () => {
+      expect(modal.classList.contains('hidden')).toBe(true);
+      expect(modal.classList.contains('open')).toBe(false);
+
+      manager.open();
+
+      expect(modal.classList.contains('hidden')).toBe(false);
+      expect(modal.classList.contains('open')).toBe(true);
+    });
+
+    test('sets isOpen to true', () => {
+      expect(manager.isOpen()).toBe(false);
+      manager.open();
+      expect(manager.isOpen()).toBe(true);
+    });
+
+    test('prevents body scroll', () => {
+      manager.open();
+      expect(document.body.style.overflow).toBe('hidden');
+    });
+
+    test('does not open again if already open', () => {
+      manager.open();
+      manager.open(); // second call should be no-op
+      expect(manager.isOpen()).toBe(true);
+    });
+
+    test('calls onOpen callback', () => {
+      const onOpen = jest.fn();
+      manager.destroy();
+      manager = new ModalManager(modal, { onOpen });
+      manager.open();
+      expect(onOpen).toHaveBeenCalledTimes(1);
+    });
+
+    test('dispatches modal:open custom event', () => {
+      const handler = jest.fn();
+      modal.addEventListener('modal:open', handler);
+      manager.open();
+      expect(handler).toHaveBeenCalledTimes(1);
+    });
+  });
+
+  // =========================================================
+  // close()
+  // =========================================================
+
+  describe('close()', () => {
    beforeEach(() => {
-        modal = createModalElement();
-        manager = new ModalManager(modal);
+      manager.open();
    });

-    afterEach(() => {
-        manager.destroy();
-        while (document.body.firstChild) {
-            document.body.removeChild(document.body.firstChild);
-        }
-        document.body.style.overflow = '';
+    test('removes open class', () => {
+      expect(modal.classList.contains('open')).toBe(true);
+      manager.close();
+      expect(modal.classList.contains('open')).toBe(false);
    });

-    // =========================================================
-    // open()
-    // =========================================================
-
-    describe('open()', () => {
-        test('removes hidden class and adds open class', () => {
-            expect(modal.classList.contains('hidden')).toBe(true);
-            expect(modal.classList.contains('open')).toBe(false);
-
-            manager.open();
-
-            expect(modal.classList.contains('hidden')).toBe(false);
-            expect(modal.classList.contains('open')).toBe(true);
-        });
-
-        test('sets isOpen to true', () => {
-            expect(manager.isOpen()).toBe(false);
-            manager.open();
-            expect(manager.isOpen()).toBe(true);
-        });
-
-        test('prevents body scroll', () => {
-            manager.open();
-            expect(document.body.style.overflow).toBe('hidden');
-        });
-
-        test('does not open again if already open', () => {
-            manager.open();
-            manager.open(); // second call should be no-op
-            expect(manager.isOpen()).toBe(true);
-        });
-
-        test('calls onOpen callback', () => {
-            const onOpen = jest.fn();
-            manager.destroy();
-            manager = new ModalManager(modal, { onOpen });
-            manager.open();
-            expect(onOpen).toHaveBeenCalledTimes(1);
-        });
-
-        test('dispatches modal:open custom event', () => {
-            const handler = jest.fn();
-            modal.addEventListener('modal:open', handler);
-            manager.open();
-            expect(handler).toHaveBeenCalledTimes(1);
-        });
+    test('sets isOpen to false immediately', () => {
+      manager.close();
+      expect(manager.isOpen()).toBe(false);
    });

-    // =========================================================
-    // close()
-    // =========================================================
-
-    describe('close()', () => {
-        beforeEach(() => {
-            manager.open();
-        });
-
-        test('removes open class', () => {
-            expect(modal.classList.contains('open')).toBe(true);
-            manager.close();
-            expect(modal.classList.contains('open')).toBe(false);
-        });
-
-        test('sets isOpen to false immediately', () => {
-            manager.close();
-            expect(manager.isOpen()).toBe(false);
-        });
-
-        test('restores body scroll when no modals remain open', () => {
-            manager.close();
-            expect(document.body.style.overflow).toBe('');
-        });
-
-        test('adds hidden class after transitionend event fires', () => {
-            manager.close();
-
-            // Immediately after close(): hidden should NOT yet be added —
-            // the close animation is still in progress.
-            // (This is the bug that existed before the fix.)
-            expect(modal.classList.contains('hidden')).toBe(false);
-
-            // Simulate the CSS transition completing
-            const event = new Event('transitionend');
-            Object.defineProperty(event, 'target', { value: modal, writable: false });
-            modal.dispatchEvent(event);
-
-            expect(modal.classList.contains('hidden')).toBe(true);
-        });
-
-        test('adds hidden class via 250ms timeout fallback when transitionend never fires', () => {
-            jest.useFakeTimers();
-
-            manager.close();
-            expect(modal.classList.contains('hidden')).toBe(false);
-
-            // Advance past the fallback timeout (250ms)
-            jest.advanceTimersByTime(300);
-
-            expect(modal.classList.contains('hidden')).toBe(true);
-
-            jest.useRealTimers();
-        });
-
-        test('does not add hidden class if modal is reopened before timeout fires', () => {
-            jest.useFakeTimers();
-
-            manager.close();
-            jest.advanceTimersByTime(100); // halfway through timeout
-
-            // Re-open the modal before the timeout fires
-            manager.open();
-
-            jest.advanceTimersByTime(200); // past original timeout expiry
-
-            // Modal was reopened, so hidden must NOT have been added
-            expect(modal.classList.contains('hidden')).toBe(false);
-            expect(modal.classList.contains('open')).toBe(true);
-
-            jest.useRealTimers();
-        });
-
-        test('calls onClose callback', () => {
-            const onClose = jest.fn();
-            manager.destroy();
-            manager = new ModalManager(modal, { onClose });
-            manager.open();
-            manager.close();
-            expect(onClose).toHaveBeenCalledTimes(1);
-        });
-
-        test('dispatches modal:close custom event', () => {
-            const handler = jest.fn();
-            modal.addEventListener('modal:close', handler);
-            manager.close();
-            expect(handler).toHaveBeenCalledTimes(1);
-        });
-
-        test('is a no-op when modal is already closed', () => {
-            manager.close(); // close from open
-            const onClose = jest.fn();
-            manager.destroy();
-            manager = new ModalManager(modal, { onClose });
-            manager.close(); // call close on an already-closed modal
-            expect(onClose).not.toHaveBeenCalled();
-        });
+    test('restores body scroll when no modals remain open', () => {
+      manager.close();
+      expect(document.body.style.overflow).toBe('');
    });

-    // =========================================================
-    // Keyboard interaction
-    // =========================================================
+    test('adds hidden class after transitionend event fires', () => {
+      manager.close();

-    describe('keyboard shortcuts', () => {
-        test('Escape key closes an open modal', () => {
-            manager.open();
-            document.dispatchEvent(new KeyboardEvent('keydown', { key: 'Escape', bubbles: true }));
-            expect(manager.isOpen()).toBe(false);
-        });
+      // Immediately after close(): hidden should NOT yet be added —
+      // the close animation is still in progress.
+      // (This is the bug that existed before the fix.)
+      expect(modal.classList.contains('hidden')).toBe(false);

-        test('Escape key does nothing when modal is already closed', () => {
-            expect(() => {
-                document.dispatchEvent(new KeyboardEvent('keydown', { key: 'Escape', bubbles: true }));
-            }).not.toThrow();
-        });
+      // Simulate the CSS transition completing
+      const event = new Event('transitionend');
+      Object.defineProperty(event, 'target', { value: modal, writable: false });
+      modal.dispatchEvent(event);

-        test('closeOnEscape: false prevents Escape from closing', () => {
-            manager.destroy();
-            manager = new ModalManager(modal, { closeOnEscape: false });
-            manager.open();
-            document.dispatchEvent(new KeyboardEvent('keydown', { key: 'Escape', bubbles: true }));
-            expect(manager.isOpen()).toBe(true);
-        });
+      expect(modal.classList.contains('hidden')).toBe(true);
    });

-    // =========================================================
-    // Close triggers
-    // =========================================================
+    test('adds hidden class via 250ms timeout fallback when transitionend never fires', () => {
+      jest.useFakeTimers();

-    describe('close triggers', () => {
-        test('clicking the × close button closes the modal', () => {
-            manager.open();
-            modal.querySelector('.modal-close').click();
-            expect(manager.isOpen()).toBe(false);
-        });
+      manager.close();
+      expect(modal.classList.contains('hidden')).toBe(false);

-        test('clicking backdrop (data-close) closes the modal', () => {
-            manager.open();
-            modal.querySelector('.modal-backdrop').click();
-            expect(manager.isOpen()).toBe(false);
-        });
+      // Advance past the fallback timeout (250ms)
+      jest.advanceTimersByTime(300);

-        test('closeOnBackdrop: false prevents backdrop from closing', () => {
-            manager.destroy();
-            manager = new ModalManager(modal, { closeOnBackdrop: false });
-            manager.open();
-            modal.querySelector('.modal-backdrop').click();
-            expect(manager.isOpen()).toBe(true);
-        });
+      expect(modal.classList.contains('hidden')).toBe(true);
+
+      jest.useRealTimers();
    });

-    // =========================================================
-    // destroy()
-    // =========================================================
+    test('does not add hidden class if modal is reopened before timeout fires', () => {
+      jest.useFakeTimers();

-    describe('destroy()', () => {
-        test('closes modal if open', () => {
-            manager.open();
-            manager.destroy();
-            expect(manager.isOpen()).toBe(false);
-        });
+      manager.close();
+      jest.advanceTimersByTime(100); // halfway through timeout

-        test('does not throw when destroying a closed modal', () => {
-            expect(() => manager.destroy()).not.toThrow();
-        });
+      // Re-open the modal before the timeout fires
+      manager.open();
+
+      jest.advanceTimersByTime(200); // past original timeout expiry
+
+      // Modal was reopened, so hidden must NOT have been added
+      expect(modal.classList.contains('hidden')).toBe(false);
+      expect(modal.classList.contains('open')).toBe(true);
+
+      jest.useRealTimers();
    });
+
+    test('calls onClose callback', () => {
+      const onClose = jest.fn();
+      manager.destroy();
+      manager = new ModalManager(modal, { onClose });
+      manager.open();
+      manager.close();
+      expect(onClose).toHaveBeenCalledTimes(1);
+    });
+
+    test('dispatches modal:close custom event', () => {
+      const handler = jest.fn();
+      modal.addEventListener('modal:close', handler);
+      manager.close();
+      expect(handler).toHaveBeenCalledTimes(1);
+    });
+
+    test('is a no-op when modal is already closed', () => {
+      manager.close(); // close from open
+      const onClose = jest.fn();
+      manager.destroy();
+      manager = new ModalManager(modal, { onClose });
+      manager.close(); // call close on an already-closed modal
+      expect(onClose).not.toHaveBeenCalled();
+    });
+  });
+
+  // =========================================================
+  // Keyboard interaction
+  // =========================================================
+
+  describe('keyboard shortcuts', () => {
+    test('Escape key closes an open modal', () => {
+      manager.open();
+      document.dispatchEvent(new KeyboardEvent('keydown', { key: 'Escape', bubbles: true }));
+      expect(manager.isOpen()).toBe(false);
+    });
+
+    test('Escape key does nothing when modal is already closed', () => {
+      expect(() => {
+        document.dispatchEvent(new KeyboardEvent('keydown', { key: 'Escape', bubbles: true }));
+      }).not.toThrow();
+    });
+
+    test('closeOnEscape: false prevents Escape from closing', () => {
+      manager.destroy();
+      manager = new ModalManager(modal, { closeOnEscape: false });
+      manager.open();
+      document.dispatchEvent(new KeyboardEvent('keydown', { key: 'Escape', bubbles: true }));
+      expect(manager.isOpen()).toBe(true);
+    });
+  });
+
+  // =========================================================
+  // Close triggers
+  // =========================================================
+
+  describe('close triggers', () => {
+    test('clicking the × close button closes the modal', () => {
+      manager.open();
+      modal.querySelector('.modal-close').click();
+      expect(manager.isOpen()).toBe(false);
+    });
+
+    test('clicking backdrop (data-close) closes the modal', () => {
+      manager.open();
+      modal.querySelector('.modal-backdrop').click();
+      expect(manager.isOpen()).toBe(false);
+    });
+
+    test('closeOnBackdrop: false prevents backdrop from closing', () => {
+      manager.destroy();
+      manager = new ModalManager(modal, { closeOnBackdrop: false });
+      manager.open();
+      modal.querySelector('.modal-backdrop').click();
+      expect(manager.isOpen()).toBe(true);
+    });
+  });
+
+  // =========================================================
+  // destroy()
+  // =========================================================
+
+  describe('destroy()', () => {
+    test('closes modal if open', () => {
+      manager.open();
+      manager.destroy();
+      expect(manager.isOpen()).toBe(false);
+    });
+
+    test('does not throw when destroying a closed modal', () => {
+      expect(() => manager.destroy()).not.toThrow();
+    });
+  });
 });
@@ -0,0 +1,19 @@
+/**
+ * Tests ensuring production code does not contain leftover diagnostic console.log statements.
+ */
+
+const fs = require('fs');
+const path = require('path');
+
+describe('No leftover diagnostic console.log statements', () => {
+  const rootDir = path.resolve(__dirname, '..');
+  const filesToCheck = ['src/main.js', 'src/renderer.js'];
+
+  filesToCheck.forEach((relativePath) => {
+    test(`${relativePath} has no console.log statements`, () => {
+      const content = fs.readFileSync(path.join(rootDir, relativePath), 'utf8');
+      const matches = content.match(/console\.log\(/g) || [];
+      expect(matches).toHaveLength(0);
+    });
+  });
+});
@@ -0,0 +1,92 @@
+/**
+ * PDF Operations Utilities Test Suite
+ * Tests for helper functions and logic patterns
+ * @version 4.3.0
+ */
+
+describe('PDFOperations Utilities', () => {
+  describe('page range parsing', () => {
+    it('should parse single page numbers', () => {
+      // Test logic: parsing "1" should extract page index 0
+      const pages = [0]; // Parsed result
+
+      expect(pages.length).toBe(1);
+      expect(pages[0]).toBe(0);
+    });
+
+    it('should parse page ranges', () => {
+      // Test logic: parsing "1-3" should extract pages 0, 1, 2
+      const pages = [0, 1, 2]; // Expected result
+
+      expect(pages.length).toBe(3);
+      expect(pages).toEqual([0, 1, 2]);
+    });
+
+    it('should handle multiple ranges', () => {
+      // Test logic: parsing "1-2,4-5" should extract pages 0,1,3,4
+      const pages = [0, 1, 3, 4]; // Expected result
+
+      expect(pages.length).toBe(4);
+      expect(pages).toEqual([0, 1, 3, 4]);
+    });
+
+    it('should sort pages in ascending order', () => {
+      const unsorted = [2, 0, 3, 1];
+      const sorted = unsorted.sort((a, b) => a - b);
+
+      expect(sorted).toEqual([0, 1, 2, 3]);
+    });
+  });
+
+  describe('hex color conversion', () => {
+    it('should validate hex color format', () => {
+      const validHex = '#FF5733';
+      const isValid = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.test(validHex);
+
+      expect(isValid).toBe(true);
+    });
+
+    it('should detect invalid hex colors', () => {
+      const invalidColors = ['#GG5733', '#12345', 'notahex'];
+
+      invalidColors.forEach((color) => {
+        const isValid = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.test(color);
+        expect(isValid).toBe(false);
+      });
+    });
+  });
+
+  describe('error handling', () => {
+    it('should handle empty input', () => {
+      const input = '';
+      expect(input.length).toBe(0);
+      // Should not process empty strings
+      expect(input === '').toBe(true);
+    });
+
+    it('should handle invalid page numbers', () => {
+      const testPages = [
+        { input: '0', isValid: false },
+        { input: '-1', isValid: false },
+        { input: 'abc', isValid: false },
+        { input: '1', isValid: true },
+        { input: '5', isValid: true },
+      ];
+
+      testPages.forEach(({ input, isValid }) => {
+        const num = parseInt(input);
+
+        if (isNaN(num)) {
+          // Non-numeric string
+          expect(isValid).toBe(false);
+        } else if (num < 1) {
+          // Zero or negative
+          expect(isValid).toBe(false);
+        } else {
+          // Positive number
+          expect(isValid).toBe(true);
+        }
+      });
+    });
+  });
+});
@@ -13,9 +13,14 @@ describe('PluginContext', () => {
      statusBar: { registerIndicator: jest.fn() },
      eventBus: new EventBus(),
      settings: { get: jest.fn(), set: jest.fn(), onChanged: jest.fn() },
-      editor: { getContent: jest.fn(), getSelection: jest.fn(), insertAtCursor: jest.fn(), onContentChanged: jest.fn() },
+      editor: {
+        getContent: jest.fn(),
+        getSelection: jest.fn(),
+        insertAtCursor: jest.fn(),
+        onContentChanged: jest.fn(),
+      },
      ipc: { invoke: jest.fn(), on: jest.fn() },
-      exportHooks: { preHooks: [], postHooks: [] }
+      exportHooks: { preHooks: [], postHooks: [] },
    };
    context = new PluginContext(mockDeps);
  });
@@ -23,11 +28,17 @@ describe('PluginContext', () => {
  test('exposes sidebar.registerPanel with namespaced id', () => {
    const handler = jest.fn();
    context.sidebar.registerPanel('my-panel', { icon: 'test', title: 'Test', render: handler });
-    expect(mockDeps.sidebar.registerPanel).toHaveBeenCalledWith('test-plugin:my-panel', { icon: 'test', title: 'Test', render: handler });
+    expect(mockDeps.sidebar.registerPanel).toHaveBeenCalledWith('test-plugin:my-panel', {
+      icon: 'test',
+      title: 'Test',
+      render: handler,
+    });
  });

  test('exposes commands.register with crash-safe wrapper', () => {
-    const badHandler = () => { throw new Error('boom'); };
+    const badHandler = () => {
+      throw new Error('boom');
+    };
    context.commands.register('bad-cmd', 'Bad', badHandler, 'Ctrl+Alt+T');
    const registeredHandler = mockDeps.commands.register.mock.calls[0][2];
    expect(() => registeredHandler()).not.toThrow();
@@ -25,7 +25,7 @@ describe('PluginLoader', () => {
      id: 'my-plugin',
      name: 'My Plugin',
      version: '1.0.0',
-      description: 'Test'
+      description: 'Test',
    });
    const loader = new PluginLoader([tempDir]);
    const plugins = loader.discoverPlugins();
@@ -46,7 +46,7 @@ describe('PluginLoader', () => {
      id: 'test-plugin',
      name: 'Test Plugin',
      version: '1.0.0',
-      description: 'A test plugin'
+      description: 'A test plugin',
    };
    const loader = new PluginLoader([]);
    expect(loader.validateManifest(manifest)).toBe(true);
@@ -67,18 +67,32 @@ describe('PluginLoader', () => {
  test('validateManifest — rejects manifest with duplicate id', () => {
    const loader = new PluginLoader([]);
    loader.loadedIds = new Set(['existing-plugin']);
-    expect(() => loader.validateManifest({ id: 'existing-plugin', name: 'Dup', version: '1.0.0', description: 'x' }))
-      .toThrow(/duplicate/i);
+    expect(() =>
+      loader.validateManifest({
+        id: 'existing-plugin',
+        name: 'Dup',
+        version: '1.0.0',
+        description: 'x',
+      })
+    ).toThrow(/duplicate/i);
  });

  test('discoverPlugins — loads index.js Plugin export if present', () => {
    const pluginDir = path.join(tempDir, 'with-index');
-    writeManifest(pluginDir, { id: 'with-index', name: 'With Index', version: '1.0.0', description: 'Test' });
+    writeManifest(pluginDir, {
+      id: 'with-index',
+      name: 'With Index',
+      version: '1.0.0',
+      description: 'Test',
+    });
    // Write a simple index.js with a Plugin export
-    fs.writeFileSync(path.join(pluginDir, 'index.js'), `
+    fs.writeFileSync(
+      path.join(pluginDir, 'index.js'),
+      `
 class SimplePlugin { init() {} }
 module.exports = { Plugin: SimplePlugin };
-`);
+`
+    );
    const loader = new PluginLoader([tempDir]);
    const plugins = loader.discoverPlugins();
    expect(plugins).toHaveLength(1);
@@ -3,9 +3,16 @@ const { PluginAPI } = require('../src/plugins/plugin-api');
 const { EventBus } = require('../src/plugins/event-bus');

 class TestPlugin extends PluginAPI {
-  init(context) { this.initialized = true; this.ctx = context; }
-  activate() { this.activated = true; }
-  deactivate() { this.deactivated = true; }
+  init(context) {
+    this.initialized = true;
+    this.ctx = context;
+  }
+  activate() {
+    this.activated = true;
+  }
+  deactivate() {
+    this.deactivated = true;
+  }
 }

 describe('PluginRegistry', () => {
@@ -19,16 +26,26 @@ describe('PluginRegistry', () => {
      statusBar: { registerIndicator: jest.fn() },
      eventBus: new EventBus(),
      settings: { get: jest.fn(), set: jest.fn(), onChanged: jest.fn() },
-      editor: { getContent: jest.fn(() => ''), getSelection: jest.fn(() => ''), insertAtCursor: jest.fn(), onContentChanged: jest.fn() },
-      ipc: { invoke: jest.fn(), on: jest.fn() }
+      editor: {
+        getContent: jest.fn(() => ''),
+        getSelection: jest.fn(() => ''),
+        insertAtCursor: jest.fn(),
+        onContentChanged: jest.fn(),
+      },
+      ipc: { invoke: jest.fn(), on: jest.fn() },
    };
    registry = new PluginRegistry(mockDeps);
  });

  test('register — stores plugin and calls init', () => {
    registry.register({
-      id: 'test', name: 'Test', version: '1.0.0', description: 'desc',
-      manifest: {}, PluginClass: TestPlugin, dir: '/tmp/test'
+      id: 'test',
+      name: 'Test',
+      version: '1.0.0',
+      description: 'desc',
+      manifest: {},
+      PluginClass: TestPlugin,
+      dir: '/tmp/test',
    });
    const entry = registry.getPlugin('test');
    expect(entry).toBeDefined();
@@ -37,20 +54,32 @@ describe('PluginRegistry', () => {

  test('register — works without PluginClass', () => {
    registry.register({
-      id: 'manifest-only', name: 'Manifest Only', version: '1.0.0', description: 'desc',
-      manifest: {}, PluginClass: null, dir: '/tmp/test'
+      id: 'manifest-only',
+      name: 'Manifest Only',
+      version: '1.0.0',
+      description: 'desc',
+      manifest: {},
+      PluginClass: null,
+      dir: '/tmp/test',
    });
    expect(registry.getPlugin('manifest-only')).toBeDefined();
  });

  test('register — init error does not crash, plugin not registered', () => {
    class BadPlugin extends PluginAPI {
-      init() { throw new Error('init fail'); }
+      init() {
+        throw new Error('init fail');
+      }
    }
    expect(() => {
      registry.register({
-        id: 'bad', name: 'Bad', version: '1.0.0', description: 'desc',
-        manifest: {}, PluginClass: BadPlugin, dir: '/tmp/test'
+        id: 'bad',
+        name: 'Bad',
+        version: '1.0.0',
+        description: 'desc',
+        manifest: {},
+        PluginClass: BadPlugin,
+        dir: '/tmp/test',
      });
    }).not.toThrow();
    expect(registry.getPlugin('bad')).toBeUndefined();
@@ -61,25 +90,65 @@ describe('PluginRegistry', () => {
  });

  test('getAll — returns all registered plugins', () => {
-    registry.register({ id: 'a', name: 'A', version: '1', description: '', manifest: {}, PluginClass: null, dir: '' });
-    registry.register({ id: 'b', name: 'B', version: '1', description: '', manifest: {}, PluginClass: null, dir: '' });
+    registry.register({
+      id: 'a',
+      name: 'A',
+      version: '1',
+      description: '',
+      manifest: {},
+      PluginClass: null,
+      dir: '',
+    });
+    registry.register({
+      id: 'b',
+      name: 'B',
+      version: '1',
+      description: '',
+      manifest: {},
+      PluginClass: null,
+      dir: '',
+    });
    expect(registry.getAll()).toHaveLength(2);
  });

  test('activate — calls activate on plugin instance', () => {
-    registry.register({ id: 'test', name: 'Test', version: '1', description: '', manifest: {}, PluginClass: TestPlugin, dir: '' });
+    registry.register({
+      id: 'test',
+      name: 'Test',
+      version: '1',
+      description: '',
+      manifest: {},
+      PluginClass: TestPlugin,
+      dir: '',
+    });
    registry.activate('test');
    expect(registry.getPlugin('test').instance.activated).toBe(true);
  });

  test('deactivate — calls deactivate on plugin instance', () => {
-    registry.register({ id: 'test', name: 'Test', version: '1', description: '', manifest: {}, PluginClass: TestPlugin, dir: '' });
+    registry.register({
+      id: 'test',
+      name: 'Test',
+      version: '1',
+      description: '',
+      manifest: {},
+      PluginClass: TestPlugin,
+      dir: '',
+    });
    registry.deactivate('test');
    expect(registry.getPlugin('test').instance.deactivated).toBe(true);
  });

  test('exportHooks are available and populated', () => {
-    registry.register({ id: 'test', name: 'Test', version: '1', description: '', manifest: {}, PluginClass: TestPlugin, dir: '' });
+    registry.register({
+      id: 'test',
+      name: 'Test',
+      version: '1',
+      description: '',
+      manifest: {},
+      PluginClass: TestPlugin,
+      dir: '',
+    });
    const handler = jest.fn();
    registry.getPlugin('test').instance.ctx.exports.registerPreHook(handler);
    expect(registry.exportHooks.preHooks).toContain(handler);
@@ -74,7 +74,7 @@ describe('Preload Security', () => {
      'execute-code',
      'show-pdf-editor-from-toolbar',
      'menu-open',
-      'export'
+      'export',
    ];

    const EXPECTED_RECEIVE_CHANNELS = [
@@ -127,7 +127,7 @@ describe('Preload Security', () => {
      'load-template-menu',
      'toggle-command-palette',
      'toggle-sidebar-panel',
-      'toggle-bottom-panel'
+      'toggle-bottom-panel',
    ];

    test('should define all expected send channels', () => {
@@ -8,13 +8,17 @@
 */

 describe('PrintPreview', () => {
-    beforeEach(() => {
-        // Mock electron require for executePrint
-        jest.mock('electron', () => ({
-            ipcRenderer: { send: jest.fn(), invoke: jest.fn() }
-        }), { virtual: true });
+  beforeEach(() => {
+    // Mock electron require for executePrint
+    jest.mock(
+      'electron',
+      () => ({
+        ipcRenderer: { send: jest.fn(), invoke: jest.fn() },
+      }),
+      { virtual: true }
+    );

-        document.body.innerHTML = `
+    document.body.innerHTML = `
            <div class="dialog-overlay hidden" id="print-preview-overlay">
                <button id="print-preview-close"></button>
                <button id="print-cancel"></button>
@@ -31,79 +35,87 @@ describe('PrintPreview', () => {
                <iframe id="print-preview-frame"></iframe>
            </div>
        `;
-    });
+  });

-    test('getOptions returns default values', () => {
-        const { PrintPreview } = require('../src/print-preview');
-        const preview = new PrintPreview();
-        const options = preview.getOptions();
-        expect(options.paperSize).toBe('A4');
-        expect(options.orientation).toBe('portrait');
-        expect(options.scale).toBe(100);
-        expect(options.headers).toBe(true);
-        expect(options.background).toBe(true);
-        expect(options.pages).toBe('all');
-        expect(options.margins).toBe('default');
-        expect(options.pageRange).toBe('');
-    });
+  test('getOptions returns default values', () => {
+    const { PrintPreview } = require('../src/print-preview');
+    const preview = new PrintPreview();
+    const options = preview.getOptions();
+    expect(options.paperSize).toBe('A4');
+    expect(options.orientation).toBe('portrait');
+    expect(options.scale).toBe(100);
+    expect(options.headers).toBe(true);
+    expect(options.background).toBe(true);
+    expect(options.pages).toBe('all');
+    expect(options.margins).toBe('default');
+    expect(options.pageRange).toBe('');
+  });

-    test('opens and closes', () => {
-        const { PrintPreview } = require('../src/print-preview');
-        const preview = new PrintPreview();
-        preview.open('<p>Test</p>');
-        expect(document.getElementById('print-preview-overlay').classList.contains('hidden')).toBe(false);
-        preview.close();
-        expect(document.getElementById('print-preview-overlay').classList.contains('hidden')).toBe(true);
-    });
+  test('opens and closes', () => {
+    const { PrintPreview } = require('../src/print-preview');
+    const preview = new PrintPreview();
+    preview.open('<p>Test</p>');
+    expect(document.getElementById('print-preview-overlay').classList.contains('hidden')).toBe(
+      false
+    );
+    preview.close();
+    expect(document.getElementById('print-preview-overlay').classList.contains('hidden')).toBe(
+      true
+    );
+  });

-    test('updateScaleLabel reflects slider value', () => {
-        const { PrintPreview } = require('../src/print-preview');
-        const preview = new PrintPreview();
-        document.getElementById('print-scale').value = '75';
-        preview.updateScaleLabel();
-        expect(document.getElementById('print-scale-value').textContent).toBe('75%');
-    });
+  test('updateScaleLabel reflects slider value', () => {
+    const { PrintPreview } = require('../src/print-preview');
+    const preview = new PrintPreview();
+    document.getElementById('print-scale').value = '75';
+    preview.updateScaleLabel();
+    expect(document.getElementById('print-scale-value').textContent).toBe('75%');
+  });

-    test('close button closes preview', () => {
-        const { PrintPreview } = require('../src/print-preview');
-        const preview = new PrintPreview();
-        preview.open('<p>Test</p>');
-        document.getElementById('print-preview-close').click();
-        expect(document.getElementById('print-preview-overlay').classList.contains('hidden')).toBe(true);
-    });
+  test('close button closes preview', () => {
+    const { PrintPreview } = require('../src/print-preview');
+    const preview = new PrintPreview();
+    preview.open('<p>Test</p>');
+    document.getElementById('print-preview-close').click();
+    expect(document.getElementById('print-preview-overlay').classList.contains('hidden')).toBe(
+      true
+    );
+  });

-    test('cancel button closes preview', () => {
-        const { PrintPreview } = require('../src/print-preview');
-        const preview = new PrintPreview();
-        preview.open('<p>Test</p>');
-        document.getElementById('print-cancel').click();
-        expect(document.getElementById('print-preview-overlay').classList.contains('hidden')).toBe(true);
-    });
+  test('cancel button closes preview', () => {
+    const { PrintPreview } = require('../src/print-preview');
+    const preview = new PrintPreview();
+    preview.open('<p>Test</p>');
+    document.getElementById('print-cancel').click();
+    expect(document.getElementById('print-preview-overlay').classList.contains('hidden')).toBe(
+      true
+    );
+  });

-    test('getOptions reflects changed values', () => {
-        const { PrintPreview } = require('../src/print-preview');
-        const preview = new PrintPreview();
+  test('getOptions reflects changed values', () => {
+    const { PrintPreview } = require('../src/print-preview');
+    const preview = new PrintPreview();

-        // Change paper size to Letter
-        const paperSelect = document.getElementById('print-paper-size');
-        paperSelect.value = 'Letter';
+    // Change paper size to Letter
+    const paperSelect = document.getElementById('print-paper-size');
+    paperSelect.value = 'Letter';

-        // Change scale
-        document.getElementById('print-scale').value = '50';
+    // Change scale
+    document.getElementById('print-scale').value = '50';

-        // Uncheck headers
-        document.getElementById('print-headers').checked = false;
+    // Uncheck headers
+    document.getElementById('print-headers').checked = false;

-        const options = preview.getOptions();
-        expect(options.paperSize).toBe('Letter');
-        expect(options.scale).toBe(50);
-        expect(options.headers).toBe(false);
-    });
+    const options = preview.getOptions();
+    expect(options.paperSize).toBe('Letter');
+    expect(options.scale).toBe(50);
+    expect(options.headers).toBe(false);
+  });

-    test('stores last content for refresh', () => {
-        const { PrintPreview } = require('../src/print-preview');
-        const preview = new PrintPreview();
-        preview.open('<p>Hello World</p>');
-        expect(preview._lastContent).toBe('<p>Hello World</p>');
-    });
+  test('stores last content for refresh', () => {
+    const { PrintPreview } = require('../src/print-preview');
+    const preview = new PrintPreview();
+    preview.open('<p>Hello World</p>');
+    expect(preview._lastContent).toBe('<p>Hello World</p>');
+  });
 });
@@ -8,15 +8,22 @@ describe('ProjectManager', () => {
    files = {};
    pm = new ProjectManager({
      readFile: (p) => files[p] || null,
-      writeFile: (p, c) => { files[p] = c; },
+      writeFile: (p, c) => {
+        files[p] = c;
+      },
      fileExists: (p) => p in files,
-      listDir: (p) => Object.keys(files).filter(f => f.startsWith(p)).map(f => f.slice(p.length + 1))
+      listDir: (p) =>
+        Object.keys(files)
+          .filter((f) => f.startsWith(p))
+          .map((f) => f.slice(p.length + 1)),
    });
  });

  test('createProject writes .project.json', () => {
    const project = pm.createProject('/manuscripts/novel', {
-      title: 'My Novel', type: 'manuscript', targetWords: 80000
+      title: 'My Novel',
+      type: 'manuscript',
+      targetWords: 80000,
    });
    expect(project.title).toBe('My Novel');
    expect(files['/manuscripts/novel/.project.json']).toBeDefined();
@@ -26,8 +33,11 @@ describe('ProjectManager', () => {

  test('loadProject reads and returns project data', () => {
    files['/manuscripts/novel/.project.json'] = JSON.stringify({
-      title: 'Test', type: 'manuscript', target: { words: 50000 },
-      chapters: [], metadata: {}
+      title: 'Test',
+      type: 'manuscript',
+      target: { words: 50000 },
+      chapters: [],
+      metadata: {},
    });
    const project = pm.loadProject('/manuscripts/novel');
    expect(project.title).toBe('Test');
@@ -39,10 +49,17 @@ describe('ProjectManager', () => {

  test('addChapter appends chapter and saves', () => {
    files['/manuscripts/novel/.project.json'] = JSON.stringify({
-      title: 'Test', type: 'manuscript', target: { words: 50000 },
-      chapters: [], metadata: {}
+      title: 'Test',
+      type: 'manuscript',
+      target: { words: 50000 },
+      chapters: [],
+      metadata: {},
+    });
+    pm.addChapter('/manuscripts/novel', {
+      file: '01-chapter.md',
+      title: 'Chapter One',
+      status: 'draft',
    });
-    pm.addChapter('/manuscripts/novel', { file: '01-chapter.md', title: 'Chapter One', status: 'draft' });
    const parsed = JSON.parse(files['/manuscripts/novel/.project.json']);
    expect(parsed.chapters.length).toBe(1);
    expect(parsed.chapters[0].title).toBe('Chapter One');
@@ -50,11 +67,14 @@ describe('ProjectManager', () => {

  test('compileManuscript concatenates chapter files', () => {
    files['/manuscripts/novel/.project.json'] = JSON.stringify({
-      title: 'Test', type: 'manuscript', target: { words: 50000 },
+      title: 'Test',
+      type: 'manuscript',
+      target: { words: 50000 },
      chapters: [
        { file: '01.md', title: 'One', status: 'draft' },
-        { file: '02.md', title: 'Two', status: 'draft' }
-      ], metadata: {}
+        { file: '02.md', title: 'Two', status: 'draft' },
+      ],
+      metadata: {},
    });
    files['/manuscripts/novel/01.md'] = 'First chapter content.';
    files['/manuscripts/novel/02.md'] = 'Second chapter content.';
@@ -64,11 +84,14 @@ describe('ProjectManager', () => {

  test('compileManuscript skips missing files', () => {
    files['/manuscripts/novel/.project.json'] = JSON.stringify({
-      title: 'Test', type: 'manuscript', target: { words: 50000 },
+      title: 'Test',
+      type: 'manuscript',
+      target: { words: 50000 },
      chapters: [
        { file: '01.md', title: 'One', status: 'draft' },
-        { file: '02.md', title: 'Two', status: 'draft' }
-      ], metadata: {}
+        { file: '02.md', title: 'Two', status: 'draft' },
+      ],
+      metadata: {},
    });
    files['/manuscripts/novel/01.md'] = 'Only chapter one.';
    const result = pm.compileManuscript('/manuscripts/novel');
@@ -77,11 +100,14 @@ describe('ProjectManager', () => {

  test('getStats returns total word count across chapters', () => {
    files['/manuscripts/novel/.project.json'] = JSON.stringify({
-      title: 'Test', type: 'manuscript', target: { words: 50000 },
+      title: 'Test',
+      type: 'manuscript',
+      target: { words: 50000 },
      chapters: [
        { file: '01.md', title: 'One', status: 'draft' },
-        { file: '02.md', title: 'Two', status: 'draft' }
-      ], metadata: {}
+        { file: '02.md', title: 'Two', status: 'draft' },
+      ],
+      metadata: {},
    });
    files['/manuscripts/novel/01.md'] = 'word '.repeat(100).trim();
    files['/manuscripts/novel/02.md'] = 'more '.repeat(50).trim();
@@ -94,9 +120,11 @@ describe('ProjectManager', () => {

  test('updateChapter modifies a chapter by index', () => {
    files['/manuscripts/novel/.project.json'] = JSON.stringify({
-      title: 'Test', type: 'manuscript', target: { words: 50000 },
+      title: 'Test',
+      type: 'manuscript',
+      target: { words: 50000 },
      chapters: [{ file: '01.md', title: 'Old Title', status: 'draft' }],
-      metadata: {}
+      metadata: {},
    });
    pm.updateChapter('/manuscripts/novel', 0, { title: 'New Title', status: 'revised' });
    const parsed = JSON.parse(files['/manuscripts/novel/.project.json']);
@@ -0,0 +1,21 @@
+/**
+ * Tests for project metadata consistency
+ */
+
+const fs = require('fs');
+const path = require('path');
+
+describe('Project version consistency', () => {
+  const rootDir = path.resolve(__dirname, '..');
+  const packageJson = JSON.parse(fs.readFileSync(path.join(rootDir, 'package.json'), 'utf8'));
+  const readme = fs.readFileSync(path.join(rootDir, 'README.md'), 'utf8');
+
+  test('README version matches package.json version', () => {
+    const version = packageJson.version;
+    expect(readme).toContain(`v${version}`);
+  });
+
+  test('README contains current version string', () => {
+    expect(readme).toContain(`v${packageJson.version}`);
+  });
+});
@@ -0,0 +1,97 @@
+/**
+ * Security: Path Traversal Prevention Test Suite
+ * @version 4.3.0
+ */
+
+const path = require('path');
+
+describe('Security: Path Handling', () => {
+  describe('path traversal prevention', () => {
+    it('should detect path traversal patterns', () => {
+      const maliciousPaths = ['../etc/passwd', '../../sensitive', './../outside'];
+
+      maliciousPaths.forEach((pathStr) => {
+        // Path traversal attempts contain .. patterns
+        expect(pathStr).toMatch(/\.\./);
+      });
+    });
+
+    it('should normalize relative paths safely', () => {
+      const safePaths = ['./documents/file.md', 'relative/path/file.txt'];
+
+      safePaths.forEach((pathStr) => {
+        const normalized = path.normalize(pathStr);
+        // Safe relative paths should normalize cleanly
+        expect(normalized).toBeDefined();
+        expect(typeof normalized).toBe('string');
+      });
+    });
+
+    it('should detect absolute paths', () => {
+      const absolutePath = '/etc/passwd';
+      const isAbsolute = path.isAbsolute(absolutePath);
+
+      // Linux/Mac: /path is absolute
+      if (process.platform !== 'win32') {
+        expect(isAbsolute).toBe(true);
+      }
+    });
+
+    it('should safely join paths with base directory', () => {
+      const baseDir = '/safe/base/directory';
+      const userInput = 'documents/file.md';
+
+      const joined = path.join(baseDir, userInput);
+
+      // Result should contain the safe base
+      expect(joined).toContain('base');
+      expect(joined).toContain('documents');
+    });
+  });
+
+  describe('filename safety', () => {
+    it('should identify safe filenames', () => {
+      const safeNames = ['document.md', 'my-file.txt', 'file_name.pdf', 'report_2026_04_24.xlsx'];
+
+      safeNames.forEach((name) => {
+        // Safe names should not contain path separators or null bytes
+        const isSafe = !/[\\/\0]/.test(name) && name.length > 0;
+        expect(isSafe).toBe(true);
+      });
+    });
+
+    it('should flag filenames with path separators', () => {
+      const problematicNames = ['file/with/slashes.txt', 'file\\with\\backslashes.txt'];
+
+      problematicNames.forEach((name) => {
+        // These contain path separators and should be flagged
+        const hasPathSeparators = /[\\/]/.test(name);
+        expect(hasPathSeparators).toBe(true);
+      });
+    });
+
+    it('should enforce minimum filename length', () => {
+      const emptyName = '';
+
+      expect(emptyName.length).toBe(0);
+      expect(emptyName.length > 0).toBe(false);
+    });
+  });
+
+  describe('validation patterns', () => {
+    it('should validate path existence check pattern', () => {
+      const validPaths = ['documents/file.md', 'folder_2026/data.csv'];
+      validPaths.forEach((pathStr) => {
+        // These should match a reasonable filename pattern
+        expect(typeof pathStr).toBe('string');
+      });
+    });
+
+    it('should prevent null byte injection', () => {
+      const pathWithNullByte = 'file.txt\0.exe';
+
+      const isSafe = !pathWithNullByte.includes('\0');
+      expect(isSafe).toBe(false); // Has null byte, not safe
+    });
+  });
+});
@@ -8,7 +8,9 @@ describe('SettingsStore', () => {
    data = {};
    store = new SettingsStore({
      get: (key) => data[key],
-      set: (key, value) => { data[key] = value; }
+      set: (key, value) => {
+        data[key] = value;
+      },
    });
  });

@@ -25,61 +25,61 @@ global.window.electronAPI = {
    exists: jest.fn(() => Promise.resolve(false)),
    isDirectory: jest.fn(() => Promise.resolve(false)),
    copy: jest.fn(() => Promise.resolve()),
-    move: jest.fn(() => Promise.resolve())
+    move: jest.fn(() => Promise.resolve()),
  },
  theme: {
-    get: jest.fn()
+    get: jest.fn(),
  },
  print: {
-    doPrint: jest.fn()
+    doPrint: jest.fn(),
  },
  export: {
    withOptions: jest.fn(),
-    spreadsheet: jest.fn()
+    spreadsheet: jest.fn(),
  },
  batch: {
    convert: jest.fn(),
-    selectFolder: jest.fn()
+    selectFolder: jest.fn(),
  },
  converter: {
    convert: jest.fn(),
-    convertBatch: jest.fn()
+    convertBatch: jest.fn(),
  },
  headerFooter: {
    getSettings: jest.fn(),
    saveSettings: jest.fn(),
    browseLogo: jest.fn(),
    saveLogo: jest.fn(),
-    clearLogo: jest.fn()
+    clearLogo: jest.fn(),
  },
  page: {
    getSettings: jest.fn(),
    updateSettings: jest.fn(),
-    setCustomStartPage: jest.fn()
+    setCustomStartPage: jest.fn(),
  },
  pdf: {
    processOperation: jest.fn(),
    getPageCount: jest.fn(),
-    selectFolder: jest.fn()
-  }
+    selectFolder: jest.fn(),
+  },
 };

 // Mock marked library
 global.window.marked = {
  parse: jest.fn((text) => `<p>${text}</p>`),
-  use: jest.fn()
+  use: jest.fn(),
 };

 // Mock DOMPurify
 global.window.DOMPurify = {
-  sanitize: jest.fn((html) => html)
+  sanitize: jest.fn((html) => html),
 };

 // Mock highlight.js
 global.window.hljs = {
-  highlight: jest.fn((code, options) => ({ value: code })),
+  highlight: jest.fn((code, _options) => ({ value: code })),
  highlightAuto: jest.fn((code) => ({ value: code })),
-  getLanguage: jest.fn(() => true)
+  getLanguage: jest.fn(() => true),
 };

 // Mock localStorage
@@ -87,7 +87,7 @@ const localStorageMock = {
  getItem: jest.fn(),
  setItem: jest.fn(),
  removeItem: jest.fn(),
-  clear: jest.fn()
+  clear: jest.fn(),
 };
 global.localStorage = localStorageMock;

@@ -8,10 +8,10 @@
 */

 describe('SidebarManager', () => {
-    let SidebarManager;
+  let SidebarManager;

-    beforeEach(() => {
-        document.body.innerHTML = `
+  beforeEach(() => {
+    document.body.innerHTML = `
            <div class="sidebar collapsed" id="sidebar">
                <div class="sidebar-icons">
                    <button class="sidebar-icon" data-panel="test1"></button>
@@ -26,96 +26,111 @@ describe('SidebarManager', () => {
                </div>
            </div>
        `;
-        SidebarManager = require('../src/sidebar/sidebar-manager').SidebarManager;
-    });
+    SidebarManager = require('../src/sidebar/sidebar-manager').SidebarManager;
+  });

-    test('starts collapsed', () => {
-        const mgr = new SidebarManager();
-        expect(document.getElementById('sidebar').classList.contains('collapsed')).toBe(true);
-    });
+  test('starts collapsed', () => {
+    new SidebarManager();
+    expect(document.getElementById('sidebar').classList.contains('collapsed')).toBe(true);
+  });

-    test('expands on panel toggle', () => {
-        const mgr = new SidebarManager();
-        mgr.registerPanel('test1', { title: 'Test 1', render: (c) => { c.innerHTML = 'hello'; } });
-        mgr.togglePanel('test1');
-        expect(document.getElementById('sidebar').classList.contains('collapsed')).toBe(false);
-        expect(document.querySelector('.sidebar-panel-title').textContent).toBe('Test 1');
+  test('expands on panel toggle', () => {
+    const mgr = new SidebarManager();
+    mgr.registerPanel('test1', {
+      title: 'Test 1',
+      render: (c) => {
+        c.innerHTML = 'hello';
+      },
    });
+    mgr.togglePanel('test1');
+    expect(document.getElementById('sidebar').classList.contains('collapsed')).toBe(false);
+    expect(document.querySelector('.sidebar-panel-title').textContent).toBe('Test 1');
+  });

-    test('collapses on second toggle', () => {
-        const mgr = new SidebarManager();
-        mgr.registerPanel('test1', { title: 'Test 1', render: () => {} });
-        mgr.togglePanel('test1');
-        mgr.togglePanel('test1');
-        expect(document.getElementById('sidebar').classList.contains('collapsed')).toBe(true);
-    });
+  test('collapses on second toggle', () => {
+    const mgr = new SidebarManager();
+    mgr.registerPanel('test1', { title: 'Test 1', render: () => {} });
+    mgr.togglePanel('test1');
+    mgr.togglePanel('test1');
+    expect(document.getElementById('sidebar').classList.contains('collapsed')).toBe(true);
+  });

-    test('switches panels', () => {
-        const mgr = new SidebarManager();
-        mgr.registerPanel('test1', { title: 'Panel 1', render: (c) => { c.innerHTML = 'one'; } });
-        mgr.registerPanel('test2', { title: 'Panel 2', render: (c) => { c.innerHTML = 'two'; } });
-        mgr.togglePanel('test1');
-        mgr.togglePanel('test2');
-        expect(document.querySelector('.sidebar-panel-title').textContent).toBe('Panel 2');
-        expect(document.getElementById('sidebar-panel-content').innerHTML).toBe('two');
+  test('switches panels', () => {
+    const mgr = new SidebarManager();
+    mgr.registerPanel('test1', {
+      title: 'Panel 1',
+      render: (c) => {
+        c.innerHTML = 'one';
+      },
    });
+    mgr.registerPanel('test2', {
+      title: 'Panel 2',
+      render: (c) => {
+        c.innerHTML = 'two';
+      },
+    });
+    mgr.togglePanel('test1');
+    mgr.togglePanel('test2');
+    expect(document.querySelector('.sidebar-panel-title').textContent).toBe('Panel 2');
+    expect(document.getElementById('sidebar-panel-content').innerHTML).toBe('two');
+  });

-    test('collapse resets active panel', () => {
-        const mgr = new SidebarManager();
-        mgr.registerPanel('test1', { title: 'Test', render: () => {} });
-        mgr.expand('test1');
-        mgr.collapse();
-        expect(mgr.activePanel).toBe(null);
-    });
+  test('collapse resets active panel', () => {
+    const mgr = new SidebarManager();
+    mgr.registerPanel('test1', { title: 'Test', render: () => {} });
+    mgr.expand('test1');
+    mgr.collapse();
+    expect(mgr.activePanel).toBe(null);
+  });

-    test('expand sets active icon', () => {
-        const mgr = new SidebarManager();
-        mgr.registerPanel('test1', { title: 'Test 1', render: () => {} });
-        mgr.expand('test1');
-        const btn = document.querySelector('[data-panel="test1"]');
-        expect(btn.classList.contains('active')).toBe(true);
-    });
+  test('expand sets active icon', () => {
+    const mgr = new SidebarManager();
+    mgr.registerPanel('test1', { title: 'Test 1', render: () => {} });
+    mgr.expand('test1');
+    const btn = document.querySelector('[data-panel="test1"]');
+    expect(btn.classList.contains('active')).toBe(true);
+  });

-    test('collapse removes active icon', () => {
-        const mgr = new SidebarManager();
-        mgr.registerPanel('test1', { title: 'Test 1', render: () => {} });
-        mgr.expand('test1');
-        mgr.collapse();
-        const btn = document.querySelector('[data-panel="test1"]');
-        expect(btn.classList.contains('active')).toBe(false);
-    });
+  test('collapse removes active icon', () => {
+    const mgr = new SidebarManager();
+    mgr.registerPanel('test1', { title: 'Test 1', render: () => {} });
+    mgr.expand('test1');
+    mgr.collapse();
+    const btn = document.querySelector('[data-panel="test1"]');
+    expect(btn.classList.contains('active')).toBe(false);
+  });

-    test('expand with unregistered panel does nothing', () => {
-        const mgr = new SidebarManager();
-        mgr.expand('nonexistent');
-        expect(document.getElementById('sidebar').classList.contains('collapsed')).toBe(true);
-        expect(mgr.activePanel).toBe(null);
-    });
+  test('expand with unregistered panel does nothing', () => {
+    const mgr = new SidebarManager();
+    mgr.expand('nonexistent');
+    expect(document.getElementById('sidebar').classList.contains('collapsed')).toBe(true);
+    expect(mgr.activePanel).toBe(null);
+  });

-    test('render function receives panel content element', () => {
-        const mgr = new SidebarManager();
-        const renderFn = jest.fn();
-        mgr.registerPanel('test1', { title: 'Test 1', render: renderFn });
-        mgr.expand('test1');
-        expect(renderFn).toHaveBeenCalledWith(document.getElementById('sidebar-panel-content'));
-    });
+  test('render function receives panel content element', () => {
+    const mgr = new SidebarManager();
+    const renderFn = jest.fn();
+    mgr.registerPanel('test1', { title: 'Test 1', render: renderFn });
+    mgr.expand('test1');
+    expect(renderFn).toHaveBeenCalledWith(document.getElementById('sidebar-panel-content'));
+  });

-    test('clicking sidebar icon toggles panel', () => {
-        const mgr = new SidebarManager();
-        mgr.registerPanel('test1', { title: 'Test 1', render: () => {} });
-        const btn = document.querySelector('[data-panel="test1"]');
-        btn.click();
-        expect(mgr.activePanel).toBe('test1');
-        btn.click();
-        expect(mgr.activePanel).toBe(null);
-    });
+  test('clicking sidebar icon toggles panel', () => {
+    const mgr = new SidebarManager();
+    mgr.registerPanel('test1', { title: 'Test 1', render: () => {} });
+    const btn = document.querySelector('[data-panel="test1"]');
+    btn.click();
+    expect(mgr.activePanel).toBe('test1');
+    btn.click();
+    expect(mgr.activePanel).toBe(null);
+  });

-    test('clicking close button collapses sidebar', () => {
-        const mgr = new SidebarManager();
-        mgr.registerPanel('test1', { title: 'Test 1', render: () => {} });
-        mgr.expand('test1');
-        document.querySelector('.sidebar-panel-close').click();
-        expect(mgr.activePanel).toBe(null);
-        expect(document.getElementById('sidebar').classList.contains('collapsed')).toBe(true);
-    });
+  test('clicking close button collapses sidebar', () => {
+    const mgr = new SidebarManager();
+    mgr.registerPanel('test1', { title: 'Test 1', render: () => {} });
+    mgr.expand('test1');
+    document.querySelector('.sidebar-panel-close').click();
+    expect(mgr.activePanel).toBe(null);
+    expect(document.getElementById('sidebar').classList.contains('collapsed')).toBe(true);
+  });
 });
@@ -8,7 +8,9 @@ describe('SnapshotManager', () => {
    store = {};
    manager = new SnapshotManager({
      get: (key) => store[key],
-      set: (key, value) => { store[key] = value; }
+      set: (key, value) => {
+        store[key] = value;
+      },
    });
  });

@@ -7,7 +7,7 @@ describe('SprintEngine', () => {
  beforeEach(() => {
    events = [];
    engine = new SprintEngine({
-      onEvent: (name, data) => events.push({ name, data })
+      onEvent: (name, data) => events.push({ name, data }),
    });
  });

@@ -45,7 +45,7 @@ describe('SprintEngine', () => {
  test('tick auto-stops when time expires and emits sprint:complete', () => {
    engine.start(1, 100); // 1 minute
    engine.tick(60 * 1000 + 1); // just past
-    expect(events.some(e => e.name === 'sprint:complete')).toBe(true);
+    expect(events.some((e) => e.name === 'sprint:complete')).toBe(true);
    expect(engine.isActive()).toBe(false);
  });

@@ -35,7 +35,7 @@ describe('Utility Functions', () => {

      return {
        command: parts[0],
-        args: parts.slice(1)
+        args: parts.slice(1),
      };
    }

@@ -58,7 +58,9 @@ describe('Utility Functions', () => {
    });

    test('should handle multiple options', () => {
-      const result = parseCommand('pandoc input.md --pdf-engine=xelatex -V geometry:margin=1in -o output.pdf');
+      const result = parseCommand(
+        'pandoc input.md --pdf-engine=xelatex -V geometry:margin=1in -o output.pdf'
+      );
      expect(result.command).toBe('pandoc');
      expect(result.args).toContain('--pdf-engine=xelatex');
      expect(result.args).toContain('-V');
@@ -75,11 +77,13 @@ describe('Utility Functions', () => {
    // This function converts hex colors to RGB
    function hexToRgb(hex) {
      const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
-      return result ? {
-        r: parseInt(result[1], 16) / 255,
-        g: parseInt(result[2], 16) / 255,
-        b: parseInt(result[3], 16) / 255
-      } : null;
+      return result
+        ? {
+            r: parseInt(result[1], 16) / 255,
+            g: parseInt(result[2], 16) / 255,
+            b: parseInt(result[3], 16) / 255,
+          }
+        : null;
    }

    test('should convert black hex to RGB', () => {
@@ -0,0 +1,61 @@
+/**
+ * Tests for WordTemplateExporter
+ */
+
+const WordTemplateExporter = require('../src/wordTemplateExporter');
+
+describe('WordTemplateExporter.preprocessMarkdownForWordExport', () => {
+  test('removes HTML style blocks', () => {
+    const input = `<style>
+<!-- sneh-a4-print v1 -->
+@media print { body { font-size: 8pt; } }
+</style>
+
+# Heading
+`;
+    const output = WordTemplateExporter.preprocessMarkdownForWordExport(input);
+    expect(output).not.toContain('<style');
+    expect(output).not.toContain('</style>');
+    expect(output).not.toContain('sneh-a4-print');
+    expect(output).not.toContain('@media print');
+    expect(output).toContain('# Heading');
+  });
+
+  test('removes HTML comments outside style blocks', () => {
+    const input = `<!-- comment -->
+Hello world
+`;
+    const output = WordTemplateExporter.preprocessMarkdownForWordExport(input);
+    expect(output).not.toContain('<!--');
+    expect(output).not.toContain('-->');
+    expect(output).toContain('Hello world');
+  });
+
+  test('removes alignment div tags', () => {
+    const input = `<div align="center">
+Centered content
+</div>
+`;
+    const output = WordTemplateExporter.preprocessMarkdownForWordExport(input);
+    expect(output).not.toContain('<div align="center">');
+    expect(output).not.toContain('</div>');
+    expect(output).toContain('Centered content');
+  });
+
+  test('preserves regular markdown content', () => {
+    const input = `# Title
+
+| A | B |
+|---|---|
+| 1 | 2 |
+`;
+    const output = WordTemplateExporter.preprocessMarkdownForWordExport(input);
+    expect(output).toBe(input);
+  });
+
+  test('handles content with no HTML artifacts', () => {
+    const input = 'Plain text paragraph.';
+    const output = WordTemplateExporter.preprocessMarkdownForWordExport(input);
+    expect(output).toBe(input);
+  });
+});
Author	SHA1	Message	Date
amitwh	94906a068a	chore(release): bump version to 4.4.5	2026-06-30 13:57:34 +05:30
amitwh	e72b863362	fix(word): strip HTML style blocks and alignment divs from DOCX input Pre-process markdown before Word/DOCX export to remove raw HTML artifacts (<style> blocks, HTML comments, and <div align=...> tags) that were visible in the generated document. Applies to single and batch DOCX exports via both Pandoc and WordTemplateExporter paths.	2026-06-30 13:57:29 +05:30
amitwh	d705cfc30b	fix(batch): resolve pandoc path handling and include-subfolders option - Normalize pandoc command parsing with path.basename() to support bundled binary paths - Use bundled pandoc binary in convertWithPandoc instead of relying on PATH - Forward includeSubfolders checkbox state from renderer to main process - Add pandoc availability check before batch conversion - Re-enable Start button when batch conversion completes - Clean up obsolete dist build artifact causing test snapshot warning - Bump version to 4.4.4	2026-06-30 12:56:33 +05:30
amitwh	02e307f758	docs(claude-md): add tailored CLAUDE.md for master branch Documents project architecture, Pandoc dependency resolution, build pipeline (electron-builder, no bundler), security model notes (contextIsolation: false on this branch), and development commands extracted from actual package.json and source. Amit Haridas	2026-06-19 23:18:00 +05:30
amitwh	5ad1d1d4b3	chore(release): bump version to 4.4.3	2026-06-11 21:17:37 +05:30
amitwh	f480449301	fix(renderer): resolve syntax errors and undefined electronAPI on startup	2026-06-11 21:15:25 +05:30
amitwh	96df5652d6	fix: resolve list-directory IPC handler closing brace syntax error	2026-05-26 11:39:57 +05:30
amitwh	a9e05d2c0f	feat: implement Custom Preview CSS, Reveal.js options, Large File Mode, and Interactive PDF Thumbnail Sidebar	2026-05-25 23:11:47 +05:30
amitwh	c982b3e90f	chore(diagnostics): add logging to _renderPreview to trace markdown rendering This will help identify whether the issue is: 1. marked.parse returning a Promise instead of string 2. DOMPurify.sanitize failing 3. The preview element not existing 4. Libraries not being loaded Amit Haridas	2026-05-25 00:32:27 +05:30
amitwh	cfaafc07b2	chore(deps): update vulnerable packages to patched versions Updated packages: - simple-git 3.32.3 → 3.36.0 (RCE vulnerability) - fast-uri 3.1.0 → 3.1.2 (host confusion, path traversal) - dompurify 3.3.1 → 3.4.5 (XSS bypasses) - mermaid 11.13.0 → 11.15.0 (CSS injection, DoS) - uuid 11.1.0 → 11.1.1 (buffer bounds check) - ws 8.20.0 → 8.20.0 (uninitialized memory) - ip-address 10.1.0 → 10.2.0 (XSS) - @xmldom/xmldom 0.8.11 → 0.9.10 (XML injection, DoS) - docx4js 3.3.0 → 2.0.1 (breaks xml2js dep chain) - brace-expansion (transitive update) Also applied lint:fix autofix (const correctness). Amit Haridas	2026-05-25 00:00:28 +05:30
amitwh	94ad99dc4d	fix(renderer): ensure tab content visibility after file open - Add missing updateUI() call at end of openFile() to set .active class on tab content. Without this, the CSS rule .tab-content:not(.active) { display: none } kept newly opened files invisible. - Add diagnostic logging to file-opened IPC handler and openFile() to trace future file loading issues. - Add diagnostic logging to openFileFromPath() in main process. Amit Haridas	2026-05-24 23:54:31 +05:30
amitwh	baf644d62b	fix(modal): prevent duplicate ModalManager declaration window.ModalManager was set unconditionally, causing "Identifier 'ModalManager' has already been declared" when script tag in HTML also loaded ModalManager before renderer.js required it. Now checks !window.ModalManager before setting. Amit Haridas	2026-05-22 22:08:06 +05:30
amitwh	f9a5420ad2	4.4.1: update version everywhere, fix DOMPurify initialization - Bump version to 4.4.1 - DOMPurify now initialized with window context (fixes markdown rendering) - Add 'it' to eslint globals Amit Haridas	2026-05-22 21:54:05 +05:30
amitwh	f8361174f2	chore: add it to eslint globals, add debug logging to createEditor Amit Haridas	2026-05-22 21:42:34 +05:30