Update README: Rename to MarkdownConverter, add open-source section

Major Features:
- Integrated PDF viewer with zoom, page navigation, and fit modes
- PDF editor toolbar with direct access to all PDF operations
- New app branding with docico1.png icon
- ConcreteInfo theme (light & dark variants)
- Comprehensive PDF editing: merge, split, compress, rotate, delete, reorder
- Watermark, encrypt, decrypt, and permissions management
- Overwrite original file option for all PDF operations

UI Improvements:
- PDF viewer takes full screen when active (hides tabs and toolbar)
- Compact modals with reduced font sizes
- Dark theme fixes for icons and dialogs
- Save/Save As options for PDF operations
- Improved PDF toolbar theming

Technical:
- Added isPdfViewerActive state tracking
- Proper PDF document lifecycle management
- Fixed hang issues when switching between PDF and markdown
- All dependencies are open-source (MIT, Apache 2.0, BSD)

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

.continue/mcpServers/new-mcp-server.yaml

@@ -0,0 +1,10 @@
+name: New MCP server
+version: 0.0.1
+schema: v1
+mcpServers:
+  - name: New MCP server
+    command: npx
+    args:
+      - -y
+      - <your-mcp-server>
+    env: {}

.gitignore

@@ -16,3 +16,16 @@ out/
 .npm/
 .electron/
 package-lock.json
+
+# Screenshots and temp files
+*.png.bak
+Screen.png
+dark.png
+light.png
+pdf.png
+uvmodal.png
+nul
+*.tmp
+
+# Development screenshots
+pdf\ modal.png

.prettierrc

@@ -0,0 +1,11 @@
+{
+  "semi": true,
+  "singleQuote": true,
+  "tabWidth": 2,
+  "useTabs": false,
+  "trailingComma": "es5",
+  "bracketSpacing": true,
+  "arrowParens": "always",
+  "printWidth": 100,
+  "endOfLine": "auto"
+}

.vs/ProjectSettings.json

@@ -0,0 +1,3 @@
+{
+  "CurrentProjectSetting": null
+}

.vs/VSWorkspaceState.json

@@ -0,0 +1,7 @@
+{
+  "ExpandedNodes": [
+    ""
+  ],
+  "SelectedNode": "\\package.json",
+  "PreviewInSolutionExplorer": false
+}

.vs/pan-converter/v17/DocumentLayout.backup.json

@@ -0,0 +1,41 @@
+{
+  "Version": 1,
+  "WorkspaceRootPath": "H:\\Development\\pan-converter\\",
+  "Documents": [
+    {
+      "AbsoluteMoniker": "D:0:0:{A2FE74E1-B743-11D0-AE1A-00A0C90FFFC3}|\u003CMiscFiles\u003E|H:\\Development\\pan-converter\\package.json||{90A6B3A7-C1A3-4009-A288-E2FF89E96FA0}",
+      "RelativeMoniker": "D:0:0:{A2FE74E1-B743-11D0-AE1A-00A0C90FFFC3}|\u003CMiscFiles\u003E|solutionrelative:package.json||{90A6B3A7-C1A3-4009-A288-E2FF89E96FA0}"
+    }
+  ],
+  "DocumentGroupContainers": [
+    {
+      "Orientation": 0,
+      "VerticalTabListWidth": 256,
+      "DocumentGroups": [
+        {
+          "DockedWidth": 200,
+          "SelectedChildIndex": 0,
+          "Children": [
+            {
+              "$type": "Document",
+              "DocumentIndex": 0,
+              "Title": "package.json",
+              "DocumentMoniker": "H:\\Development\\pan-converter\\package.json",
+              "RelativeDocumentMoniker": "package.json",
+              "ToolTip": "H:\\Development\\pan-converter\\package.json",
+              "RelativeToolTip": "package.json",
+              "ViewState": "AgIAAAAAAAAAAAAAAAAAAAsAAAAqAAAAAAAAAA==",
+              "Icon": "ae27a6b0-e345-4288-96df-5eaf394ee369.001642|",
+              "WhenOpened": "2025-10-11T13:44:30.357Z",
+              "EditorCaption": ""
+            },
+            {
+              "$type": "Bookmark",
+              "Name": "ST:0:0:{cce594b6-0c39-4442-ba28-10c64ac7e89f}"
+            }
+          ]
+        }
+      ]
+    }
+  ]
+}

.vs/pan-converter/v17/DocumentLayout.json

@@ -0,0 +1,41 @@
+{
+  "Version": 1,
+  "WorkspaceRootPath": "H:\\Development\\pan-converter\\",
+  "Documents": [
+    {
+      "AbsoluteMoniker": "D:0:0:{A2FE74E1-B743-11D0-AE1A-00A0C90FFFC3}|\u003CMiscFiles\u003E|H:\\Development\\pan-converter\\package.json||{90A6B3A7-C1A3-4009-A288-E2FF89E96FA0}",
+      "RelativeMoniker": "D:0:0:{A2FE74E1-B743-11D0-AE1A-00A0C90FFFC3}|\u003CMiscFiles\u003E|solutionrelative:package.json||{90A6B3A7-C1A3-4009-A288-E2FF89E96FA0}"
+    }
+  ],
+  "DocumentGroupContainers": [
+    {
+      "Orientation": 0,
+      "VerticalTabListWidth": 256,
+      "DocumentGroups": [
+        {
+          "DockedWidth": 200,
+          "SelectedChildIndex": 0,
+          "Children": [
+            {
+              "$type": "Document",
+              "DocumentIndex": 0,
+              "Title": "package.json",
+              "DocumentMoniker": "H:\\Development\\pan-converter\\package.json",
+              "RelativeDocumentMoniker": "package.json",
+              "ToolTip": "H:\\Development\\pan-converter\\package.json",
+              "RelativeToolTip": "package.json",
+              "ViewState": "AgIAAAAAAAAAAAAAAAAAAAsAAAAqAAAAAAAAAA==",
+              "Icon": "ae27a6b0-e345-4288-96df-5eaf394ee369.001642|",
+              "WhenOpened": "2025-10-11T13:44:30.357Z",
+              "EditorCaption": ""
+            },
+            {
+              "$type": "Bookmark",
+              "Name": "ST:0:0:{cce594b6-0c39-4442-ba28-10c64ac7e89f}"
+            }
+          ]
+        }
+      ]
+    }
+  ]
+}

EXPORT_FIX_SUMMARY.md

@@ -0,0 +1,103 @@
+# Export Functionality Fix - Summary
+
+## Issues Found and Fixed
+
+### 1. **Primary Issue: Pandoc Installation Problem**
+- **Problem**: Pandoc is installed but has a system error (paging file too small)
+- **Impact**: All pandoc-dependent exports (DOCX, LaTeX, etc.) were failing
+- **Solution**: Added robust fallback mechanisms
+
+### 2. **Export Function Improvements**
+
+#### Before (Issues):
+- ❌ No pandoc availability checking
+- ❌ Poor error messages
+- ❌ No fallback for missing pandoc
+- ❌ Limited debugging information
+
+#### After (Fixed):
+- ✅ **Pandoc Detection**: Automatically checks if pandoc is available
+- ✅ **Built-in HTML Export**: Works without pandoc using marked library
+- ✅ **Built-in PDF Export**: Works without pandoc using Electron's printToPDF
+- ✅ **Better Error Messages**: Clear instructions for users
+- ✅ **Comprehensive Logging**: Debug information in console
+- ✅ **Graceful Fallbacks**: Falls back to built-in converters when pandoc fails
+
+## How It Works Now
+
+### Export Process Flow:
+1. **User clicks export** → Check if file is saved
+2. **Select output location** → Show save dialog
+3. **Check pandoc availability** → Async pandoc detection
+4. **Choose export method**:
+   - **If pandoc available**: Use pandoc with format-specific options
+   - **If pandoc not available**: 
+     - HTML → Use built-in marked converter
+     - PDF → Use Electron's printToPDF
+     - Other formats → Show helpful error with installation guide
+
+### Supported Export Formats:
+
+#### ✅ **Always Work** (no pandoc required):
+- **HTML**: Built-in converter using marked library
+- **PDF**: Built-in converter using Electron
+
+#### ✅ **Work with Pandoc** (better quality):
+- **DOCX**: Microsoft Word format
+- **LaTeX**: LaTeX document
+- **RTF**: Rich Text Format  
+- **ODT**: OpenDocument Text
+- **EPUB**: E-book format
+- **PPTX**: PowerPoint presentations
+- **ODP**: OpenDocument Presentations
+
+## Testing the Fixes
+
+### Manual Test Procedure:
+1. **Start the application**: `npm start`
+2. **Open test file**: Load `test-export.md`
+3. **Test HTML export**: File → Export → HTML (should work)
+4. **Test PDF export**: File → Export → PDF (should work)
+5. **Test DOCX export**: File → Export → DOCX (will show pandoc error)
+
+### Expected Behavior:
+- **HTML/PDF exports**: Should work immediately and create files
+- **Other format exports**: Should show informative error about pandoc
+- **Console logs**: Should show debug information about export process
+
+## Fix Summary
+
+### Code Changes Made:
+1. **Added `checkPandocAvailability()` function** - Detects pandoc
+2. **Added `exportToHTML()` function** - Built-in HTML export
+3. **Added `exportToPDFElectron()` function** - Built-in PDF export
+4. **Added `exportWithPandoc()` helper** - Generic pandoc export
+5. **Added `exportWithPandocPDF()` helper** - PDF with fallbacks
+6. **Improved `exportFile()` function** - Main export logic with detection
+7. **Enhanced error handling** - Better user messages
+8. **Added comprehensive logging** - Debug information
+
+### Files Modified:
+- `src/main.js` - Enhanced export functionality
+- `test-export.md` - Created test file
+- `test-export-functionality.js` - Created test script
+
+## User Instructions
+
+### For Users Without Pandoc:
+- ✅ **HTML and PDF exports work perfectly**
+- ✅ **No additional software needed**
+- ✅ **Professional-looking output with proper styling**
+
+### For Users Who Want All Formats:
+1. **Install Pandoc**: Visit https://pandoc.org/installing.html
+2. **For PDF with LaTeX**: Also install MiKTeX or TeX Live
+3. **Restart the application** after installation
+4. **All export formats will then be available**
+
+## Result
+🎉 **Export functionality is now working reliably!**
+- Built-in exports (HTML, PDF) work without any dependencies
+- Clear error messages guide users for advanced formats
+- Robust error handling prevents crashes
+- Better user experience with informative dialogs

GEMINI.md

@@ -0,0 +1,82 @@
+# GEMINI.md
+
+## Project Overview
+
+This project is a cross-platform Markdown editor and converter named **PanConverter**. It is built using the Electron framework, allowing it to run on Windows, macOS, and Linux. The application provides a rich text editor for writing Markdown, a live preview pane, and robust export capabilities powered by Pandoc.
+
+The core technologies used are:
+- **Electron:** For creating the desktop application.
+- **JavaScript:** The primary programming language.
+- **Pandoc:** For converting Markdown to various formats like PDF, DOCX, HTML, etc.
+- **Marked:** For parsing and rendering the Markdown preview in real-time.
+- **CodeMirror:** As the underlying text editor component.
+- **highlight.js:** For syntax highlighting in the editor.
+- **DOMPurify:** To sanitize the HTML output in the preview pane for security.
+
+The application features a tabbed interface for working with multiple files, various themes, find and replace functionality, and detailed document statistics.
+
+## Building and Running
+
+To build and run this project locally, you will need to have Node.js and npm installed.
+
+### Installation
+
+1.  **Clone the repository:**
+    ```bash
+    git clone https://github.com/amitwh/pan-converter.git
+    cd pan-converter
+    ```
+
+2.  **Install dependencies:**
+    ```bash
+    npm install
+    ```
+
+### Running the Application
+
+To run the application in development mode, use the following command:
+
+```bash
+npm start
+```
+
+### Building the Application
+
+You can build the application for different platforms using the scripts defined in `package.json`.
+
+-   **Build for the current platform:**
+    ```bash
+    npm run build
+    ```
+
+-   **Build for a specific platform:**
+    ```bash
+    npm run build:win    # For Windows
+    npm run build:mac    # For macOS
+    npm run build:linux  # For Linux
+    ```
+
+-   **Build for all platforms at once:**
+    ```bash
+    npm run dist:all
+    ```
+
+The distributable files will be located in the `dist/` directory.
+
+### Testing
+
+The project does not have a dedicated test suite configured. The `test` script in `package.json` currently returns an error.
+
+```bash
+npm test
+```
+
+## Development Conventions
+
+-   **Code Style:** The codebase is written in JavaScript (ES6+). There is no linter or formatter configured, but the code generally follows standard JavaScript conventions.
+-   **Main vs. Renderer Process:** The application logic is split between the Electron main process (`src/main.js`) and the renderer process (`src/renderer.js`).
+    -   `src/main.js` handles window management, application menus, file system operations, and communication with the operating system.
+    -   `src/renderer.js` manages the user interface, editor functionality, and the Markdown preview.
+-   **Dependencies:** Project dependencies are managed through `package.json`. `devDependencies` are used for the build process, while `dependencies` are required for the application to run.
+-   **User Data:** The application stores settings and recent files in the user's application data directory.
+-   **Pandoc Integration:** The application relies on a system-installed version of Pandoc for its export functionality. It does not bundle Pandoc.

LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 Amit Haridas
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

PUSH_INSTRUCTIONS.md

@@ -1,95 +1,12 @@
-# Push Instructions for Pan Converter
+# Test Double-Click File Opening
 
-## Prerequisites
-1. Create a new repository on GitHub: https://github.com/new
-   - Repository name: `pan-converter`
-   - Keep it empty (no README, .gitignore, or license)
-   - Make it public or private as desired
+This is a test file to verify double-click functionality.
 
-2. Set up authentication:
-   - **Option A - SSH Key** (Recommended):
-     ```bash
-     # Check if you have SSH key
-     ls -la ~/.ssh/id_rsa.pub
+## Features to Test
+- File should load automatically
+- Content should display in editor
+- Tab should show filename
+- Preview should render markdown
 
-     # If not, generate one:
-     ssh-keygen -t rsa -b 4096 -C "your_email@example.com"
-     
-     # Add to GitHub: Settings > SSH and GPG keys > New SSH key
-     cat ~/.ssh/id_rsa.pub
-     ```
-   
-   - **Option B - Personal Access Token**:
-     - Go to GitHub Settings > Developer settings > Personal access tokens
-     - Generate new token with 'repo' scope
-     - Save the token securely
-
-## Push Commands
-
-### Using SSH (Recommended)
-```bash
-# Set SSH remote
-git remote set-url origin git@github.com:amitwh/pan-converter.git
-
-# Push all branches
-git push -u origin master
-git push origin linux
-git push origin macos
-git push origin windows
-```
-
-### Using HTTPS with Token
-```bash
-# Set HTTPS remote
-git remote set-url origin https://github.com/amitwh/pan-converter.git
-
-# Push all branches (you'll be prompted for username and token)
-git push -u origin master
-git push origin linux
-git push origin macos
-git push origin windows
-
-# When prompted:
-# Username: amitwh
-# Password: [paste your Personal Access Token]
-```
-
-### Using GitHub CLI (if installed)
-```bash
-# Login to GitHub CLI
-gh auth login
-
-# Create repo and push
-gh repo create pan-converter --public --source=. --remote=origin --push
-```
-
-## Automated Script
-```bash
-# Run the provided script
-./push-to-github.sh
-```
-
-## Verify Success
-After pushing, verify at: https://github.com/amitwh/pan-converter
-
-You should see:
-- 4 branches (master, linux, macos, windows)
-- All project files
-- Complete commit history
-
-## Troubleshooting
-
-### Authentication Failed
-- For SSH: Ensure your SSH key is added to GitHub
-- For HTTPS: Use Personal Access Token, not password
-- Check token has 'repo' scope
-
-### Repository Not Found
-- Ensure repository exists on GitHub
-- Check spelling: `pan-converter`
-- Verify you're logged into the correct GitHub account
-
-### Permission Denied
-- Check repository ownership
-- Ensure you have write access
-- Verify authentication method is correct
+**This text should be bold**
+*This text should be italic*

README.latex

