Release v2.1.0: UI Enhancements & Comprehensive Format Support

🎨 UI/UX Improvements: - Subtle & small preview popout button with minimalist design - Simplified table headers with light gray background - Better readability and cleaner appearance 📥 Enhanced Import: - Support for 30+ formats: RST, Textile, MediaWiki, Org-mode, AsciiDoc, CSV, JSON, and more - Format-specific conversion optimizations - Improved error messages 🎨 Exhaustive ASCII Art Generator: - 5 text banner styles: Standard, Banner, Block, Bubble, Digital - 19 professional templates organized in 4 categories - Flowcharts, sequence diagrams, network diagrams, hierarchy trees - Note boxes, warning boxes, decorative elements 📝 Documentation: - Added UPDATES.md with comprehensive changelog - Updated version to 2.1.0 in all files 🤖 Generated with Claude Code (https://claude.com/claude-code) Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
Release v2.0.0: Major Feature Update
2026-08-02 18:10:18 +05:30 · 2025-12-14 10:27:36 +05:30 · 2025-12-13 19:40:30 +05:30 · 2025-12-12 09:10:18 +05:30 · 2025-12-12 09:01:17 +05:30 · 2025-11-08 17:39:14 +05:30
16 changed files with 5065 additions and 92 deletions
@@ -4,7 +4,7 @@

 **PanConverter** is a cross-platform Markdown editor and converter powered by Pandoc, built with Electron. It provides professional-grade editing capabilities with comprehensive export options.

-**Current Version**: v1.7.8
+**Current Version**: v1.9.2
 **Author**: Amit Haridas (amit.wh@gmail.com)
 **License**: MIT
 **Repository**: https://github.com/amitwh/pan-converter
@@ -113,7 +113,300 @@ gh release create v1.2.1 --title "Title" --notes "Release notes" \

 ## Feature Implementation Guide

-### v1.7.8 Critical Bug Fixes (Latest)
+### v1.9.1 ASCII Art & Code Block Preservation (Latest)
+
+#### 🎨 Preserved ASCII Art in Exports
+**ASCII Art, Charts, Tables & Flowcharts Now Export Exactly as Previewed** (`src/wordTemplateExporter.js`, `src/main.js`)
+
+**Problem Solved:**
+- Previously, ASCII art, flowcharts, and code blocks were being corrupted during export to Word and PDF
+- Line breaks, spacing, and monospace alignment were lost
+- Box-drawing characters and diagrams became unreadable
+
+**Solution Implemented:**
+1. **Enhanced Word Template Exporter** (`src/wordTemplateExporter.js:259-289`)
+   - Code blocks now render each line as a separate paragraph with exact spacing
+   - `white-space: pre` and `word-wrap: normal` prevent text wrapping
+   - Monospace font (Consolas) with consistent 18pt size
+   - Light gray background (#F5F5F5) for visual distinction
+   - `<w:keepLines/>` and `<w:wordWrap w:val="0"/>` preserve exact formatting
+
+2. **Improved ASCII Art Detection** (`src/wordTemplateExporter.js:410-456`)
+   - Extended Unicode box-drawing character support (╭╮╯╰ rounded corners, heavy box characters)
+   - Additional arrow characters (↔↕⇒⇐⇓⇑)
+   - More ASCII patterns detected (+---+---+, <---->, etc.)
+   - Better markdown table vs ASCII art differentiation
+
+3. **Enhanced PDF Export** (`src/main.js:1266-1268`, `src/main.js:1345-1347`, `src/main.js:2410-2412`)
+   - Added `-V monofont="Consolas"` for monospace code blocks
+   - Added `--highlight-style=tango` for syntax highlighting
+   - Applied to main export, fallback export, and CLI conversion
+
+4. **Electron PDF Fallback** (`src/main.js:1613-1637`)
+   - Enhanced CSS for `<pre>` and `<code>` elements
+   - `white-space: pre` prevents wrapping
+   - `font-family: Consolas, Monaco, 'Courier New', monospace`
+   - Print media query preserves formatting when printing
+
+5. **HTML Export** (`src/main.js:1525-1548`)
+   - Same CSS improvements as Electron PDF
+   - Code blocks maintain exact preview appearance
+
+**Key CSS Properties for ASCII Preservation:**
+```css
+pre {
+    white-space: pre;
+    word-wrap: normal;
+    font-family: Consolas, Monaco, 'Courier New', monospace;
+    font-size: 12px;
+    line-height: 1.4;
+}
+pre code {
+    white-space: pre;
+    word-wrap: normal;
+    display: block;
+}
+```
+
+**Word XML Properties for ASCII Preservation:**
+```xml
+<w:pPr>
+    <w:spacing w:line="240" w:lineRule="exact"/>
+    <w:keepLines/>
+    <w:wordWrap w:val="0"/>
+</w:pPr>
+<w:rPr>
+    <w:rFonts w:ascii="Consolas" w:hAnsi="Consolas" w:cs="Consolas"/>
+    <w:noProof/>
+</w:rPr>
+```
+
+---
+
+### v1.9.0 Custom Headers & Footers
+
+#### 📄 Comprehensive Header & Footer System
+**Custom Headers & Footers for Standard Exports** (`src/main.js:701-853`, `src/index.html:929-1042`, `src/renderer.js:2560-2747`, `src/styles.css:3162-3432`)
+- **New Menu Option**: File → "Header & Footer Settings..." to configure headers/footers
+- **Three-Column Layout**: Left, Center, and Right positioning for both headers and footers
+- **Dynamic Field Support**: $PAGE$, $TOTAL$, $DATE$, $TIME$, $TITLE$, $AUTHOR$, $FILENAME$
+- **Logo/Image Embedding**: Upload logos to display in headers and footers
+- **Enable/Disable Toggle**: Quick on/off switch for all headers/footers
+- **Persistent Settings**: Configurations saved across sessions
+
+**Format Support:**
+- **PDF Export** (Standard): LaTeX-based headers/footers using fancyhdr package with automatic page numbering
+- **DOCX Export** (Standard): Word XML manipulation with field support for PAGE and NUMPAGES
+- **ODT Export**: OpenDocument format support (similar to DOCX implementation)
+- **PowerPoint (PPTX)**: Footer text with dynamic fields on slides
+- **Batch Converter**: Full header/footer support for all batch conversions
+
+**Dynamic Fields Processing:**
+- `$PAGE$` → Current page number (LaTeX: \thepage, Word: PAGE field)
+- `$TOTAL$` → Total pages (LaTeX: \pageref{LastPage}, Word: NUMPAGES field)
+- `$DATE$` → Current date (processed at export time)
+- `$TIME$` → Current time (processed at export time)
+- `$TITLE$` → Document title (from metadata or filename)
+- `$AUTHOR$` → Document author (from metadata)
+- `$FILENAME$` → File name without extension
+
+**Technical Implementation:**
+```javascript
+// processDynamicFields function in main.js
+function processDynamicFields(text, metadata = {}) {
+  const now = new Date();
+  result = text.replace(/\$DATE\$/g, now.toLocaleDateString());
+  result = result.replace(/\$TIME\$/g, now.toLocaleTimeString());
+  result = result.replace(/\$TITLE\$/g, metadata.title || 'Untitled');
+  // ... other replacements
+  return result;
+}
+
+// LaTeX header generation for PDF exports
+const latexHeader = `
+\\usepackage{fancyhdr}
+\\pagestyle{fancy}
+\\fancyhf{}
+\\lhead{${headerLeft}}
+\\chead{${headerCenter}}
+\\rhead{${headerRight}}
+\\lfoot{${footerLeft}}
+\\cfoot{${footerCenter}} // with \\thepage for page numbers
+\\rfoot{${footerRight}}
+`;
+
+// Word XML generation for DOCX exports
+const footerXml = `<?xml version="1.0"?>
+<w:ftr xmlns:w="http://schemas.openxmlformats.org/wordprocessingml/2006/main">
+  <w:p><w:r><w:t>${footerLeft}</w:t></w:r></w:p>
+  <w:p>
+    <w:fldSimple w:instr="PAGE"/> // Page number field
+    <w:r><w:t> of </w:t></w:r>
+    <w:fldSimple w:instr="NUMPAGES"/> // Total pages field
+  </w:p>
+  <w:p><w:r><w:t>${footerRight}</w:t></w:r></w:p>
+</w:ftr>`;
+```
+
+**Dialog Features:**
+- **Field Insertion Buttons**: Quick-insert dynamic fields via popup dialog
+- **Logo Upload**: Browse and select images for headers/footers
+- **Logo Preview**: Show selected logo filename
+- **Clear Buttons**: Remove uploaded logos
+- **Enable Toggle**: Disable headers/footers without losing settings
+- **Responsive Layout**: Grid-based three-column design
+- **Dark Theme Support**: Complete styling for all 22 themes
+
+**Integration Points:**
+- `buildPandocCommand()` - Adds LaTeX headers for PDF exports
+- `exportWithPandoc()` - Post-processes DOCX with header/footer XML
+- `performBatchConversion()` - Batch support for all formats
+- `addHeaderFooterToDocx()` - DOCX XML manipulation using PizZip
+
+**Dependencies:**
+- **PizZip** (v3.2.0) - ZIP file manipulation for DOCX/ODT
+- **fancyhdr** (LaTeX package) - Advanced headers/footers for PDF
+- **lastpage** (LaTeX package) - Total page count support
+
+**Key Improvements in v1.9.0:**
+1. ✅ Professional headers/footers for all standard export formats
+2. ✅ Dynamic field support with automatic value replacement
+3. ✅ Logo/image embedding in document headers/footers
+4. ✅ Batch converter integration with full header/footer support
+5. ✅ Persistent settings across application sessions
+6. ✅ User-friendly dialog with field insertion helper
+7. ✅ Complete dark theme support
+
+**Note**: Enhanced exports (DOCX Enhanced, PDF Enhanced) use Word templates which already have their own headers/footers defined in the template itself, so this feature specifically targets standard (non-templated) exports.
+
+---
+
+### v1.7.9 Enhanced Word Export with Template Support
+
+#### 📝 Template-Based Word Document Generation
+**Added Enhanced DOCX Export** (`src/wordTemplateExporter.js`, `src/main.js:540-596`, `src/main.js:242`)
+- **New Export Option**: "DOCX (Enhanced)" in File → Export menu with keyboard shortcut `Ctrl+Shift+W`
+- **Template Support**: Use custom Word templates to preserve branding, styles, and formatting
+- **Template Selection**: File → "Select Word Template..." menu option to choose custom templates
+- **Persistent Template**: Selected template is saved and reused across sessions
+- **Word XML Manipulation**: Direct manipulation of Word document XML using PizZip
+- **Template Page Preservation**: Preserves first 2 pages (cover + TOC) when using templates
+- **Smart Content Insertion**: Inserts markdown content after 2nd section break
+
+**Full Markdown Support:**
+- Headings (H1-H6) with markdown numbering stripped (e.g., "1.1 Title" → "Title")
+- Text formatting (bold, italic, bold+italic, strikethrough)
+- Inline code with Consolas font and gray background
+- Code blocks with monospace font and light gray background
+- Ordered and unordered lists (uses template numbering, strips markdown numbering)
+- Blockquotes with indentation
+- **Tables with orange header styling**:
+  - Orange header row (#F58220) with white bold text
+  - White data rows (no alternating colors)
+  - Orange borders (#F58220) on all cells
+  - Proper column alignment and spacing
+- Horizontal rules
+- Links
+- **ASCII Art and Flowcharts**:
+  - Detects box-drawing characters (┌, ─, │, └, etc.)
+  - Detects flowchart patterns with square brackets
+  - Preserves monospace alignment with Consolas font
+  - Each line rendered separately to prevent wrapping
+  - No-wrap paragraph properties for exact spacing
+  - **Red-colored arrows** (↓, →, ←, ↑) for enhanced visibility
+  - Gray background (#F5F5F5) for distinction from regular text
+
+**ASCII Art Detection Patterns:**
+- Unicode box-drawing characters: ┌┐└┘├┤┬┴┼─│═║╔╗╚╝╠╣╦╩╬
+- Arrow characters: ↓→←↑▼►◄▲
+- ASCII box patterns: +-----+, |-----|, [Text in brackets]
+- Flowchart steps: START, [Step Description], END
+
+**ASCII Art Rendering Features:**
+```javascript
+// Each line gets its own paragraph with no-wrap
+xml += `<w:p>
+    <w:pPr>
+        <w:wordWrap w:val="0"/>          // Disable wrapping
+        <w:keepLines/>                    // Keep lines together
+        <w:line="240" w:lineRule="exact"/>  // Exact line height
+    </w:pPr>
+    // Arrows colored red (#FF0000)
+    // Text in Consolas 16pt with gray background
+</w:p>`;
+```
+
+**Template Selection Workflow:**
+1. User clicks File → "Select Word Template..."
+2. Dialog opens to browse for .docx files
+3. Selected template path stored in global variable and persisted
+4. Template automatically loaded on app startup
+5. Enhanced export uses selected template (or defaults to `word_template.docx`)
+
+**Technical Implementation:**
+```javascript
+// Template selection function
+async function selectWordTemplate() {
+    const result = await dialog.showOpenDialog(mainWindow, {
+        title: 'Select Word Template',
+        filters: [{ name: 'Word Document', extensions: ['docx'] }],
+        properties: ['openFile']
+    });
+
+    if (!result.canceled && result.filePaths.length > 0) {
+        wordTemplatePath = result.filePaths[0];
+        store.set('wordTemplatePath', wordTemplatePath);
+    }
+}
+
+// Word Template Exporter with template support
+class WordTemplateExporter {
+    constructor(templatePath) {
+        this.templatePath = templatePath || path.join(__dirname, '../word_template.docx');
+    }
+
+    async convert(markdownContent, outputPath) {
+        // Load template as ZIP
+        const templateBuffer = fs.readFileSync(this.templatePath);
+        const zip = new PizZip(templateBuffer);
+
+        // Extract and modify document.xml
+        const documentXml = zip.file('word/document.xml').asText();
+        const newContentXml = this.markdownToWordXml(markdownContent);
+        const modifiedXml = this.insertContentAfterPage2(documentXml, newContentXml);
+
+        // Save modified document
+        zip.file('word/document.xml', modifiedXml);
+        const newDocBuffer = zip.generate({ type: 'nodebuffer' });
+        fs.writeFileSync(outputPath, newDocBuffer);
+    }
+}
+```
+
+**Menu Integration:**
+- Export: File → Export → "DOCX (Enhanced)" (`Ctrl+Shift+W`)
+- Template Selection: File → "Select Word Template..."
+- Template path saved to: `userData/settings.json`
+
+**Dependencies Added:**
+```json
+{
+  "docx": "^9.5.1",
+  "pizzip": "^3.2.0",
+  "docx4js": "^3.3.0"
+}
+```
+
+**Key Improvements in v1.7.9:**
+1. ✅ Template-based export preserving corporate branding
+2. ✅ Persistent template selection across sessions
+3. ✅ Tables with professional orange header styling and white data rows
+4. ✅ ASCII art and flowcharts with perfect alignment and no wrapping
+5. ✅ Red-colored arrows in flowcharts for enhanced readability
+6. ✅ Markdown numbering stripped from headings and lists
+7. ✅ Template's automatic numbering system used instead
+
+### v1.7.8 Critical Bug Fixes

 #### 🐛 File Association Fix for Packaged Apps
 **Fixed Command-Line Argument Parsing** (`src/main.js:1598-1627`, `src/main.js:70-90`)
@@ -884,10 +1177,33 @@ if (!gotTheLock) {

 ---

-**Last Updated**: October 26, 2025
-**Claude Assistant**: Development completed for v1.7.8 with critical bug fixes:
-1. **File Association Fix**: Fixed command-line argument parsing to properly detect packaged vs development mode using `app.isPackaged`, enabling files to open correctly on first double-click in packaged app
-2. **Print Preview Fix**: Completely rewrote print handler to rely on CSS `@media print` rules instead of manual DOM manipulation, ensuring preview content (not toolbar) is printed
-3. **Code Cleanup**: Removed auto-opening DevTools for production-ready build
+## Pending Tasks & Future Enhancements

-Previous releases: v1.7.7 (print menu with two options, PDFKit/html2pdf integration), v1.7.6 (table header styling cleanup), v1.7.5 (single-instance lock).
+No pending tasks at this time. All planned v1.9.1 features have been completed.
+
+### Potential Future Enhancements
+- Image embedding in headers/footers (partially implemented - logo upload UI ready)
+- Advanced page numbering formats (Roman numerals, custom prefixes)
+- First-page-different header/footer support
+- Per-section headers/footers within documents
+
+---
+
+**Last Updated**: December 12, 2025
+**Claude Assistant**: Development completed for v1.9.1 with ASCII Art Preservation!
+
+### v1.9.1 - Latest Release Summary
+- **ASCII Art Preservation**: Code blocks, flowcharts, tables, and ASCII art now export exactly as shown in preview
+- **Enhanced Code Block Rendering**: Each line rendered separately to preserve exact spacing and alignment
+- **Monospace Font Support**: Consolas font used consistently across all export formats
+- **Improved ASCII Detection**: Extended Unicode box-drawing and arrow character support
+- **PDF Export Enhancement**: Added monofont and highlight-style options for better code rendering
+- **HTML/Electron PDF Fix**: Enhanced CSS to prevent text wrapping in code blocks
+
+### Previous Releases
+- v1.9.0: Custom Headers & Footers for PDF, DOCX, ODT, PowerPoint exports
+- v1.8.3: Streamlined PDF Editor UI & Configurable Template Settings
+- v1.8.2: Enhanced PDF Export & Print Fix
+- v1.8.1: Streamlined PDF Editor UI
+- v1.8.0: Enhanced Word Export with template support (batch)
+- v1.7.9: Template-Based Word Export with ASCII art support
@@ -138,6 +138,8 @@ npm run dist:all

 ## Version History

+- **v1.8.0** - Added enhanced Word export with template support to batch converter
+- **v1.7.9** - Enhanced Word Export with Template Support: Template-based DOCX generation with custom templates, table styling, ASCII art support, and red-colored flowchart arrows
 - **v1.5.6** - (Your release notes here)
 - **v1.5.5** - Refactored PDF export, simplified Pandoc pathing, and removed XLSX dependency.
 - **v1.3.1** - Bug fixes: Fixed file associations for double-clicking .md files, corrected 50/50 layout alignment for editor/preview panes
@@ -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
@@ -1,6 +1,6 @@
 {
  "name": "pan-converter",
-  "version": "1.7.8",
+  "version": "2.1.0",
  "description": "Cross-platform Markdown editor and converter using Pandoc",
  "main": "src/main.js",
  "scripts": {
@@ -31,13 +31,17 @@
  },
  "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",
-    "html2pdf.js": "^0.10.1",
    "highlight.js": "^11.11.1",
+    "html2pdf.js": "^0.10.1",
    "marked": "^16.2.1",
    "pdf-lib": "^1.17.1",
    "pdfkit": "^0.14.0",
+    "pizzip": "^3.2.0",
    "tslib": "^2.8.1",
    "xlsx": "^0.18.5"
  },
@@ -11,6 +11,8 @@
    <link rel="stylesheet" href="styles-modern.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/6.65.7/codemirror.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/default.min.css">
+    <!-- Mermaid.js for diagram rendering -->
+    <script src="https://cdn.jsdelivr.net/npm/mermaid@10/dist/mermaid.min.js"></script>
 </head>
 <body>
    <div class="container">
@@ -148,6 +150,19 @@
                </div>
                <div class="export-dialog-body">
                    <!-- Simple/Advanced Export Toggle -->
+                    <!-- Export Profiles -->
+                    <div class="export-section export-profiles">
+                        <label>Export Profile:</label>
+                        <div class="profile-controls">
+                            <select id="export-profile-select">
+                                <option value="">Custom Settings</option>
+                            </select>
+                            <button id="save-profile-btn" type="button" title="Save current settings as profile">💾 Save</button>
+                            <button id="delete-profile-btn" type="button" title="Delete selected profile">🗑️ Delete</button>
+                        </div>
+                        <small class="export-help">Save and reuse your favorite export configurations</small>
+                    </div>
+
                    <div class="export-section export-mode-toggle">
                        <label class="checkbox-label">
                            <input type="checkbox" id="advanced-export-toggle">
@@ -243,6 +258,37 @@
                    </div> <!-- End advanced-export-options -->

                    <!-- Basic Export Options (always visible) -->
+                    <div class="export-section basic-options">
+                        <label>Page Size & Orientation:</label>
+                        <div class="form-row">
+                            <label for="page-size">Size:</label>
+                            <select id="page-size">
+                                <option value="a4">A4 (210×297mm)</option>
+                                <option value="a3">A3 (297×420mm)</option>
+                                <option value="a5">A5 (148×210mm)</option>
+                                <option value="b4">B4 (250×353mm)</option>
+                                <option value="b5">B5 (176×250mm)</option>
+                                <option value="letter">Letter (8.5×11in)</option>
+                                <option value="legal">Legal (8.5×14in)</option>
+                                <option value="tabloid">Tabloid (11×17in)</option>
+                                <option value="custom">Custom...</option>
+                            </select>
+                        </div>
+                        <div class="form-row">
+                            <label for="page-orientation">Orientation:</label>
+                            <select id="page-orientation">
+                                <option value="portrait">Portrait</option>
+                                <option value="landscape">Landscape</option>
+                            </select>
+                        </div>
+                        <div id="custom-page-size" class="form-row" style="display: none;">
+                            <label>Custom Size:</label>
+                            <input type="text" id="custom-width" placeholder="Width (e.g., 210mm)" style="width: 45%; display: inline-block;">
+                            <span style="display: inline-block; width: 5%; text-align: center;">×</span>
+                            <input type="text" id="custom-height" placeholder="Height (e.g., 297mm)" style="width: 45%; display: inline-block;">
+                        </div>
+                    </div>
+
                    <div class="export-section basic-options">
                        <label>Quick Export Settings:</label>
                        <div class="checkbox-group">
@@ -258,6 +304,180 @@
            </div>
        </div>

+        <!-- Command Palette -->
+        <div id="command-palette" class="command-palette hidden">
+            <div class="command-palette-content">
+                <input type="text" id="command-search" placeholder="Type a command..." autofocus>
+                <div id="command-list" class="command-list"></div>
+                <div class="command-palette-footer">
+                    <span>↑↓ Navigate</span>
+                    <span>Enter Execute</span>
+                    <span>Esc Close</span>
+                </div>
+            </div>
+        </div>
+
+        <!-- Table Generator Dialog -->
+        <div id="table-generator-dialog" class="export-dialog hidden">
+            <div class="export-dialog-content" style="max-width: 500px;">
+                <div class="export-dialog-header">
+                    <h3>📊 Table Generator</h3>
+                    <button id="table-dialog-close" title="Close">×</button>
+                </div>
+                <div class="export-dialog-body">
+                    <div class="export-section">
+                        <label for="table-rows">Number of Rows:</label>
+                        <input type="number" id="table-rows" min="1" max="50" value="3" style="width: 100px;">
+                        <small>Total rows including header (if enabled)</small>
+                    </div>
+
+                    <div class="export-section">
+                        <label for="table-cols">Number of Columns:</label>
+                        <input type="number" id="table-cols" min="1" max="20" value="3" style="width: 100px;">
+                    </div>
+
+                    <div class="export-section">
+                        <label class="checkbox-label">
+                            <input type="checkbox" id="table-has-header" checked>
+                            Include Header Row
+                        </label>
+                        <small>First row will be formatted as table headers</small>
+                    </div>
+
+                    <div class="export-section">
+                        <label for="table-alignment">Column Alignment:</label>
+                        <select id="table-alignment">
+                            <option value="left">Left</option>
+                            <option value="center">Center</option>
+                            <option value="right">Right</option>
+                        </select>
+                        <small>Applies to all columns</small>
+                    </div>
+
+                    <div class="export-section">
+                        <label for="table-preview">Preview:</label>
+                        <pre id="table-preview" style="background: #f5f5f5; padding: 10px; border-radius: 4px; font-size: 12px; max-height: 300px; overflow: auto;"></pre>
+                    </div>
+                </div>
+                <div class="export-dialog-footer">
+                    <button id="table-generate-preview" class="btn-secondary">Update Preview</button>
+                    <button id="table-insert" class="btn-primary">Insert Table</button>
+                    <button id="table-cancel" class="btn-secondary">Cancel</button>
+                </div>
+            </div>
+        </div>
+
+        <!-- ASCII Art Generator Dialog -->
+        <div id="ascii-art-dialog" class="export-dialog hidden">
+            <div class="export-dialog-content" style="max-width: 700px;">
+                <div class="export-dialog-header">
+                    <h3>🎨 ASCII Art Generator</h3>
+                    <button id="ascii-dialog-close" title="Close">×</button>
+                </div>
+                <div class="export-dialog-body">
+                    <div class="export-section">
+                        <label>Mode:</label>
+                        <div style="display: flex; gap: 10px; margin-bottom: 10px;">
+                            <button id="ascii-mode-text" class="btn-secondary ascii-mode-btn active">Text Banner</button>
+                            <button id="ascii-mode-box" class="btn-secondary ascii-mode-btn">Box/Frame</button>
+                            <button id="ascii-mode-templates" class="btn-secondary ascii-mode-btn">Templates</button>
+                        </div>
+                    </div>
+
+                    <!-- Text Banner Mode -->
+                    <div id="ascii-text-mode" class="ascii-mode-section">
+                        <div class="export-section">
+                            <label for="ascii-text-input">Text to Convert:</label>
+                            <input type="text" id="ascii-text-input" placeholder="Enter your text..." maxlength="50">
+                        </div>
+                        <div class="export-section">
+                            <label for="ascii-font-style">Style:</label>
+                            <select id="ascii-font-style">
+                                <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="ascii-box-mode" class="ascii-mode-section hidden">
+                        <div class="export-section">
+                            <label for="ascii-box-text">Text Content:</label>
+                            <textarea id="ascii-box-text" rows="3" placeholder="Enter text for the box..."></textarea>
+                        </div>
+                        <div class="export-section">
+                            <label for="ascii-box-style">Box Style:</label>
+                            <select id="ascii-box-style">
+                                <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="export-section">
+                            <label for="ascii-box-padding">Padding:</label>
+                            <input type="number" id="ascii-box-padding" min="1" max="10" value="2" style="width: 80px;">
+                        </div>
+                    </div>
+
+                    <!-- Templates Mode -->
+                    <div id="ascii-templates-mode" class="ascii-mode-section hidden">
+                        <div class="export-section">
+                            <label>Arrows & Flow:</label>
+                            <div style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-bottom: 15px;">
+                                <button class="btn-secondary ascii-template-btn" data-template="arrow-right">Arrow →</button>
+                                <button class="btn-secondary ascii-template-btn" data-template="arrow-down">Arrow ↓</button>
+                                <button class="btn-secondary ascii-template-btn" data-template="decision">Decision</button>
+                                <button class="btn-secondary ascii-template-btn" data-template="process-flow">Process Flow</button>
+                            </div>
+
+                            <label>Diagrams & Charts:</label>
+                            <div style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-bottom: 15px;">
+                                <button class="btn-secondary ascii-template-btn" data-template="flowchart">Flowchart</button>
+                                <button class="btn-secondary ascii-template-btn" data-template="sequence">Sequence</button>
+                                <button class="btn-secondary ascii-template-btn" data-template="network">Network</button>
+                                <button class="btn-secondary ascii-template-btn" data-template="hierarchy">Hierarchy</button>
+                                <button class="btn-secondary ascii-template-btn" data-template="timeline">Timeline</button>
+                                <button class="btn-secondary ascii-template-btn" data-template="table-simple">Table</button>
+                            </div>
+
+                            <label>Boxes & Containers:</label>
+                            <div style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-bottom: 15px;">
+                                <button class="btn-secondary ascii-template-btn" data-template="header">Header</button>
+                                <button class="btn-secondary ascii-template-btn" data-template="note-box">Note Box</button>
+                                <button class="btn-secondary ascii-template-btn" data-template="warning-box">Warning</button>
+                                <button class="btn-secondary ascii-template-btn" data-template="info-box">Info Box</button>
+                            </div>
+
+                            <label>Decorative Elements:</label>
+                            <div style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-bottom: 15px;">
+                                <button class="btn-secondary ascii-template-btn" data-template="divider">Divider</button>
+                                <button class="btn-secondary ascii-template-btn" data-template="separator-fancy">Separator</button>
+                                <button class="btn-secondary ascii-template-btn" data-template="brackets">Brackets</button>
+                                <button class="btn-secondary ascii-template-btn" data-template="banner-stars">Banner</button>
+                                <button class="btn-secondary ascii-template-btn" data-template="check">Checklist ✓</button>
+                                <button class="btn-secondary ascii-template-btn" data-template="progress-bar">Progress Bar</button>
+                            </div>
+                        </div>
+                    </div>
+
+                    <div class="export-section">
+                        <label for="ascii-preview">Preview:</label>
+                        <pre id="ascii-preview" style="background: #f5f5f5; padding: 15px; border-radius: 4px; font-size: 12px; max-height: 400px; overflow: auto; font-family: 'Courier New', monospace; line-height: 1.2;"></pre>
+                    </div>
+                </div>
+                <div class="export-dialog-footer">
+                    <button id="ascii-generate" class="btn-secondary">Generate Preview</button>
+                    <button id="ascii-insert" class="btn-primary">Insert ASCII Art</button>
+                    <button id="ascii-cancel" class="btn-secondary">Cancel</button>
+                </div>
+            </div>
+        </div>
+
        <!-- Universal File Converter Dialog -->
        <div id="universal-converter-dialog" class="export-dialog hidden">
            <div class="export-dialog-content">
@@ -515,7 +735,9 @@
                        <select id="batch-format">
                            <option value="html">HTML</option>
                            <option value="pdf">PDF</option>
+                            <option value="pdf-enhanced">PDF (Enhanced)</option>
                            <option value="docx">DOCX</option>
+                            <option value="docx-enhanced">DOCX (Enhanced)</option>
                            <option value="latex">LaTeX</option>
                            <option value="rtf">RTF</option>
                            <option value="odt">ODT</option>
@@ -555,12 +777,12 @@

        <!-- PDF Editor Dialog -->
        <div id="pdf-editor-dialog" class="export-dialog hidden">
-            <div class="export-dialog-content">
+            <div class="export-dialog-content pdf-editor-content">
                <div class="export-dialog-header">
                    <h3 id="pdf-editor-title">PDF Editor</h3>
                    <button id="pdf-editor-dialog-close" title="Close">×</button>
                </div>
-                <div class="export-dialog-body">
+                <div class="export-dialog-body pdf-editor-body">
                    <!-- Merge PDFs Section -->
                    <div id="pdf-merge-section" class="pdf-operation-section hidden">
                        <div class="export-section">
@@ -924,6 +1146,121 @@
            </div>
        </div>

+        <!-- Header & Footer Configuration Dialog -->
+        <div id="header-footer-dialog" class="export-dialog hidden">
+            <div class="export-dialog-content" style="max-width: 700px;">
+                <div class="export-dialog-header">
+                    <h3>Header & Footer Settings</h3>
+                    <button id="header-footer-close" class="dialog-close" title="Close">×</button>
+                </div>
+                <div class="export-dialog-body">
+                    <div class="hf-enable-section">
+                        <label>
+                            <input type="checkbox" id="hf-enabled" checked>
+                            Enable Headers and Footers
+                        </label>
+                    </div>
+
+                    <div id="hf-config-content">
+                        <!-- Header Configuration -->
+                        <div class="hf-section">
+                            <h4>Header</h4>
+                            <div class="hf-row">
+                                <div class="hf-column">
+                                    <label>Left</label>
+                                    <input type="text" id="header-left" placeholder="e.g., Document Title">
+                                    <button class="field-insert-btn" data-target="header-left" title="Insert dynamic field">+</button>
+                                </div>
+                                <div class="hf-column">
+                                    <label>Center</label>
+                                    <input type="text" id="header-center" placeholder="e.g., $TITLE$">
+                                    <button class="field-insert-btn" data-target="header-center" title="Insert dynamic field">+</button>
+                                </div>
+                                <div class="hf-column">
+                                    <label>Right</label>
+                                    <input type="text" id="header-right" placeholder="e.g., $DATE$">
+                                    <button class="field-insert-btn" data-target="header-right" title="Insert dynamic field">+</button>
+                                </div>
+                            </div>
+                            <div class="hf-logo-row">
+                                <label>Header Logo/Image:</label>
+                                <button id="header-logo-browse" class="browse-btn">Browse...</button>
+                                <button id="header-logo-clear" class="clear-btn">Clear</button>
+                                <span id="header-logo-preview" class="logo-preview"></span>
+                            </div>
+                        </div>
+
+                        <!-- Footer Configuration -->
+                        <div class="hf-section">
+                            <h4>Footer</h4>
+                            <div class="hf-row">
+                                <div class="hf-column">
+                                    <label>Left</label>
+                                    <input type="text" id="footer-left" placeholder="e.g., Company Name">
+                                    <button class="field-insert-btn" data-target="footer-left" title="Insert dynamic field">+</button>
+                                </div>
+                                <div class="hf-column">
+                                    <label>Center</label>
+                                    <input type="text" id="footer-center" placeholder="e.g., $PAGE$ of $TOTAL$">
+                                    <button class="field-insert-btn" data-target="footer-center" title="Insert dynamic field">+</button>
+                                </div>
+                                <div class="hf-column">
+                                    <label>Right</label>
+                                    <input type="text" id="footer-right" placeholder="e.g., $AUTHOR$">
+                                    <button class="field-insert-btn" data-target="footer-right" title="Insert dynamic field">+</button>
+                                </div>
+                            </div>
+                            <div class="hf-logo-row">
+                                <label>Footer Logo/Image:</label>
+                                <button id="footer-logo-browse" class="browse-btn">Browse...</button>
+                                <button id="footer-logo-clear" class="clear-btn">Clear</button>
+                                <span id="footer-logo-preview" class="logo-preview"></span>
+                            </div>
+                        </div>
+
+                        <!-- Dynamic Fields Help -->
+                        <div class="hf-help">
+                            <p><strong>Available Dynamic Fields:</strong></p>
+                            <ul>
+                                <li><code>$PAGE$</code> - Current page number</li>
+                                <li><code>$TOTAL$</code> - Total page count</li>
+                                <li><code>$DATE$</code> - Current date</li>
+                                <li><code>$TIME$</code> - Current time</li>
+                                <li><code>$TITLE$</code> - Document title</li>
+                                <li><code>$AUTHOR$</code> - Document author</li>
+                                <li><code>$FILENAME$</code> - File name</li>
+                            </ul>
+                        </div>
+                    </div>
+                </div>
+                <div class="export-dialog-footer">
+                    <button id="header-footer-cancel">Cancel</button>
+                    <button id="header-footer-save" class="primary">Save Settings</button>
+                </div>
+            </div>
+        </div>
+
+        <!-- Dynamic Field Picker Dialog -->
+        <div id="field-picker-dialog" class="export-dialog hidden">
+            <div class="export-dialog-content" style="max-width: 400px;">
+                <div class="export-dialog-header">
+                    <h3>Insert Dynamic Field</h3>
+                    <button id="field-picker-close" class="dialog-close" title="Close">×</button>
+                </div>
+                <div class="export-dialog-body">
+                    <div class="field-picker-list">
+                        <button class="field-option" data-field="$PAGE$">Page Number</button>
+                        <button class="field-option" data-field="$TOTAL$">Total Pages</button>
+                        <button class="field-option" data-field="$DATE$">Current Date</button>
+                        <button class="field-option" data-field="$TIME$">Current Time</button>
+                        <button class="field-option" data-field="$TITLE$">Document Title</button>
+                        <button class="field-option" data-field="$AUTHOR$">Document Author</button>
+                        <button class="field-option" data-field="$FILENAME$">File Name</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
        <div class="editor-container">
            <div class="tab-content active" id="tab-content-1" data-tab-id="1">
                <div id="editor-pane-1" class="pane">
@@ -932,7 +1269,11 @@
                        <textarea id="editor-1" class="editor-textarea"></textarea>
                    </div>
                </div>
+                <div class="pane-resizer" id="pane-resizer-1" title="Drag to resize"></div>
                <div id="preview-pane-1" class="pane">
+                    <div class="preview-header">
+                        <button class="preview-popout-btn" id="preview-popout-1" title="Pop out preview in new window">⬜</button>
+                    </div>
                    <div id="preview-1" class="preview-content"></div>
                </div>
            </div>
@@ -444,8 +444,8 @@ body {

 .preview-content table th {
  font-weight: 600;
-  background: var(--primary-gradient);
-  color: white;
+  background: #f0f0f0;
+  color: #333333;
 }

 .preview-content table tr:nth-child(even) {
@@ -10,6 +10,10 @@ body {
    height: 100vh;
 }

+.hidden {
+    display: none !important;
+}
+
 .container {
    display: flex;
    flex-direction: column;
@@ -156,7 +160,54 @@ body {
 }

 .pane:first-child {
-    border-right: 1px solid #ddd;
+    border-right: none;
+}
+
+/* Pane Resizer */
+.pane-resizer {
+    width: 6px;
+    background: #e0e0e0;
+    cursor: col-resize;
+    position: relative;
+    flex-shrink: 0;
+    transition: background 0.2s;
+}
+
+.pane-resizer:hover {
+    background: #999;
+}
+
+.pane-resizer:active {
+    background: #666;
+}
+
+/* Preview Header */
+.preview-header {
+    display: flex;
+    justify-content: flex-end;
+    align-items: center;
+    padding: 4px 8px;
+    background: #f6f8fa;
+    border-bottom: 1px solid #dfe2e5;
+    min-height: 32px;
+}
+
+.preview-popout-btn {
+    background: transparent;
+    border: none;
+    border-radius: 3px;
+    padding: 2px 6px;
+    cursor: pointer;
+    font-size: 11px;
+    color: #8c959f;
+    opacity: 0.5;
+    transition: all 0.2s;
+}
+
+.preview-popout-btn:hover {
+    background: rgba(0, 0, 0, 0.05);
+    opacity: 1;
+    color: #24292f;
 }

 .editor-textarea {
@@ -207,10 +258,15 @@ body {
    background: #fff;
 }

-#preview {
+/* GitHub Light Theme for Preview (Default) */
+#preview, [id^="preview-"], .preview-content {
    max-width: 800px;
    margin: 0 auto;
    font-size: 15px;
+    padding: 20px;
+    background: #ffffff;
+    color: #24292f;
+    line-height: 1.6;
 }

 /* Status Bar */
@@ -251,22 +307,25 @@ body {
    line-height: 1.6;
 }

-#preview code, .preview-content code {
+#preview code, .preview-content code, [id^="preview-"] code {
    padding: 0.2em 0.4em;
    margin: 0;
    font-size: 85%;
-    background-color: rgba(27,31,35,0.05);
-    border-radius: 3px;
-    font-family: 'SF Mono', Monaco, 'Courier New', monospace;
+    background-color: #f6f8fa;
+    border: 1px solid #d0d7de;
+    border-radius: 6px;
+    font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace;
+    color: #24292f;
 }

-#preview pre, .preview-content pre {
+#preview pre, .preview-content pre, [id^="preview-"] pre {
    padding: 16px;
    overflow: auto;
    font-size: 85%;
    line-height: 1.45;
    background-color: #f6f8fa;
-    border-radius: 3px;
+    border: 1px solid #d0d7de;
+    border-radius: 6px;
    margin-bottom: 16px;
 }

@@ -289,6 +348,126 @@ body {
    margin-bottom: 16px;
 }

+/* GitHub Dark Theme for Preview */
+body.theme-dark #preview,
+body.theme-dark [id^="preview-"],
+body.theme-dark .preview-content {
+    background: #0d1117;
+    color: #c9d1d9;
+}
+
+body.theme-dark #preview h1,
+body.theme-dark [id^="preview-"] h1,
+body.theme-dark .preview-content h1 {
+    color: #c9d1d9;
+    border-bottom-color: #21262d;
+}
+
+body.theme-dark #preview h2,
+body.theme-dark [id^="preview-"] h2,
+body.theme-dark .preview-content h2 {
+    color: #c9d1d9;
+    border-bottom-color: #21262d;
+}
+
+body.theme-dark #preview h3,
+body.theme-dark #preview h4,
+body.theme-dark #preview h5,
+body.theme-dark #preview h6,
+body.theme-dark [id^="preview-"] h3,
+body.theme-dark [id^="preview-"] h4,
+body.theme-dark [id^="preview-"] h5,
+body.theme-dark [id^="preview-"] h6,
+body.theme-dark .preview-content h3,
+body.theme-dark .preview-content h4,
+body.theme-dark .preview-content h5,
+body.theme-dark .preview-content h6 {
+    color: #c9d1d9;
+}
+
+body.theme-dark #preview p,
+body.theme-dark [id^="preview-"] p,
+body.theme-dark .preview-content p {
+    color: #c9d1d9;
+}
+
+body.theme-dark #preview code,
+body.theme-dark [id^="preview-"] code,
+body.theme-dark .preview-content code {
+    background-color: #161b22;
+    border-color: #30363d;
+    color: #c9d1d9;
+}
+
+body.theme-dark #preview pre,
+body.theme-dark [id^="preview-"] pre,
+body.theme-dark .preview-content pre {
+    background-color: #161b22;
+    border-color: #30363d;
+}
+
+body.theme-dark #preview blockquote,
+body.theme-dark [id^="preview-"] blockquote,
+body.theme-dark .preview-content blockquote {
+    color: #8b949e;
+    border-left-color: #3b434b;
+}
+
+body.theme-dark #preview a,
+body.theme-dark [id^="preview-"] a,
+body.theme-dark .preview-content a {
+    color: #58a6ff;
+}
+
+body.theme-dark #preview a:hover,
+body.theme-dark [id^="preview-"] a:hover,
+body.theme-dark .preview-content a:hover {
+    color: #79c0ff;
+}
+
+body.theme-dark #preview table,
+body.theme-dark [id^="preview-"] table,
+body.theme-dark .preview-content table {
+    border-color: #30363d;
+}
+
+body.theme-dark #preview table th,
+body.theme-dark [id^="preview-"] table th,
+body.theme-dark .preview-content table th {
+    background-color: #161b22;
+    color: #c9d1d9;
+    border-color: #30363d;
+}
+
+body.theme-dark #preview table td,
+body.theme-dark [id^="preview-"] table td,
+body.theme-dark .preview-content table td {
+    border-color: #30363d;
+    color: #c9d1d9;
+}
+
+body.theme-dark #preview hr,
+body.theme-dark [id^="preview-"] hr,
+body.theme-dark .preview-content hr {
+    background-color: #21262d;
+    border-color: #21262d;
+}
+
+body.theme-dark #preview ul,
+body.theme-dark #preview ol,
+body.theme-dark [id^="preview-"] ul,
+body.theme-dark [id^="preview-"] ol,
+body.theme-dark .preview-content ul,
+body.theme-dark .preview-content ol {
+    color: #c9d1d9;
+}
+
+body.theme-dark #preview li,
+body.theme-dark [id^="preview-"] li,
+body.theme-dark .preview-content li {
+    color: #c9d1d9;
+}
+
 #preview ul, #preview ol, .preview-content ul, .preview-content ol {
    padding-left: 2em;
    margin-bottom: 16px;
@@ -326,10 +505,11 @@ body {

 #preview table th, .preview-content table th {
    font-weight: 600;
+    background-color: #f6f8fa;
 }

 #preview table tr:nth-child(2n), .preview-content table tr:nth-child(2n) {
-    background-color: #f6f8fa;
+    background-color: #ffffff;
 }

 /* Theme: Dark */
@@ -1098,6 +1278,117 @@ body.theme-dark #add-metadata-field {
    color: #f0f0f0;
 }

+/* PDF Editor Specific Styles */
+.pdf-editor-content {
+    max-width: 600px !important;
+    max-height: 85vh;
+    overflow-y: auto;
+}
+
+.pdf-editor-body {
+    min-height: 200px;
+    max-height: calc(85vh - 150px);
+    overflow-y: auto;
+}
+
+.pdf-operation-section {
+    animation: fadeIn 0.3s ease-in;
+}
+
+@keyframes fadeIn {
+    from {
+        opacity: 0;
+        transform: translateY(-10px);
+    }
+    to {
+        opacity: 1;
+        transform: translateY(0);
+    }
+}
+
+.pdf-operation-section.hidden {
+    display: none !important;
+}
+
+/* Make PDF Editor sections more compact */
+.pdf-operation-section .export-section {
+    margin-bottom: 18px;
+}
+
+.pdf-operation-section .export-section:last-child {
+    margin-bottom: 0;
+}
+
+/* File list styling for merge operation */
+.file-list {
+    border: 1px solid #ddd;
+    border-radius: 4px;
+    padding: 10px;
+    margin-bottom: 10px;
+    min-height: 100px;
+    max-height: 200px;
+    overflow-y: auto;
+    background: #fafafa;
+}
+
+.file-entry {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 8px;
+    margin-bottom: 6px;
+    background: white;
+    border: 1px solid #e0e0e0;
+    border-radius: 4px;
+}
+
+.file-entry:last-child {
+    margin-bottom: 0;
+}
+
+.file-name {
+    flex: 1;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    margin-right: 10px;
+    font-size: 13px;
+}
+
+.remove-file {
+    padding: 4px 10px;
+    background: #dc3545;
+    color: white;
+    border: none;
+    border-radius: 4px;
+    cursor: pointer;
+    font-size: 12px;
+}
+
+.remove-file:hover {
+    background: #c82333;
+}
+
+/* Theme support for PDF Editor */
+body.theme-dark .file-list {
+    background: #1a1a1a;
+    border-color: #555;
+}
+
+body.theme-dark .file-entry {
+    background: #2d2d2d;
+    border-color: #444;
+    color: #f0f0f0;
+}
+
+body.theme-dark .pdf-editor-content {
+    background: #2d2d2d;
+}
+
+body.theme-dark .pdf-editor-body {
+    background: #2d2d2d;
+}
+
 body.theme-dark .form-row button:hover,
 body.theme-dark #add-metadata-field:hover {
    background: #333;
@@ -1405,6 +1696,42 @@ body.theme-github .line-numbers {
    color: #586069;
 }

+/* Export Profiles Styles */
+.export-profiles {
+    border-bottom: 1px solid #ddd;
+    padding-bottom: 15px;
+    margin-bottom: 15px;
+}
+
+.profile-controls {
+    display: flex;
+    gap: 8px;
+    align-items: center;
+    margin-top: 8px;
+}
+
+.profile-controls select {
+    flex: 1;
+    padding: 8px;
+    border: 1px solid #ddd;
+    border-radius: 4px;
+    font-size: 14px;
+}
+
+.profile-controls button {
+    padding: 8px 12px;
+    border: 1px solid #ddd;
+    border-radius: 4px;
+    background: #f5f5f5;
+    cursor: pointer;
+    font-size: 13px;
+    transition: all 0.2s;
+}
+
+.profile-controls button:hover {
+    background: #e8e8e8;
+}
+
 /* Advanced Export Toggle Styles */
 .export-mode-toggle {
    border-bottom: 1px solid #ddd;
@@ -2834,18 +3161,33 @@ body.theme-concrete-warm .status-bar {
    .editor-container,
    #status-bar,
    .status-bar,
+    .toolbar,
+    .tab-bar,
    .editor-pane,
-    [id^="editor-pane-"] {
+    [id^="editor-pane-"],
+    .dialog,
+    .modal-overlay,
+    .export-dialog {
        display: none !important;
    }

+    /* Ensure body and html take full width */
+    html, body {
+        width: 100% !important;
+        height: auto !important;
+        margin: 0 !important;
+        padding: 0 !important;
+        overflow: visible !important;
+    }
+
    /* Show preview in full width */
    #preview,
    .preview,
    .preview-content,
    [id^="preview-"],
    [id^="preview-pane-"],
-    .tab-content {
+    .tab-content,
+    .pane {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
@@ -2854,6 +3196,10 @@ body.theme-concrete-warm .status-bar {
        padding: 20px !important;
        overflow: visible !important;
        position: static !important;
+        left: auto !important;
+        right: auto !important;
+        top: auto !important;
+        bottom: auto !important;
    }

    /* Optimize preview content for printing */
@@ -2865,6 +3211,13 @@ body.theme-concrete-warm .status-bar {
        background: white !important;
    }

+    /* No-styles mode for printing without theme colors */
+    body.printing-no-styles .preview-content,
+    body.printing-no-styles [id^="preview-"] {
+        color: #000 !important;
+        background: #fff !important;
+    }
+
    /* Text formatting */
    .preview-content h1,
    .preview-content h2,
@@ -3021,3 +3374,431 @@ body.printing-no-styles .preview-content pre,
    color: #333 !important;
    border-color: #999 !important;
 }
+
+/* ================================
+   Header & Footer Dialog Styles
+   ================================ */
+
+.hf-enable-section {
+    margin-bottom: 20px;
+    padding: 15px;
+    background: var(--bg-secondary, #f5f5f5);
+    border-radius: 5px;
+}
+
+.hf-enable-section label {
+    display: flex;
+    align-items: center;
+    font-weight: 600;
+    cursor: pointer;
+}
+
+.hf-enable-section input[type="checkbox"] {
+    margin-right: 10px;
+    width: 18px;
+    height: 18px;
+    cursor: pointer;
+}
+
+#hf-config-content {
+    transition: opacity 0.3s ease;
+}
+
+#hf-config-content.disabled {
+    opacity: 0.5;
+    pointer-events: none;
+}
+
+.hf-section {
+    margin-bottom: 25px;
+    padding: 20px;
+    background: var(--bg-tertiary, #fafafa);
+    border-radius: 8px;
+    border: 1px solid var(--border-color, #e0e0e0);
+}
+
+.hf-section h4 {
+    margin: 0 0 15px 0;
+    color: var(--text-primary, #333);
+    font-size: 16px;
+    border-bottom: 2px solid var(--accent-color, #007bff);
+    padding-bottom: 8px;
+}
+
+.hf-row {
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    gap: 15px;
+    margin-bottom: 15px;
+}
+
+.hf-column {
+    display: flex;
+    flex-direction: column;
+    position: relative;
+}
+
+.hf-column label {
+    font-weight: 600;
+    margin-bottom: 5px;
+    color: var(--text-secondary, #666);
+    font-size: 13px;
+}
+
+.hf-column input[type="text"] {
+    padding: 8px 35px 8px 10px;
+    border: 1px solid var(--border-color, #ccc);
+    border-radius: 4px;
+    font-size: 14px;
+    background: var(--input-bg, white);
+    color: var(--text-primary, #333);
+    transition: border-color 0.2s ease;
+}
+
+.hf-column input[type="text"]:focus {
+    outline: none;
+    border-color: var(--accent-color, #007bff);
+    box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.1);
+}
+
+.field-insert-btn {
+    position: absolute;
+    right: 5px;
+    bottom: 5px;
+    width: 28px;
+    height: 28px;
+    padding: 0;
+    background: var(--accent-color, #007bff);
+    color: white;
+    border: none;
+    border-radius: 4px;
+    cursor: pointer;
+    font-size: 18px;
+    line-height: 1;
+    transition: all 0.2s ease;
+}
+
+.field-insert-btn:hover {
+    background: var(--accent-hover, #0056b3);
+    transform: scale(1.05);
+}
+
+.field-insert-btn:active {
+    transform: scale(0.95);
+}
+
+.hf-logo-row {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    padding: 15px;
+    background: var(--bg-secondary, #f5f5f5);
+    border-radius: 6px;
+    margin-top: 10px;
+}
+
+.hf-logo-row label {
+    font-weight: 600;
+    color: var(--text-secondary, #666);
+    min-width: 120px;
+}
+
+.hf-logo-row input[type="file"] {
+    flex: 1;
+    padding: 6px 10px;
+    border: 1px solid var(--border-color, #ccc);
+    border-radius: 4px;
+    background: var(--input-bg, white);
+    color: var(--text-primary, #333);
+    font-size: 13px;
+    cursor: pointer;
+}
+
+.hf-logo-row input[type="file"]::-webkit-file-upload-button {
+    padding: 5px 12px;
+    background: var(--button-bg, #6c757d);
+    color: white;
+    border: none;
+    border-radius: 4px;
+    cursor: pointer;
+    margin-right: 10px;
+}
+
+.hf-logo-row input[type="file"]::-webkit-file-upload-button:hover {
+    background: var(--button-hover, #5a6268);
+}
+
+.browse-btn {
+    padding: 6px 12px;
+    background: var(--accent-color, #007bff);
+    color: white;
+    border: none;
+    border-radius: 4px;
+    cursor: pointer;
+    font-size: 13px;
+    transition: background 0.2s ease;
+    margin-right: 8px;
+}
+
+.browse-btn:hover {
+    background: var(--accent-hover, #0056b3);
+}
+
+.clear-btn {
+    padding: 6px 12px;
+    background: var(--danger-color, #dc3545);
+    color: white;
+    border: none;
+    border-radius: 4px;
+    cursor: pointer;
+    font-size: 13px;
+    transition: background 0.2s ease;
+}
+
+.clear-btn:hover {
+    background: var(--danger-hover, #c82333);
+}
+
+.logo-preview {
+    font-size: 12px;
+    color: var(--text-secondary, #666);
+    max-width: 150px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+
+.hf-help {
+    margin-top: 20px;
+    padding: 15px;
+    background: var(--info-bg, #e7f3ff);
+    border-left: 4px solid var(--info-color, #007bff);
+    border-radius: 4px;
+}
+
+.hf-help p {
+    margin: 0 0 10px 0;
+    font-weight: 600;
+    color: var(--text-primary, #333);
+}
+
+.hf-help ul {
+    margin: 0;
+    padding-left: 20px;
+    list-style-type: none;
+}
+
+.hf-help li {
+    margin-bottom: 6px;
+    color: var(--text-secondary, #555);
+    font-size: 13px;
+}
+
+.hf-help code {
+    background: rgba(0, 123, 255, 0.1);
+    padding: 2px 6px;
+    border-radius: 3px;
+    font-family: 'Courier New', monospace;
+    color: var(--accent-color, #007bff);
+    font-weight: 600;
+}
+
+/* Field Picker Dialog */
+.field-picker-list {
+    display: grid;
+    grid-template-columns: 1fr;
+    gap: 8px;
+}
+
+.field-option {
+    padding: 12px 16px;
+    background: var(--bg-secondary, #f5f5f5);
+    border: 1px solid var(--border-color, #ddd);
+    border-radius: 6px;
+    text-align: left;
+    cursor: pointer;
+    font-size: 14px;
+    color: var(--text-primary, #333);
+    transition: all 0.2s ease;
+}
+
+.field-option:hover {
+    background: var(--accent-color, #007bff);
+    color: white;
+    border-color: var(--accent-color, #007bff);
+    transform: translateX(5px);
+}
+
+/* Dark Theme Support for Header/Footer Dialog */
+body[data-theme="dark"] .hf-enable-section,
+body[data-theme="dark"] .hf-logo-row {
+    background: #2d2d2d;
+}
+
+body[data-theme="dark"] .hf-section {
+    background: #252525;
+    border-color: #404040;
+}
+
+body[data-theme="dark"] .hf-column input[type="text"],
+body[data-theme="dark"] .hf-logo-row input[type="file"] {
+    background: #2d2d2d;
+    color: #e0e0e0;
+    border-color: #404040;
+}
+
+body[data-theme="dark"] .hf-help {
+    background: rgba(0, 123, 255, 0.15);
+    border-left-color: #0d6efd;
+}
+
+body[data-theme="dark"] .field-option {
+    background: #2d2d2d;
+    border-color: #404040;
+    color: #e0e0e0;
+}
+
+body[data-theme="dark"] .field-option:hover {
+    background: #0d6efd;
+    color: white;
+}
+/* Mermaid Diagram Styles */
+.mermaid {
+    background: #f9f9f9;
+    padding: 20px;
+    border-radius: 8px;
+    margin: 20px 0;
+    text-align: center;
+    border: 1px solid #e0e0e0;
+}
+
+.mermaid svg {
+    max-width: 100%;
+    height: auto;
+}
+
+body.theme-dark .mermaid {
+    background: #2d2d2d;
+    border-color: #444;
+}
+
+body.theme-solarized .mermaid {
+    background: #fdf6e3;
+    border-color: #eee8d5;
+}
+
+body.theme-monokai .mermaid {
+    background: #2f2f2f;
+    border-color: #49483e;
+}
+
+body.theme-github .mermaid {
+    background: #f6f8fa;
+    border-color: #e1e4e8;
+}
+
+/* Command Palette Styles */
+.command-palette {
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background: rgba(0, 0, 0, 0.7);
+    display: flex;
+    align-items: flex-start;
+    justify-content: center;
+    padding-top: 100px;
+    z-index: 10000;
+}
+
+.command-palette.hidden {
+    display: none;
+}
+
+.command-palette-content {
+    background: #fff;
+    border-radius: 12px;
+    width: 600px;
+    max-width: 90%;
+    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
+    overflow: hidden;
+}
+
+#command-search {
+    width: 100%;
+    padding: 20px;
+    font-size: 18px;
+    border: none;
+    border-bottom: 1px solid #e0e0e0;
+    outline: none;
+}
+
+.command-list {
+    max-height: 400px;
+    overflow-y: auto;
+}
+
+.command-item {
+    padding: 12px 20px;
+    cursor: pointer;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    transition: background 0.15s;
+}
+
+.command-item:hover,
+.command-item.selected {
+    background: #f0f0f0;
+}
+
+.command-name {
+    font-weight: 500;
+}
+
+.command-shortcut {
+    font-size: 12px;
+    color: #666;
+    background: #f5f5f5;
+    padding: 3px 8px;
+    border-radius: 3px;
+}
+
+.command-palette-footer {
+    padding: 12px 20px;
+    background: #f9f9f9;
+    border-top: 1px solid #e0e0e0;
+    display: flex;
+    gap: 20px;
+    font-size: 12px;
+    color: #666;
+}
+
+/* Dark theme support for command palette */
+body.theme-dark .command-palette-content {
+    background: #2d2d2d;
+    color: #f0f0f0;
+}
+
+body.theme-dark #command-search {
+    background: #2d2d2d;
+    color: #f0f0f0;
+    border-color: #444;
+}
+
+body.theme-dark .command-item:hover,
+body.theme-dark .command-item.selected {
+    background: #3d3d3d;
+}
+
+body.theme-dark .command-shortcut {
+    background: #3d3d3d;
+    color: #ccc;
+}
+
+body.theme-dark .command-palette-footer {
+    background: #252525;
+    border-color: #444;
+    color: #999;
+}
@@ -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;
Author	SHA1	Message	Date
amitwhandClaude Sonnet 4.5	d23ce91506	Release v2.1.0: UI Enhancements & Comprehensive Format Support 🎨 UI/UX Improvements: - Subtle & small preview popout button with minimalist design - Simplified table headers with light gray background - Better readability and cleaner appearance 📥 Enhanced Import: - Support for 30+ formats: RST, Textile, MediaWiki, Org-mode, AsciiDoc, CSV, JSON, and more - Format-specific conversion optimizations - Improved error messages 🎨 Exhaustive ASCII Art Generator: - 5 text banner styles: Standard, Banner, Block, Bubble, Digital - 19 professional templates organized in 4 categories - Flowcharts, sequence diagrams, network diagrams, hierarchy trees - Note boxes, warning boxes, decorative elements 📝 Documentation: - Added UPDATES.md with comprehensive changelog - Updated version to 2.1.0 in all files 🤖 Generated with Claude Code (https://claude.com/claude-code) Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>	2025-12-14 10:27:36 +05:30
amitwhandClaude Sonnet 4.5	b281255e90	Release v2.0.0: Major Feature Update New Features: • Export Profiles - Save and load export configurations • Mermaid.js diagram support - Render flowcharts, sequence diagrams, and more • Command Palette (Ctrl+Shift+P) - Quick access to all commands • GitHub Light/Dark preview themes - Beautiful code preview styling • Table Generator - Interactive table creation tool • ASCII Art Generator - Create text banners, boxes, and templates • Resizable Preview Pane - Drag divider to adjust editor/preview sizes • Pop-out Preview Window - Open preview in separate window with live sync UI/UX Improvements: • Fixed advanced export dialog visibility (added .hidden CSS class) • GitHub-style table headers with light grey background • Removed gradients from table headers • Clean, professional preview rendering Technical Changes: • Updated all UI components for new features • Enhanced TabManager to support resizable panes • Added MutationObserver for live preview sync in pop-out window • Improved CSS styling consistency 🤖 Generated with Claude Code (https://claude.com/claude-code) Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>	2025-12-13 19:40:30 +05:30
amitwhandClaude	d8e0748037	Release v1.9.2: Full-width background for code blocks Fixed code block and ASCII art background to extend full paragraph width: 🔧 Background Fix: - Moved shading (w:shd) from run level (<w:rPr>) to paragraph level (<w:pPr>) - Background now extends full width like in the preview - Applied to both createCodeBlockXml() and createAsciiArtXml() functions 📝 Technical Changes: - src/wordTemplateExporter.js: Paragraph-level shading for full-width backgrounds - Added w:ind with left="284" right="284" for consistent margins - Removed redundant w:shd from run properties 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>	2025-12-12 09:10:18 +05:30
amitwhandClaude	cb98549db8	Release v1.9.1: ASCII Art & Code Block Preservation Fixed export of ASCII art, charts, tables, and flowcharts to match preview exactly: 🎨 ASCII Art Preservation: - Code blocks now export exactly as shown in preview - Each line rendered separately to preserve exact spacing and alignment - Monospace font (Consolas) used consistently across all export formats - Line breaks, spacing, and box-drawing characters preserved perfectly 📝 Word Template Exporter Improvements: - createCodeBlockXml: Renders each line as separate paragraph with exact spacing - Added <w:keepLines/> and <w:wordWrap w:val="0"/> for no-wrap behavior - Enhanced isAsciiArt detection with more Unicode box-drawing characters - Added support for rounded corners (╭╮╯╰), heavy box chars, more arrows 📄 PDF Export Enhancements: - Added -V monofont="Consolas" for proper code block rendering - Added --highlight-style=tango for syntax highlighting - Applied to main export, fallback engines, and CLI conversion 🖨️ HTML/Electron PDF Improvements: - Enhanced CSS: white-space: pre, word-wrap: normal - font-family: Consolas, Monaco, 'Courier New', monospace - Print media queries preserve code block formatting - overflow: visible prevents content truncation 🔧 Technical Changes: - src/wordTemplateExporter.js: Enhanced code block and ASCII art rendering - src/main.js: Added monofont settings to all PDF export paths - Updated version to 1.9.1 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>	2025-12-12 09:01:17 +05:30
amitwh	ff651e9b21	Update Claude Code permissions settings	2025-11-08 17:39:14 +05:30
amitwhandClaude	e013e5fd69	Fix v1.9.0 logo upload and add MiKTeX PATH support This commit fixes the logo upload issue and adds MiKTeX to the app's PATH for LaTeX/PDF support. Logo Upload Fix: - Replaced file input with Browse button that uses dialog.showOpenDialog - Added browse-header-footer-logo IPC handler in main process - Now gets reliable file paths without depending on file.path property - Added browse-btn CSS styling MiKTeX PATH Addition: - Automatically adds MiKTeX bin directory to process.env.PATH on Windows - Enables XeLaTeX/PDFLaTeX for PDF exports with headers/footers - Logs PATH addition for debugging Files Changed: - src/main.js: Added MiKTeX PATH setup, browse logo IPC handler - src/renderer.js: Changed to browseForLogo() function, updated event listeners - src/index.html: Replaced file inputs with browse buttons - src/styles.css: Added .browse-btn styling Testing Notes: - Logo upload now works without "path undefined" errors - DOCX exports with headers/footers confirmed working - PDF exports should now use Pandoc+XeLaTeX with MiKTeX in PATH - Requires MiKTeX installation and PC restart for full functionality 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>	2025-10-28 19:33:36 +05:30
amitwhandClaude	f7362bec46	Fix v1.9.0 header/footer visibility issues This commit fixes two critical issues in the v1.9.0 header/footer feature: 1. Logo Upload Error Fix: - Fixed "path undefined" error when uploading logos - Added validation in main.js to check filePath before processing - Added fallback in renderer.js to use webUtils.getPathForFile if file.path is undefined - Added file existence check before copying 2. Header/Footer Visibility Fix: - Added header/footer support to tryPdfFallback function (PDF fallback engines) - Previously, only performExportWithOptions had header/footer logic - Now all PDF export paths include headers/footers when enabled - Fallback engines now generate fancyhdr LaTeX code for headers/footers Technical details: - src/main.js:667-709: Enhanced logo upload handler with error checking - src/main.js:1289-1319: Added header/footer to tryPdfFallback function - src/renderer.js:2661-2678: Fixed logo file path handling 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>	2025-10-28 17:41:37 +05:30
amitwhandClaude	5a11a9af75	Release v1.9.0: Custom Headers & Footers for Professional Document Exports Comprehensive header and footer customization system for all standard export formats with dynamic field support and persistent settings. ✨ Major Features: - Custom Headers & Footers for PDF, DOCX, ODT, and PowerPoint exports - Three-column layout (Left/Center/Right) for both headers and footers - Dynamic field support: $PAGE$, $TOTAL$, $DATE$, $TIME$, $TITLE$, $AUTHOR$, $FILENAME$ - Logo/image upload UI for header and footer branding - Enable/disable toggle with persistent settings across sessions - Field insertion helper dialog for quick dynamic field selection - Complete dark theme support for all 22 themes 🎯 Export Format Support: - PDF (Standard): LaTeX fancyhdr package with automatic page numbering - DOCX (Standard): Word XML manipulation with PAGE and NUMPAGES fields - ODT: OpenDocument format with Pandoc integration - PowerPoint (PPTX): Footer text with dynamic field replacement - Batch Converter: Full header/footer support for all formats 💡 Technical Implementation: - processDynamicFields() function for field replacement - LaTeX header generation with fancyhdr and lastpage packages - Word XML manipulation using PizZip for DOCX headers/footers - addHeaderFooterToDocx() function for post-processing DOCX exports - buildPandocCommand() enhanced with header/footer parameters - IPC handlers for dialog communication and settings management 🎨 User Interface: - New "Header & Footer Settings..." menu option in File menu - Professional configuration dialog with field previews - Logo upload with file path display and clear buttons - Dynamic field picker popup dialog - Responsive grid layout for three-column design - Smooth transitions and animations 📦 Integration Points: - Menu system (File → Header & Footer Settings...) - Standard export functions (PDF, DOCX, ODT, PPTX) - Batch converter with full format support - Settings persistence via electron-store - Logo file management in userData directory 🔧 Code Changes: - src/main.js: Added header/footer IPC handlers, state management, processDynamicFields(), addHeaderFooterToDocx(), enhanced buildPandocCommand() and performBatchConversion() - src/index.html: Added header/footer dialog and field picker dialog - src/renderer.js: Added dialog management, logo handling, field insertion - src/styles.css: Added comprehensive dialog styling with dark theme support - package.json: Updated version to 1.9.0 - CLAUDE.md: Documented v1.9.0 features and implementation details 📝 Note: Enhanced exports (DOCX Enhanced, PDF Enhanced) use Word templates with pre-configured headers/footers. This feature specifically targets standard (non-templated) exports. 🚀 Impact: Users can now add professional headers and footers to all document exports with custom branding, dynamic page numbers, dates, and titles - significantly improving document presentation for business and academic use cases. 🤖 Generated with Claude Code Co-Authored-By: Claude <noreply@anthropic.com>	2025-10-28 17:34:32 +05:30
amitwh	8b52635032	Update CLAUDE.md: Add v1.9.0 header/footer feature planning - Added comprehensive pending tasks section for v1.9.0 - Documented header & footer customization feature requirements - Detailed implementation plan with technical specifications - Updated current version to v1.8.3 - Added recent release summary and previous releases section	2025-10-28 17:12:40 +05:30
amitwhandClaude	7e11176290	Release v1.8.3: Major UI and Export Enhancements This release includes significant improvements to PDF Editor UI, enhanced PDF/Word export functionality, print fixes, and configurable template settings. 🎯 v1.8.1 - Streamlined PDF Editor UI: - Clean, focused interface showing only the selected PDF operation - Smooth fade-in animations when switching between functions - Optimized dialog sizing (max-width 600px, max-height 85vh) - Enhanced file list styling with better contrast - Complete dark theme support for all PDF editor components - Better scrolling behavior for long forms 📄 v1.8.2 - Enhanced PDF Export & Print Fix: - New "PDF (Enhanced)" export option using Word template + LibreOffice conversion - Added to both single-file export and batch converter - Keyboard shortcut: Ctrl+Shift+P for enhanced PDF export - Fixed print preview showing blank output issue - Simplified print handler using CSS @media print rules - Better print styling with proper element hiding/showing ⚙️ v1.8.3 - Configurable Template Settings: - Added "Template Settings..." menu option - Configurable start page for Word template content insertion - Choose from Pages 1-5 or custom page number (1-100) - Settings persisted across sessions - Updated WordTemplateExporter to use configurable start page - Works with both DOCX (Enhanced) and PDF (Enhanced) export - Applied to single-file and batch conversion workflows 🔧 Technical Improvements: - Enhanced WordTemplateExporter constructor to accept startPage parameter - Updated insertContentAfterPage method for flexible page insertion - Added Template Settings dialog with quick-select buttons - IPC communication for custom page number input - Settings stored in userData/settings.json - Improved CSS specificity with PDF editor-specific classes - Fixed @media print rules to ensure preview content is visible 🎨 UI/UX Enhancements: - PDF Editor sections now animate smoothly when switching - File lists for merge operations styled with proper contrast - Remove buttons styled with danger color (#dc3545) - Template settings dialog shows current template and start page - All enhancements support all 22 existing themes The application now provides professional-grade PDF editing, enhanced export capabilities with full control over template-based generation, and a streamlined user interface that makes complex operations simple and intuitive. 🤖 Generated with Claude Code Co-Authored-By: Claude <noreply@anthropic.com>	2025-10-28 16:59:15 +05:30
amitwhandClaude	4d5e552741	Release v1.8.1: Streamlined PDF Editor UI Enhanced PDF Editor user experience with cleaner, more intuitive interface: ✨ UI Improvements: - Streamlined PDF Editor dialog to show only selected function - Removed cluttered "all functions at once" display - Added smooth fade-in animation when showing function-specific sections - Improved dialog sizing: max-width 600px, max-height 85vh - Better visual separation with compact section spacing 🎨 Styling Enhancements: - Added PDF editor-specific CSS classes for better organization - Enhanced file list styling with better contrast - Improved remove button styling with danger color - Complete dark theme support for all PDF editor components - Better scrolling behavior for long forms 🔧 Technical Improvements: - Maintained existing show/hide logic (already working correctly) - Enhanced CSS specificity with .pdf-editor-content and .pdf-editor-body classes - Added @keyframes fadeIn animation for smooth transitions - Improved overflow handling for better UX on smaller screens 🌙 Theme Support: - Full dark mode styling for file lists and entries - Proper color contrast for all interactive elements - Consistent styling across all 22 themes The PDF Editor now provides a clean, focused interface showing only the relevant controls for each operation (merge, split, compress, rotate, delete, reorder, watermark, encrypt, decrypt, permissions). 🤖 Generated with Claude Code Co-Authored-By: Claude <noreply@anthropic.com>	2025-10-28 16:43:13 +05:30
amitwhandClaude	58314efc7a	Release v1.8.0: Enhanced Word Export in Batch Converter Added enhanced Word export with template support to the batch file converter, enabling batch conversion of markdown files to professionally-styled DOCX documents using custom templates. New Features: - Added "DOCX (Enhanced)" option to batch converter format selection - Integrated WordTemplateExporter with batch conversion workflow - Batch converter now supports template-based Word export with: * Custom template preservation * Professional table styling (orange headers, white data rows) * Perfect ASCII art and flowchart alignment * Red-colored arrows in flowcharts * Markdown numbering stripped from headings and lists Technical Changes: - Modified performBatchConversion() to handle 'docx-enhanced' format - Async/await pattern for WordTemplateExporter in batch processing - Proper error handling and progress tracking for enhanced exports - Updated version to v1.8.0 in package.json, main.js, and README.md 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>	2025-10-27 08:00:05 +05:30
amitwhandClaude	478b404135	Release v1.7.9: Enhanced Word Export with Template Support Major Features: - Template-based Word export with custom template selection - File menu option to select and persist Word templates - Table styling with orange headers and white data rows - ASCII art and flowchart rendering with perfect alignment - Red-colored arrows in flowcharts for enhanced visibility - Markdown numbering stripped from headings and lists Technical Improvements: - Enhanced ASCII art detection for arrows and flowchart patterns - Line-by-line rendering with no-wrap properties - Arrow character detection and red coloring (↓→←↑) - Template path persistence across sessions - Word XML manipulation using PizZip Files Modified: - src/wordTemplateExporter.js: Enhanced ASCII art rendering, table styling - src/main.js: Template selection function and menu integration - CLAUDE.md: Comprehensive v1.7.9 documentation - package.json: Version bump to 1.7.9 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>	2025-10-27 00:31:38 +05:30
amitwhandClaude	8be2651b0e	Add Enhanced Word Export with native DOCX generation (v1.7.9) - Created wordTemplateExporter.js module using docx npm package - Added "DOCX (Enhanced)" option in File → Export menu - Keyboard shortcut: Ctrl+Shift+W - Full markdown support: headings, formatting, code, lists, tables - No external dependencies (Pandoc/Python not required) - Proper numbering configuration for lists - Professional Word document output 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>	2025-10-26 23:54:00 +05:30
amitwhandClaude	922e74d671	Fix print preview to properly hide toolbar and show only markdown content - Rewrote handlePrintPreview to explicitly hide all UI elements - Store and restore original display values for clean restoration - Make preview pane absolute positioned and full width for printing - Hide toolbar, tab bar, status bar, editor pane, and dialogs - Added proper timing for DOM updates before printing 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>	2025-10-26 23:36:28 +05:30