@@ -0,0 +1,378 @@
+\hypertarget{panconverter}{%
+\section{PanConverter}\label{panconverter}}
+
+A cross-platform Markdown editor and converter powered by Pandoc.
+
+\begin{figure}
+\centering
+\includegraphics{assets/icon.png}
+\caption{PanConverter}
+\end{figure}
+
+\hypertarget{features}{%
+\subsection{Features}\label{features}}
+
+\hypertarget{advanced-markdown-editor}{%
+\subsubsection{✨ Advanced Markdown
+Editor}\label{advanced-markdown-editor}}
+
+\begin{itemize}
+\tightlist
+\item
+  🗂️ \textbf{Tabbed Interface} - Work with multiple files simultaneously
+  in separate tabs
+\item
+  📝 \textbf{Rich Text Editor} - Full-featured editor with syntax
+  highlighting and comprehensive toolbar
+\item
+  🔍 \textbf{Find \& Replace} - Powerful search and replace with match
+  highlighting and navigation
+\item
+  🔢 \textbf{Line Numbers} - Toggle line numbers for easier code editing
+  and navigation
+\item
+  ↩️ \textbf{Smart Auto-Indentation} - Automatic list continuation and
+  intelligent indentation
+\item
+  ⏪ \textbf{Undo/Redo} - Full undo/redo support with keyboard shortcuts
+\item
+  ⌨️ \textbf{Advanced Shortcuts} - Tab indentation, line selection, and
+  smart text formatting
+\item
+  📂 \textbf{File Association Support} - Open markdown files directly
+  from file manager
+\end{itemize}
+
+\hypertarget{themes-interface}{%
+\subsubsection{🎨 Themes \& Interface}\label{themes-interface}}
+
+\begin{itemize}
+\tightlist
+\item
+  👁️ \textbf{Live Preview} - See your markdown rendered in real-time
+  with synchronized scrolling
+\item
+  🎨 \textbf{Multiple Themes} - Choose from Light, Dark, Solarized,
+  Monokai, or GitHub themes
+\item
+  💾 \textbf{Auto-Save} - Never lose your work with automatic saving
+  every 30 seconds
+\end{itemize}
+
+\hypertarget{export-conversion}{%
+\subsubsection{📤 Export \& Conversion}\label{export-conversion}}
+
+\begin{itemize}
+\tightlist
+\item
+  📄 \textbf{Enhanced PDF Export} - Robust PDF generation with multiple
+  LaTeX engine fallbacks (XeLaTeX, PDFLaTeX, wkhtmltopdf)
+\item
+  📄 \textbf{Document Export} - Convert to HTML, DOCX, LaTeX, RTF, ODT,
+  EPUB, PowerPoint (PPTX), and OpenDocument Presentation (ODP)
+\item
+  📊 \textbf{Spreadsheet Export} - Export markdown tables to Excel
+  (XLSX/XLS) and OpenDocument Spreadsheet (ODS) formats
+\item
+  📥 \textbf{Document Import} - Import DOCX, ODT, RTF, HTML, PDF, and
+  presentation files to markdown
+\item
+  📋 \textbf{Table Creation Helper} - Built-in table generator for easy
+  markdown table creation
+\end{itemize}
+
+\hypertarget{platform-support}{%
+\subsubsection{🖥️ Platform Support}\label{platform-support}}
+
+\begin{itemize}
+\tightlist
+\item
+  \textbf{Cross-Platform} - Works seamlessly on Windows, macOS, and
+  Linux
+\end{itemize}
+
+\hypertarget{installation}{%
+\subsection{Installation}\label{installation}}
+
+\hypertarget{prerequisites}{%
+\subsubsection{Prerequisites}\label{prerequisites}}
+
+\begin{itemize}
+\tightlist
+\item
+  \href{https://pandoc.org/installing.html}{Pandoc} must be installed
+  for export functionality
+
+  \begin{itemize}
+  \tightlist
+  \item
+    \textbf{Ubuntu/Debian}: \texttt{sudo\ apt-get\ install\ pandoc}
+  \item
+    \textbf{macOS}: \texttt{brew\ install\ pandoc}
+  \item
+    \textbf{Windows}: Download installer from Pandoc website
+  \end{itemize}
+\end{itemize}
+
+\hypertarget{pdf-export-requirements}{%
+\subsubsection{PDF Export Requirements}\label{pdf-export-requirements}}
+
+For optimal PDF export, install a LaTeX engine (recommended): -
+\textbf{Ubuntu/Debian}:
+\texttt{sudo\ apt-get\ install\ texlive-xetex\ texlive-latex-base} -
+\textbf{macOS}: \texttt{brew\ install\ -\/-cask\ mactex} -
+\textbf{Windows}: Install MiKTeX or TeX Live - \textbf{Alternative}:
+\texttt{sudo\ apt-get\ install\ wkhtmltopdf} (fallback option)
+
+\hypertarget{download}{%
+\subsubsection{Download}\label{download}}
+
+Download the latest release for your platform from the
+\href{https://github.com/amitwh/pan-converter/releases}{Releases} page.
+
+\hypertarget{linux}{%
+\paragraph{Linux}\label{linux}}
+
+\begin{itemize}
+\tightlist
+\item
+  \textbf{AppImage}: \texttt{PanConverter-1.3.1.AppImage} (universal,
+  may require \texttt{-\/-no-sandbox} flag)
+\item
+  \textbf{Debian Package}: \texttt{pan-converter\_1.3.1\_amd64.deb}
+\item
+  \textbf{Snap Package}: \texttt{pan-converter\_1.3.1\_amd64.snap}
+\end{itemize}
+
+\hypertarget{install-from-source}{%
+\subsubsection{Install from Source}\label{install-from-source}}
+
+\begin{Shaded}
+\begin{Highlighting}[]
+\FunctionTok{git}\NormalTok{ clone https://github.com/amitwh/pan{-}converter.git}
+\BuiltInTok{cd}\NormalTok{ pan{-}converter}
+\ExtensionTok{npm}\NormalTok{ install}
+\ExtensionTok{npm}\NormalTok{ start}
+\end{Highlighting}
+\end{Shaded}
+
+\hypertarget{usage}{%
+\subsection{Usage}\label{usage}}
+
+\hypertarget{basic-workflow}{%
+\subsubsection{Basic Workflow}\label{basic-workflow}}
+
+\begin{enumerate}
+\def\labelenumi{\arabic{enumi}.}
+\tightlist
+\item
+  \textbf{Write} - Use the editor to write your Markdown content
+\item
+  \textbf{Preview} - Toggle the preview pane to see rendered output
+\item
+  \textbf{Theme} - Choose your preferred theme from the View menu
+\item
+  \textbf{Export} - Export your document to various formats
+\end{enumerate}
+
+\hypertarget{export-options}{%
+\subsubsection{Export Options}\label{export-options}}
+
+\begin{itemize}
+\tightlist
+\item
+  \textbf{Documents}: HTML, PDF, DOCX, LaTeX, RTF, ODT, EPUB
+\item
+  \textbf{Presentations}: PowerPoint (PPTX), OpenDocument Presentation
+  (ODP)
+\item
+  \textbf{Spreadsheets}: Excel (XLSX/XLS), OpenDocument Spreadsheet
+  (ODS)
+\end{itemize}
+
+\hypertarget{import-conversion}{%
+\subsubsection{Import \& Conversion}\label{import-conversion}}
+
+\begin{itemize}
+\tightlist
+\item
+  \textbf{Import Documents}: Convert DOCX, ODT, RTF, HTML, PDF, and
+  presentation files to Markdown
+\item
+  \textbf{Cross-Format Conversion}: Convert current file between
+  multiple formats
+\item
+  \textbf{Smart Presentation Handling}: Automatic slide-level formatting
+  for PPTX/ODP exports
+\end{itemize}
+
+\hypertarget{table-creation}{%
+\subsubsection{Table Creation}\label{table-creation}}
+
+\begin{itemize}
+\tightlist
+\item
+  Click the table button in the toolbar
+\item
+  Specify number of rows and columns
+\item
+  Automatically generates properly formatted Markdown tables
+\end{itemize}
+
+\hypertarget{keyboard-shortcuts}{%
+\subsection{Keyboard Shortcuts}\label{keyboard-shortcuts}}
+
+\hypertarget{file-operations}{%
+\subsubsection{File Operations}\label{file-operations}}
+
+\begin{itemize}
+\tightlist
+\item
+  \texttt{Ctrl/Cmd\ +\ N} - New file/tab
+\item
+  \texttt{Ctrl/Cmd\ +\ T} - New tab
+\item
+  \texttt{Ctrl/Cmd\ +\ W} - Close current tab
+\item
+  \texttt{Ctrl/Cmd\ +\ Tab} - Switch to next tab
+\item
+  \texttt{Ctrl/Cmd\ +\ O} - Open file
+\item
+  \texttt{Ctrl/Cmd\ +\ S} - Save file
+\item
+  \texttt{Ctrl/Cmd\ +\ Shift\ +\ S} - Save as
+\item
+  \texttt{Ctrl/Cmd\ +\ I} - Import document
+\end{itemize}
+
+\hypertarget{editor-features}{%
+\subsubsection{Editor Features}\label{editor-features}}
+
+\begin{itemize}
+\tightlist
+\item
+  \texttt{Ctrl/Cmd\ +\ F} - Find \& Replace
+\item
+  \texttt{Ctrl/Cmd\ +\ Z} - Undo
+\item
+  \texttt{Ctrl/Cmd\ +\ Shift\ +\ Z} - Redo
+\item
+  \texttt{Tab} - Indent lines or insert 4 spaces
+\item
+  \texttt{Shift\ +\ Tab} - Outdent selected lines
+\item
+  \texttt{Enter} - Auto-continue lists with proper indentation
+\end{itemize}
+
+\hypertarget{view-navigation}{%
+\subsubsection{View \& Navigation}\label{view-navigation}}
+
+\begin{itemize}
+\tightlist
+\item
+  \texttt{Ctrl/Cmd\ +\ P} - Toggle preview
+\item
+  \texttt{Ctrl/Cmd\ +\ Enter} - Toggle preview (alternative)
+\item
+  \texttt{Escape} - Close find dialog
+\end{itemize}
+
+\hypertarget{building}{%
+\subsection{Building}\label{building}}
+
+\begin{Shaded}
+\begin{Highlighting}[]
+\CommentTok{\# Install dependencies}
+\ExtensionTok{npm}\NormalTok{ install}
+
+\CommentTok{\# Generate icons}
+\ExtensionTok{npm}\NormalTok{ run generate{-}icons}
+
+\CommentTok{\# Build for current platform}
+\ExtensionTok{npm}\NormalTok{ run build}
+
+\CommentTok{\# Build for specific platform}
+\ExtensionTok{npm}\NormalTok{ run build:win    }\CommentTok{\# Windows}
+\ExtensionTok{npm}\NormalTok{ run build:mac    }\CommentTok{\# macOS  }
+\ExtensionTok{npm}\NormalTok{ run build:linux  }\CommentTok{\# Linux (generates .deb, .AppImage, and .snap)}
+
+\CommentTok{\# Build for all platforms}
+\ExtensionTok{npm}\NormalTok{ run dist:all}
+\end{Highlighting}
+\end{Shaded}
+
+\hypertarget{version-history}{%
+\subsection{Version History}\label{version-history}}
+
+\begin{itemize}
+\tightlist
+\item
+  \textbf{v1.3.1} - Bug fixes: Fixed file associations for
+  double-clicking .md files, corrected 50/50 layout alignment for
+  editor/preview panes
+\item
+  \textbf{v1.3.0} - Major update: Tabbed interface for multiple files,
+  enhanced PDF export with LaTeX engines, fixed file associations,
+  removed redundant converter menu, improved UI architecture
+\item
+  \textbf{v1.2.1} - Comprehensive editor enhancements: Find \& Replace,
+  Line Numbers, Undo/Redo, Auto-indentation, PowerPoint export, document
+  conversion menu, table creation helper, spreadsheet export
+\item
+  \textbf{v1.1.0} - Added Excel/ODS spreadsheet export, updated author
+  information, renamed to PanConverter
+\item
+  \textbf{v1.0.0} - Initial release with basic markdown editing, themes,
+  and Pandoc export
+\end{itemize}
+
+\hypertarget{known-issues}{%
+\subsection{Known Issues}\label{known-issues}}
+
+\begin{itemize}
+\tightlist
+\item
+  AppImage may require \texttt{-\/-no-sandbox} flag on some Linux
+  systems
+\item
+  Windows/Mac builds require platform-specific build environments
+\item
+  Large files may cause performance issues
+\end{itemize}
+
+\hypertarget{contributing}{%
+\subsection{Contributing}\label{contributing}}
+
+Contributions are welcome! Please feel free to submit a Pull Request to
+the \href{https://github.com/amitwh/pan-converter}{GitHub repository}.
+
+\hypertarget{license}{%
+\subsection{License}\label{license}}
+
+MIT License - see LICENSE file for details.
+
+\hypertarget{author}{%
+\subsection{Author}\label{author}}
+
+\textbf{Amit Haridas} -
+\href{mailto:amit.wh@gmail.com}{\nolinkurl{amit.wh@gmail.com}}
+
+\hypertarget{acknowledgments}{%
+\subsection{Acknowledgments}\label{acknowledgments}}
+
+\begin{itemize}
+\tightlist
+\item
+  Built with \href{https://www.electronjs.org/}{Electron}
+\item
+  Markdown parsing by \href{https://marked.js.org/}{marked}
+\item
+  Export functionality powered by \href{https://pandoc.org/}{Pandoc}
+\item
+  Syntax highlighting by \href{https://highlightjs.org/}{highlight.js}
+\item
+  Spreadsheet export by \href{https://www.npmjs.com/package/xlsx}{XLSX}
+\item
+  HTML sanitization by
+  \href{https://www.npmjs.com/package/dompurify}{DOMPurify}
+\end{itemize}

README.md

@@ -1,75 +1,162 @@
-# Pan Converter
+# MarkdownConverter
 
-A cross-platform Markdown editor and converter powered by Pandoc.
-
-![Pan Converter](assets/icon.png)
+A powerful cross-platform Markdown editor and document converter powered by Pandoc, built with Electron. 100% open-source with no proprietary dependencies.
 
 ## Features
 
-- 📝 **Rich Markdown Editor** - Full-featured editor with syntax highlighting
-- 👁️ **Live Preview** - See your markdown rendered in real-time
-- 🎨 **Multiple Themes** - Choose from Light, Dark, Solarized, Monokai, or GitHub themes
-- 📤 **Export to Multiple Formats** - Convert to HTML, PDF, DOCX, LaTeX, RTF, ODT, and EPUB
-- 💾 **Auto-Save** - Never lose your work with automatic saving
-- 🖥️ **Cross-Platform** - Works on Windows, macOS, and Linux
+### Markdown Editor
+- **Multi-tab editing** - Work on multiple files simultaneously
+- **Live preview** - Real-time markdown rendering with syntax highlighting
+- **Dynamic splitter** - Drag to resize editor and preview panes
+- **25+ themes** - Light and dark themes including Atom One Light, Dracula, Nord, Sepia, and more
+- **Find & Replace** - Search and replace with regex support
+- **Line numbers** - Toggle line numbers in the editor
+- **Auto-save** - Automatic saving every 30 seconds
+- **Math support** - KaTeX integration for mathematical expressions
+
+### PDF Viewer & Editor
+- **Built-in PDF viewer** - Open and view PDF files directly in the app
+- **Page navigation** - Navigate pages with keyboard or buttons
+- **Zoom controls** - Zoom in/out, fit to width, fit to page
+- **Rotation** - Rotate pages left or right
+- **PDF Editor tools**:
+  - Merge multiple PDFs
+  - Split PDFs by page range
+  - Compress PDFs
+  - Rotate pages
+  - Delete pages
+  - Reorder pages
+  - Add watermarks
+  - Password protection
+  - Remove passwords
+  - Set permissions
+
+### Export Options
+- **PDF** - Export to PDF with customizable page sizes and orientation
+- **DOCX** - Standard and Enhanced (template-based) Word export
+- **ODT** - OpenDocument format
+- **HTML** - Web-ready HTML export
+- **PowerPoint** - PPTX presentation export
+- **EPUB** - E-book format
+- **LaTeX** - Academic document format
+- **RTF** - Rich Text Format
+
+### Advanced Features
+- **Custom headers & footers** - Add headers/footers to exports with dynamic fields
+- **Page size configuration** - A3, A4, A5, B4, B5, Letter, Legal, Tabloid, or custom sizes
+- **Batch conversion** - Convert entire folders of markdown files
+- **ASCII Art Generator** - Create text banners and diagrams
+- **Word templates** - Use custom Word templates for enhanced exports
+- **Import documents** - Import from 30+ formats (DOCX, PDF, HTML, etc.)
 
 ## Installation
 
 ### Prerequisites
-- [Pandoc](https://pandoc.org/installing.html) must be installed for export functionality
+- [Node.js](https://nodejs.org/) (v16 or later)
+- [Pandoc](https://pandoc.org/installing.html) (required for export functionality)
 
-### Download
-Download the latest release for your platform from the [Releases](https://github.com/yourusername/pan-converter/releases) page.
-
-### Install from Source
+### Install Dependencies
 ```bash
-git clone https://github.com/yourusername/pan-converter.git
-cd pan-converter
 npm install
+```
+
+### Run the Application
+```bash
 npm start
 ```
 
-## Usage
+### Build for Distribution
+```bash
+# Windows
+npm run build:win
 
-1. **Write** - Use the editor to write your Markdown content
-2. **Preview** - Toggle the preview pane to see rendered output
-3. **Theme** - Choose your preferred theme from the View menu
-4. **Export** - Export your document to various formats via File > Export
+# macOS
+npm run build:mac
+
+# Linux
+npm run build:linux
+```
 
 ## Keyboard Shortcuts
 
-- `Ctrl/Cmd + N` - New file
-- `Ctrl/Cmd + O` - Open file
-- `Ctrl/Cmd + S` - Save file
-- `Ctrl/Cmd + Shift + S` - Save as
-- `Ctrl/Cmd + P` - Toggle preview
-- `Ctrl/Cmd + Enter` - Toggle preview (alternative)
+| Action | Shortcut |
+|--------|----------|
+| New File | Ctrl+N |
+| Open File | Ctrl+O |
+| Open PDF | Ctrl+Shift+O |
+| Save | Ctrl+S |
+| Save As | Ctrl+Shift+S |
+| Export | Ctrl+E |
+| Print | Ctrl+P |
+| Find | Ctrl+F |
+| Undo | Ctrl+Z |
+| Redo | Ctrl+Shift+Z |
+| New Tab | Ctrl+T |
+| Close Tab | Ctrl+W |
+| Toggle Preview | Ctrl+Shift+P |
+| Zoom In | Ctrl+Shift++ |
+| Zoom Out | Ctrl+Shift+- |
 
-## Building
+## Themes
 
-```bash
-# Build for current platform
-npm run build
+### Light Themes
+- Atom One Light (Default)
+- GitHub Light
+- Light
+- Solarized Light
+- Gruvbox Light
+- Ayu Light
+- Sepia
+- Paper
+- Rose Pine Dawn
+- Concrete Light
 
-# Build for specific platform
-npm run build:win
-npm run build:mac
-npm run build:linux
+### Dark Themes
+- Dark
+- One Dark
+- Dracula
+- Nord
+- Monokai
+- Material
+- Gruvbox Dark
+- Tokyo Night
+- Palenight
+- Ayu Dark
+- Ayu Mirage
+- Oceanic Next
+- Cobalt2
+- Concrete Dark
+- Concrete Warm
 
-# Build for all platforms
-npm run dist:all
-```
+## PDF Viewer
 
-## Contributing
+Open PDF files directly in MarkdownConverter:
+- **File > Open PDF** or **Ctrl+Shift+O**
+- Navigate pages with arrow buttons or page input
+- Zoom controls: +/- buttons, Fit Width, Fit Page
+- Rotate pages left or right
+- Close PDF to return to editor
 
-Contributions are welcome! Please feel free to submit a Pull Request.
+## Open Source
+
+MarkdownConverter is 100% open-source. All dependencies are permissively licensed:
+- **Electron** - MIT License
+- **pdf-lib** - MIT License
+- **pdfjs-dist** - Apache 2.0 License
+- **marked** - MIT License
+- **highlight.js** - BSD 3-Clause License
+- **dompurify** - Apache 2.0/MIT License
+- **docx** - MIT License
+- **xlsx** - Apache 2.0 License (SheetJS Community Edition)
 
 ## License
 
-MIT License - see LICENSE file for details
+MIT License - see LICENSE file for details.
 
-## Acknowledgments
+## Author
 
-- Built with [Electron](https://www.electronjs.org/)
-- Markdown parsing by [marked](https://marked.js.org/)
-- Export functionality powered by [Pandoc](https://pandoc.org/)
+Amit Haridas (amit.wh@gmail.com)
+
+## Version
+
+v3.0.0

UPDATES.md

@@ -0,0 +1,166 @@
+# PanConverter - Updates & Changelog
+
+## Version 2.1.0 (December 14, 2025)
+
+### 🎨 UI/UX Improvements
+
+#### Subtle & Small Preview Popout Button
+- Redesigned popout button with minimalist aesthetic
+- Removed border for cleaner appearance
+- Reduced size: 11px font, 2px×6px padding (previously 14px font, 4px×8px padding)
+- Added opacity transition: 50% when idle, 100% on hover
+- Subtle background effect on hover instead of heavy border styling
+- **File**: `src/styles.css:195-211`
+
+#### Simplified Table Headers in Preview
+- Removed gradient background from table headers in modern theme
+- Changed from `var(--primary-gradient)` (purple gradient) to simple light gray (#f0f0f0)
+- Updated text color to dark (#333333) for better readability
+- Clean, professional appearance matching standard themes
+- **File**: `src/styles-modern.css:445-449`
+
+### 📥 Enhanced Import Capabilities
+
+#### Comprehensive Format-to-Markdown Conversion
+Dramatically expanded the "Import Document" feature to support 30+ file formats:
+
+**Supported Formats:**
+- **Documents**: DOCX, ODT, RTF, HTML, HTM, TEX, EPUB, PDF, TXT
+- **Presentations**: PPTX, ODP
+- **Markup Languages**: RST, Textile, MediaWiki, Org-mode, AsciiDoc, TWiki, OPML
+- **E-book Formats**: EPUB, FB2
+- **LaTeX Formats**: TEX, LATEX, LTX
+- **Web Formats**: HTML, HTM, XHTML
+- **Wiki Formats**: MediaWiki, DokuWiki, TikiWiki, TWiki
+- **Data Formats**: CSV, TSV, JSON
+
+**Format-Specific Optimizations:**
+- PDF text extraction with XeLaTeX engine
+- CSV/TSV automatic table conversion
+- JSON structure handling
+- Improved error messages with format hints
+
+**Access**: File → Import Document (Ctrl+I)
+**File**: `src/main.js:1933-1994`
+
+### 🎨 Exhaustive ASCII Art Generator
+
+#### 5 New Text Banner Styles
+Complete alphabet (A-Z) and numbers (0-9) support for all styles:
+
+1. **Standard** - Classic ASCII art with slashes and underscores
+2. **Banner** - Large format using # characters (7-line height)
+3. **Block** - Modern Unicode block characters (█ ╔ ╗ ═ ║)
+4. **Bubble** - Circular bubble letters (Ⓐ Ⓑ Ⓒ)
+5. **Digital** - Digital display style (▄ ▀ ▐ ▌)
+
+**File**: `src/renderer.js:3397-3537`
+
+#### 19 Professional ASCII Templates
+Organized into 4 categories with expanded options:
+
+**Arrows & Flow (4 templates):**
+- Arrow Right - Horizontal flow indicators
+- Arrow Down - Vertical flow indicators
+- Decision - Binary decision diagrams
+- Process Flow - Multi-step process visualization
+
+**Diagrams & Charts (6 templates):**
+- Flowchart - Advanced flowchart with decision branches and loops
+- Sequence - Sequence diagrams for User-System-Database interactions
+- Network - Server-client network topology
+- Hierarchy - Organizational tree structures
+- Timeline - Milestone visualization with dates
+- Table Simple - Basic table template with borders
+
+**Boxes & Containers (4 templates):**
+- Header - Section header with decorative borders
+- Note Box - Important notes with rounded corners (┏━━┓)
+- Warning Box - Warning messages with bold borders (╔═══╗)
+- Info Box - Information boxes with subtle styling (╭───╮)
+
+**Decorative Elements (6 templates):**
+- Divider - Horizontal section separator (═══)
+- Separator Fancy - Elegant rounded divider
+- Brackets - Japanese-style brackets 【 】
+- Banner Stars - Star-bordered banners
+- Checklist - Task lists with ✓ checkmarks
+- Progress Bar - Visual progress indicators
+
+**Features:**
+- All ASCII art automatically wrapped in code blocks for proper rendering
+- Preserved formatting in markdown preview and all export formats
+- Categorized template selection interface
+- Real-time preview generation
+
+**Access**: Tools → ASCII Art Generator
+**Files**: `src/renderer.js:3513-3671`, `src/index.html:427-466`
+
+### 📝 Technical Improvements
+
+- Enhanced ASCII art detection in Word template exporter
+- Improved monospace font rendering across all export formats
+- Better code block preservation in PDF and Word exports
+- Optimized template categorization and organization
+
+### 🔧 Files Modified
+
+- `src/styles.css` - Preview popout button styling
+- `src/styles-modern.css` - Table header simplification
+- `src/main.js` - Enhanced import function, version update
+- `src/renderer.js` - ASCII art generator enhancements
+- `src/index.html` - ASCII template UI organization
+- `package.json` - Version bump to 2.1.0
+
+---
+
+## Version 2.0.0 (Previous Release)
+
+### Major Features
+- Export Profiles - Save and reuse export configurations
+- Mermaid.js diagram support
+- Command Palette (Ctrl+Shift+P)
+- GitHub Light/Dark preview themes
+- Table Generator
+- ASCII Art Generator (basic)
+- Resizable Preview Pane
+- Pop-out Preview Window
+- Configurable page sizes (A3-A5, B4-B5, Letter, Legal, Tabloid, Custom)
+- Custom Headers & Footers for exports
+- Enhanced PDF and Word export with templates
+- 22 beautiful themes
+
+### Core Capabilities
+- Cross-platform markdown editor with live preview
+- Universal document conversion (30+ formats)
+- PDF Editor (merge, split, compress, rotate, watermark, encrypt)
+- Batch file conversion
+- File association support
+- Advanced export options
+- Multi-tab interface
+
+---
+
+## Installation & Usage
+
+### Prerequisites
+- **Pandoc** - Required for document conversion
+- **Optional**: LibreOffice, ImageMagick, FFmpeg for universal converter
+
+### Download
+Get the latest release from: https://github.com/amitwh/pan-converter/releases
+
+### Supported Platforms
+- Windows (x64)
+- Linux (AppImage, .deb, .snap)
+- macOS (planned)
+
+---
+
+## Contributing
+
+Contributions are welcome! Please see [CLAUDE.md](CLAUDE.md) for development guidelines.
+
+**Author**: Amit Haridas (amit.wh@gmail.com)
+**License**: MIT
+**Repository**: https://github.com/amitwh/pan-converter

assets/icon.svg

@@ -1,8 +0,0 @@
-<svg width="256" height="256" viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg">
-  <rect width="256" height="256" rx="32" fill="#4A90E2"/>
-  <g transform="translate(40, 40)">
-    <path d="M20 40 L20 136 L80 136 L80 100 L56 100 L56 76 L80 76 L80 40 Z" fill="white" opacity="0.9"/>
-    <path d="M96 40 L96 136 L156 136 L156 100 L132 100 L132 88 L156 88 L156 52 L132 52 L132 40 Z" fill="white" opacity="0.9"/>
-  </g>
-  <text x="128" y="200" font-family="Arial, sans-serif" font-size="24" font-weight="bold" text-anchor="middle" fill="white">PAN</text>
-</svg>

eslint.config.js

@@ -0,0 +1,89 @@
+/**
+ * ESLint Configuration for PanConverter
+ * Uses flat config format (ESLint 9+)
+ */
+
+module.exports = [
+  {
+    // Global ignores
+    ignores: [
+      'node_modules/**',
+      'dist/**',
+      'coverage/**',
+      '*.min.js'
+    ]
+  },
+  {
+    // JavaScript files
+    files: ['**/*.js'],
+    languageOptions: {
+      ecmaVersion: 2022,
+      sourceType: 'module',
+      globals: {
+        // Node.js
+        require: 'readonly',
+        module: 'readonly',
+        exports: 'readonly',
+        __dirname: 'readonly',
+        __filename: 'readonly',
+        process: 'readonly',
+        Buffer: 'readonly',
+        console: 'readonly',
+        setTimeout: 'readonly',
+        setInterval: 'readonly',
+        clearTimeout: 'readonly',
+        clearInterval: 'readonly',
+        // Browser
+        window: 'readonly',
+        document: 'readonly',
+        localStorage: 'readonly',
+        alert: 'readonly',
+        Event: 'readonly',
+        CustomEvent: 'readonly',
+        HTMLElement: 'readonly',
+        MutationObserver: 'readonly',
+        // Electron
+        electronAPI: 'readonly',
+        // Libraries
+        marked: 'readonly',
+        DOMPurify: 'readonly',
+        hljs: 'readonly',
+        mermaid: 'readonly',
+        // Jest
+        jest: 'readonly',
+        describe: 'readonly',
+        test: 'readonly',
+        expect: 'readonly',
+        beforeEach: 'readonly',
+        afterEach: 'readonly',
+        beforeAll: 'readonly',
+        afterAll: 'readonly'
+      }
+    },
+    rules: {
+      // Error prevention
+      'no-unused-vars': ['warn', { argsIgnorePattern: '^_' }],
+      'no-undef': 'error',
+      'no-console': 'off', // Allow console for Electron apps
+
+      // Code quality
+      'eqeqeq': ['warn', 'always'],
+      'no-var': 'warn',
+      'prefer-const': 'warn',
+
+      // Style (handled by Prettier)
+      'semi': 'off',
+      'quotes': 'off',
+      'indent': 'off',
+
+      // Async handling
+      'no-async-promise-executor': 'warn',
+      'require-await': 'off',
+
+      // Security
+      'no-eval': 'error',
+      'no-implied-eval': 'error',
+      'no-new-func': 'error'
+    }
+  }
+];

jest.config.js

@@ -0,0 +1,59 @@
+/**
+ * Jest Configuration for PanConverter
+ * @version 2.2.0
+ */
+
+module.exports = {
+  // Test environment
+  testEnvironment: 'jsdom',
+
+  // Root directory
+  rootDir: '.',
+
+  // Test file patterns
+  testMatch: [
+    '**/tests/**/*.test.js',
+    '**/tests/**/*.spec.js'
+  ],
+
+  // Coverage configuration
+  collectCoverageFrom: [
+    'src/**/*.js',
+    '!src/main.js', // Main process needs electron-mock
+    '!**/node_modules/**'
+  ],
+
+  // Coverage thresholds (start low, increase over time)
+  coverageThreshold: {
+    global: {
+      branches: 10,
+      functions: 10,
+      lines: 10,
+      statements: 10
+    }
+  },
+
+  // Transform settings (no transpilation needed for vanilla JS)
+  transform: {},
+
+  // Module paths
+  moduleDirectories: ['node_modules', 'src'],
+
+  // Setup files
+  setupFilesAfterEnv: ['<rootDir>/tests/setup.js'],
+
+  // Ignore patterns
+  testPathIgnorePatterns: [
+    '/node_modules/',
+    '/dist/'
+  ],
+
+  // Verbose output
+  verbose: true,
+
+  // Clear mocks between tests
+  clearMocks: true,
+
+  // Reset modules between tests
+  resetModules: true
+};

package.json

@@ -1,69 +1,182 @@
 {
-  "name": "pan-converter",
-  "version": "1.0.0",
-  "description": "Cross-platform Markdown editor and converter using Pandoc",
+  "name": "markdown-converter",
+  "version": "3.0.0",
+  "description": "Professional Markdown editor and universal file converter with PDF editing, batch processing, and syntax highlighting",
   "main": "src/main.js",
   "scripts": {
     "start": "electron .",
-    "test": "echo \"Error: no test specified\" && exit 1",
+    "test": "jest",
+    "test:watch": "jest --watch",
+    "test:coverage": "jest --coverage",
+    "lint": "eslint src tests",
+    "lint:fix": "eslint src tests --fix",
+    "format": "prettier --write src tests",
+    "format:check": "prettier --check src tests",
     "build": "electron-builder",
     "build:win": "electron-builder --win",
+    "build:win-signed": "cross-env CSC_LINK=code-signing-cert.pfx CSC_KEY_PASSWORD=%CSC_KEY_PASSWORD% electron-builder --win",
+    "build:win-unsigned": "cross-env CSC_IDENTITY_AUTO_DISCOVERY=false electron-builder --win",
     "build:mac": "electron-builder --mac",
     "build:linux": "electron-builder --linux",
     "dist": "electron-builder --publish=never",
     "dist:all": "electron-builder -mwl",
     "generate-icons": "node scripts/generate-icons.js"
   },
-  "keywords": ["markdown", "pandoc", "converter", "editor"],
-  "author": "Your Name",
+  "keywords": [
+    "markdown",
+    "pandoc",
+    "converter",
+    "editor",
+    "pdf",
+    "audio",
+    "video",
+    "image"
+  ],
+  "author": "ConcreteInfo <amit.wh@gmail.com>",
   "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/amitwh/markdown-converter"
+  },
   "devDependencies": {
+    "@testing-library/dom": "^10.4.1",
+    "cross-env": "^10.0.0",
     "electron": "^37.4.0",
     "electron-builder": "^26.0.12",
+    "eslint": "^9.39.2",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-prettier": "^5.5.4",
+    "jest": "^30.2.0",
+    "jest-environment-jsdom": "^30.2.0",
+    "prettier": "^3.7.4",
     "sharp": "^0.34.3"
   },
   "dependencies": {
     "codemirror": "^6.0.2",
+    "core-util-is": "^1.0.3",
+    "docx": "^9.5.1",
+    "docx4js": "^3.3.0",
     "dompurify": "^3.2.6",
     "electron-store": "^10.1.0",
     "highlight.js": "^11.11.1",
-    "marked": "^16.2.1"
+    "html2pdf.js": "^0.10.1",
+    "marked": "^16.2.1",
+    "pdf-lib": "^1.17.1",
+    "pdfjs-dist": "^3.11.174",
+    "pdfkit": "^0.14.0",
+    "pizzip": "^3.2.0",
+    "tslib": "^2.8.1",
+    "xlsx": "^0.18.5"
   },
   "build": {
-    "appId": "com.panconverter.app",
-    "productName": "Pan Converter",
+    "appId": "com.concreteinfo.markdownconverter",
+    "productName": "MarkdownConverter",
     "directories": {
       "output": "dist"
     },
+    "icon": "assets/icon",
     "files": [
       "src/**/*",
       "assets/**/*",
+      "scripts/**/*",
       "node_modules/**/*",
       "package.json"
     ],
+    "fileAssociations": [
+      {
+        "ext": "md",
+        "name": "Markdown Document",
+        "description": "Markdown Document",
+        "mimeType": "text/markdown",
+        "role": "Editor"
+      },
+      {
+        "ext": "markdown",
+        "name": "Markdown Document",
+        "description": "Markdown Document",
+        "mimeType": "text/markdown",
+        "role": "Editor"
+      },
+      {
+        "ext": "pdf",
+        "name": "PDF Document",
+        "description": "PDF Document",
+        "mimeType": "application/pdf",
+        "role": "Editor"
+      }
+    ],
     "mac": {
       "category": "public.app-category.productivity",
-      "icon": "assets/icon.icns"
+      "identity": null
     },
     "win": {
-      "target": "nsis",
-      "icon": "assets/icon.ico"
+      "target": [
+        {
+          "target": "nsis",
+          "arch": [
+            "x64"
+          ]
+        },
+        {
+          "target": "portable",
+          "arch": [
+            "x64"
+          ]
+        },
+        {
+          "target": "zip",
+          "arch": [
+            "x64"
+          ]
+        }
+      ],
+      "artifactName": "${productName}-${version}-${arch}.${ext}",
+      "requestedExecutionLevel": "asInvoker",
+      "signAndEditExecutable": false
+    },
+    "nsis": {
+      "oneClick": false,
+      "perMachine": false,
+      "allowToChangeInstallationDirectory": true,
+      "displayLanguageSelector": true,
+      "createDesktopShortcut": true,
+      "createStartMenuShortcut": true,
+      "shortcutName": "MarkdownConverter",
+      "runAfterFinish": true,
+      "menuCategory": "Productivity",
+      "license": "LICENSE",
+      "warningsAsErrors": false,
+      "artifactName": "${productName}-Setup-${version}.${ext}",
+      "deleteAppDataOnUninstall": false,
+      "differentialPackage": true
     },
     "linux": {
       "target": [
         "deb",
         "AppImage",
-        "snap"
+        "snap",
+        "rpm"
       ],
       "category": "Utility",
-      "icon": "assets/icon.png"
+      "maintainer": "ConcreteInfo <amit.wh@gmail.com>"
     },
     "deb": {
       "depends": [
-        "pandoc"
+        "pandoc",
+        "ffmpeg",
+        "imagemagick",
+        "libreoffice-common"
       ],
-      "description": "Markdown editor and converter using Pandoc",
-      "maintainer": "Your Name <your.email@example.com>"
+      "description": "Professional Markdown editor and universal file converter",
+      "maintainer": "ConcreteInfo <amit.wh@gmail.com>"
+    },
+    "rpm": {
+      "depends": [
+        "pandoc",
+        "ffmpeg",
+        "ImageMagick",
+        "libreoffice-core"
+      ]
     }
   }
 }

scripts/README.md

@@ -0,0 +1,116 @@
+# PanConverter Windows Explorer Context Menu Integration
+
+This directory contains scripts to add PanConverter to the Windows Explorer context menu, allowing you to right-click on files and convert them directly without opening the full application.
+
+## Features
+
+### Context Menu Options
+- **Convert with PanConverter**: Shows a format selection dialog for any supported file
+- **PanConverter > Convert to...**: Direct conversion options (for Markdown files)
+  - PDF
+  - HTML  
+  - DOCX
+  - LaTeX
+  - PowerPoint
+
+### Supported File Types
+- **Markdown**: `.md`, `.markdown`
+- **HTML**: `.html`, `.htm`
+- **Documents**: `.docx`, `.odt`, `.rtf`
+- **LaTeX**: `.tex`
+- **PDF**: `.pdf`
+- **Presentations**: `.pptx`, `.ppt`, `.odp`
+
+## Installation Methods
+
+### Method 1: Automatic (During PanConverter Installation)
+When installing PanConverter using the Windows installer, you'll be prompted to install context menu integration automatically.
+
+### Method 2: Manual Installation
+
+#### Using PowerShell (Recommended)
+1. Right-click on `install-context-menu.ps1`
+2. Select "Run with PowerShell"
+3. Follow the prompts (will request administrator privileges)
+
+#### Using Batch File
+1. Right-click on `install-context-menu.bat`
+2. Select "Run as administrator"
+3. Follow the prompts
+
+#### Using Registry File Directly
+1. Right-click on `install-context-menu.reg`
+2. Select "Merge" 
+3. Confirm the registry modification
+
+## Uninstallation
+
+### Using PowerShell
+```powershell
+.\install-context-menu.ps1 -Uninstall
+```
+
+### Using Batch File
+Run `uninstall-context-menu.bat` as administrator
+
+### Using Registry File
+Run `uninstall-context-menu.reg`
+
+## How It Works
+
+### Command Line Interface
+The context menu integration works by passing command line arguments to PanConverter:
+
+- `--convert <file>`: Shows conversion dialog for the specified file
+- `--convert-to <format> <file>`: Directly converts to the specified format
+
+### Examples
+```batch
+# Show conversion dialog
+PanConverter.exe --convert "document.md"
+
+# Direct conversion to PDF
+PanConverter.exe --convert-to pdf "document.md"
+```
+
+### Conversion Process
+1. PanConverter reads the input file
+2. Creates a temporary file if needed
+3. Uses Pandoc to convert to the target format
+4. Saves the output in the same directory as the input file
+5. Shows a Windows notification when complete
+
+## Requirements
+
+- PanConverter must be installed in the default location: `%LOCALAPPDATA%\Programs\PanConverter\`
+- Pandoc must be installed and accessible from the command line
+- Administrator privileges required for registry modifications
+
+## Troubleshooting
+
+### Context Menu Not Appearing
+1. Ensure you ran the installation script as administrator
+2. Try logging out and back in, or restart Windows Explorer
+3. Check if PanConverter is installed in the expected location
+
+### Conversion Failures
+1. Verify Pandoc is installed: `pandoc --version`
+2. Check if the input file is not corrupted or locked
+3. Ensure you have write permissions in the output directory
+
+### Permission Errors
+- The installation scripts require administrator privileges to modify the registry
+- If you get permission errors, right-click and "Run as administrator"
+
+## File Descriptions
+
+- `install-context-menu.reg`: Registry entries for context menu
+- `uninstall-context-menu.reg`: Registry entries removal
+- `install-context-menu.ps1`: PowerShell installation script
+- `install-context-menu.bat`: Batch installation script  
+- `uninstall-context-menu.bat`: Batch uninstallation script
+- `nsis-installer.nsh`: NSIS installer integration script
+
+## Security Note
+
+The scripts modify the Windows registry to add context menu entries. Only run these scripts if you trust the source and understand the changes being made to your system.

scripts/generate-icons.js

@@ -1,43 +1,82 @@
+/**
+ * Icon Generator for MarkdownConverter
+ * Generates all required icon sizes from NewIcon.jpg
+ */
+
 const sharp = require('sharp');
 const fs = require('fs');
 const path = require('path');
 
-const sizes = {
-    'icon.png': 512,
-    'icon@2x.png': 1024,
-    'icon.ico': 256,
-    'icon.icns': 512
-};
+// Source image
+const sourceImage = path.join(__dirname, '..', 'assets', 'docico1.png');
+const assetsDir = path.join(__dirname, '..', 'assets');
 
-const svgPath = path.join(__dirname, '..', 'assets', 'icon.svg');
-const svgBuffer = fs.readFileSync(svgPath);
+// Icon sizes needed for different platforms
+const iconSizes = [16, 24, 32, 48, 64, 128, 256, 512, 1024];
 
 async function generateIcons() {
-    for (const [filename, size] of Object.entries(sizes)) {
-        const outputPath = path.join(__dirname, '..', 'assets', filename);
+  console.log('Generating icons from docico1.png...');
 
-        if (filename.endsWith('.png')) {
-            await sharp(svgBuffer)
-                .resize(size, size)
-                .png()
-                .toFile(outputPath);
-            console.log(`Generated ${filename}`);
-        } else if (filename.endsWith('.ico')) {
-            // For ICO, we'll just use the PNG version
-            await sharp(svgBuffer)
-                .resize(size, size)
-                .png()
-                .toFile(outputPath.replace('.ico', '.png'));
-            console.log(`Generated ${filename.replace('.ico', '.png')} (use png2ico to convert)`);
-        } else if (filename.endsWith('.icns')) {
-            // For ICNS, we'll just use the PNG version
-            await sharp(svgBuffer)
-                .resize(size, size)
-                .png()
-                .toFile(outputPath.replace('.icns', '.png'));
-            console.log(`Generated ${filename.replace('.icns', '.png')} (use png2icns to convert)`);
-        }
+  // Check if source exists
+  if (!fs.existsSync(sourceImage)) {
+    console.error('Source image not found:', sourceImage);
+    process.exit(1);
+  }
+
+  try {
+    // Generate main icon.png (512x512)
+    await sharp(sourceImage)
+      .resize(512, 512, { fit: 'contain', background: { r: 255, g: 255, b: 255, alpha: 0 } })
+      .png()
+      .toFile(path.join(assetsDir, 'icon.png'));
+    console.log('Generated icon.png (512x512)');
+
+    // Generate icon@2x.png (1024x1024)
+    await sharp(sourceImage)
+      .resize(1024, 1024, { fit: 'contain', background: { r: 255, g: 255, b: 255, alpha: 0 } })
+      .png()
+      .toFile(path.join(assetsDir, 'icon@2x.png'));
+    console.log('Generated icon@2x.png (1024x1024)');
+
+    // Create icons directory for multi-size icons
+    const iconsDir = path.join(assetsDir, 'icons');
+    if (!fs.existsSync(iconsDir)) {
+      fs.mkdirSync(iconsDir, { recursive: true });
     }
+
+    // Generate all sizes
+    for (const size of iconSizes) {
+      await sharp(sourceImage)
+        .resize(size, size, { fit: 'contain', background: { r: 255, g: 255, b: 255, alpha: 0 } })
+        .png()
+        .toFile(path.join(iconsDir, `${size}x${size}.png`));
+      console.log(`Generated icons/${size}x${size}.png`);
+    }
+
+    // Generate favicon
+    await sharp(sourceImage)
+      .resize(32, 32, { fit: 'contain', background: { r: 255, g: 255, b: 255, alpha: 0 } })
+      .png()
+      .toFile(path.join(assetsDir, 'favicon.png'));
+    console.log('Generated favicon.png (32x32)');
+
+    // Generate tray icon (smaller, for system tray)
+    await sharp(sourceImage)
+      .resize(24, 24, { fit: 'contain', background: { r: 255, g: 255, b: 255, alpha: 0 } })
+      .png()
+      .toFile(path.join(assetsDir, 'tray-icon.png'));
+    console.log('Generated tray-icon.png (24x24)');
+
+    console.log('\nIcon generation complete!');
+    console.log('\nFor Windows .ico file, use an online converter or:');
+    console.log('  magick convert assets/icons/*.png assets/icon.ico');
+    console.log('\nFor macOS .icns file, use:');
+    console.log('  iconutil -c icns assets/icon.iconset -o assets/icon.icns');
+
+  } catch (error) {
+    console.error('Error generating icons:', error);
+    process.exit(1);
+  }
 }
 
-generateIcons().catch(console.error);
+generateIcons();

scripts/install-context-menu.bat

@@ -0,0 +1,48 @@
+@echo off
+echo PanConverter Context Menu Installation
+echo =====================================
+echo.
+
+REM Check for administrator privileges
+net session >nul 2>&1
+if %errorLevel% == 0 (
+    echo Running with administrator privileges...
+) else (
+    echo This script requires administrator privileges.
+    echo Please right-click and select "Run as administrator"
+    echo.
+    pause
+    exit /b 1
+)
+
+REM Check if PanConverter is installed
+if not exist "%LOCALAPPDATA%\Programs\PanConverter\PanConverter.exe" (
+    echo Warning: PanConverter not found at the expected location.
+    echo Please ensure PanConverter is installed before continuing.
+    echo Expected location: %LOCALAPPDATA%\Programs\PanConverter\PanConverter.exe
+    echo.
+    set /p continue="Continue anyway? (y/N): "
+    if /i not "%continue%"=="y" exit /b 1
+)
+
+echo Installing context menu entries...
+reg import "%~dp0install-context-menu.reg"
+
+if %errorLevel% == 0 (
+    echo.
+    echo Context menu integration installed successfully!
+    echo.
+    echo You can now right-click on supported files and select:
+    echo • "Convert with PanConverter" - Shows conversion dialog  
+    echo • "PanConverter > Convert to..." - Direct conversion ^(for Markdown^)
+    echo.
+    echo Supported file types:
+    echo .md .markdown .html .htm .docx .odt .rtf .tex .pdf .pptx .ppt .odp
+) else (
+    echo.
+    echo Failed to install context menu entries.
+    echo Please check that the registry file exists and try again.
+)
+
+echo.
+pause

scripts/install-context-menu.ps1

@@ -0,0 +1,67 @@
+# PanConverter Context Menu Installation Script
+# This script installs PanConverter context menu integration for Windows Explorer
+
+param(
+    [switch]$Uninstall = $false
+)
+
+# Check if running as administrator
+if (-NOT ([Security.Principal.WindowsPrincipal] [Security.Principal.WindowsIdentity]::GetCurrent()).IsInRole([Security.Principal.WindowsBuiltInRole] "Administrator")) {
+    Write-Host "This script requires Administrator privileges. Restarting with elevated permissions..." -ForegroundColor Yellow
+    Start-Process PowerShell -Verb RunAs "-File `"$PSCommandPath`" $(if ($Uninstall) { '-Uninstall' })"
+    exit
+}
+
+$scriptDir = Split-Path -Parent $MyInvocation.MyCommand.Path
+$appPath = "${env:LOCALAPPDATA}\Programs\PanConverter\PanConverter.exe"
+
+if ($Uninstall) {
+    Write-Host "Uninstalling PanConverter context menu integration..." -ForegroundColor Yellow
+    $regFile = Join-Path $scriptDir "uninstall-context-menu.reg"
+    
+    if (Test-Path $regFile) {
+        reg import $regFile
+        if ($LASTEXITCODE -eq 0) {
+            Write-Host "PanConverter context menu has been successfully removed!" -ForegroundColor Green
+        } else {
+            Write-Host "Failed to remove context menu entries." -ForegroundColor Red
+        }
+    } else {
+        Write-Host "Uninstall registry file not found: $regFile" -ForegroundColor Red
+    }
+} else {
+    Write-Host "Installing PanConverter context menu integration..." -ForegroundColor Yellow
+    
+    # Check if PanConverter is installed
+    if (-not (Test-Path $appPath)) {
+        Write-Host "Warning: PanConverter executable not found at: $appPath" -ForegroundColor Yellow
+        Write-Host "Please make sure PanConverter is installed before running this script." -ForegroundColor Yellow
+        $continue = Read-Host "Continue anyway? (y/N)"
+        if ($continue -ne 'y' -and $continue -ne 'Y') {
+            exit
+        }
+    }
+    
+    $regFile = Join-Path $scriptDir "install-context-menu.reg"
+    
+    if (Test-Path $regFile) {
+        reg import $regFile
+        if ($LASTEXITCODE -eq 0) {
+            Write-Host "PanConverter context menu has been successfully installed!" -ForegroundColor Green
+            Write-Host "" 
+            Write-Host "You can now right-click on supported files (MD, HTML, DOCX, PDF, etc.) and select:" -ForegroundColor Cyan
+            Write-Host "• 'Convert with PanConverter' - Shows conversion dialog" -ForegroundColor Cyan
+            Write-Host "• 'PanConverter > Convert to...' - Direct conversion options (for Markdown files)" -ForegroundColor Cyan
+            Write-Host ""
+            Write-Host "Supported file types: .md, .markdown, .html, .htm, .docx, .odt, .rtf, .tex, .pdf, .pptx, .ppt, .odp" -ForegroundColor Gray
+        } else {
+            Write-Host "Failed to install context menu entries." -ForegroundColor Red
+        }
+    } else {
+        Write-Host "Install registry file not found: $regFile" -ForegroundColor Red
+    }
+}
+
+Write-Host ""
+Write-Host "Press any key to exit..."
+$null = $Host.UI.RawUI.ReadKey("NoEcho,IncludeKeyDown")

scripts/install-context-menu.reg

@@ -0,0 +1,134 @@
+Windows Registry Editor Version 5.00
+
+; PanConverter Context Menu Integration
+; This registry file adds context menu options for converting files using PanConverter
+
+; Add context menu for Markdown files (.md, .markdown)
+[HKEY_CLASSES_ROOT\.md\shell\PanConverter]
+@="Convert with PanConverter"
+"Icon"="\"%LOCALAPPDATA%\\Programs\\PanConverter\\PanConverter.exe\""
+
+[HKEY_CLASSES_ROOT\.md\shell\PanConverter\command]
+@="\"%LOCALAPPDATA%\\Programs\\PanConverter\\PanConverter.exe\" --convert \"%1\""
+
+[HKEY_CLASSES_ROOT\.markdown\shell\PanConverter]
+@="Convert with PanConverter"
+"Icon"="\"%LOCALAPPDATA%\\Programs\\PanConverter\\PanConverter.exe\""
+
+[HKEY_CLASSES_ROOT\.markdown\shell\PanConverter\command]
+@="\"%LOCALAPPDATA%\\Programs\\PanConverter\\PanConverter.exe\" --convert \"%1\""
+
+; Add context menu for HTML files
+[HKEY_CLASSES_ROOT\.html\shell\PanConverter]
+@="Convert with PanConverter"
+"Icon"="\"%LOCALAPPDATA%\\Programs\\PanConverter\\PanConverter.exe\""
+
+[HKEY_CLASSES_ROOT\.html\shell\PanConverter\command]
+@="\"%LOCALAPPDATA%\\Programs\\PanConverter\\PanConverter.exe\" --convert \"%1\""
+
+[HKEY_CLASSES_ROOT\.htm\shell\PanConverter]
+@="Convert with PanConverter"
+"Icon"="\"%LOCALAPPDATA%\\Programs\\PanConverter\\PanConverter.exe\""
+
+[HKEY_CLASSES_ROOT\.htm\shell\PanConverter\command]
+@="\"%LOCALAPPDATA%\\Programs\\PanConverter\\PanConverter.exe\" --convert \"%1\""
+
+; Add context menu for DOCX files
+[HKEY_CLASSES_ROOT\.docx\shell\PanConverter]
+@="Convert with PanConverter"
+"Icon"="\"%LOCALAPPDATA%\\Programs\\PanConverter\\PanConverter.exe\""
+
+[HKEY_CLASSES_ROOT\.docx\shell\PanConverter\command]
+@="\"%LOCALAPPDATA%\\Programs\\PanConverter\\PanConverter.exe\" --convert \"%1\""
+
+; Add context menu for ODT files
+[HKEY_CLASSES_ROOT\.odt\shell\PanConverter]
+@="Convert with PanConverter"
+"Icon"="\"%LOCALAPPDATA%\\Programs\\PanConverter\\PanConverter.exe\""
+
+[HKEY_CLASSES_ROOT\.odt\shell\PanConverter\command]
+@="\"%LOCALAPPDATA%\\Programs\\PanConverter\\PanConverter.exe\" --convert \"%1\""
+
+; Add context menu for RTF files
+[HKEY_CLASSES_ROOT\.rtf\shell\PanConverter]
+@="Convert with PanConverter"
+"Icon"="\"%LOCALAPPDATA%\\Programs\\PanConverter\\PanConverter.exe\""
+
+[HKEY_CLASSES_ROOT\.rtf\shell\PanConverter\command]
+@="\"%LOCALAPPDATA%\\Programs\\PanConverter\\PanConverter.exe\" --convert \"%1\""
+
+; Add context menu for LaTeX files
+[HKEY_CLASSES_ROOT\.tex\shell\PanConverter]
+@="Convert with PanConverter"
+"Icon"="\"%LOCALAPPDATA%\\Programs\\PanConverter\\PanConverter.exe\""
+
+[HKEY_CLASSES_ROOT\.tex\shell\PanConverter\command]
+@="\"%LOCALAPPDATA%\\Programs\\PanConverter\\PanConverter.exe\" --convert \"%1\""
+
+; Add context menu for PDF files
+[HKEY_CLASSES_ROOT\.pdf\shell\PanConverter]
+@="Convert with PanConverter"
+"Icon"="\"%LOCALAPPDATA%\\Programs\\PanConverter\\PanConverter.exe\""
+
+[HKEY_CLASSES_ROOT\.pdf\shell\PanConverter\command]
+@="\"%LOCALAPPDATA%\\Programs\\PanConverter\\PanConverter.exe\" --convert \"%1\""
+
+; Add context menu for PowerPoint files
+[HKEY_CLASSES_ROOT\.pptx\shell\PanConverter]
+@="Convert with PanConverter"
+"Icon"="\"%LOCALAPPDATA%\\Programs\\PanConverter\\PanConverter.exe\""
+
+[HKEY_CLASSES_ROOT\.pptx\shell\PanConverter\command]
+@="\"%LOCALAPPDATA%\\Programs\\PanConverter\\PanConverter.exe\" --convert \"%1\""
+
+[HKEY_CLASSES_ROOT\.ppt\shell\PanConverter]
+@="Convert with PanConverter"
+"Icon"="\"%LOCALAPPDATA%\\Programs\\PanConverter\\PanConverter.exe\""
+
+[HKEY_CLASSES_ROOT\.ppt\shell\PanConverter\command]
+@="\"%LOCALAPPDATA%\\Programs\\PanConverter\\PanConverter.exe\" --convert \"%1\""
+
+; Add context menu for OpenDocument Presentation files
+[HKEY_CLASSES_ROOT\.odp\shell\PanConverter]
+@="Convert with PanConverter"
+"Icon"="\"%LOCALAPPDATA%\\Programs\\PanConverter\\PanConverter.exe\""
+
+[HKEY_CLASSES_ROOT\.odp\shell\PanConverter\command]
+@="\"%LOCALAPPDATA%\\Programs\\PanConverter\\PanConverter.exe\" --convert \"%1\""
+
+; Add submenu with specific conversion options for Markdown files
+[HKEY_CLASSES_ROOT\.md\shell\PanConverterMenu]
+@="PanConverter"
+"MUIVerb"="Convert to..."
+"Icon"="\"%LOCALAPPDATA%\\Programs\\PanConverter\\PanConverter.exe\""
+"SubCommands"=""
+
+[HKEY_CLASSES_ROOT\.md\shell\PanConverterMenu\shell\PDF]
+@="PDF"
+
+[HKEY_CLASSES_ROOT\.md\shell\PanConverterMenu\shell\PDF\command]
+@="\"%LOCALAPPDATA%\\Programs\\PanConverter\\PanConverter.exe\" --convert-to pdf \"%1\""
+
+[HKEY_CLASSES_ROOT\.md\shell\PanConverterMenu\shell\HTML]
+@="HTML"
+
+[HKEY_CLASSES_ROOT\.md\shell\PanConverterMenu\shell\HTML\command]
+@="\"%LOCALAPPDATA%\\Programs\\PanConverter\\PanConverter.exe\" --convert-to html \"%1\""
+
+[HKEY_CLASSES_ROOT\.md\shell\PanConverterMenu\shell\DOCX]
+@="DOCX"
+
+[HKEY_CLASSES_ROOT\.md\shell\PanConverterMenu\shell\DOCX\command]
+@="\"%LOCALAPPDATA%\\Programs\\PanConverter\\PanConverter.exe\" --convert-to docx \"%1\""
+
+[HKEY_CLASSES_ROOT\.md\shell\PanConverterMenu\shell\LaTeX]
+@="LaTeX"
+
+[HKEY_CLASSES_ROOT\.md\shell\PanConverterMenu\shell\LaTeX\command]
+@="\"%LOCALAPPDATA%\\Programs\\PanConverter\\PanConverter.exe\" --convert-to latex \"%1\""
+
+[HKEY_CLASSES_ROOT\.md\shell\PanConverterMenu\shell\PPTX]
+@="PowerPoint"
+
+[HKEY_CLASSES_ROOT\.md\shell\PanConverterMenu\shell\PPTX\command]
+@="\"%LOCALAPPDATA%\\Programs\\PanConverter\\PanConverter.exe\" --convert-to pptx \"%1\""

scripts/nsis-installer.nsh

@@ -0,0 +1,145 @@
+; PanConverter NSIS Installer Include File
+; Handles context menu installation and uninstallation
+
+!include "LogicLib.nsh"
+!include "MUI2.nsh"
+
+; Custom installation page for context menu option
+Var ContextMenuCheckbox
+Var ContextMenuState
+
+Function ContextMenuPage
+    !insertmacro MUI_HEADER_TEXT "Additional Options" "Choose additional installation options"
+    
+    nsDialogs::Create 1018
+    Pop $0
+    
+    ${If} $0 == error
+        Abort
+    ${EndIf}
+    
+    ${NSD_CreateLabel} 0 0 100% 20u "Select additional features to install:"
+    Pop $0
+    
+    ${NSD_CreateCheckbox} 20u 30u 280u 15u "Add PanConverter to Windows Explorer context menu"
+    Pop $ContextMenuCheckbox
+    ${NSD_SetState} $ContextMenuCheckbox ${BST_CHECKED}
+    
+    ${NSD_CreateLabel} 20u 50u 280u 30u "This will allow you to right-click on supported files and convert them directly using PanConverter."
+    Pop $0
+    
+    nsDialogs::Show
+FunctionEnd
+
+Function ContextMenuPageLeave
+    ${NSD_GetState} $ContextMenuCheckbox $ContextMenuState
+FunctionEnd
+
+; Install context menu entries
+Function InstallContextMenu
+    ${If} $ContextMenuState == ${BST_CHECKED}
+        DetailPrint "Installing context menu integration..."
+        
+        ; Create registry entries for context menu
+        WriteRegStr HKCR ".md\shell\PanConverter" "" "Convert with PanConverter"
+        WriteRegStr HKCR ".md\shell\PanConverter" "Icon" "$INSTDIR\PanConverter.exe"
+        WriteRegStr HKCR ".md\shell\PanConverter\command" "" '"$INSTDIR\PanConverter.exe" --convert "%1"'
+        
+        WriteRegStr HKCR ".markdown\shell\PanConverter" "" "Convert with PanConverter"  
+        WriteRegStr HKCR ".markdown\shell\PanConverter" "Icon" "$INSTDIR\PanConverter.exe"
+        WriteRegStr HKCR ".markdown\shell\PanConverter\command" "" '"$INSTDIR\PanConverter.exe" --convert "%1"'
+        
+        ; Context menu for HTML files
+        WriteRegStr HKCR ".html\shell\PanConverter" "" "Convert with PanConverter"
+        WriteRegStr HKCR ".html\shell\PanConverter" "Icon" "$INSTDIR\PanConverter.exe"
+        WriteRegStr HKCR ".html\shell\PanConverter\command" "" '"$INSTDIR\PanConverter.exe" --convert "%1"'
+        
+        WriteRegStr HKCR ".htm\shell\PanConverter" "" "Convert with PanConverter"
+        WriteRegStr HKCR ".htm\shell\PanConverter" "Icon" "$INSTDIR\PanConverter.exe"
+        WriteRegStr HKCR ".htm\shell\PanConverter\command" "" '"$INSTDIR\PanConverter.exe" --convert "%1"'
+        
+        ; Context menu for DOCX files
+        WriteRegStr HKCR ".docx\shell\PanConverter" "" "Convert with PanConverter"
+        WriteRegStr HKCR ".docx\shell\PanConverter" "Icon" "$INSTDIR\PanConverter.exe"
+        WriteRegStr HKCR ".docx\shell\PanConverter\command" "" '"$INSTDIR\PanConverter.exe" --convert "%1"'
+        
+        ; Context menu for ODT files
+        WriteRegStr HKCR ".odt\shell\PanConverter" "" "Convert with PanConverter"
+        WriteRegStr HKCR ".odt\shell\PanConverter" "Icon" "$INSTDIR\PanConverter.exe"
+        WriteRegStr HKCR ".odt\shell\PanConverter\command" "" '"$INSTDIR\PanConverter.exe" --convert "%1"'
+        
+        ; Context menu for RTF files
+        WriteRegStr HKCR ".rtf\shell\PanConverter" "" "Convert with PanConverter"
+        WriteRegStr HKCR ".rtf\shell\PanConverter" "Icon" "$INSTDIR\PanConverter.exe"
+        WriteRegStr HKCR ".rtf\shell\PanConverter\command" "" '"$INSTDIR\PanConverter.exe" --convert "%1"'
+        
+        ; Context menu for LaTeX files
+        WriteRegStr HKCR ".tex\shell\PanConverter" "" "Convert with PanConverter"
+        WriteRegStr HKCR ".tex\shell\PanConverter" "Icon" "$INSTDIR\PanConverter.exe"
+        WriteRegStr HKCR ".tex\shell\PanConverter\command" "" '"$INSTDIR\PanConverter.exe" --convert "%1"'
+        
+        ; Context menu for PDF files
+        WriteRegStr HKCR ".pdf\shell\PanConverter" "" "Convert with PanConverter"
+        WriteRegStr HKCR ".pdf\shell\PanConverter" "Icon" "$INSTDIR\PanConverter.exe"
+        WriteRegStr HKCR ".pdf\shell\PanConverter\command" "" '"$INSTDIR\PanConverter.exe" --convert "%1"'
+        
+        ; Context menu for PowerPoint files
+        WriteRegStr HKCR ".pptx\shell\PanConverter" "" "Convert with PanConverter"
+        WriteRegStr HKCR ".pptx\shell\PanConverter" "Icon" "$INSTDIR\PanConverter.exe"
+        WriteRegStr HKCR ".pptx\shell\PanConverter\command" "" '"$INSTDIR\PanConverter.exe" --convert "%1"'
+        
+        WriteRegStr HKCR ".ppt\shell\PanConverter" "" "Convert with PanConverter"
+        WriteRegStr HKCR ".ppt\shell\PanConverter" "Icon" "$INSTDIR\PanConverter.exe"
+        WriteRegStr HKCR ".ppt\shell\PanConverter\command" "" '"$INSTDIR\PanConverter.exe" --convert "%1"'
+        
+        ; Context menu for ODP files
+        WriteRegStr HKCR ".odp\shell\PanConverter" "" "Convert with PanConverter"
+        WriteRegStr HKCR ".odp\shell\PanConverter" "Icon" "$INSTDIR\PanConverter.exe"
+        WriteRegStr HKCR ".odp\shell\PanConverter\command" "" '"$INSTDIR\PanConverter.exe" --convert "%1"'
+        
+        ; Submenu for Markdown files with direct conversion options
+        WriteRegStr HKCR ".md\shell\PanConverterMenu" "" "PanConverter"
+        WriteRegStr HKCR ".md\shell\PanConverterMenu" "MUIVerb" "Convert to..."
+        WriteRegStr HKCR ".md\shell\PanConverterMenu" "Icon" "$INSTDIR\PanConverter.exe"
+        WriteRegStr HKCR ".md\shell\PanConverterMenu" "SubCommands" ""
+        
+        WriteRegStr HKCR ".md\shell\PanConverterMenu\shell\PDF" "" "PDF"
+        WriteRegStr HKCR ".md\shell\PanConverterMenu\shell\PDF\command" "" '"$INSTDIR\PanConverter.exe" --convert-to pdf "%1"'
+        
+        WriteRegStr HKCR ".md\shell\PanConverterMenu\shell\HTML" "" "HTML"
+        WriteRegStr HKCR ".md\shell\PanConverterMenu\shell\HTML\command" "" '"$INSTDIR\PanConverter.exe" --convert-to html "%1"'
+        
+        WriteRegStr HKCR ".md\shell\PanConverterMenu\shell\DOCX" "" "DOCX"
+        WriteRegStr HKCR ".md\shell\PanConverterMenu\shell\DOCX\command" "" '"$INSTDIR\PanConverter.exe" --convert-to docx "%1"'
+        
+        WriteRegStr HKCR ".md\shell\PanConverterMenu\shell\LaTeX" "" "LaTeX"
+        WriteRegStr HKCR ".md\shell\PanConverterMenu\shell\LaTeX\command" "" '"$INSTDIR\PanConverter.exe" --convert-to latex "%1"'
+        
+        WriteRegStr HKCR ".md\shell\PanConverterMenu\shell\PPTX" "" "PowerPoint"
+        WriteRegStr HKCR ".md\shell\PanConverterMenu\shell\PPTX\command" "" '"$INSTDIR\PanConverter.exe" --convert-to pptx "%1"'
+        
+        DetailPrint "Context menu integration installed successfully!"
+    ${EndIf}
+FunctionEnd
+
+; Uninstall context menu entries
+Function un.RemoveContextMenu
+    DetailPrint "Removing context menu integration..."
+    
+    ; Remove context menu entries for all file types
+    DeleteRegKey HKCR ".md\shell\PanConverter"
+    DeleteRegKey HKCR ".md\shell\PanConverterMenu"
+    DeleteRegKey HKCR ".markdown\shell\PanConverter"
+    DeleteRegKey HKCR ".html\shell\PanConverter"
+    DeleteRegKey HKCR ".htm\shell\PanConverter"
+    DeleteRegKey HKCR ".docx\shell\PanConverter"
+    DeleteRegKey HKCR ".odt\shell\PanConverter"
+    DeleteRegKey HKCR ".rtf\shell\PanConverter"
+    DeleteRegKey HKCR ".tex\shell\PanConverter"
+    DeleteRegKey HKCR ".pdf\shell\PanConverter"
+    DeleteRegKey HKCR ".pptx\shell\PanConverter"
+    DeleteRegKey HKCR ".ppt\shell\PanConverter"
+    DeleteRegKey HKCR ".odp\shell\PanConverter"
+    
+    DetailPrint "Context menu integration removed successfully!"
+FunctionEnd

scripts/uninstall-context-menu.bat

@@ -0,0 +1,32 @@
+@echo off
+echo PanConverter Context Menu Uninstallation
+echo ========================================
+echo.
+
+REM Check for administrator privileges
+net session >nul 2>&1
+if %errorLevel% == 0 (
+    echo Running with administrator privileges...
+) else (
+    echo This script requires administrator privileges.
+    echo Please right-click and select "Run as administrator"
+    echo.
+    pause
+    exit /b 1
+)
+
+echo Removing context menu entries...
+reg import "%~dp0uninstall-context-menu.reg"
+
+if %errorLevel% == 0 (
+    echo.
+    echo Context menu integration removed successfully!
+    echo PanConverter entries have been removed from the Windows Explorer context menu.
+) else (
+    echo.
+    echo Failed to remove context menu entries.
+    echo Please check that the registry file exists and try again.
+)
+
+echo.
+pause

scripts/uninstall-context-menu.reg

@@ -0,0 +1,36 @@
+Windows Registry Editor Version 5.00
+
+; PanConverter Context Menu Uninstall Script
+; This registry file removes PanConverter context menu entries
+
+; Remove context menu for Markdown files (.md, .markdown)
+[-HKEY_CLASSES_ROOT\.md\shell\PanConverter]
+[-HKEY_CLASSES_ROOT\.md\shell\PanConverterMenu]
+
+[-HKEY_CLASSES_ROOT\.markdown\shell\PanConverter]
+
+; Remove context menu for HTML files
+[-HKEY_CLASSES_ROOT\.html\shell\PanConverter]
+[-HKEY_CLASSES_ROOT\.htm\shell\PanConverter]
+
+; Remove context menu for DOCX files
+[-HKEY_CLASSES_ROOT\.docx\shell\PanConverter]
+
+; Remove context menu for ODT files
+[-HKEY_CLASSES_ROOT\.odt\shell\PanConverter]
+
+; Remove context menu for RTF files
+[-HKEY_CLASSES_ROOT\.rtf\shell\PanConverter]
+
+; Remove context menu for LaTeX files
+[-HKEY_CLASSES_ROOT\.tex\shell\PanConverter]
+
+; Remove context menu for PDF files
+[-HKEY_CLASSES_ROOT\.pdf\shell\PanConverter]
+
+; Remove context menu for PowerPoint files
+[-HKEY_CLASSES_ROOT\.pptx\shell\PanConverter]
+[-HKEY_CLASSES_ROOT\.ppt\shell\PanConverter]
+
+; Remove context menu for OpenDocument Presentation files
+[-HKEY_CLASSES_ROOT\.odp\shell\PanConverter]

src/ascii-generator.html

@@ -0,0 +1,601 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>ASCII Art Generator - MarkdownConverter</title>
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap" rel="stylesheet">
+    <style>
+        :root {
+            --ci-dark-gray: #464646;
+            --ci-medium-gray: #9a9696;
+            --ci-accent: #e5461f;
+            --ci-light-gray: #e3e3e3;
+            --ci-black: #0d0b09;
+            --ci-white: #ffffff;
+            --ci-bg: #f5f5f5;
+        }
+
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+
+        body {
+            font-family: 'Inter', system-ui, sans-serif;
+            background: var(--ci-bg);
+            color: var(--ci-dark-gray);
+            min-height: 100vh;
+        }
+
+        .header {
+            background: linear-gradient(135deg, var(--ci-dark-gray) 0%, var(--ci-black) 100%);
+            padding: 16px 24px;
+            border-bottom: 3px solid var(--ci-accent);
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+        }
+
+        .header h1 {
+            color: var(--ci-white);
+            font-size: 1.25rem;
+            font-weight: 600;
+        }
+
+        .container {
+            padding: 24px;
+            max-width: 100%;
+        }
+
+        .section {
+            background: var(--ci-white);
+            border-radius: 12px;
+            padding: 20px;
+            margin-bottom: 20px;
+            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
+        }
+
+        .section-title {
+            font-weight: 600;
+            margin-bottom: 16px;
+            color: var(--ci-dark-gray);
+            font-size: 0.95rem;
+        }
+
+        .mode-tabs {
+            display: flex;
+            gap: 8px;
+            margin-bottom: 20px;
+        }
+
+        .mode-tab {
+            padding: 10px 20px;
+            border: 2px solid var(--ci-light-gray);
+            background: var(--ci-white);
+            border-radius: 8px;
+            font-size: 0.875rem;
+            font-weight: 500;
+            cursor: pointer;
+            transition: all 0.2s;
+        }
+
+        .mode-tab:hover {
+            border-color: var(--ci-accent);
+        }
+
+        .mode-tab.active {
+            background: var(--ci-accent);
+            border-color: var(--ci-accent);
+            color: var(--ci-white);
+        }
+
+        .form-group {
+            margin-bottom: 16px;
+        }
+
+        .form-label {
+            display: block;
+            font-size: 0.875rem;
+            font-weight: 500;
+            margin-bottom: 8px;
+            color: var(--ci-dark-gray);
+        }
+
+        .form-input, .form-select, .form-textarea {
+            width: 100%;
+            padding: 10px 14px;
+            border: 2px solid var(--ci-light-gray);
+            border-radius: 8px;
+            font-size: 0.875rem;
+            font-family: inherit;
+            transition: border-color 0.2s;
+        }
+
+        .form-input:focus, .form-select:focus, .form-textarea:focus {
+            outline: none;
+            border-color: var(--ci-accent);
+        }
+
+        .form-textarea {
+            min-height: 80px;
+            resize: vertical;
+        }
+
+        .preview-container {
+            background: var(--ci-black);
+            border-radius: 8px;
+            padding: 16px;
+            min-height: 200px;
+            max-height: 350px;
+            overflow: auto;
+        }
+
+        .preview-content {
+            font-family: 'JetBrains Mono', monospace;
+            font-size: 12px;
+            line-height: 1.3;
+            color: #00ff00;
+            white-space: pre;
+        }
+
+        .template-grid {
+            display: grid;
+            grid-template-columns: repeat(4, 1fr);
+            gap: 8px;
+            margin-bottom: 16px;
+        }
+
+        .template-btn {
+            padding: 8px 12px;
+            border: 2px solid var(--ci-light-gray);
+            background: var(--ci-white);
+            border-radius: 6px;
+            font-size: 0.75rem;
+            cursor: pointer;
+            transition: all 0.2s;
+        }
+
+        .template-btn:hover {
+            border-color: var(--ci-accent);
+            background: rgba(229, 70, 31, 0.05);
+        }
+
+        .template-btn.active {
+            border-color: var(--ci-accent);
+            background: rgba(229, 70, 31, 0.1);
+        }
+
+        .footer {
+            display: flex;
+            justify-content: flex-end;
+            gap: 12px;
+            padding: 16px 24px;
+            background: var(--ci-white);
+            border-top: 1px solid var(--ci-light-gray);
+            position: sticky;
+            bottom: 0;
+        }
+
+        .btn {
+            padding: 10px 24px;
+            border-radius: 8px;
+            font-size: 0.875rem;
+            font-weight: 500;
+            cursor: pointer;
+            transition: all 0.2s;
+            border: none;
+        }
+
+        .btn-primary {
+            background: var(--ci-accent);
+            color: var(--ci-white);
+        }
+
+        .btn-primary:hover {
+            background: #c93a18;
+            transform: translateY(-1px);
+        }
+
+        .btn-secondary {
+            background: var(--ci-light-gray);
+            color: var(--ci-dark-gray);
+        }
+
+        .btn-secondary:hover {
+            background: #d0d0d0;
+        }
+
+        .mode-section {
+            display: none;
+        }
+
+        .mode-section.active {
+            display: block;
+        }
+
+        .template-category {
+            margin-bottom: 16px;
+        }
+
+        .template-category-title {
+            font-size: 0.8rem;
+            color: var(--ci-medium-gray);
+            margin-bottom: 8px;
+            text-transform: uppercase;
+            letter-spacing: 0.05em;
+        }
+    </style>
+</head>
+<body>
+    <div class="header">
+        <h1>ASCII Art Generator</h1>
+    </div>
+
+    <div class="container">
+        <div class="section">
+            <div class="mode-tabs">
+                <button class="mode-tab active" data-mode="text">Text Banner</button>
+                <button class="mode-tab" data-mode="box">Box/Frame</button>
+                <button class="mode-tab" data-mode="templates">Templates</button>
+            </div>
+
+            <!-- Text Banner Mode -->
+            <div id="text-mode" class="mode-section active">
+                <div class="form-group">
+                    <label class="form-label">Text to Convert</label>
+                    <input type="text" id="text-input" class="form-input" placeholder="Enter your text..." maxlength="30">
+                </div>
+                <div class="form-group">
+                    <label class="form-label">Style</label>
+                    <select id="font-style" class="form-select">
+                        <option value="standard">Standard</option>
+                        <option value="banner">Banner</option>
+                        <option value="block">Block</option>
+                        <option value="bubble">Bubble</option>
+                        <option value="digital">Digital</option>
+                    </select>
+                </div>
+            </div>
+
+            <!-- Box/Frame Mode -->
+            <div id="box-mode" class="mode-section">
+                <div class="form-group">
+                    <label class="form-label">Text Content</label>
+                    <textarea id="box-text" class="form-textarea" placeholder="Enter text for the box..."></textarea>
+                </div>
+                <div class="form-group">
+                    <label class="form-label">Box Style</label>
+                    <select id="box-style" class="form-select">
+                        <option value="single">Single Line</option>
+                        <option value="double">Double Line</option>
+                        <option value="rounded">Rounded</option>
+                        <option value="bold">Bold</option>
+                        <option value="ascii">ASCII (+|-)</option>
+                    </select>
+                </div>
+                <div class="form-group">
+                    <label class="form-label">Padding</label>
+                    <input type="number" id="box-padding" class="form-input" min="0" max="10" value="2" style="width: 100px;">
+                </div>
+            </div>
+
+            <!-- Templates Mode -->
+            <div id="templates-mode" class="mode-section">
+                <div class="template-category">
+                    <div class="template-category-title">Arrows & Flow</div>
+                    <div class="template-grid">
+                        <button class="template-btn" data-template="arrow-right">Arrow Right</button>
+                        <button class="template-btn" data-template="arrow-down">Arrow Down</button>
+                        <button class="template-btn" data-template="decision">Decision</button>
+                        <button class="template-btn" data-template="process">Process Flow</button>
+                    </div>
+                </div>
+                <div class="template-category">
+                    <div class="template-category-title">Diagrams</div>
+                    <div class="template-grid">
+                        <button class="template-btn" data-template="flowchart">Flowchart</button>
+                        <button class="template-btn" data-template="sequence">Sequence</button>
+                        <button class="template-btn" data-template="network">Network</button>
+                        <button class="template-btn" data-template="hierarchy">Hierarchy</button>
+                    </div>
+                </div>
+                <div class="template-category">
+                    <div class="template-category-title">Boxes & Containers</div>
+                    <div class="template-grid">
+                        <button class="template-btn" data-template="header">Header</button>
+                        <button class="template-btn" data-template="note">Note Box</button>
+                        <button class="template-btn" data-template="warning">Warning</button>
+                        <button class="template-btn" data-template="info">Info Box</button>
+                    </div>
+                </div>
+                <div class="template-category">
+                    <div class="template-category-title">Decorative</div>
+                    <div class="template-grid">
+                        <button class="template-btn" data-template="divider">Divider</button>
+                        <button class="template-btn" data-template="separator">Separator</button>
+                        <button class="template-btn" data-template="banner">Banner</button>
+                        <button class="template-btn" data-template="checklist">Checklist</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="section">
+            <div class="section-title">Preview</div>
+            <div class="preview-container">
+                <div id="preview" class="preview-content"></div>
+            </div>
+        </div>
+    </div>
+
+    <div class="footer">
+        <button class="btn btn-secondary" id="btn-generate">Generate Preview</button>
+        <button class="btn btn-primary" id="btn-insert">Insert to Editor</button>
+    </div>
+
+    <script>
+        // ASCII Art Generator Logic
+        const FONTS = {
+            standard: {
+                height: 5,
+                chars: {
+                    'A': ['  /\\  ', ' /  \\ ', '/----\\', '|    |', '|    |'],
+                    'B': ['|----\\', '|    |', '|----/', '|    \\', '|----/'],
+                    'C': ['/----\\', '|     ', '|     ', '|     ', '\\----/'],
+                    'D': ['|----\\', '|    |', '|    |', '|    |', '|----/'],
+                    'E': ['|----', '|    ', '|--- ', '|    ', '|----'],
+                    'F': ['|----', '|    ', '|--- ', '|    ', '|    '],
+                    'G': ['/----\\', '|     ', '| |--\\', '|    |', '\\----/'],
+                    'H': ['|    |', '|    |', '|----/', '|    |', '|    |'],
+                    'I': ['|---|', '  |  ', '  |  ', '  |  ', '|---|'],
+                    'J': ['    |', '    |', '    |', '|   |', '\\---/'],
+                    'K': ['|   /', '|  / ', '|--  ', '|  \\ ', '|   \\'],
+                    'L': ['|    ', '|    ', '|    ', '|    ', '|----'],
+                    'M': ['|\\  /|', '| \\/ |', '|    |', '|    |', '|    |'],
+                    'N': ['|\\   |', '| \\  |', '|  \\ |', '|   \\|', '|    |'],
+                    'O': ['/----\\', '|    |', '|    |', '|    |', '\\----/'],
+                    'P': ['|----\\', '|    |', '|----/', '|     ', '|     '],
+                    'Q': ['/----\\', '|    |', '|  \\ |', '|   \\|', '\\----\\'],
+                    'R': ['|----\\', '|    |', '|----/', '|  \\  ', '|   \\ '],
+                    'S': ['/----\\', '|     ', '\\----\\', '     |', '\\----/'],
+                    'T': ['-----', '  |  ', '  |  ', '  |  ', '  |  '],
+                    'U': ['|    |', '|    |', '|    |', '|    |', '\\----/'],
+                    'V': ['|    |', '|    |', ' \\  / ', '  \\/  ', '      '],
+                    'W': ['|    |', '|    |', '|    |', '| /\\ |', '|/  \\|'],
+                    'X': ['\\    /', ' \\  / ', '  \\/  ', '  /\\  ', ' /  \\ '],
+                    'Y': ['\\   /', ' \\ / ', '  |  ', '  |  ', '  |  '],
+                    'Z': ['-----', '   / ', '  /  ', ' /   ', '-----'],
+                    ' ': ['     ', '     ', '     ', '     ', '     '],
+                    '0': ['/---\\', '|   |', '| / |', '|/  |', '\\---/'],
+                    '1': ['  /| ', ' / | ', '   | ', '   | ', ' ----'],
+                    '2': ['/---\\', '    |', ' ---/', '/    ', '-----'],
+                    '3': ['----\\', '    |', ' ---/', '    |', '----/'],
+                    '4': ['|   |', '|   |', '-----', '    |', '    |'],
+                    '5': ['-----', '|    ', '----\\', '    |', '----/'],
+                    '6': ['/----', '|    ', '|---\\', '|   |', '\\---/'],
+                    '7': ['-----', '   / ', '  /  ', ' /   ', '/    '],
+                    '8': ['/---\\', '|   |', ' --- ', '|   |', '\\---/'],
+                    '9': ['/---\\', '|   |', '\\----', '    |', '----/']
+                }
+            },
+            banner: {
+                height: 7,
+                chars: {
+                    'A': [' ##### ', ' ##   ##', '##     ##', '#########', '##     ##', '##     ##', '##     ##'],
+                    'B': ['######## ', '##     ##', '##     ##', '######## ', '##     ##', '##     ##', '######## '],
+                    'C': [' ###### ', '##    ##', '##      ', '##      ', '##      ', '##    ##', ' ###### '],
+                    'D': ['######## ', '##     ##', '##     ##', '##     ##', '##     ##', '##     ##', '######## '],
+                    'E': ['########', '##      ', '##      ', '###### ', '##      ', '##      ', '########'],
+                    'F': ['########', '##      ', '##      ', '###### ', '##      ', '##      ', '##      '],
+                    'G': [' ###### ', '##    ##', '##      ', '##  ####', '##    ##', '##    ##', ' ###### '],
+                    'H': ['##     ##', '##     ##', '##     ##', '#########', '##     ##', '##     ##', '##     ##'],
+                    'I': ['####', ' ## ', ' ## ', ' ## ', ' ## ', ' ## ', '####'],
+                    'J': ['      ##', '      ##', '      ##', '      ##', '##    ##', '##    ##', ' ###### '],
+                    'K': ['##    ##', '##   ## ', '##  ##  ', '#####   ', '##  ##  ', '##   ## ', '##    ##'],
+                    'L': ['##      ', '##      ', '##      ', '##      ', '##      ', '##      ', '########'],
+                    'M': ['##     ##', '###   ###', '#### ####', '## ### ##', '##     ##', '##     ##', '##     ##'],
+                    'N': ['##    ##', '###   ##', '####  ##', '## ## ##', '##  ####', '##   ###', '##    ##'],
+                    'O': [' ####### ', '##     ##', '##     ##', '##     ##', '##     ##', '##     ##', ' ####### '],
+                    'P': ['######## ', '##     ##', '##     ##', '######## ', '##       ', '##       ', '##       '],
+                    'Q': [' ####### ', '##     ##', '##     ##', '##     ##', '##  ## ##', '##    ## ', ' ##### ##'],
+                    'R': ['######## ', '##     ##', '##     ##', '######## ', '##   ##  ', '##    ## ', '##     ##'],
+                    'S': [' ###### ', '##    ##', '##      ', ' ###### ', '      ##', '##    ##', ' ###### '],
+                    'T': ['########', '   ##   ', '   ##   ', '   ##   ', '   ##   ', '   ##   ', '   ##   '],
+                    'U': ['##     ##', '##     ##', '##     ##', '##     ##', '##     ##', '##     ##', ' ####### '],
+                    'V': ['##     ##', '##     ##', '##     ##', '##     ##', ' ##   ## ', '  ## ##  ', '   ###   '],
+                    'W': ['##      ##', '##  ##  ##', '##  ##  ##', '##  ##  ##', '##  ##  ##', '##  ##  ##', ' ###  ### '],
+                    'X': ['##     ##', ' ##   ## ', '  ## ##  ', '   ###   ', '  ## ##  ', ' ##   ## ', '##     ##'],
+                    'Y': ['##    ##', ' ##  ## ', '  ####  ', '   ##   ', '   ##   ', '   ##   ', '   ##   '],
+                    'Z': ['########', '     ## ', '    ##  ', '   ##   ', '  ##    ', ' ##     ', '########'],
+                    ' ': ['       ', '       ', '       ', '       ', '       ', '       ', '       '],
+                    '0': [' ###### ', '##    ##', '##    ##', '##    ##', '##    ##', '##    ##', ' ###### '],
+                    '1': ['   ##   ', ' ####   ', '   ##   ', '   ##   ', '   ##   ', '   ##   ', ' ###### '],
+                    '2': [' ###### ', '##    ##', '     ## ', '   ##   ', '  ##    ', ' ##     ', '########'],
+                    '3': [' ###### ', '##    ##', '     ## ', '  ####  ', '     ## ', '##    ##', ' ###### '],
+                    '4': ['    ##  ', '   ###  ', '  # ##  ', ' #  ##  ', '########', '    ##  ', '    ##  '],
+                    '5': ['########', '##      ', '####### ', '      ##', '      ##', '##    ##', ' ###### '],
+                    '6': [' ###### ', '##      ', '####### ', '##    ##', '##    ##', '##    ##', ' ###### '],
+                    '7': ['########', '##   ## ', '    ##  ', '   ##   ', '  ##    ', '  ##    ', '  ##    '],
+                    '8': [' ###### ', '##    ##', '##    ##', ' ###### ', '##    ##', '##    ##', ' ###### '],
+                    '9': [' ###### ', '##    ##', '##    ##', ' #######', '      ##', '##    ##', ' ###### ']
+                }
+            },
+            block: {
+                height: 6,
+                chars: {
+                    'A': ['█████╗ ', '██╔══██╗', '███████║', '██╔══██║', '██║  ██║', '╚═╝  ╚═╝'],
+                    'B': ['██████╗ ', '██╔══██╗', '██████╔╝', '██╔══██╗', '██████╔╝', '╚═════╝ '],
+                    'C': ['█████╗ ', '██╔══██╗', '██║     ', '██║     ', '╚█████╔╝', ' ╚════╝ '],
+                    'D': ['██████╗ ', '██╔══██╗', '██║  ██║', '██║  ██║', '██████╔╝', '╚═════╝ '],
+                    'E': ['███████╗', '██╔════╝', '█████╗  ', '██╔══╝  ', '███████╗', '╚══════╝'],
+                    'F': ['███████╗', '██╔════╝', '█████╗  ', '██╔══╝  ', '██║     ', '╚═╝     '],
+                    'G': ['█████╗ ', '██╔══██╗', '██║  ███', '██║   ██', '╚█████╔╝', ' ╚════╝ '],
+                    'H': ['██╗  ██╗', '██║  ██║', '███████║', '██╔══██║', '██║  ██║', '╚═╝  ╚═╝'],
+                    'I': ['██╗', '██║', '██║', '██║', '██║', '╚═╝'],
+                    'J': ['    ██╗', '    ██║', '    ██║', '██  ██║', '╚████╔╝', ' ╚═══╝ '],
+                    'K': ['██╗  ██╗', '██║ ██╔╝', '█████╔╝ ', '██╔═██╗ ', '██║  ██╗', '╚═╝  ╚═╝'],
+                    'L': ['██╗     ', '██║     ', '██║     ', '██║     ', '███████╗', '╚══════╝'],
+                    'M': ['███╗   ███╗', '████╗ ████║', '██╔████╔██║', '██║╚██╔╝██║', '██║ ╚═╝ ██║', '╚═╝     ╚═╝'],
+                    'N': ['███╗   ██╗', '████╗  ██║', '██╔██╗ ██║', '██║╚██╗██║', '██║ ╚████║', '╚═╝  ╚═══╝'],
+                    'O': ['█████╗ ', '██╔══██╗', '██║  ██║', '██║  ██║', '╚█████╔╝', ' ╚════╝ '],
+                    'P': ['██████╗ ', '██╔══██╗', '██████╔╝', '██╔═══╝ ', '██║     ', '╚═╝     '],
+                    'Q': ['█████╗ ', '██╔══██╗', '██║  ██║', '██║  ██║', '╚██████╗', ' ╚═══██╝'],
+                    'R': ['██████╗ ', '██╔══██╗', '██████╔╝', '██╔══██╗', '██║  ██║', '╚═╝  ╚═╝'],
+                    'S': ['█████╗ ', '██╔══╝ ', '█████╗ ', '╚══██║ ', '█████║ ', '╚════╝ '],
+                    'T': ['████████╗', '╚══██╔══╝', '   ██║   ', '   ██║   ', '   ██║   ', '   ╚═╝   '],
+                    'U': ['██╗  ██╗', '██║  ██║', '██║  ██║', '██║  ██║', '╚█████╔╝', ' ╚════╝ '],
+                    'V': ['██╗   ██╗', '██║   ██║', '██║   ██║', '╚██╗ ██╔╝', ' ╚████╔╝ ', '  ╚═══╝  '],
+                    'W': ['██╗    ██╗', '██║    ██║', '██║ █╗ ██║', '██║███╗██║', '╚███╔███╔╝', ' ╚══╝╚══╝ '],
+                    'X': ['██╗  ██╗', '╚██╗██╔╝', ' ╚███╔╝ ', ' ██╔██╗ ', '██╔╝ ██╗', '╚═╝  ╚═╝'],
+                    'Y': ['██╗   ██╗', '╚██╗ ██╔╝', ' ╚████╔╝ ', '  ╚██╔╝  ', '   ██║   ', '   ╚═╝   '],
+                    'Z': ['███████╗', '╚════██║', '  ███╔═╝', ' ██╔══╝ ', '███████╗', '╚══════╝'],
+                    ' ': ['   ', '   ', '   ', '   ', '   ', '   ']
+                }
+            }
+        };
+
+        const TEMPLATES = {
+            'arrow-right': '    ┌─────────────────────┐\n──▶│  Process or Action  │──▶\n    └─────────────────────┘',
+            'arrow-down': '        │\n        ▼\n┌───────────────┐\n│   Process     │\n└───────────────┘\n        │\n        ▼',
+            'decision': '       ╱╲\n      ╱  ╲\n     ╱ ?  ╲\n    ╱      ╲\n   ╱────────╲\n  ╱          ╲\n YES        NO\n  │          │\n  ▼          ▼',
+            'process': '┌─────┐   ┌─────┐   ┌─────┐\n│  1  │──▶│  2  │──▶│  3  │\n└─────┘   └─────┘   └─────┘',
+            'flowchart': '┌─────────────┐\n│   START    │\n└──────┬──────┘\n       │\n       ▼\n┌─────────────┐\n│  Process A  │\n└──────┬──────┘\n       │\n       ▼\n   ╱────────╲\n  ╱ Decision ╲\n  ╲    ?    ╱\n   ╲────────╱\n    │      │\n   YES    NO\n    │      │\n    ▼      ▼\n┌──────┐ ┌──────┐\n│  B   │ │  C   │\n└──────┘ └──────┘',
+            'sequence': ' User      System     Database\n   │           │           │\n   │  Request  │           │\n   ├──────────►│           │\n   │           │  Query    │\n   │           ├──────────►│\n   │           │           │\n   │           │  Result   │\n   │           │◄──────────┤\n   │  Response │           │\n   │◄──────────┤           │\n   │           │           │',
+            'network': '          ┌─────────┐\n          │ Server  │\n          └────┬────┘\n               │\n     ┌─────────┼─────────┐\n     │         │         │\n┌────┴────┐ ┌──┴──┐ ┌────┴────┐\n│ Client1 │ │ DB  │ │ Client2 │\n└─────────┘ └─────┘ └─────────┘',
+            'hierarchy': '            ┌─────────┐\n            │   CEO   │\n            └────┬────┘\n       ┌─────────┼─────────┐\n       │         │         │\n   ┌───┴───┐ ┌───┴───┐ ┌───┴───┐\n   │  VP1  │ │  VP2  │ │  VP3  │\n   └───┬───┘ └───┬───┘ └───┬───┘\n       │         │         │\n   ┌───┴───┐ ┌───┴───┐ ┌───┴───┐\n   │ Team1 │ │ Team2 │ │ Team3 │\n   └───────┘ └───────┘ └───────┘',
+            'header': '╔════════════════════════════════════╗\n║            SECTION TITLE           ║\n╚════════════════════════════════════╝',
+            'note': '┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓\n┃  NOTE:                         ┃\n┃  This is an important note     ┃\n┃  that requires attention!      ┃\n┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛',
+            'warning': '╔════════════════════════════════════╗\n║  ⚠️  WARNING                       ║\n║                                    ║\n║  Critical information here!        ║\n╚════════════════════════════════════╝',
+            'info': '╭────────────────────────────────────╮\n│  ℹ️  INFO                          │\n│                                    │\n│  Helpful information here.         │\n╰────────────────────────────────────╯',
+            'divider': '════════════════════════════════════════',
+            'separator': '╭──────────────────────────────────────╮\n│                                      │\n╰──────────────────────────────────────╯',
+            'banner': '★══════════════════════════════════════★\n║          YOUR TITLE HERE            ║\n★══════════════════════════════════════★',
+            'checklist': '☐ Task 1 - Not completed\n☑ Task 2 - Completed  \n☐ Task 3 - Not completed\n☐ Task 4 - Not completed'
+        };
+
+        const BOX_STYLES = {
+            single: { tl: '┌', tr: '┐', bl: '└', br: '┘', h: '─', v: '│' },
+            double: { tl: '╔', tr: '╗', bl: '╚', br: '╝', h: '═', v: '║' },
+            rounded: { tl: '╭', tr: '╮', bl: '╰', br: '╯', h: '─', v: '│' },
+            bold: { tl: '┏', tr: '┓', bl: '┗', br: '┛', h: '━', v: '┃' },
+            ascii: { tl: '+', tr: '+', bl: '+', br: '+', h: '-', v: '|' }
+        };
+
+        let currentMode = 'text';
+        let currentTemplate = null;
+
+        // Mode switching
+        document.querySelectorAll('.mode-tab').forEach(tab => {
+            tab.addEventListener('click', () => {
+                document.querySelectorAll('.mode-tab').forEach(t => t.classList.remove('active'));
+                tab.classList.add('active');
+                currentMode = tab.dataset.mode;
+
+                document.querySelectorAll('.mode-section').forEach(s => s.classList.remove('active'));
+                document.getElementById(currentMode + '-mode').classList.add('active');
+
+                generatePreview();
+            });
+        });
+
+        // Template selection
+        document.querySelectorAll('.template-btn').forEach(btn => {
+            btn.addEventListener('click', () => {
+                document.querySelectorAll('.template-btn').forEach(b => b.classList.remove('active'));
+                btn.classList.add('active');
+                currentTemplate = btn.dataset.template;
+                generatePreview();
+            });
+        });
+
+        // Generate text banner
+        function generateTextBanner(text, style) {
+            const font = FONTS[style] || FONTS.standard;
+            const lines = Array(font.height).fill('');
+
+            for (const char of text.toUpperCase()) {
+                const charArt = font.chars[char] || font.chars[' '];
+                if (charArt) {
+                    for (let i = 0; i < font.height; i++) {
+                        lines[i] += charArt[i] + ' ';
+                    }
+                }
+            }
+
+            return lines.join('\n');
+        }
+
+        // Generate box
+        function generateBox(text, style, padding) {
+            const box = BOX_STYLES[style] || BOX_STYLES.single;
+            const lines = text.split('\n');
+            const maxLen = Math.max(...lines.map(l => l.length)) + padding * 2;
+
+            let result = box.tl + box.h.repeat(maxLen + 2) + box.tr + '\n';
+
+            // Add padding lines at top
+            for (let i = 0; i < Math.floor(padding / 2); i++) {
+                result += box.v + ' '.repeat(maxLen + 2) + box.v + '\n';
+            }
+
+            // Add text lines
+            for (const line of lines) {
+                const paddedLine = ' '.repeat(padding) + line.padEnd(maxLen - padding) + ' ';
+                result += box.v + ' ' + paddedLine + box.v + '\n';
+            }
+
+            // Add padding lines at bottom
+            for (let i = 0; i < Math.floor(padding / 2); i++) {
+                result += box.v + ' '.repeat(maxLen + 2) + box.v + '\n';
+            }
+
+            result += box.bl + box.h.repeat(maxLen + 2) + box.br;
+            return result;
+        }
+
+        // Generate preview
+        function generatePreview() {
+            let result = '';
+
+            if (currentMode === 'text') {
+                const text = document.getElementById('text-input').value || 'HELLO';
+                const style = document.getElementById('font-style').value;
+                result = generateTextBanner(text, style);
+            } else if (currentMode === 'box') {
+                const text = document.getElementById('box-text').value || 'Your text here';
+                const style = document.getElementById('box-style').value;
+                const padding = parseInt(document.getElementById('box-padding').value) || 2;
+                result = generateBox(text, style, padding);
+            } else if (currentMode === 'templates') {
+                result = currentTemplate ? TEMPLATES[currentTemplate] : 'Select a template...';
+            }
+
+            document.getElementById('preview').textContent = result;
+        }
+
+        // Event listeners for live preview
+        document.getElementById('text-input').addEventListener('input', generatePreview);
+        document.getElementById('font-style').addEventListener('change', generatePreview);
+        document.getElementById('box-text').addEventListener('input', generatePreview);
+        document.getElementById('box-style').addEventListener('change', generatePreview);
+        document.getElementById('box-padding').addEventListener('input', generatePreview);
+
+        document.getElementById('btn-generate').addEventListener('click', generatePreview);
+
+        document.getElementById('btn-insert').addEventListener('click', () => {
+            const content = document.getElementById('preview').textContent;
+            if (content && window.electronAPI) {
+                // Wrap in code block for markdown
+                const wrapped = '```\n' + content + '\n```';
+                window.electronAPI.send('insert-generated-content', wrapped);
+                window.close();
+            }
+        });
+
+        // Initial preview
+        generatePreview();
+    </script>
+</body>
+</html>

src/preload.js

@@ -0,0 +1,376 @@
+/**
+ * Preload Script for PanConverter
+ *
+ * This script creates a secure bridge between the main process and renderer process.
+ * It exposes only specific IPC channels, preventing direct Node.js access in the renderer.
+ *
+ * Security Benefits:
+ * - No direct access to Node.js APIs (fs, path, child_process, etc.)
+ * - All IPC channels are explicitly whitelisted
+ * - Prevents XSS from escalating to full system access
+ *
+ * @version 2.2.0
+ */
+
+const { contextBridge, ipcRenderer } = require('electron');
+
+// Define allowed IPC channels for security
+const ALLOWED_SEND_CHANNELS = [
+  // File operations
+  'save-file',
+  'save-current-file',
+  'set-current-file',
+  'save-recent-files',
+  'clear-recent-files',
+  'renderer-ready',
+
+  // Theme
+  'get-theme',
+
+  // Print
+  'do-print',
+
+  // Export
+  'export-with-options',
+  'export-spreadsheet',
+
+  // Batch conversion
+  'batch-convert',
+  'select-folder',
+
+  // Universal converter
+  'universal-convert',
+  'universal-convert-batch',
+
+  // Image converter
+  'image-convert',
+  'image-batch-convert',
+  'image-resize',
+  'image-compress',
+  'image-rotate',
+
+  // Audio converter
+  'audio-convert',
+  'audio-batch-convert',
+  'audio-extract',
+  'audio-trim',
+  'audio-merge',
+
+  // Video converter
+  'video-convert',
+  'video-batch-convert',
+  'video-compress',
+  'video-trim',
+  'video-frames',
+  'video-gif',
+
+  // Header/Footer
+  'get-header-footer-settings',
+  'save-header-footer-settings',
+  'browse-header-footer-logo',
+  'save-header-footer-logo',
+  'clear-header-footer-logo',
+
+  // Page settings
+  'get-page-settings',
+  'update-page-settings',
+
+  // Template settings
+  'set-custom-start-page',
+
+  // PDF operations
+  'process-pdf-operation',
+  'get-pdf-page-count',
+  'select-pdf-folder',
+
+  // ASCII generator (separate window)
+  'open-ascii-generator',
+
+  // Table generator (separate window)
+  'open-table-generator',
+
+  // Insert generated content
+  'insert-generated-content'
+];
+
+const ALLOWED_RECEIVE_CHANNELS = [
+  // File operations
+  'file-new',
+  'file-opened',
+  'file-save',
+  'get-content-for-save',
+  'get-content-for-spreadsheet',
+  'recent-files-cleared',
+
+  // UI toggles
+  'toggle-preview',
+  'toggle-find',
+
+  // Theme
+  'theme-changed',
+  'theme-data',
+
+  // Edit operations
+  'undo',
+  'redo',
+
+  // Font
+  'adjust-font-size',
+
+  // Print
+  'print-preview',
+  'print-preview-styled',
+
+  // Export dialogs
+  'show-export-dialog',
+  'show-batch-dialog',
+  'show-universal-converter-dialog',
+  'show-table-generator',
+  'show-pdf-editor-dialog',
+
+  // Converter dialogs
+  'show-image-converter',
+  'show-audio-converter',
+  'show-video-converter',
+
+  // PDF viewer
+  'open-pdf-viewer',
+
+  // Conversion status
+  'conversion-status',
+  'conversion-complete',
+  'batch-progress',
+  'image-conversion-complete',
+  'audio-conversion-complete',
+  'video-conversion-complete',
+
+  // Folder selection
+  'folder-selected',
+  'pdf-folder-selected',
+
+  // Header/Footer
+  'header-footer-settings-data',
+  'header-footer-logo-selected',
+  'header-footer-logo-saved',
+
+  // Page settings
+  'page-settings-data',
+
+  // PDF operations
+  'pdf-page-count',
+  'pdf-operation-complete',
+  'pdf-operation-error',
+
+  // ASCII Art Generator
+  'show-ascii-generator-window',
+  'show-ascii-generator',
+
+  // Table Generator
+  'show-table-generator-window',
+
+  // Header/Footer dialog
+  'open-header-footer-dialog',
+  'header-footer-logo-cleared',
+
+  // PDF operation progress
+  'pdf-operation-progress',
+
+  // Insert content from generator windows
+  'insert-content'
+];
+
+/**
+ * Secure API exposed to renderer process
+ * Access via window.electronAPI in renderer
+ */
+contextBridge.exposeInMainWorld('electronAPI', {
+  // ============================================
+  // SEND METHODS (Renderer -> Main)
+  // ============================================
+
+  /**
+   * Send a message to the main process
+   * @param {string} channel - IPC channel name
+   * @param {any} data - Data to send
+   */
+  send: (channel, data) => {
+    if (ALLOWED_SEND_CHANNELS.includes(channel)) {
+      ipcRenderer.send(channel, data);
+    } else {
+      console.warn(`[Preload] Blocked send to unauthorized channel: ${channel}`);
+    }
+  },
+
+  /**
+   * Invoke a main process handler and get a response
+   * @param {string} channel - IPC channel name
+   * @param {any} data - Data to send
+   * @returns {Promise<any>} Response from main process
+   */
+  invoke: async (channel, data) => {
+    if (ALLOWED_SEND_CHANNELS.includes(channel)) {
+      return await ipcRenderer.invoke(channel, data);
+    } else {
+      console.warn(`[Preload] Blocked invoke to unauthorized channel: ${channel}`);
+      return null;
+    }
+  },
+
+  // ============================================
+  // RECEIVE METHODS (Main -> Renderer)
+  // ============================================
+
+  /**
+   * Register a listener for messages from main process
+   * @param {string} channel - IPC channel name
+   * @param {Function} callback - Function to call with received data
+   * @returns {Function} Cleanup function to remove listener
+   */
+  on: (channel, callback) => {
+    if (ALLOWED_RECEIVE_CHANNELS.includes(channel)) {
+      const subscription = (event, ...args) => callback(...args);
+      ipcRenderer.on(channel, subscription);
+
+      // Return cleanup function
+      return () => {
+        ipcRenderer.removeListener(channel, subscription);
+      };
+    } else {
+      console.warn(`[Preload] Blocked listener for unauthorized channel: ${channel}`);
+      return () => {}; // No-op cleanup
+    }
+  },
+
+  /**
+   * Register a one-time listener for messages from main process
+   * @param {string} channel - IPC channel name
+   * @param {Function} callback - Function to call with received data
+   */
+  once: (channel, callback) => {
+    if (ALLOWED_RECEIVE_CHANNELS.includes(channel)) {
+      ipcRenderer.once(channel, (event, ...args) => callback(...args));
+    } else {
+      console.warn(`[Preload] Blocked once listener for unauthorized channel: ${channel}`);
+    }
+  },
+
+  /**
+   * Remove all listeners for a channel
+   * @param {string} channel - IPC channel name
+   */
+  removeAllListeners: (channel) => {
+    if (ALLOWED_RECEIVE_CHANNELS.includes(channel)) {
+      ipcRenderer.removeAllListeners(channel);
+    }
+  },
+
+  // ============================================
+  // CONVENIENCE METHODS
+  // ============================================
+
+  // File Operations
+  file: {
+    save: (filePath, content) => ipcRenderer.send('save-file', { path: filePath, content }),
+    saveCurrent: (content) => ipcRenderer.send('save-current-file', content),
+    setCurrent: (filePath) => ipcRenderer.send('set-current-file', filePath),
+    saveRecent: (recentFiles) => ipcRenderer.send('save-recent-files', recentFiles),
+    clearRecent: () => ipcRenderer.send('clear-recent-files'),
+    rendererReady: () => ipcRenderer.send('renderer-ready')
+  },
+
+  // Theme Operations
+  theme: {
+    get: () => ipcRenderer.send('get-theme')
+  },
+
+  // Print Operations
+  print: {
+    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 })
+  },
+
+  // Batch Conversion
+  batch: {
+    convert: (inputFolder, outputFolder, format, options) => {
+      ipcRenderer.send('batch-convert', { inputFolder, outputFolder, format, options });
+    },
+    selectFolder: (type) => ipcRenderer.send('select-folder', type)
+  },
+
+  // Universal Converter
+  converter: {
+    convert: (tool, fromFormat, toFormat, filePath) => {
+      ipcRenderer.send('universal-convert', { tool, fromFormat, toFormat, filePath });
+    },
+    convertBatch: (tool, fromFormat, toFormat, inputFolder, outputFolder) => {
+      ipcRenderer.send('universal-convert-batch', { tool, fromFormat, toFormat, inputFolder, outputFolder });
+    }
+  },
+
+  // Header/Footer Operations
+  headerFooter: {
+    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)
+  },
+
+  // 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)
+  },
+
+  // 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)
+  },
+
+  // Image Converter Operations
+  image: {
+    convert: (data) => ipcRenderer.send('image-convert', data),
+    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)
+  },
+
+  // Audio Converter Operations
+  audio: {
+    convert: (data) => ipcRenderer.send('audio-convert', data),
+    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)
+  },
+
+  // Video Converter Operations
+  video: {
+    convert: (data) => ipcRenderer.send('video-convert', data),
+    batchConvert: (data) => ipcRenderer.send('video-batch-convert', data),
+    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)
+  },
+
+  // Generator Windows
+  generators: {
+    openAscii: () => ipcRenderer.send('open-ascii-generator'),
+    openTable: () => ipcRenderer.send('open-table-generator')
+  }
+});
+
+// Log successful preload initialization
+console.log('[Preload] Secure IPC bridge initialized');
+console.log('[Preload] Allowed send channels:', ALLOWED_SEND_CHANNELS.length);
+console.log('[Preload] Allowed receive channels:', ALLOWED_RECEIVE_CHANNELS.length);

src/styles-concreteinfo.css

@@ -0,0 +1,969 @@
+/**
+ * ConcreteInfo Theme for MarkdownConverter
+ * Based on logo palette: #464646, #9a9696, #e5461f, #e3e3e3, #0d0b09
+ * Version: 3.0.0
+ */
+
+/* ============================================
+   CSS Variables - ConcreteInfo Theme
+   ============================================ */
+:root {
+  /* Primary Colors from Logo Palette */
+  --ci-dark-gray: #464646;
+  --ci-medium-gray: #9a9696;
+  --ci-accent: #e5461f;
+  --ci-light-gray: #e3e3e3;
+  --ci-black: #0d0b09;
+
+  /* Extended Palette */
+  --ci-accent-hover: #c93a18;
+  --ci-accent-light: rgba(229, 70, 31, 0.1);
+  --ci-white: #ffffff;
+  --ci-bg: #f5f5f5;
+  --ci-border: #d0d0d0;
+
+  /* Semantic Colors */
+  --ci-success: #28a745;
+  --ci-warning: #ffc107;
+  --ci-danger: #dc3545;
+  --ci-info: #17a2b8;
+
+  /* Typography */
+  --font-sans: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
+  --font-mono: 'JetBrains Mono', 'Fira Code', 'Consolas', monospace;
+
+  /* Spacing */
+  --spacing-xs: 4px;
+  --spacing-sm: 8px;
+  --spacing-md: 16px;
+  --spacing-lg: 24px;
+  --spacing-xl: 32px;
+
+  /* Border Radius */
+  --radius-sm: 4px;
+  --radius-md: 8px;
+  --radius-lg: 12px;
+  --radius-full: 9999px;
+
+  /* Shadows */
+  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
+  --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
+  --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);
+  --shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.15);
+
+  /* Transitions */
+  --transition-fast: 150ms ease;
+  --transition-normal: 250ms ease;
+  --transition-slow: 350ms ease;
+}
+
+/* ============================================
+   ConcreteInfo Theme Application
+   ============================================ */
+body.theme-concreteinfo {
+  background: var(--ci-bg);
+  color: var(--ci-dark-gray);
+}
+
+body.theme-concreteinfo .toolbar {
+  background: linear-gradient(135deg, var(--ci-dark-gray) 0%, var(--ci-black) 100%);
+  border-bottom: 3px solid var(--ci-accent);
+}
+
+body.theme-concreteinfo .toolbar button {
+  color: var(--ci-white);
+  background: transparent;
+  border: 1px solid transparent;
+  transition: all var(--transition-fast);
+}
+
+body.theme-concreteinfo .toolbar button:hover {
+  background: var(--ci-accent);
+  border-color: var(--ci-accent);
+  transform: translateY(-1px);
+}
+
+body.theme-concreteinfo .tab-bar {
+  background: var(--ci-dark-gray);
+  border-bottom: 2px solid var(--ci-accent);
+}
+
+body.theme-concreteinfo .tab {
+  background: var(--ci-medium-gray);
+  color: var(--ci-white);
+  border: none;
+  margin: 2px;
+  border-radius: var(--radius-sm) var(--radius-sm) 0 0;
+  transition: all var(--transition-fast);
+}
+
+body.theme-concreteinfo .tab:hover {
+  background: var(--ci-accent-light);
+}
+
+body.theme-concreteinfo .tab.active {
+  background: var(--ci-accent);
+  color: var(--ci-white);
+}
+
+body.theme-concreteinfo .editor-textarea {
+  background: var(--ci-white);
+  color: var(--ci-black);
+  border: 1px solid var(--ci-border);
+  font-family: var(--font-mono);
+}
+
+body.theme-concreteinfo .preview-content {
+  background: var(--ci-white);
+  color: var(--ci-dark-gray);
+  border-left: 3px solid var(--ci-accent);
+}
+
+body.theme-concreteinfo .status-bar {
+  background: var(--ci-dark-gray);
+  color: var(--ci-light-gray);
+  border-top: 2px solid var(--ci-accent);
+}
+
+/* ============================================
+   Modern Modal Styles
+   ============================================ */
+.modal-overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: rgba(13, 11, 9, 0.7);
+  backdrop-filter: blur(4px);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 10000;
+  opacity: 0;
+  visibility: hidden;
+  transition: all var(--transition-normal);
+}
+
+.modal-overlay.active {
+  opacity: 1;
+  visibility: visible;
+}
+
+.modal-content {
+  background: var(--ci-white);
+  border-radius: var(--radius-lg);
+  box-shadow: var(--shadow-xl);
+  max-width: 600px;
+  width: 90%;
+  max-height: 85vh;
+  overflow: hidden;
+  transform: scale(0.9) translateY(20px);
+  transition: transform var(--transition-normal);
+}
+
+.modal-overlay.active .modal-content {
+  transform: scale(1) translateY(0);
+}
+
+.modal-header {
+  background: linear-gradient(135deg, var(--ci-dark-gray) 0%, var(--ci-black) 100%);
+  color: var(--ci-white);
+  padding: var(--spacing-md) var(--spacing-lg);
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  border-bottom: 3px solid var(--ci-accent);
+}
+
+.modal-header h3 {
+  margin: 0;
+  font-size: 1.25rem;
+  font-weight: 600;
+  font-family: var(--font-sans);
+}
+
+.modal-close {
+  background: transparent;
+  border: none;
+  color: var(--ci-white);
+  font-size: 1.5rem;
+  cursor: pointer;
+  width: 32px;
+  height: 32px;
+  border-radius: var(--radius-full);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: all var(--transition-fast);
+}
+
+.modal-close:hover {
+  background: var(--ci-accent);
+  transform: rotate(90deg);
+}
+
+.modal-body {
+  padding: var(--spacing-lg);
+  overflow-y: auto;
+  max-height: 60vh;
+}
+
+.modal-footer {
+  padding: var(--spacing-md) var(--spacing-lg);
+  background: var(--ci-light-gray);
+  display: flex;
+  justify-content: flex-end;
+  gap: var(--spacing-sm);
+  border-top: 1px solid var(--ci-border);
+}
+
+/* ============================================
+   Button Styles
+   ============================================ */
+.btn {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: var(--spacing-xs);
+  padding: var(--spacing-sm) var(--spacing-md);
+  font-family: var(--font-sans);
+  font-size: 0.875rem;
+  font-weight: 500;
+  border-radius: var(--radius-md);
+  border: none;
+  cursor: pointer;
+  transition: all var(--transition-fast);
+}
+
+.btn-primary {
+  background: var(--ci-accent);
+  color: var(--ci-white);
+}
+
+.btn-primary:hover {
+  background: var(--ci-accent-hover);
+  transform: translateY(-1px);
+  box-shadow: var(--shadow-md);
+}
+
+.btn-secondary {
+  background: var(--ci-medium-gray);
+  color: var(--ci-white);
+}
+
+.btn-secondary:hover {
+  background: var(--ci-dark-gray);
+}
+
+.btn-outline {
+  background: transparent;
+  border: 2px solid var(--ci-accent);
+  color: var(--ci-accent);
+}
+
+.btn-outline:hover {
+  background: var(--ci-accent);
+  color: var(--ci-white);
+}
+
+.btn-ghost {
+  background: transparent;
+  color: var(--ci-dark-gray);
+}
+
+.btn-ghost:hover {
+  background: var(--ci-light-gray);
+}
+
+/* ============================================
+   Form Controls
+   ============================================ */
+.form-group {
+  margin-bottom: var(--spacing-md);
+}
+
+.form-label {
+  display: block;
+  margin-bottom: var(--spacing-xs);
+  font-weight: 500;
+  color: var(--ci-dark-gray);
+  font-size: 0.875rem;
+}
+
+.form-input,
+.form-select {
+  width: 100%;
+  padding: var(--spacing-sm) var(--spacing-md);
+  font-family: var(--font-sans);
+  font-size: 0.875rem;
+  border: 2px solid var(--ci-border);
+  border-radius: var(--radius-md);
+  background: var(--ci-white);
+  color: var(--ci-dark-gray);
+  transition: all var(--transition-fast);
+}
+
+.form-input:focus,
+.form-select:focus {
+  outline: none;
+  border-color: var(--ci-accent);
+  box-shadow: 0 0 0 3px var(--ci-accent-light);
+}
+
+.form-input::placeholder {
+  color: var(--ci-medium-gray);
+}
+
+/* ============================================
+   App Header with Logo
+   ============================================ */
+.app-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 6px 16px;
+  background: #ffffff;
+  border-bottom: 2px solid #e1e4e8;
+  min-height: 36px;
+}
+
+.app-header-left {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+}
+
+.app-header-right {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+}
+
+.app-logo {
+  height: 22px;
+  width: auto;
+}
+
+.app-title {
+  color: #24292e;
+  font-size: 0.95rem;
+  font-weight: 600;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
+}
+
+.app-version {
+  color: #6a737d;
+  font-size: 0.7rem;
+  font-family: 'SFMono-Regular', Consolas, monospace;
+}
+
+/* Dark theme header adjustments */
+body.theme-dark .app-header,
+body.theme-dracula .app-header,
+body.theme-onedark .app-header,
+body.theme-tokyonight .app-header,
+body.theme-monokai .app-header,
+body.theme-cobalt2 .app-header,
+body.theme-gruvbox-dark .app-header,
+body.theme-ayu-dark .app-header,
+body.theme-ayu-mirage .app-header,
+body.theme-palenight .app-header,
+body.theme-oceanic-next .app-header,
+body.theme-nord .app-header,
+body.theme-concrete-dark .app-header {
+  background: #1f2937;
+  border-bottom-color: #374151;
+}
+
+body.theme-dark .app-title,
+body.theme-dracula .app-title,
+body.theme-onedark .app-title,
+body.theme-tokyonight .app-title,
+body.theme-monokai .app-title,
+body.theme-cobalt2 .app-title,
+body.theme-gruvbox-dark .app-title,
+body.theme-ayu-dark .app-title,
+body.theme-ayu-mirage .app-title,
+body.theme-palenight .app-title,
+body.theme-oceanic-next .app-title,
+body.theme-nord .app-title,
+body.theme-concrete-dark .app-title {
+  color: #f3f4f6;
+}
+
+body.theme-dark .app-version,
+body.theme-dracula .app-version,
+body.theme-onedark .app-version,
+body.theme-tokyonight .app-version,
+body.theme-monokai .app-version,
+body.theme-cobalt2 .app-version,
+body.theme-gruvbox-dark .app-version,
+body.theme-ayu-dark .app-version,
+body.theme-ayu-mirage .app-version,
+body.theme-palenight .app-version,
+body.theme-oceanic-next .app-version,
+body.theme-nord .app-version,
+body.theme-concrete-dark .app-version {
+  color: #9ca3af;
+}
+
+body.theme-dark .app-logo,
+body.theme-dracula .app-logo,
+body.theme-onedark .app-logo,
+body.theme-tokyonight .app-logo,
+body.theme-monokai .app-logo,
+body.theme-cobalt2 .app-logo,
+body.theme-gruvbox-dark .app-logo,
+body.theme-ayu-dark .app-logo,
+body.theme-ayu-mirage .app-logo,
+body.theme-palenight .app-logo,
+body.theme-oceanic-next .app-logo,
+body.theme-nord .app-logo,
+body.theme-concrete-dark .app-logo {
+  filter: none;
+}
+
+/* ============================================
+   Converter Cards
+   ============================================ */
+.converter-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+  gap: var(--spacing-md);
+  padding: var(--spacing-md);
+}
+
+.converter-card {
+  background: var(--ci-white);
+  border-radius: var(--radius-lg);
+  padding: var(--spacing-lg);
+  text-align: center;
+  border: 2px solid var(--ci-border);
+  transition: all var(--transition-fast);
+  cursor: pointer;
+}
+
+.converter-card:hover {
+  border-color: var(--ci-accent);
+  transform: translateY(-4px);
+  box-shadow: var(--shadow-lg);
+}
+
+.converter-card-icon {
+  font-size: 2.5rem;
+  margin-bottom: var(--spacing-md);
+}
+
+.converter-card-title {
+  font-weight: 600;
+  color: var(--ci-dark-gray);
+  margin-bottom: var(--spacing-xs);
+}
+
+.converter-card-desc {
+  font-size: 0.875rem;
+  color: var(--ci-medium-gray);
+}
+
+/* ============================================
+   Progress Bar
+   ============================================ */
+.progress-bar {
+  height: 8px;
+  background: var(--ci-light-gray);
+  border-radius: var(--radius-full);
+  overflow: hidden;
+}
+
+.progress-fill {
+  height: 100%;
+  background: linear-gradient(90deg, var(--ci-accent) 0%, var(--ci-accent-hover) 100%);
+  border-radius: var(--radius-full);
+  transition: width var(--transition-normal);
+}
+
+/* ============================================
+   File Drop Zone
+   ============================================ */
+.drop-zone {
+  border: 2px dashed var(--ci-border);
+  border-radius: var(--radius-lg);
+  padding: var(--spacing-xl);
+  text-align: center;
+  transition: all var(--transition-fast);
+  cursor: pointer;
+}
+
+.drop-zone:hover,
+.drop-zone.drag-over {
+  border-color: var(--ci-accent);
+  background: var(--ci-accent-light);
+}
+
+.drop-zone-icon {
+  font-size: 3rem;
+  color: var(--ci-medium-gray);
+  margin-bottom: var(--spacing-md);
+}
+
+.drop-zone-text {
+  color: var(--ci-dark-gray);
+  font-weight: 500;
+}
+
+.drop-zone-hint {
+  color: var(--ci-medium-gray);
+  font-size: 0.875rem;
+  margin-top: var(--spacing-xs);
+}
+
+/* ============================================
+   Syntax Highlighting for Editor
+   ============================================ */
+.editor-syntax .md-heading {
+  color: var(--ci-accent);
+  font-weight: bold;
+}
+
+.editor-syntax .md-bold {
+  color: var(--ci-dark-gray);
+  font-weight: bold;
+}
+
+.editor-syntax .md-italic {
+  color: var(--ci-dark-gray);
+  font-style: italic;
+}
+
+.editor-syntax .md-code {
+  background: var(--ci-light-gray);
+  color: var(--ci-accent);
+  font-family: var(--font-mono);
+  padding: 2px 4px;
+  border-radius: var(--radius-sm);
+}
+
+.editor-syntax .md-link {
+  color: var(--ci-info);
+  text-decoration: underline;
+}
+
+.editor-syntax .md-list {
+  color: var(--ci-accent);
+}
+
+.editor-syntax .md-blockquote {
+  color: var(--ci-medium-gray);
+  border-left: 3px solid var(--ci-accent);
+  padding-left: var(--spacing-md);
+}
+
+/* ============================================
+   ASCII Art Generator Styles
+   ============================================ */
+.ascii-preview {
+  font-family: var(--font-mono);
+  font-size: 12px;
+  line-height: 1.2;
+  background: var(--ci-black);
+  color: #00ff00;
+  padding: var(--spacing-md);
+  border-radius: var(--radius-md);
+  overflow-x: auto;
+  white-space: pre;
+}
+
+.ascii-controls {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--spacing-sm);
+  margin-bottom: var(--spacing-md);
+}
+
+/* ============================================
+   Table Generator Styles
+   ============================================ */
+.table-generator-grid {
+  display: grid;
+  gap: 1px;
+  background: var(--ci-border);
+  border: 1px solid var(--ci-border);
+  border-radius: var(--radius-md);
+  overflow: hidden;
+}
+
+.table-generator-cell {
+  background: var(--ci-white);
+  padding: var(--spacing-sm);
+  min-width: 80px;
+  min-height: 32px;
+}
+
+.table-generator-cell input {
+  width: 100%;
+  border: none;
+  background: transparent;
+  text-align: center;
+  font-family: var(--font-mono);
+}
+
+.table-generator-cell.header {
+  background: var(--ci-light-gray);
+  font-weight: 600;
+}
+
+/* ============================================
+   PDF Viewer/Editor Styles
+   ============================================ */
+.pdf-viewer {
+  background: var(--ci-dark-gray);
+  padding: var(--spacing-md);
+  border-radius: var(--radius-md);
+  min-height: 400px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.pdf-page {
+  background: var(--ci-white);
+  box-shadow: var(--shadow-lg);
+  max-width: 100%;
+}
+
+.pdf-toolbar {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-sm);
+  padding: var(--spacing-sm);
+  background: var(--ci-light-gray);
+  border-radius: var(--radius-md);
+  margin-bottom: var(--spacing-md);
+}
+
+/* ============================================
+   Dark Mode for ConcreteInfo Theme
+   ============================================ */
+body.theme-concreteinfo-dark {
+  --ci-bg: #1a1a1a;
+  --ci-white: #2a2a2a;
+  --ci-light-gray: #3a3a3a;
+  --ci-border: #4a4a4a;
+}
+
+body.theme-concreteinfo-dark .editor-textarea,
+body.theme-concreteinfo-dark .preview-content {
+  background: #2a2a2a;
+  color: #e0e0e0;
+}
+
+body.theme-concreteinfo-dark .modal-content {
+  background: #2a2a2a;
+  color: #e0e0e0;
+}
+
+body.theme-concreteinfo-dark .modal-body {
+  background: #2a2a2a;
+}
+
+body.theme-concreteinfo-dark .modal-footer {
+  background: #1a1a1a;
+}
+
+/* ============================================
+   Animations
+   ============================================ */
+@keyframes fadeIn {
+  from { opacity: 0; }
+  to { opacity: 1; }
+}
+
+@keyframes slideUp {
+  from { transform: translateY(20px); opacity: 0; }
+  to { transform: translateY(0); opacity: 1; }
+}
+
+@keyframes pulse {
+  0%, 100% { transform: scale(1); }
+  50% { transform: scale(1.05); }
+}
+
+.animate-fade-in {
+  animation: fadeIn var(--transition-normal);
+}
+
+.animate-slide-up {
+  animation: slideUp var(--transition-normal);
+}
+
+.animate-pulse {
+  animation: pulse 2s infinite;
+}
+
+/* ============================================
+   Responsive Design
+   ============================================ */
+@media (max-width: 768px) {
+  .modal-content {
+    width: 95%;
+    max-height: 90vh;
+  }
+
+  .converter-grid {
+    grid-template-columns: 1fr;
+  }
+
+  .app-header {
+    flex-wrap: wrap;
+  }
+}
+
+/* ============================================
+   Concrete Dark Theme
+   ============================================ */
+body.theme-concrete-dark {
+  background: #1a1a1a;
+  color: #e3e3e3;
+}
+
+body.theme-concrete-dark .toolbar {
+  background: linear-gradient(135deg, #0d0b09 0%, #1a1a1a 100%);
+  border-bottom: 3px solid #e5461f;
+}
+
+body.theme-concrete-dark .toolbar button {
+  color: #e3e3e3;
+}
+
+body.theme-concrete-dark .toolbar button:hover {
+  background: #e5461f;
+}
+
+body.theme-concrete-dark .tab-bar {
+  background: #0d0b09;
+  border-bottom: 2px solid #e5461f;
+}
+
+body.theme-concrete-dark .tab {
+  background: #2a2a2a;
+  color: #e3e3e3;
+  border-radius: 4px 4px 0 0;
+}
+
+body.theme-concrete-dark .tab.active {
+  background: #464646;
+  border-bottom: 2px solid #e5461f;
+}
+
+body.theme-concrete-dark .editor-textarea,
+body.theme-concrete-dark .editor-pane {
+  background: #1a1a1a;
+  color: #e3e3e3;
+}
+
+body.theme-concrete-dark .preview-content {
+  background: #1a1a1a;
+  color: #e3e3e3;
+}
+
+body.theme-concrete-dark .status-bar {
+  background: #0d0b09;
+  color: #9a9696;
+  border-top: 1px solid #464646;
+}
+
+body.theme-concrete-dark .export-dialog-content,
+body.theme-concrete-dark .batch-dialog-content {
+  background: #2a2a2a;
+  color: #e3e3e3;
+}
+
+body.theme-concrete-dark .export-dialog-header,
+body.theme-concrete-dark .batch-dialog-header {
+  background: #1a1a1a;
+  border-bottom: 2px solid #e5461f;
+}
+
+body.theme-concrete-dark .export-dialog-footer,
+body.theme-concrete-dark .batch-dialog-footer {
+  background: #1a1a1a;
+}
+
+body.theme-concrete-dark input,
+body.theme-concrete-dark select,
+body.theme-concrete-dark textarea {
+  background: #1a1a1a;
+  color: #e3e3e3;
+  border-color: #464646;
+}
+
+body.theme-concrete-dark input:focus,
+body.theme-concrete-dark select:focus,
+body.theme-concrete-dark textarea:focus {
+  border-color: #e5461f;
+}
+
+body.theme-concrete-dark .line-numbers {
+  background: #0d0b09;
+  color: #9a9696;
+}
+
+/* ============================================
+   Concrete Light Theme
+   ============================================ */
+body.theme-concrete-light {
+  background: #f5f5f5;
+  color: #464646;
+}
+
+body.theme-concrete-light .toolbar {
+  background: #ffffff;
+  border-bottom: 3px solid #e5461f;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
+}
+
+body.theme-concrete-light .toolbar button {
+  color: #464646;
+}
+
+body.theme-concrete-light .toolbar button:hover {
+  background: #e5461f;
+  color: #ffffff;
+}
+
+body.theme-concrete-light .tab-bar {
+  background: #ffffff;
+  border-bottom: 2px solid #e3e3e3;
+}
+
+body.theme-concrete-light .tab {
+  background: #f5f5f5;
+  color: #464646;
+  border-radius: 4px 4px 0 0;
+}
+
+body.theme-concrete-light .tab.active {
+  background: #ffffff;
+  border-bottom: 2px solid #e5461f;
+  color: #e5461f;
+}
+
+body.theme-concrete-light .editor-textarea,
+body.theme-concrete-light .editor-pane {
+  background: #ffffff;
+  color: #464646;
+}
+
+body.theme-concrete-light .preview-content {
+  background: #ffffff;
+  color: #464646;
+}
+
+body.theme-concrete-light .status-bar {
+  background: #ffffff;
+  color: #9a9696;
+  border-top: 1px solid #e3e3e3;
+}
+
+body.theme-concrete-light .export-dialog-content,
+body.theme-concrete-light .batch-dialog-content {
+  background: #ffffff;
+  color: #464646;
+}
+
+body.theme-concrete-light .export-dialog-header,
+body.theme-concrete-light .batch-dialog-header {
+  background: #f5f5f5;
+  border-bottom: 2px solid #e5461f;
+}
+
+body.theme-concrete-light .line-numbers {
+  background: #f5f5f5;
+  color: #9a9696;
+}
+
+/* ============================================
+   Concrete Warm Theme
+   ============================================ */
+body.theme-concrete-warm {
+  background: #faf8f5;
+  color: #464646;
+}
+
+body.theme-concrete-warm .toolbar {
+  background: linear-gradient(135deg, #464646 0%, #5a5a5a 100%);
+  border-bottom: 3px solid #e5461f;
+}
+
+body.theme-concrete-warm .toolbar button {
+  color: #faf8f5;
+}
+
+body.theme-concrete-warm .toolbar button:hover {
+  background: #e5461f;
+}
+
+body.theme-concrete-warm .tab-bar {
+  background: #464646;
+  border-bottom: 2px solid #e5461f;
+}
+
+body.theme-concrete-warm .tab {
+  background: #6a6a6a;
+  color: #faf8f5;
+  border-radius: 4px 4px 0 0;
+}
+
+body.theme-concrete-warm .tab.active {
+  background: #faf8f5;
+  color: #e5461f;
+  border-bottom: 2px solid #e5461f;
+}
+
+body.theme-concrete-warm .editor-textarea,
+body.theme-concrete-warm .editor-pane {
+  background: #faf8f5;
+  color: #464646;
+}
+
+body.theme-concrete-warm .preview-content {
+  background: #faf8f5;
+  color: #464646;
+}
+
+body.theme-concrete-warm .status-bar {
+  background: #f0ebe4;
+  color: #9a9696;
+  border-top: 1px solid #e3e3e3;
+}
+
+body.theme-concrete-warm .export-dialog-content,
+body.theme-concrete-warm .batch-dialog-content {
+  background: #faf8f5;
+  color: #464646;
+}
+
+body.theme-concrete-warm .export-dialog-header,
+body.theme-concrete-warm .batch-dialog-header {
+  background: #f0ebe4;
+  border-bottom: 2px solid #e5461f;
+}
+
+body.theme-concrete-warm h1,
+body.theme-concrete-warm h2,
+body.theme-concrete-warm h3,
+body.theme-concrete-warm h4,
+body.theme-concrete-warm h5,
+body.theme-concrete-warm h6 {
+  color: #e5461f;
+}
+
+body.theme-concrete-warm a {
+  color: #e5461f;
+}
+
+body.theme-concrete-warm .line-numbers {
+  background: #f0ebe4;
+  color: #9a9696;
+}

src/table-generator.html

@@ -0,0 +1,545 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Table Generator - MarkdownConverter</title>
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap" rel="stylesheet">
+    <style>
+        :root {
+            --ci-dark-gray: #464646;
+            --ci-medium-gray: #9a9696;
+            --ci-accent: #e5461f;
+            --ci-light-gray: #e3e3e3;
+            --ci-black: #0d0b09;
+            --ci-white: #ffffff;
+            --ci-bg: #f5f5f5;
+        }
+
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+
+        body {
+            font-family: 'Inter', system-ui, sans-serif;
+            background: var(--ci-bg);
+            color: var(--ci-dark-gray);
+            min-height: 100vh;
+            display: flex;
+            flex-direction: column;
+        }
+
+        .header {
+            background: linear-gradient(135deg, var(--ci-dark-gray) 0%, var(--ci-black) 100%);
+            padding: 16px 24px;
+            border-bottom: 3px solid var(--ci-accent);
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+        }
+
+        .header h1 {
+            color: var(--ci-white);
+            font-size: 1.25rem;
+            font-weight: 600;
+        }
+
+        .container {
+            padding: 24px;
+            flex: 1;
+            overflow: auto;
+        }
+
+        .section {
+            background: var(--ci-white);
+            border-radius: 12px;
+            padding: 20px;
+            margin-bottom: 20px;
+            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
+        }
+
+        .section-title {
+            font-weight: 600;
+            margin-bottom: 16px;
+            color: var(--ci-dark-gray);
+            font-size: 0.95rem;
+        }
+
+        .controls-row {
+            display: flex;
+            gap: 16px;
+            flex-wrap: wrap;
+            margin-bottom: 20px;
+        }
+
+        .control-group {
+            display: flex;
+            flex-direction: column;
+            gap: 6px;
+        }
+
+        .control-label {
+            font-size: 0.8rem;
+            font-weight: 500;
+            color: var(--ci-medium-gray);
+        }
+
+        .form-input, .form-select {
+            padding: 8px 12px;
+            border: 2px solid var(--ci-light-gray);
+            border-radius: 6px;
+            font-size: 0.875rem;
+            font-family: inherit;
+            transition: border-color 0.2s;
+            min-width: 100px;
+        }
+
+        .form-input:focus, .form-select:focus {
+            outline: none;
+            border-color: var(--ci-accent);
+        }
+
+        .checkbox-label {
+            display: flex;
+            align-items: center;
+            gap: 8px;
+            font-size: 0.875rem;
+            cursor: pointer;
+        }
+
+        .checkbox-label input {
+            width: 16px;
+            height: 16px;
+            accent-color: var(--ci-accent);
+        }
+
+        .table-container {
+            overflow-x: auto;
+            margin-bottom: 20px;
+        }
+
+        .editable-table {
+            width: 100%;
+            border-collapse: collapse;
+            font-size: 0.875rem;
+        }
+
+        .editable-table th,
+        .editable-table td {
+            border: 1px solid var(--ci-light-gray);
+            padding: 0;
+        }
+
+        .editable-table th {
+            background: var(--ci-dark-gray);
+            color: var(--ci-white);
+        }
+
+        .editable-table input {
+            width: 100%;
+            padding: 10px 12px;
+            border: none;
+            font-family: inherit;
+            font-size: 0.875rem;
+            background: transparent;
+        }
+
+        .editable-table input:focus {
+            outline: 2px solid var(--ci-accent);
+            outline-offset: -2px;
+            background: rgba(229, 70, 31, 0.05);
+        }
+
+        .editable-table th input {
+            color: var(--ci-white);
+            font-weight: 600;
+        }
+
+        .editable-table th input::placeholder {
+            color: rgba(255, 255, 255, 0.5);
+        }
+
+        .preview-container {
+            background: var(--ci-black);
+            border-radius: 8px;
+            padding: 16px;
+            max-height: 250px;
+            overflow: auto;
+        }
+
+        .preview-content {
+            font-family: 'JetBrains Mono', monospace;
+            font-size: 13px;
+            line-height: 1.4;
+            color: #00ff00;
+            white-space: pre;
+        }
+
+        .footer {
+            display: flex;
+            justify-content: space-between;
+            gap: 12px;
+            padding: 16px 24px;
+            background: var(--ci-white);
+            border-top: 1px solid var(--ci-light-gray);
+        }
+
+        .footer-left {
+            display: flex;
+            gap: 8px;
+        }
+
+        .footer-right {
+            display: flex;
+            gap: 12px;
+        }
+
+        .btn {
+            padding: 10px 20px;
+            border-radius: 8px;
+            font-size: 0.875rem;
+            font-weight: 500;
+            cursor: pointer;
+            transition: all 0.2s;
+            border: none;
+        }
+
+        .btn-primary {
+            background: var(--ci-accent);
+            color: var(--ci-white);
+        }
+
+        .btn-primary:hover {
+            background: #c93a18;
+            transform: translateY(-1px);
+        }
+
+        .btn-secondary {
+            background: var(--ci-light-gray);
+            color: var(--ci-dark-gray);
+        }
+
+        .btn-secondary:hover {
+            background: #d0d0d0;
+        }
+
+        .btn-outline {
+            background: transparent;
+            border: 2px solid var(--ci-accent);
+            color: var(--ci-accent);
+        }
+
+        .btn-outline:hover {
+            background: var(--ci-accent);
+            color: var(--ci-white);
+        }
+
+        .btn-sm {
+            padding: 6px 12px;
+            font-size: 0.75rem;
+        }
+
+        .quick-templates {
+            display: flex;
+            gap: 8px;
+            flex-wrap: wrap;
+        }
+
+        .template-chip {
+            padding: 6px 12px;
+            background: var(--ci-light-gray);
+            border-radius: 20px;
+            font-size: 0.75rem;
+            cursor: pointer;
+            transition: all 0.2s;
+            border: none;
+        }
+
+        .template-chip:hover {
+            background: var(--ci-accent);
+            color: var(--ci-white);
+        }
+    </style>
+</head>
+<body>
+    <div class="header">
+        <h1>Table Generator</h1>
+    </div>
+
+    <div class="container">
+        <div class="section">
+            <div class="section-title">Table Settings</div>
+            <div class="controls-row">
+                <div class="control-group">
+                    <span class="control-label">Rows</span>
+                    <input type="number" id="rows" class="form-input" min="1" max="50" value="4" style="width: 80px;">
+                </div>
+                <div class="control-group">
+                    <span class="control-label">Columns</span>
+                    <input type="number" id="cols" class="form-input" min="1" max="20" value="4" style="width: 80px;">
+                </div>
+                <div class="control-group">
+                    <span class="control-label">Alignment</span>
+                    <select id="alignment" class="form-select">
+                        <option value="left">Left</option>
+                        <option value="center">Center</option>
+                        <option value="right">Right</option>
+                    </select>
+                </div>
+                <div class="control-group" style="justify-content: flex-end;">
+                    <label class="checkbox-label">
+                        <input type="checkbox" id="has-header" checked>
+                        Include Header Row
+                    </label>
+                </div>
+            </div>
+            <div class="quick-templates">
+                <button class="template-chip" data-rows="3" data-cols="2">2-Column (3 rows)</button>
+                <button class="template-chip" data-rows="5" data-cols="3">3-Column (5 rows)</button>
+                <button class="template-chip" data-rows="4" data-cols="4">4x4 Grid</button>
+                <button class="template-chip" data-rows="10" data-cols="3">Data Table (10 rows)</button>
+                <button class="template-chip" data-rows="2" data-cols="5">Wide Table</button>
+            </div>
+        </div>
+
+        <div class="section">
+            <div class="section-title">Edit Table Content</div>
+            <div class="table-container">
+                <table class="editable-table" id="editable-table">
+                    <!-- Generated dynamically -->
+                </table>
+            </div>
+        </div>
+
+        <div class="section">
+            <div class="section-title">Markdown Preview</div>
+            <div class="preview-container">
+                <div id="preview" class="preview-content"></div>
+            </div>
+        </div>
+    </div>
+
+    <div class="footer">
+        <div class="footer-left">
+            <button class="btn btn-secondary btn-sm" id="btn-clear">Clear All</button>
+            <button class="btn btn-outline btn-sm" id="btn-fill-sample">Fill Sample Data</button>
+        </div>
+        <div class="footer-right">
+            <button class="btn btn-secondary" id="btn-copy">Copy Markdown</button>
+            <button class="btn btn-primary" id="btn-insert">Insert to Editor</button>
+        </div>
+    </div>
+
+    <script>
+        let currentRows = 4;
+        let currentCols = 4;
+        let hasHeader = true;
+        let alignment = 'left';
+
+        // Generate the editable table
+        function generateEditableTable() {
+            const table = document.getElementById('editable-table');
+            hasHeader = document.getElementById('has-header').checked;
+            alignment = document.getElementById('alignment').value;
+
+            let html = '';
+
+            for (let i = 0; i < currentRows; i++) {
+                html += '<tr>';
+                for (let j = 0; j < currentCols; j++) {
+                    const isHeader = hasHeader && i === 0;
+                    const tag = isHeader ? 'th' : 'td';
+                    const placeholder = isHeader ? `Header ${j + 1}` : `Cell ${i},${j + 1}`;
+                    html += `<${tag}><input type="text" data-row="${i}" data-col="${j}" placeholder="${placeholder}"></${tag}>`;
+                }
+                html += '</tr>';
+            }
+
+            table.innerHTML = html;
+
+            // Add event listeners for live preview
+            table.querySelectorAll('input').forEach(input => {
+                input.addEventListener('input', updatePreview);
+            });
+
+            updatePreview();
+        }
+
+        // Get table data
+        function getTableData() {
+            const data = [];
+            for (let i = 0; i < currentRows; i++) {
+                const row = [];
+                for (let j = 0; j < currentCols; j++) {
+                    const input = document.querySelector(`input[data-row="${i}"][data-col="${j}"]`);
+                    row.push(input ? input.value || '' : '');
+                }
+                data.push(row);
+            }
+            return data;
+        }
+
+        // Generate markdown table
+        function generateMarkdown(data) {
+            if (data.length === 0 || data[0].length === 0) return '';
+
+            // Calculate column widths
+            const colWidths = [];
+            for (let j = 0; j < data[0].length; j++) {
+                let maxWidth = 3; // Minimum width for separator
+                for (let i = 0; i < data.length; i++) {
+                    maxWidth = Math.max(maxWidth, (data[i][j] || '').length);
+                }
+                colWidths.push(maxWidth);
+            }
+
+            // Generate alignment function
+            const alignCell = (text, width) => {
+                text = text || '';
+                const padding = width - text.length;
+                if (alignment === 'center') {
+                    const left = Math.floor(padding / 2);
+                    const right = padding - left;
+                    return ' '.repeat(left) + text + ' '.repeat(right);
+                } else if (alignment === 'right') {
+                    return ' '.repeat(padding) + text;
+                }
+                return text + ' '.repeat(padding);
+            };
+
+            // Generate separator based on alignment
+            const getSeparator = (width) => {
+                if (alignment === 'center') {
+                    return ':' + '-'.repeat(width - 2) + ':';
+                } else if (alignment === 'right') {
+                    return '-'.repeat(width - 1) + ':';
+                }
+                return '-'.repeat(width);
+            };
+
+            let markdown = '';
+            const startRow = hasHeader ? 0 : -1;
+
+            for (let i = startRow; i < data.length; i++) {
+                if (i === -1) {
+                    // Generate empty header for tables without header
+                    markdown += '| ' + colWidths.map(w => ' '.repeat(w)).join(' | ') + ' |\n';
+                } else {
+                    const row = data[i];
+                    const cells = row.map((cell, j) => alignCell(cell, colWidths[j]));
+                    markdown += '| ' + cells.join(' | ') + ' |\n';
+                }
+
+                // Add separator after first row
+                if ((hasHeader && i === 0) || (!hasHeader && i === -1)) {
+                    const separators = colWidths.map(w => getSeparator(w));
+                    markdown += '| ' + separators.join(' | ') + ' |\n';
+                }
+            }
+
+            return markdown;
+        }
+
+        // Update preview
+        function updatePreview() {
+            const data = getTableData();
+            const markdown = generateMarkdown(data);
+            document.getElementById('preview').textContent = markdown;
+        }
+
+        // Event listeners
+        document.getElementById('rows').addEventListener('change', (e) => {
+            currentRows = parseInt(e.target.value) || 4;
+            generateEditableTable();
+        });
+
+        document.getElementById('cols').addEventListener('change', (e) => {
+            currentCols = parseInt(e.target.value) || 4;
+            generateEditableTable();
+        });
+
+        document.getElementById('alignment').addEventListener('change', () => {
+            updatePreview();
+        });
+
+        document.getElementById('has-header').addEventListener('change', () => {
+            generateEditableTable();
+        });
+
+        // Quick templates
+        document.querySelectorAll('.template-chip').forEach(chip => {
+            chip.addEventListener('click', () => {
+                currentRows = parseInt(chip.dataset.rows);
+                currentCols = parseInt(chip.dataset.cols);
+                document.getElementById('rows').value = currentRows;
+                document.getElementById('cols').value = currentCols;
+                generateEditableTable();
+            });
+        });
+
+        // Clear all
+        document.getElementById('btn-clear').addEventListener('click', () => {
+            document.querySelectorAll('#editable-table input').forEach(input => {
+                input.value = '';
+            });
+            updatePreview();
+        });
+
+        // Fill sample data
+        document.getElementById('btn-fill-sample').addEventListener('click', () => {
+            const sampleHeaders = ['Name', 'Description', 'Status', 'Priority', 'Due Date'];
+            const sampleData = [
+                ['Task 1', 'First task description', 'In Progress', 'High', '2024-01-15'],
+                ['Task 2', 'Second task description', 'Completed', 'Medium', '2024-01-10'],
+                ['Task 3', 'Third task description', 'Pending', 'Low', '2024-01-20'],
+                ['Task 4', 'Fourth task description', 'In Review', 'High', '2024-01-18']
+            ];
+
+            for (let i = 0; i < currentRows; i++) {
+                for (let j = 0; j < currentCols; j++) {
+                    const input = document.querySelector(`input[data-row="${i}"][data-col="${j}"]`);
+                    if (input) {
+                        if (hasHeader && i === 0) {
+                            input.value = sampleHeaders[j % sampleHeaders.length];
+                        } else {
+                            const dataRow = hasHeader ? i - 1 : i;
+                            if (dataRow < sampleData.length && j < sampleData[dataRow].length) {
+                                input.value = sampleData[dataRow][j];
+                            } else {
+                                input.value = `Data ${i}-${j + 1}`;
+                            }
+                        }
+                    }
+                }
+            }
+            updatePreview();
+        });
+
+        // Copy markdown
+        document.getElementById('btn-copy').addEventListener('click', () => {
+            const markdown = document.getElementById('preview').textContent;
+            navigator.clipboard.writeText(markdown).then(() => {
+                const btn = document.getElementById('btn-copy');
+                btn.textContent = 'Copied!';
+                setTimeout(() => {
+                    btn.textContent = 'Copy Markdown';
+                }, 2000);
+            });
+        });
+
+        // Insert to editor
+        document.getElementById('btn-insert').addEventListener('click', () => {
+            const content = document.getElementById('preview').textContent;
+            if (content && window.electronAPI) {
+                window.electronAPI.send('insert-generated-content', '\n' + content + '\n');
+                window.close();
+            }
+        });
+
+        // Initialize
+        generateEditableTable();
+    </script>
+</body>
+</html>

src/wordTemplateExporter.js

@@ -0,0 +1,743 @@
+/**
+ * Word Template Exporter
+ * Loads word_template.docx, preserves first 2 pages (cover + TOC),
+ * and adds markdown content starting from page 3 using template styles
+ */
+
+const fs = require('fs');
+const path = require('path');
+const PizZip = require('pizzip');
+const Docx = require('docx4js').default;
+
+class WordTemplateExporter {
+    constructor(templatePath, startPage = 3, pageSettings = null) {
+        this.templatePath = templatePath || path.join(__dirname, '../word_template.docx');
+        this.startPage = startPage; // Which page to start inserting content
+        this.pageSettings = pageSettings; // Page size and orientation settings
+    }
+
+    /**
+     * Convert markdown to Word document using template
+     */
+    async convert(markdownContent, outputPath) {
+        try {
+            // Load template
+            const templateBuffer = fs.readFileSync(this.templatePath);
+            const zip = new PizZip(templateBuffer);
+
+            // Extract document.xml
+            let documentXml = zip.file('word/document.xml').asText();
+
+            // Set page size if settings provided
+            if (this.pageSettings) {
+                documentXml = this.setPageSize(documentXml);
+            }
+
+            // Parse markdown and generate Word XML
+            const newContentXml = this.markdownToWordXml(markdownContent);
+
+            // Insert new content after the specified start page
+            const modifiedXml = this.insertContentAfterPage(documentXml, newContentXml, this.startPage);
+
+            // Update the zip with modified XML
+            zip.file('word/document.xml', modifiedXml);
+
+            // Generate and save the new document
+            const newDocBuffer = zip.generate({ type: 'nodebuffer' });
+            fs.writeFileSync(outputPath, newDocBuffer);
+
+            return outputPath;
+        } catch (error) {
+            console.error('Error in Word export:', error);
+            throw error;
+        }
+    }
+
+    /**
+     * Set page size in document XML
+     */
+    setPageSize(documentXml) {
+        // Import PAGE_SIZES from main process (need to pass as parameter)
+        const PAGE_SIZES = {
+            a4: { width: 11906, height: 16838 },
+            a3: { width: 16838, height: 23811 },
+            a5: { width: 8391, height: 11906 },
+            b4: { width: 14170, height: 20015 },
+            b5: { width: 9979, height: 14170 },
+            letter: { width: 12240, height: 15840 },
+            legal: { width: 12240, height: 20160 },
+            tabloid: { width: 15840, height: 24480 }
+        };
+
+        let width, height;
+        const pageSize = PAGE_SIZES[this.pageSettings.size];
+
+        if (pageSize) {
+            width = pageSize.width;
+            height = pageSize.height;
+        } else {
+            // Default to A4
+            width = 11906;
+            height = 16838;
+        }
+
+        // Swap dimensions for landscape
+        if (this.pageSettings.orientation === 'landscape') {
+            [width, height] = [height, width];
+        }
+
+        // Update all <w:pgSz> elements in section properties
+        const pgSzRegex = /<w:pgSz[^>]*\/>/g;
+        let modifiedXml = documentXml.replace(pgSzRegex, () => {
+            return `<w:pgSz w:w="${width}" w:h="${height}" w:orient="${this.pageSettings.orientation}"/>`;
+        });
+
+        // If no pgSz found, add it to all sectPr elements
+        if (!pgSzRegex.test(documentXml)) {
+            const sectPrRegex = /<w:sectPr[^>]*>/g;
+            modifiedXml = modifiedXml.replace(sectPrRegex, (match) => {
+                return `${match}<w:pgSz w:w="${width}" w:h="${height}" w:orient="${this.pageSettings.orientation}"/>`;
+            });
+        }
+
+        return modifiedXml;
+    }
+
+    /**
+     * Insert markdown content after the specified page in the document
+     * @param {string} documentXml - The document XML
+     * @param {string} newContentXml - The new content to insert
+     * @param {number} afterPage - Insert content after this page number (1-based)
+     */
+    insertContentAfterPage(documentXml, newContentXml, afterPage) {
+        // Find section breaks that mark page boundaries
+        // Look for the section properties tag that marks page breaks
+        const sectionBreakRegex = /<w:sectPr[^>]*>[\s\S]*?<\/w:sectPr>/g;
+        const matches = [...documentXml.matchAll(sectionBreakRegex)];
+
+        // Calculate which section break to insert after
+        // Page 1 = before 1st section break
+        // Page 2 = after 1st section break
+        // Page 3 = after 2nd section break, etc.
+        const sectionIndex = afterPage - 1;
+
+        if (matches.length >= sectionIndex && sectionIndex > 0) {
+            // Insert after the specified section break
+            const insertPoint = matches[sectionIndex - 1].index + matches[sectionIndex - 1][0].length;
+            return documentXml.slice(0, insertPoint) + newContentXml + documentXml.slice(insertPoint);
+        } else if (afterPage === 1 || matches.length === 0) {
+            // Insert at the beginning (after <w:body>) or if no section breaks found
+            const bodyStart = documentXml.indexOf('<w:body>') + 8;
+            return documentXml.slice(0, bodyStart) + newContentXml + documentXml.slice(bodyStart);
+        } else {
+            // If not enough section breaks, insert before closing body tag
+            return documentXml.replace('</w:body>', newContentXml + '</w:body>');
+        }
+    }
+
+    /**
+     * Convert markdown to Word XML format
+     */
+    markdownToWordXml(markdown) {
+        const lines = markdown.split('\n');
+        let xml = '';
+        let inCodeBlock = false;
+        let codeLines = [];
+
+        for (let i = 0; i < lines.length; i++) {
+            const line = lines[i];
+
+            // Handle code blocks
+            if (line.trim().startsWith('```')) {
+                if (inCodeBlock) {
+                    // End code block
+                    xml += this.createCodeBlockXml(codeLines.join('\n'));
+                    codeLines = [];
+                    inCodeBlock = false;
+                } else {
+                    inCodeBlock = true;
+                }
+                continue;
+            }
+
+            if (inCodeBlock) {
+                codeLines.push(line);
+                continue;
+            }
+
+            // Empty lines
+            if (!line.trim()) {
+                xml += '<w:p><w:pPr></w:pPr></w:p>';
+                continue;
+            }
+
+            // Tables - detect table lines
+            if (line.includes('|') && line.trim().startsWith('|')) {
+                const tableLines = [line];
+                i++;
+                // Collect all consecutive table lines
+                while (i < lines.length && lines[i].includes('|')) {
+                    tableLines.push(lines[i]);
+                    i++;
+                }
+                i--; // Back up one line
+                xml += this.createTableXml(tableLines);
+                continue;
+            }
+
+            // ASCII flowcharts/diagrams - detect box drawing characters
+            if (this.isAsciiArt(line)) {
+                const asciiLines = [line];
+                i++;
+                // Collect all consecutive ASCII art lines
+                while (i < lines.length && (this.isAsciiArt(lines[i]) || !lines[i].trim())) {
+                    asciiLines.push(lines[i]);
+                    i++;
+                    if (i < lines.length && lines[i].trim() && !this.isAsciiArt(lines[i])) {
+                        break;
+                    }
+                }
+                i--; // Back up one line
+                xml += this.createAsciiArtXml(asciiLines.join('\n'));
+                continue;
+            }
+
+            // Headings - strip markdown numbering
+            if (line.trim().startsWith('#')) {
+                const level = (line.match(/^#+/) || [''])[0].length;
+                let text = line.replace(/^#+\s*/, '').trim();
+                // Remove markdown numbering like "1.1 Title" -> "Title"
+                text = text.replace(/^\d+(\.\d+)*\.?\s+/, '');
+                xml += this.createHeadingXml(text, level);
+                continue;
+            }
+
+            // Blockquotes
+            if (line.trim().startsWith('>')) {
+                const text = line.replace(/^>\s*/, '').trim();
+                xml += this.createQuoteXml(text);
+                continue;
+            }
+
+            // Ordered lists - strip markdown numbering, use template numbering
+            if (/^\s*\d+\.\s+/.test(line)) {
+                const text = line.replace(/^\s*\d+\.\s+/, '');
+                xml += this.createListItemXml(text, true);
+                continue;
+            }
+
+            // Unordered lists
+            if (/^\s*[-*+]\s+/.test(line)) {
+                const text = line.replace(/^\s*[-*+]\s+/, '');
+                xml += this.createListItemXml(text, false);
+                continue;
+            }
+
+            // Horizontal rule
+            if (/^[-*_]{3,}$/.test(line.trim())) {
+                xml += this.createHorizontalRuleXml();
+                continue;
+            }
+
+            // Normal paragraph
+            xml += this.createParagraphXml(line);
+        }
+
+        return xml;
+    }
+
+    /**
+     * Create heading XML using template styles
+     */
+    createHeadingXml(text, level) {
+        const styleName = `Heading${level}`;
+        const runs = this.parseInlineFormatting(text);
+
+        return `<w:p>
+            <w:pPr>
+                <w:pStyle w:val="${styleName}"/>
+            </w:pPr>
+            ${runs}
+        </w:p>`;
+    }
+
+    /**
+     * Create paragraph XML with Normal style
+     */
+    createParagraphXml(text) {
+        const runs = this.parseInlineFormatting(text);
+
+        return `<w:p>
+            <w:pPr>
+                <w:pStyle w:val="Normal"/>
+            </w:pPr>
+            ${runs}
+        </w:p>`;
+    }
+
+    /**
+     * Create quote XML
+     */
+    createQuoteXml(text) {
+        const runs = this.parseInlineFormatting(text);
+
+        return `<w:p>
+            <w:pPr>
+                <w:pStyle w:val="Quote"/>
+            </w:pPr>
+            ${runs}
+        </w:p>`;
+    }
+
+    /**
+     * Create list item XML using template numbering
+     */
+    createListItemXml(text, numbered) {
+        const runs = this.parseInlineFormatting(text);
+        const numId = numbered ? '1' : '2'; // Template numbering IDs
+
+        return `<w:p>
+            <w:pPr>
+                <w:pStyle w:val="${numbered ? 'ListNumber' : 'ListBullet'}"/>
+                <w:numPr>
+                    <w:ilvl w:val="0"/>
+                    <w:numId w:val="${numId}"/>
+                </w:numPr>
+            </w:pPr>
+            ${runs}
+        </w:p>`;
+    }
+
+    /**
+     * Create code block XML - renders each line as separate paragraph
+     * to preserve exact formatting like in preview (monospace, no wrapping)
+     * Background shading applied at paragraph level to extend full width
+     */
+    createCodeBlockXml(code) {
+        const lines = code.split('\n');
+        let xml = '';
+
+        lines.forEach((line, index) => {
+            const escapedLine = this.escapeXml(line);
+
+            // Each line gets its own paragraph with exact spacing and no wrapping
+            // Shading (shd) is at paragraph level so background extends full width
+            xml += `<w:p>
+                <w:pPr>
+                    <w:pStyle w:val="Normal"/>
+                    <w:shd w:val="clear" w:color="auto" w:fill="F5F5F5"/>
+                    <w:spacing w:before="${index === 0 ? '120' : '0'}" w:after="${index === lines.length - 1 ? '120' : '0'}" w:line="240" w:lineRule="exact"/>
+                    <w:ind w:left="284" w:right="284"/>
+                    <w:jc w:val="left"/>
+                    <w:keepLines/>
+                    <w:wordWrap w:val="0"/>
+                </w:pPr>
+                <w:r>
+                    <w:rPr>
+                        <w:rFonts w:ascii="Consolas" w:hAnsi="Consolas" w:cs="Consolas"/>
+                        <w:sz w:val="18"/>
+                        <w:szCs w:val="18"/>
+                        <w:noProof/>
+                    </w:rPr>
+                    <w:t xml:space="preserve">${escapedLine}</w:t>
+                </w:r>
+            </w:p>`;
+        });
+
+        return xml;
+    }
+
+    /**
+     * Create horizontal rule XML
+     */
+    createHorizontalRuleXml() {
+        return `<w:p>
+            <w:pPr>
+                <w:pBdr>
+                    <w:bottom w:val="single" w:sz="6" w:space="1" w:color="auto"/>
+                </w:pBdr>
+            </w:pPr>
+        </w:p>`;
+    }
+
+    /**
+     * Create table XML from markdown table lines with template styling
+     * Uses full-width tables with equal column distribution matching template style
+     */
+    createTableXml(tableLines) {
+        // Parse table
+        const rows = [];
+        for (const line of tableLines) {
+            // Skip separator lines (e.g., |---|---|)
+            if (/^\s*\|[\s\-:]+\|\s*$/.test(line)) {
+                continue;
+            }
+            // Split by | and trim
+            const cells = line.split('|').filter(cell => cell.trim()).map(cell => cell.trim());
+            if (cells.length > 0) {
+                rows.push(cells);
+            }
+        }
+
+        if (rows.length === 0) return '';
+
+        // Calculate number of columns
+        const numCols = Math.max(...rows.map(row => row.length));
+
+        // Calculate column width in twips (1440 twips = 1 inch)
+        // Assume standard page width of 9360 twips (6.5 inches usable)
+        const totalTableWidth = 9360;
+        const colWidth = Math.floor(totalTableWidth / numCols);
+
+        // Build table XML
+        let tableXml = '<w:tbl>';
+
+        // Table properties - use template table style with full width
+        tableXml += `<w:tblPr>
+            <w:tblStyle w:val="TableGrid"/>
+            <w:tblW w:w="0" w:type="auto"/>
+            <w:tblLayout w:type="fixed"/>
+            <w:tblLook w:val="04A0" w:firstRow="1" w:lastRow="0" w:firstColumn="0" w:lastColumn="0" w:noHBand="0" w:noVBand="1"/>
+            <w:tblBorders>
+                <w:top w:val="single" w:sz="8" w:space="0" w:color="F58220"/>
+                <w:left w:val="single" w:sz="8" w:space="0" w:color="F58220"/>
+                <w:bottom w:val="single" w:sz="8" w:space="0" w:color="F58220"/>
+                <w:right w:val="single" w:sz="8" w:space="0" w:color="F58220"/>
+                <w:insideH w:val="single" w:sz="8" w:space="0" w:color="F58220"/>
+                <w:insideV w:val="single" w:sz="8" w:space="0" w:color="F58220"/>
+            </w:tblBorders>
+        </w:tblPr>`;
+
+        // Table grid with explicit column widths
+        tableXml += '<w:tblGrid>';
+        for (let i = 0; i < numCols; i++) {
+            tableXml += `<w:gridCol w:w="${colWidth}"/>`;
+        }
+        tableXml += '</w:tblGrid>';
+
+        // Table rows
+        rows.forEach((rowCells, rowIndex) => {
+            const isHeader = rowIndex === 0;
+
+            tableXml += '<w:tr>';
+
+            // Row properties for consistent height
+            tableXml += '<w:trPr><w:trHeight w:val="0" w:hRule="atLeast"/></w:trPr>';
+
+            // Pad row to have same number of columns
+            while (rowCells.length < numCols) {
+                rowCells.push('');
+            }
+
+            rowCells.forEach((cellText, colIndex) => {
+                tableXml += '<w:tc>';
+                tableXml += '<w:tcPr>';
+
+                // Cell width
+                tableXml += `<w:tcW w:w="${colWidth}" w:type="dxa"/>`;
+
+                // Cell shading - orange for header, white for data rows
+                if (isHeader) {
+                    tableXml += '<w:shd w:val="clear" w:color="auto" w:fill="F58220"/>';
+                } else {
+                    tableXml += '<w:shd w:val="clear" w:color="auto" w:fill="FFFFFF"/>';
+                }
+
+                // Cell borders
+                tableXml += '<w:tcBorders>' +
+                    '<w:top w:val="single" w:sz="8" w:space="0" w:color="F58220"/>' +
+                    '<w:left w:val="single" w:sz="8" w:space="0" w:color="F58220"/>' +
+                    '<w:bottom w:val="single" w:sz="8" w:space="0" w:color="F58220"/>' +
+                    '<w:right w:val="single" w:sz="8" w:space="0" w:color="F58220"/>' +
+                    '</w:tcBorders>';
+
+                // Cell margins for proper padding
+                tableXml += '<w:tcMar>' +
+                    '<w:top w:w="80" w:type="dxa"/>' +
+                    '<w:left w:w="120" w:type="dxa"/>' +
+                    '<w:bottom w:w="80" w:type="dxa"/>' +
+                    '<w:right w:w="120" w:type="dxa"/>' +
+                    '</w:tcMar>';
+
+                tableXml += '</w:tcPr>';
+
+                // Cell content
+                tableXml += '<w:p>';
+                tableXml += '<w:pPr>';
+                tableXml += '<w:spacing w:before="0" w:after="0" w:line="240" w:lineRule="auto"/>';
+                tableXml += '</w:pPr>';
+
+                const runs = this.parseInlineFormatting(cellText);
+
+                if (isHeader) {
+                    // Header: bold white text
+                    tableXml += runs.replace(/<w:rPr>/g, '<w:rPr><w:b/><w:color w:val="FFFFFF"/>');
+                } else {
+                    // Data rows: normal black text
+                    tableXml += runs;
+                }
+
+                tableXml += '</w:p>';
+                tableXml += '</w:tc>';
+            });
+
+            tableXml += '</w:tr>';
+        });
+
+        tableXml += '</w:tbl>';
+
+        // Add spacing after table
+        tableXml += '<w:p><w:pPr><w:spacing w:before="120" w:after="0"/></w:pPr></w:p>';
+
+        return tableXml;
+    }
+
+    /**
+     * Detect if line contains ASCII art/flowchart characters
+     */
+    isAsciiArt(line) {
+        // Don't treat markdown tables as ASCII art
+        if (line.trim().startsWith('|') && line.trim().endsWith('|')) {
+            // Check if it's a proper markdown table (has multiple cells)
+            const cells = line.split('|').filter(c => c.trim());
+            if (cells.length >= 2) {
+                return false;
+            }
+        }
+
+        // Common ASCII art characters (Unicode box drawing and symbols)
+        const asciiArtChars = [
+            '─', '│', '┌', '┐', '└', '┘', '├', '┤', '┬', '┴', '┼',  // Box drawing
+            '═', '║', '╔', '╗', '╚', '╝', '╠', '╣', '╦', '╩', '╬',  // Double box
+            '╭', '╮', '╯', '╰',                                      // Rounded corners
+            '▲', '▼', '◄', '►', '♦', '●', '○', '■', '□', '◆', '◇',  // Shapes
+            '↓', '→', '←', '↑', '↔', '↕', '⇒', '⇐', '⇓', '⇑',      // Arrows
+            '┃', '━', '┏', '┓', '┗', '┛', '┣', '┫', '┳', '┻', '╋',  // Heavy box
+            '░', '▒', '▓', '█',                                      // Shading
+        ];
+
+        // Check for box drawing characters
+        if (asciiArtChars.some(char => line.includes(char))) {
+            return true;
+        }
+
+        // Check for ASCII box patterns with regular characters
+        const asciiPatterns = [
+            /^\s*\+[-=_+]+\+/,                   // +-----+ or +=====+
+            /^\s*\|[-=_]{3,}\|/,                 // |-----|
+            /^\s*[-=_]{5,}$/,                    // -----
+            /^\s*\+[-]+\+[-]+\+/,                // +---+---+
+            /^\s*\([A-Z][a-z]+\)\s*\|\|/,       // (Deformable) ||
+            /^\s*\|\s+[A-Z\s]+[-:]\s+[A-Z]/,    // | TILE ADHESIVE - TYPE
+            /^\s*\|\s*\[[^\]]+\]/,              // | [BIS Mark / CE Mark]
+            /^\s*\|\s{2,}\w+.*\|\|/,            // ||  text  ||
+            /^\s*\[[^\]]+\]\s*$/,               // [Step in brackets]
+            /^\s*<[-=]+>/,                       // <----> or <====>
+            /^\s*\/[-_\\\/]+\//,                 // /----/
+            /^\s*\*[-=\*]+\*/,                   // *----*
+        ];
+
+        return asciiPatterns.some(pattern => pattern.test(line));
+    }
+
+    /**
+     * Create ASCII art XML with monospace font
+     * Background shading applied at paragraph level to extend full width
+     */
+    createAsciiArtXml(asciiContent) {
+        // Split ASCII art into individual lines and create a paragraph for each
+        const lines = asciiContent.split('\n');
+        let xml = '';
+
+        lines.forEach((line, index) => {
+            // Shading (shd) is at paragraph level so background extends full width
+            xml += `<w:p>
+                <w:pPr>
+                    <w:pStyle w:val="Normal"/>
+                    <w:shd w:val="clear" w:color="auto" w:fill="F5F5F5"/>
+                    <w:spacing w:before="${index === 0 ? '120' : '0'}" w:after="${index === lines.length - 1 ? '120' : '0'}" w:line="240" w:lineRule="exact"/>
+                    <w:ind w:left="284" w:right="284"/>
+                    <w:jc w:val="left"/>
+                    <w:keepLines/>
+                    <w:wordWrap w:val="0"/>
+                </w:pPr>`;
+
+            // Check if line contains arrow characters and color them red
+            const arrowChars = ['↓', '→', '←', '↑', '▼', '►', '◄', '▲'];
+            const hasArrow = arrowChars.some(arrow => line.includes(arrow));
+
+            if (hasArrow) {
+                // Split line into parts and color arrows red
+                let remainingLine = line;
+
+                while (remainingLine.length > 0) {
+                    let foundArrow = false;
+                    let arrowIndex = -1;
+                    let foundArrowChar = '';
+
+                    // Find the first arrow in the remaining text
+                    for (const arrow of arrowChars) {
+                        const idx = remainingLine.indexOf(arrow);
+                        if (idx !== -1 && (arrowIndex === -1 || idx < arrowIndex)) {
+                            arrowIndex = idx;
+                            foundArrowChar = arrow;
+                            foundArrow = true;
+                        }
+                    }
+
+                    if (foundArrow) {
+                        // Add text before arrow (if any)
+                        if (arrowIndex > 0) {
+                            const beforeArrow = this.escapeXml(remainingLine.substring(0, arrowIndex));
+                            xml += `<w:r>
+                                <w:rPr>
+                                    <w:rFonts w:ascii="Consolas" w:hAnsi="Consolas" w:cs="Consolas"/>
+                                    <w:sz w:val="16"/>
+                                    <w:szCs w:val="16"/>
+                                    <w:noProof/>
+                                </w:rPr>
+                                <w:t xml:space="preserve">${beforeArrow}</w:t>
+                            </w:r>`;
+                        }
+
+                        // Add arrow in red
+                        const escapedArrow = this.escapeXml(foundArrowChar);
+                        xml += `<w:r>
+                            <w:rPr>
+                                <w:rFonts w:ascii="Consolas" w:hAnsi="Consolas" w:cs="Consolas"/>
+                                <w:sz w:val="16"/>
+                                <w:szCs w:val="16"/>
+                                <w:color w:val="FF0000"/>
+                                <w:noProof/>
+                            </w:rPr>
+                            <w:t xml:space="preserve">${escapedArrow}</w:t>
+                        </w:r>`;
+
+                        // Continue with remaining text
+                        remainingLine = remainingLine.substring(arrowIndex + foundArrowChar.length);
+                    } else {
+                        // No more arrows, add remaining text
+                        const escapedRemaining = this.escapeXml(remainingLine);
+                        xml += `<w:r>
+                            <w:rPr>
+                                <w:rFonts w:ascii="Consolas" w:hAnsi="Consolas" w:cs="Consolas"/>
+                                <w:sz w:val="16"/>
+                                <w:szCs w:val="16"/>
+                                <w:noProof/>
+                            </w:rPr>
+                            <w:t xml:space="preserve">${escapedRemaining}</w:t>
+                        </w:r>`;
+                        remainingLine = '';
+                    }
+                }
+            } else {
+                // No arrows, just add the line normally
+                const escapedLine = this.escapeXml(line);
+                xml += `<w:r>
+                    <w:rPr>
+                        <w:rFonts w:ascii="Consolas" w:hAnsi="Consolas" w:cs="Consolas"/>
+                        <w:sz w:val="16"/>
+                        <w:szCs w:val="16"/>
+                        <w:noProof/>
+                    </w:rPr>
+                    <w:t xml:space="preserve">${escapedLine}</w:t>
+                </w:r>`;
+            }
+
+            xml += `</w:p>`;
+        });
+
+        return xml;
+    }
+
+    /**
+     * Parse inline formatting (bold, italic, code)
+     */
+    parseInlineFormatting(text) {
+        let xml = '';
+        let pos = 0;
+
+        // Patterns for inline formatting
+        const patterns = [
+            { regex: /\*\*\*(.+?)\*\*\*/g, bold: true, italic: true },
+            { regex: /\*\*(.+?)\*\*/g, bold: true },
+            { regex: /\*(.+?)\*/g, italic: true },
+            { regex: /`(.+?)`/g, code: true }
+        ];
+
+        // Simple approach: process text sequentially
+        let remaining = text;
+
+        while (remaining.length > 0) {
+            let foundMatch = false;
+            let earliestPos = remaining.length;
+            let matchedPattern = null;
+            let match = null;
+
+            // Find earliest match
+            for (const pattern of patterns) {
+                pattern.regex.lastIndex = 0;
+                const m = pattern.regex.exec(remaining);
+                if (m && m.index < earliestPos) {
+                    earliestPos = m.index;
+                    matchedPattern = pattern;
+                    match = m;
+                    foundMatch = true;
+                }
+            }
+
+            if (foundMatch) {
+                // Add text before match
+                if (earliestPos > 0) {
+                    xml += this.createRunXml(remaining.substring(0, earliestPos));
+                }
+
+                // Add formatted text
+                xml += this.createRunXml(match[1], matchedPattern.bold, matchedPattern.italic, matchedPattern.code);
+
+                remaining = remaining.substring(earliestPos + match[0].length);
+            } else {
+                // No more matches, add remaining text
+                xml += this.createRunXml(remaining);
+                break;
+            }
+        }
+
+        return xml;
+    }
+
+    /**
+     * Create a run (text segment) XML
+     */
+    createRunXml(text, bold = false, italic = false, code = false) {
+        if (!text) return '';
+
+        const escapedText = this.escapeXml(text);
+        let propsXml = '<w:rPr>';
+
+        if (bold) propsXml += '<w:b/>';
+        if (italic) propsXml += '<w:i/>';
+        if (code) {
+            propsXml += '<w:rFonts w:ascii="Consolas" w:hAnsi="Consolas"/>';
+            propsXml += '<w:sz w:val="20"/>';
+        }
+
+        propsXml += '</w:rPr>';
+
+        return `<w:r>${propsXml}<w:t xml:space="preserve">${escapedText}</w:t></w:r>`;
+    }
+
+    /**
+     * Escape XML special characters
+     */
+    escapeXml(text) {
+        return text
+            .replace(/&/g, '&amp;')
+            .replace(/</g, '&lt;')
+            .replace(/>/g, '&gt;')
+            .replace(/"/g, '&quot;')
+            .replace(/'/g, '&apos;');
+    }
+}
+
+module.exports = WordTemplateExporter;

test-double-click.md

@@ -0,0 +1,12 @@
+# Test Double-Click File Opening
+
+This is a test file to verify double-click functionality.
+
+## Features to Test
+- File should load automatically
+- Content should display in editor
+- Tab should show filename
+- Preview should render markdown
+
+**This text should be bold**
+*This text should be italic*

test-export-functionality.js

@@ -0,0 +1,49 @@
+// Test script to verify export functionality
+const { exec } = require('child_process');
+const fs = require('fs');
+const path = require('path');
+
+console.log('Testing export functionality...');
+
+// Test 1: Check if pandoc is available
+console.log('\n1. Checking Pandoc availability...');
+exec('pandoc --version', (error, stdout, stderr) => {
+  if (error) {
+    console.log('❌ Pandoc not available:', error.message);
+    console.log('✅ Built-in HTML and PDF export should work');
+  } else {
+    console.log('✅ Pandoc is available');
+    console.log('   Version info:', stdout.split('\n')[0]);
+  }
+});
+
+// Test 2: Check if test markdown file exists
+console.log('\n2. Checking test file...');
+const testFile = path.join(__dirname, 'test-export.md');
+if (fs.existsSync(testFile)) {
+  console.log('✅ Test markdown file exists:', testFile);
+  const content = fs.readFileSync(testFile, 'utf8');
+  console.log('   File size:', content.length, 'characters');
+} else {
+  console.log('❌ Test markdown file not found');
+}
+
+// Test 3: Check marked library
+console.log('\n3. Testing marked library...');
+try {
+  const marked = require('marked');
+  const testMarkdown = '# Test\nThis is a **test** markdown.';
+  const html = marked.parse(testMarkdown);
+  console.log('✅ Marked library working');
+  console.log('   Sample output:', html.substring(0, 50) + '...');
+} catch (error) {
+  console.log('❌ Marked library error:', error.message);
+}
+
+console.log('\n✅ Export functionality test completed!');
+console.log('\nHow to test exports:');
+console.log('1. Open the application');
+console.log('2. Open test-export.md file');
+console.log('3. Try exporting to HTML (should work without Pandoc)');
+console.log('4. Try exporting to PDF (should work without Pandoc)');
+console.log('5. Try exporting to DOCX (requires Pandoc)');

test-export.md

@@ -0,0 +1,26 @@
+# Test Document
+
+This is a test markdown document for export testing.
+
+## Features
+
+- **Bold text**
+- *Italic text*
+- [Links](https://example.com)
+
+## Code Example
+
+```javascript
+function hello() {
+    console.log("Hello World!");
+}
+```
+
+## Table
+
+| Column 1 | Column 2 | Column 3 |
+|----------|----------|----------|
+| Value 1  | Value 2  | Value 3  |
+| Value 4  | Value 5  | Value 6  |
+
+This is a test document to verify export functionality.

test-file-open.md

@@ -0,0 +1,14 @@
+# Test File Opening
+
+This is a test file to verify that double-click file opening works correctly.
+
+## Features
+- **Bold text**
+- *Italic text*
+- `Code`
+
+```javascript
+console.log("Hello World");
+```
+
+This should appear when you double-click to open the file!

test.md

@@ -0,0 +1,23 @@
+# Test Document
+
+This is a **test** markdown document.
+
+## Features
+
+- Item 1
+- Item 2
+- Item 3
+
+### Code Example
+
+```javascript
+console.log("Hello World");
+```
+
+> Tqweqweqweqweqweqweqeweqweqweqwe
+dfe
+
+qwe
+qwe
+qwe
+qwe

tests/preload.test.js

@@ -0,0 +1,121 @@
+/**
+ * Tests for Preload Script Security
+ * Verifies that the IPC bridge is properly configured
+ */
+
+describe('Preload Security', () => {
+  describe('Allowed Channels', () => {
+    const EXPECTED_SEND_CHANNELS = [
+      'save-file',
+      'save-current-file',
+      'set-current-file',
+      'save-recent-files',
+      'clear-recent-files',
+      'renderer-ready',
+      'get-theme',
+      'do-print',
+      'export-with-options',
+      'export-spreadsheet',
+      'batch-convert',
+      'select-folder',
+      'universal-convert',
+      'universal-convert-batch',
+      'get-header-footer-settings',
+      'save-header-footer-settings',
+      'browse-header-footer-logo',
+      'save-header-footer-logo',
+      'clear-header-footer-logo',
+      'get-page-settings',
+      'update-page-settings',
+      'set-custom-start-page',
+      'process-pdf-operation',
+      'get-pdf-page-count',
+      'select-pdf-folder'
+    ];
+
+    const EXPECTED_RECEIVE_CHANNELS = [
+      'file-new',
+      'file-opened',
+      'file-save',
+      'get-content-for-save',
+      'get-content-for-spreadsheet',
+      'recent-files-cleared',
+      'toggle-preview',
+      'toggle-find',
+      'theme-changed',
+      'theme-data',
+      'undo',
+      'redo',
+      'adjust-font-size',
+      'print-preview',
+      'print-preview-styled',
+      'show-export-dialog',
+      'show-batch-dialog',
+      'show-universal-converter-dialog',
+      'show-table-generator',
+      'show-pdf-editor-dialog',
+      'conversion-status',
+      'conversion-complete',
+      'batch-progress',
+      'folder-selected',
+      'pdf-folder-selected',
+      'header-footer-settings-data',
+      'header-footer-logo-selected',
+      'header-footer-logo-saved',
+      'page-settings-data',
+      'pdf-page-count',
+      'pdf-operation-complete',
+      'pdf-operation-error'
+    ];
+
+    test('should define all expected send channels', () => {
+      // This test documents expected channels
+      expect(EXPECTED_SEND_CHANNELS.length).toBeGreaterThan(0);
+    });
+
+    test('should define all expected receive channels', () => {
+      // This test documents expected channels
+      expect(EXPECTED_RECEIVE_CHANNELS.length).toBeGreaterThan(0);
+    });
+  });
+
+  describe('electronAPI Interface', () => {
+    test('should expose send method', () => {
+      expect(window.electronAPI.send).toBeDefined();
+      expect(typeof window.electronAPI.send).toBe('function');
+    });
+
+    test('should expose on method', () => {
+      expect(window.electronAPI.on).toBeDefined();
+      expect(typeof window.electronAPI.on).toBe('function');
+    });
+
+    test('should expose once method', () => {
+      expect(window.electronAPI.once).toBeDefined();
+      expect(typeof window.electronAPI.once).toBe('function');
+    });
+
+    test('should expose invoke method', () => {
+      expect(window.electronAPI.invoke).toBeDefined();
+      expect(typeof window.electronAPI.invoke).toBe('function');
+    });
+
+    test('should expose file convenience methods', () => {
+      expect(window.electronAPI.file).toBeDefined();
+      expect(window.electronAPI.file.save).toBeDefined();
+      expect(window.electronAPI.file.saveCurrent).toBeDefined();
+      expect(window.electronAPI.file.setCurrent).toBeDefined();
+    });
+
+    test('should expose theme convenience methods', () => {
+      expect(window.electronAPI.theme).toBeDefined();
+      expect(window.electronAPI.theme.get).toBeDefined();
+    });
+
+    test('should expose pdf convenience methods', () => {
+      expect(window.electronAPI.pdf).toBeDefined();
+      expect(window.electronAPI.pdf.processOperation).toBeDefined();
+      expect(window.electronAPI.pdf.getPageCount).toBeDefined();
+    });
+  });
+});

tests/setup.js

@@ -0,0 +1,100 @@
+/**
+ * Jest Test Setup
+ * Provides mocks and utilities for PanConverter tests
+ */
+
+// Mock window.electronAPI for renderer tests
+global.window = global.window || {};
+global.window.electronAPI = {
+  send: jest.fn(),
+  on: jest.fn(() => jest.fn()), // Returns cleanup function
+  once: jest.fn(),
+  invoke: jest.fn(() => Promise.resolve(null)),
+  removeAllListeners: jest.fn(),
+  file: {
+    save: jest.fn(),
+    saveCurrent: jest.fn(),
+    setCurrent: jest.fn(),
+    saveRecent: jest.fn(),
+    clearRecent: jest.fn(),
+    rendererReady: jest.fn()
+  },
+  theme: {
+    get: jest.fn()
+  },
+  print: {
+    doPrint: jest.fn()
+  },
+  export: {
+    withOptions: jest.fn(),
+    spreadsheet: jest.fn()
+  },
+  batch: {
+    convert: jest.fn(),
+    selectFolder: jest.fn()
+  },
+  converter: {
+    convert: jest.fn(),
+    convertBatch: jest.fn()
+  },
+  headerFooter: {
+    getSettings: jest.fn(),
+    saveSettings: jest.fn(),
+    browseLogo: jest.fn(),
+    saveLogo: jest.fn(),
+    clearLogo: jest.fn()
+  },
+  page: {
+    getSettings: jest.fn(),
+    updateSettings: jest.fn(),
+    setCustomStartPage: jest.fn()
+  },
+  pdf: {
+    processOperation: jest.fn(),
+    getPageCount: jest.fn(),
+    selectFolder: jest.fn()
+  }
+};
+
+// Mock marked library
+global.window.marked = {
+  parse: jest.fn((text) => `<p>${text}</p>`),
+  setOptions: jest.fn()
+};
+
+// Mock DOMPurify
+global.window.DOMPurify = {
+  sanitize: jest.fn((html) => html)
+};
+
+// Mock highlight.js
+global.window.hljs = {
+  highlight: jest.fn((code, options) => ({ value: code })),
+  highlightAuto: jest.fn((code) => ({ value: code })),
+  getLanguage: jest.fn(() => true)
+};
+
+// Mock localStorage
+const localStorageMock = {
+  getItem: jest.fn(),
+  setItem: jest.fn(),
+  removeItem: jest.fn(),
+  clear: jest.fn()
+};
+global.localStorage = localStorageMock;
+
+// Console spy to catch unintended console logs in tests
+const originalConsoleError = console.error;
+console.error = (...args) => {
+  // Allow certain expected errors
+  const message = args[0]?.toString() || '';
+  if (message.includes('Warning:') || message.includes('React')) {
+    return;
+  }
+  originalConsoleError.apply(console, args);
+};
+
+// Cleanup after each test
+afterEach(() => {
+  jest.clearAllMocks();
+});

tests/utils.test.js

@@ -0,0 +1,137 @@
+/**
+ * Tests for Utility Functions
+ * Tests helper functions that can be extracted and tested
+ */
+
+describe('Utility Functions', () => {
+  describe('parseCommand', () => {
+    // This function parses command strings into command and args
+    function parseCommand(cmdString) {
+      const parts = [];
+      let current = '';
+      let inQuotes = false;
+      let quoteChar = '';
+
+      for (let i = 0; i < cmdString.length; i++) {
+        const char = cmdString[i];
+        if ((char === '"' || char === "'") && !inQuotes) {
+          inQuotes = true;
+          quoteChar = char;
+        } else if (char === quoteChar && inQuotes) {
+          inQuotes = false;
+          quoteChar = '';
+        } else if (char === ' ' && !inQuotes) {
+          if (current) {
+            parts.push(current);
+            current = '';
+          }
+        } else {
+          current += char;
+        }
+      }
+      if (current) {
+        parts.push(current);
+      }
+
+      return {
+        command: parts[0],
+        args: parts.slice(1)
+      };
+    }
+
+    test('should parse simple command', () => {
+      const result = parseCommand('pandoc input.md -o output.pdf');
+      expect(result.command).toBe('pandoc');
+      expect(result.args).toEqual(['input.md', '-o', 'output.pdf']);
+    });
+
+    test('should handle double-quoted paths', () => {
+      const result = parseCommand('pandoc "C:/path with spaces/file.md" -o output.pdf');
+      expect(result.command).toBe('pandoc');
+      expect(result.args).toEqual(['C:/path with spaces/file.md', '-o', 'output.pdf']);
+    });
+
+    test('should handle single-quoted paths', () => {
+      const result = parseCommand("pandoc 'file name.md' -o output.pdf");
+      expect(result.command).toBe('pandoc');
+      expect(result.args).toEqual(['file name.md', '-o', 'output.pdf']);
+    });
+
+    test('should handle multiple options', () => {
+      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');
+    });
+
+    test('should handle empty command', () => {
+      const result = parseCommand('');
+      expect(result.command).toBeUndefined();
+      expect(result.args).toEqual([]);
+    });
+  });
+
+  describe('hexToRgb', () => {
+    // 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;
+    }
+
+    test('should convert black hex to RGB', () => {
+      const result = hexToRgb('#000000');
+      expect(result).toEqual({ r: 0, g: 0, b: 0 });
+    });
+
+    test('should convert white hex to RGB', () => {
+      const result = hexToRgb('#ffffff');
+      expect(result).toEqual({ r: 1, g: 1, b: 1 });
+    });
+
+    test('should convert red hex to RGB', () => {
+      const result = hexToRgb('#ff0000');
+      expect(result.r).toBeCloseTo(1);
+      expect(result.g).toBeCloseTo(0);
+      expect(result.b).toBeCloseTo(0);
+    });
+
+    test('should handle hex without hash', () => {
+      const result = hexToRgb('00ff00');
+      expect(result.r).toBeCloseTo(0);
+      expect(result.g).toBeCloseTo(1);
+      expect(result.b).toBeCloseTo(0);
+    });
+
+    test('should return null for invalid hex', () => {
+      expect(hexToRgb('invalid')).toBeNull();
+      expect(hexToRgb('#xyz')).toBeNull();
+    });
+  });
+
+  describe('File Path Utilities', () => {
+    test('should extract file extension', () => {
+      const getExtension = (filepath) => {
+        const match = filepath.match(/\.([^/.]+)$/);
+        return match ? match[1].toLowerCase() : '';
+      };
+
+      expect(getExtension('file.md')).toBe('md');
+      expect(getExtension('document.PDF')).toBe('pdf');
+      expect(getExtension('path/to/file.docx')).toBe('docx');
+      expect(getExtension('noextension')).toBe('');
+    });
+
+    test('should replace file extension', () => {
+      const replaceExtension = (filepath, newExt) => {
+        return filepath.replace(/\.[^/.]+$/, `.${newExt}`);
+      };
+
+      expect(replaceExtension('file.md', 'pdf')).toBe('file.pdf');
+      expect(replaceExtension('path/to/doc.docx', 'html')).toBe('path/to/doc.html');
+    });
+  });
+});