Add files using upload-large-folder tool

.gitattributes

@@ -33,3 +33,8 @@ saved_model/**/* filter=lfs diff=lfs merge=lfs -text
 *.zip filter=lfs diff=lfs merge=lfs -text
 *.zst filter=lfs diff=lfs merge=lfs -text
 *tfevents* filter=lfs diff=lfs merge=lfs -text
+RAWMD.png filter=lfs diff=lfs merge=lfs -text
+HTMLDownload.png filter=lfs diff=lfs merge=lfs -text
+PDFPreview.png filter=lfs diff=lfs merge=lfs -text
+RAWText.png filter=lfs diff=lfs merge=lfs -text
+LunaProcessing.png filter=lfs diff=lfs merge=lfs -text

README.md

@@ -26,59 +26,92 @@ license: mit
 
 ## ✨ **What Makes Luna OCR Special**
 
-<div align="center">
-
-### 🎯 **Core Capabilities**
-
-</div>
-
 <table>
 <tr>
 <td align="center" width="25%">
-<h3>🤖 AI-Powered</h3>
-<p><strong>Google Gemini 2.5</strong></p>
-<p>Flash & Pro models for optimal speed and accuracy</p>
+
+### 🤖 **AI-Powered**
+**Google Gemini 2.5**  
+Flash & Pro models for optimal speed and accuracy
+
 </td>
 <td align="center" width="25%">
-<h3>🇹🇭 Thai Optimized</h3>
-<p><strong>Perfect Word Spacing</strong></p>
-<p>Specialized prompts for Thai text processing</p>
+
+### 🇹🇭 **Thai Optimized**
+**Perfect Word Spacing**  
+Specialized prompts for Thai text processing
+
 </td>
 <td align="center" width="25%">
-<h3>📊 Smart Tables</h3>
-<p><strong>Structure Preserved</strong></p>
-<p>Complex tables converted to markdown format</p>
+
+### 📊 **Smart Tables**
+**Structure Preserved**  
+Complex tables converted to markdown format
+
 </td>
 <td align="center" width="25%">
-<h3>🔐 Secure Storage</h3>
-<p><strong>AES-256 Encryption</strong></p>
-<p>API keys encrypted with device salt</p>
+
+### 🔐 **Secure Storage**
+**AES-256 Encryption**  
+API keys encrypted with device salt
+
+</td>
+</tr>
+</table>
+
+---
+
+## 🎯 **Live Processing Demo**
+
+<div align="center">
+
+### � **Reaul-time Progress Tracking**
+![Luna Processing](LunaProcessing.png)
+*Live processing with detailed logs, character counts, and progress tracking*
+
+</div>
+
+---
+
+## 📝 **Output Format Examples**
+
+<table>
+<tr>
+<td width="50%">
+
+### 📄 **Raw Text Output**
+![Raw Text](RawText.png)
+*Clean, readable plain text extraction*
+
+</td>
+<td width="50%">
+
+### � **Marhkdown Format**
+![Raw Markdown](RawMD.png)
+*Structured markdown with tables and formatting*
+
 </td>
 </tr>
 </table>
 
 ---
 
-## 🚀 **Feature Highlights**
+## 🌐 **Document Viewer & Export**
 
 <table>
 <tr>
 <td width="50%">
 
-### 📝 **Document Processing**
-- 🖼️ **Images**: PNG, JPEG, WebP support
-- 📄 **PDF Files**: Multi-page processing with progress tracking
-- 🌐 **HTML Documents**: Interactive viewer with styling
-- ⚡ **Real-time**: Live progress updates and preview
+### 📋 **PDF Preview**
+![PDF Preview](PDFPreview.png)
+*Interactive PDF viewer with page navigation*
 
 </td>
 <td width="50%">
 
-### 🎨 **Output Formats**
-- 📝 **Markdown**: GitHub-compatible with tables
-- 📊 **JSON**: Structured data with metadata
-- 🌐 **HTML**: Styled output with glassmorphism theme
-- 📄 **Plain Text**: Clean, readable format
+### 🎨 **HTML Export**
+![HTML Download](HTMLDownload.png)
+*Beautiful glassmorphism-styled HTML output*
 
 </td>
 </tr>
@@ -86,123 +119,107 @@ license: mit
 
 ---
 
-## 🛠️ **Technology Arsenal**
+## �️ S**Technology Stack**
 
 <table>
 <tr>
 <td align="center" width="25%">
-<img src="https://img.shields.io/badge/React_19-61DAFB?style=for-the-badge&logo=react&logoColor=black" />
-<br><strong>Frontend Engine</strong>
-<br><em>Lightning-fast UI</em>
+
+![React](https://img.shields.io/badge/React_19-61DAFB?style=for-the-badge&logo=react&logoColor=black)  
+**Frontend Engine**  
+Lightning-fast UI
+
 </td>
 <td align="center" width="25%">
-<img src="https://img.shields.io/badge/Gemini_2.5-4285F4?style=for-the-badge&logo=google&logoColor=white" />
-<br><strong>AI Brain</strong>
-<br><em>Flash & Pro models</em>
+
+![Gemini](https://img.shields.io/badge/Gemini_2.5-4285F4?style=for-the-badge&logo=google&logoColor=white)  
+**AI Brain**  
+Flash & Pro models
+
 </td>
 <td align="center" width="25%">
-<img src="https://img.shields.io/badge/Node.js-339933?style=for-the-badge&logo=node.js&logoColor=white" />
-<br><strong>Backend Power</strong>
-<br><em>Express + Sharp</em>
+
+![Node.js](https://img.shields.io/badge/Node.js-339933?style=for-the-badge&logo=node.js&logoColor=white)  
+**Backend Power**  
+Express + Sharp
+
 </td>
 <td align="center" width="25%">
-<img src="https://img.shields.io/badge/Three.js-000000?style=for-the-badge&logo=three.js&logoColor=white" />
-<br><strong>3D Graphics</strong>
-<br><em>Stunning visuals</em>
+
+![Three.js](https://img.shields.io/badge/Three.js-000000?style=for-the-badge&logo=three.js&logoColor=white)  
+**3D Graphics**  
+Stunning visuals
+
 </td>
 </tr>
 </table>
 
-### 🎨 **UI/UX Stack**
+### 🎨 **UI/UX Components**
+
 | Component | Technology | Purpose |
 |-----------|------------|---------|
 | 🎭 **Design System** | Glassmorphism + Radix UI | Modern, accessible interface |
 | ⚡ **Animations** | Framer Motion + GSAP | Smooth, professional transitions |
 | 📱 **Responsiveness** | CSS Grid + Flexbox | Perfect on all devices |
-| 🔐 **Security** | AES-256 + Salt encryption | Secure API key storage |
+| � **SecuFrity** | AES-256 + Salt encryption | Secure API key storage |
 
 ---
 
-## 📦 **Installation & Setup**
-
-### 🚀 **Quick Start (2 minutes)**
+## 📦 **Quick Start**
 
 ```bash
-# 1️⃣ Clone the repository
+# Clone the repository
 git clone https://huggingface.co/veela4/luna_ocr
 cd luna_ocr
 
-# 2️⃣ Install dependencies
+# Install dependencies
 npm install && cd server && npm install && cd ..
 
-# 3️⃣ Launch the application
+# Launch the application
 npm start
 ```
 
-> 🔐 **No .env file needed!** API keys are stored securely in encrypted local storage with device-specific salt protection.
+> 🔐 **No .env file needed!** API keys are stored securely in encrypted local storage.
 
 ### 🌐 **Access Points**
+
 | Service | URL | Purpose |
 |---------|-----|---------|
-| 🖥️ **Frontend** | `http://localhost:3000` | Main application interface |
-| 🔧 **Backend API** | `http://localhost:3002` | REST API endpoints |
-| 📊 **Health Check** | `http://localhost:3002/api/health` | System status monitoring |
+| 🖥️ **Frontend** | `http://localhost:3000` | Main application |
+| 🔧 **Backend** | `http://localhost:3002` | REST API |
+| 📊 **Health Check** | `http://localhost:3002/api/health` | System status |
 
 ---
 
-## 🎯 **Supported File Types & Features**
+## 📄 **Supported File Types**
 
 <table>
 <tr>
 <td width="33%">
 
-### 📄 **Document Types**
-- 🖼️ **Images**
-  - PNG, JPEG, WebP
-  - High-resolution support
-  - Auto-enhancement
-- 📋 **PDF Files**
-  - Multi-page processing
-  - Page-by-page extraction
-  - Progress tracking
-- 🌐 **HTML Documents**
-  - Styled content
-  - Table preservation
-  - Interactive viewer
+### 🖼️ **Images**
+- PNG, JPEG, WebP
+- High-resolution support
+- Auto-enhancement
+- Drag & drop upload
 
 </td>
 <td width="33%">
 
-### 🇹🇭 **Language Support**
-- 🇹🇭 **Thai Language**
-  - Optimized word spacing
-  - Context-aware processing
-  - Cultural text understanding
-- 🇺🇸 **English**
-  - High accuracy
-  - Technical terminology
-  - Mixed language support
-- 🌍 **Multi-language**
-  - Auto-detection
-  - Preserve original language
-  - Mixed content handling
+### 📋 **PDF Files**
+- Multi-page processing
+- Page-by-page extraction
+- Progress tracking
+- Interactive viewer
 
 </td>
 <td width="33%">
 
-### 🎨 **Processing Modes**
-- ⚡ **Standard Mode**
-  - Gemini 2.5 Flash
-  - Fast processing
-  - Same features as Pro
-- 🧠 **Structured Mode**
-  - Gemini 2.5 Pro
-  - Maximum accuracy
-  - Advanced formatting
-- 📊 **Smart Tables**
-  - Auto-detection
-  - Structure preservation
-  - Sortable output
+### 🌐 **HTML Documents**
+- Styled content
+- Table preservation
+- Interactive viewer
+- Glassmorphism theme
 
 </td>
 </tr>
@@ -210,99 +227,66 @@ npm start
 
 ---
 
-## 🔧 **Output Format Showcase**
+## 🇹🇭 **Language Support**
+
+<table>
+<tr>
+<td width="50%">
 
-### 📊 **Format Comparison Table**
+### 🇹🇭 **Thai Language**
+- **Optimized word spacing**
+- **Context-aware processing**
+- **Cultural text understanding**
+- **Mixed language support**
 
-| Format | 🎯 Best For | � Fceatures | � Uase Cases |
-|--------|-------------|-------------|---------------|
-| **📝 Markdown** | Documentation | Tables, headers, formatting | GitHub, wikis, blogs |
-| **📊 JSON** | Data processing | Structured, queryable | APIs, databases, analytics |
-| **🌐 HTML** | Web publishing | Styled, interactive | Websites, reports, presentations |
-| **📄 Plain Text** | Quick reading | Clean, readable | Notes, emails, drafts |
+</td>
+<td width="50%">
 
-### 💻 **Real Output Examples**
+### 🇺🇸 **English & Others**
+- **High accuracy recognition**
+- **Technical terminology**
+- **Auto-language detection**
+- **Preserve original formatting**
 
-#### 📝 **Markdown Output**
-```markdown
-## รายงานการขาย Q4 2024
+</td>
+</tr>
+</table>
 
-| รายการ | จำนวน | ราคา |
-|--------|--------|------|
-| กาแฟ อเมริกาโน่ | 2 แก้ว | 120 บาท |
-| ขนมปังโฮลวีท | 1 ชิ้น | 45 บาท |
+---
 
-**รวมทั้งสิ้น:** 165 บาท
-```
+## 🎨 **Processing Modes**
 
-#### 📊 **JSON Output**
-```json
-{
-  "metadata": {
-    "fileName": "receipt.jpg",
-    "characterCount": 1247,
-    "processingMode": "structured",
-    "confidence": 0.98
-  },
-  "content": {
-    "title": "รายงานการขาย Q4 2024",
-    "tables": [
-      {
-        "headers": ["รายการ", "จำนวน", "ราคา"],
-        "rows": [
-          ["กาแฟ อเมริกาโน่", "2 แก้ว", "120 บาท"],
-          ["ขนมปังโฮลวีท", "1 ชิ้น", "45 บาท"]
-        ]
-      }
-    ]
-  }
-}
-```
+| Mode | Model | Speed | Best For |
+|------|-------|-------|----------|
+| ⚡ **Standard** | Gemini 2.5 Flash | Fast | Quick processing |
+| 🧠 **Structured** | Gemini 2.5 Pro | Slower | Maximum accuracy |
 
 ---
 
-## 🎨 **Advanced AI Features**
-
-### 🧠 **Intelligence Matrix**
-
-| Feature | Description | Implementation |
-|---------|-------------|----------------|
-| 🇹🇭 **Thai Text Processing** | Optimized word spacing and context | Custom prompts for Thai language |
-| 📊 **Table Intelligence** | Preserves complex table structures | Markdown table generation |
-| ✨ **Format Preservation** | Maintains original styling and layout | AI-powered structure detection |
-| 🔧 **Error Correction** | Fixes OCR mistakes using AI context | Context-aware processing |
-| 📈 **Data Categorization** | Auto-sorts and labels extracted data | Smart content organization |
-| 🎯 **Smart Extraction** | Identifies key information automatically | Pattern recognition |
-
-### 🚀 **Processing Pipeline**
-
-```mermaid
-graph LR
-    A[📤 Upload] --> B[🔍 Analysis]
-    B --> C[🤖 AI Processing]
-    C --> D[✨ Enhancement]
-    D --> E[📊 Formatting]
-    E --> F[📋 Output]
-    
-    style A fill:#e1f5fe
-    style C fill:#f3e5f5
-    style F fill:#e8f5e8
-```
+## 📊 **Output Formats**
+
+| Format | Best For | Features |
+|--------|----------|----------|
+| 📝 **Markdown** | Documentation | Tables, headers, GitHub-compatible |
+| 📊 **JSON** | Data processing | Structured, queryable, metadata |
+| 🌐 **HTML** | Web publishing | Styled, glassmorphism theme |
+| �  **Plain Text** | Quick reading | Clean, readable format |
 
 ---
 
-## 📡 **API Documentation**
+## � ***API Reference**
 
-### 🔌 **Endpoints Overview**
+### 🔌 **Main Endpoints**
 
-| Method | Endpoint | Purpose | Response Time |
-|--------|----------|---------|---------------|
-| `POST` | `/api/ocr` | 📤 Process documents | Variable |
-| `GET` | `/api/health` | 💚 System status | < 100ms |
-| `GET` | `/api/progress/:id` | 📊 Processing status | Real-time |
-| `POST` | `/api/cleanup` | 🧹 Clear temp files | < 500ms |
+| Method | Endpoint | Purpose |
+|--------|----------|---------|
+| `POST` | `/api/ocr` | Process documents |
+| `GET` | `/api/health` | System status |
+| `GET` | `/api/progress/:id` | Processing status |
+| `POST` | `/api/cleanup` | Clear temp files |
+
+### 📤 **Example Request**
 
-### 📤 **OCR Processing Request**
 ```bash
 curl -X POST http://localhost:3002/api/ocr \
   -H "Content-Type: multipart/form-data" \
@@ -311,24 +295,22 @@ curl -X POST http://localhost:3002/api/ocr \
   -F "mode=structured"
 ```
 
-### 📥 **Response Structure**
+### 📥 **Example Response**
+
 ```json
 {
   "success": true,
-  "sessionId": "1704067200000",
   "data": {
     "fileName": "document.pdf",
-    "processingMode": "structured",
     "extractedText": "## Document Title\n\n...",
     "formats": {
-      "txt": "Plain text version...",
-      "md": "## Markdown version...",
-      "json": { /* structured data */ }
+      "txt": "Plain text...",
+      "md": "## Markdown...",
+      "json": { "structured": "data" }
     },
     "metadata": {
       "characterCount": 1247,
-      "wordCount": 234,
-      "confidence": 0.98
+      "wordCount": 234
     }
   }
 }
@@ -336,66 +318,6 @@ curl -X POST http://localhost:3002/api/ocr \
 
 ---
 
-## 🏆 **What You Get**
-
-<div align="center">
-
-### 🎯 **Processing Capabilities**
-
-</div>
-
-<table>
-<tr>
-<td align="center" width="25%">
-<h3>🇹�* Thai Text</h3>
-<p><strong>Optimized Processing</strong></p>
-<p>Perfect word spacing and context understanding</p>
-</td>
-<td align="center" width="25%">
-<h3>📊 Tables</h3>
-<p><strong>Structure Preserved</strong></p>
-<p>Complex tables converted to markdown format</p>
-</td>
-<td align="center" width="25%">
-<h3>� Englissh Text</h3>
-<p><strong>High Accuracy</strong></p>
-<p>Clean character recognition and formatting</p>
-</td>
-<td align="center" width="25%">
-<h3>🎨 Formatting</h3>
-<p><strong>Style Retention</strong></p>
-<p>Original layout and styling preserved</p>
-</td>
-</tr>
-</table>
-
-### ⚡ **Performance Features**
-
-<table>
-<tr>
-<td width="50%">
-
-#### 🚀 **Speed & Efficiency**
-- **Fast Processing**: Optimized for daily use
-- **Real-time Updates**: Live progress tracking
-- **Auto Cleanup**: Temporary files managed automatically
-- **Memory Efficient**: Optimized resource usage
-
-</td>
-<td width="50%">
-
-#### 🎯 **Quality & Accuracy**
-- **AI Enhancement**: Gemini 2.5 models for best results
-- **Context Aware**: Understands document types
-- **Error Correction**: Fixes common OCR mistakes
-- **Multi-language**: Thai and English support
-
-</td>
-</tr>
-</table>
-
----
-
 ## 🛡️ **Security & Privacy**
 
 ### 🔐 **Security Features**
@@ -404,111 +326,57 @@ curl -X POST http://localhost:3002/api/ocr \
 |---------|----------------|---------|
 | 🔑 **API Key Encryption** | AES-256 + Device Salt | Secure local storage |
 | 🗑️ **Auto Cleanup** | 15-minute intervals | No data persistence |
-| 🚫 **No Cloud Storage** | Local processing only | Complete privacy |
-| 🔒 **HTTPS Only** | TLS 1.3 encryption | Secure transmission |
-| 🛡️ **Input Validation** | Comprehensive sanitization | Prevent attacks |
-
-### 🔐 **Encryption Details**
-```javascript
-// Multi-layer encryption with device fingerprinting
-const encryptedKey = encrypt(apiKey, deviceSalt + additionalSalt);
-localStorage.setItem('luna_secure_config_v2', encryptedKey);
-```
+| 🚫 **Local Processing** | No cloud storage | Complete privacy |
+| 🔒 **HTTPS Only** | TLS encryption | Secure transmission |
 
 ---
 
-## 🎮 **User Interface Features**
+## 🎮 **User Interface**
 
-### 🎭 **Interactive Elements**
+### 🌟 **Visual Features**
+- **Glassmorphism Design** - Modern blur effects
+- **3D Orb Animation** - Interactive WebGL orb
+- **Smooth Transitions** - Framer Motion animations
+- **Dark Theme** - Eye-friendly interface
 
-<table>
-<tr>
-<td width="50%">
-
-#### 🌟 **Visual Features**
-- **Glassmorphism Design**: Modern blur effects
-- **3D Orb Animation**: Interactive WebGL orb
-- **Smooth Transitions**: Framer Motion animations
-- **Responsive Layout**: Perfect on all devices
-- **Dark Theme**: Eye-friendly interface
-- **Progress Tracking**: Real-time visual feedback
-
-</td>
-<td width="50%">
-
-#### ⚡ **Interaction Features**
-- **Drag & Drop**: Intuitive file upload
-- **Paste Support**: Direct image pasting
-- **Live Preview**: See results as processed
-- **Format Switching**: Toggle between outputs
-- **Copy to Clipboard**: One-click copying
-- **Download Options**: Multiple export formats
-
-</td>
-</tr>
-</table>
-
-### 📱 **Mobile Optimization**
-- Touch-friendly interface
-- Responsive design
-- Optimized performance
-- Gesture support
+### ⚡ **Interaction Features**
+- **Drag & Drop** - Intuitive file upload
+- **Paste Support** - Direct image pasting
+- **Live Preview** - Real-time results
+- **Format Switching** - Toggle between outputs
 
 ---
 
-## 🤝 **Contributing & Community**
+## 🤝 **Contributing**
 
-### 🌟 **Ways to Contribute**
+### 🌟 **How to Help**
 
 <table>
 <tr>
 <td width="50%">
 
-#### 🐛 **Bug Reports**
-- Detailed issue descriptions
+#### 🐛 **Report Issues**
+- Detailed descriptions
 - Reproduction steps
-- Environment information
-- Expected vs actual behavior
-
-#### 💡 **Feature Requests**
-- Use case descriptions
-- Implementation suggestions
-- Priority justification
-- Community voting
+- Environment info
+- Expected behavior
 
 </td>
 <td width="50%">
 
-#### 🔧 **Code Contributions**
-- Fork the repository
-- Create feature branches
-- Write comprehensive tests
-- Submit pull requests
-
-#### 📖 **Documentation**
-- API documentation
-- Tutorial creation
-- Example projects
-- Translation support
+#### 💡 **Suggest Features**
+- Use case descriptions
+- Implementation ideas
+- Priority justification
+- Community feedback
 
 </td>
 </tr>
 </table>
 
-### 🌟 **Project Highlights**
-
-<div align="center">
-
-[![🌙 Luna OCR](https://img.shields.io/badge/🌙_Luna_OCR-v1.0.0-blue?style=for-the-badge)](https://huggingface.co/veela4/luna_ocr)
-[![🔧 React 19](https://img.shields.io/badge/⚛️_React-19.1.1-61DAFB?style=for-the-badge&logo=react)](https://huggingface.co/veela4/luna_ocr)
-[![🤖 Gemini AI](https://img.shields.io/badge/🤖_Gemini-2.5_Flash_&_Pro-4285F4?style=for-the-badge)](https://huggingface.co/veela4/luna_ocr)
-[![📜 MIT License](https://img.shields.io/badge/📜_License-MIT-green?style=for-the-badge)](https://huggingface.co/veela4/luna_ocr)
-
-</div>
-
 ---
 
-## 📄 **License & Legal**
+## 📄 **License**
 
 <div align="center">
 
@@ -517,23 +385,14 @@ localStorage.setItem('luna_secure_config_v2', encryptedKey);
 
 [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg?style=for-the-badge)](https://opensource.org/licenses/MIT)
 
-*Use, modify, distribute, and sell without restrictions*
-
 ---
 
-<table>
-<tr>
-<td align="center">
-<strong>🚀 Ready to transform your document workflow?</strong>
-<br><br>
+### 🚀 **Ready to Get Started?**
+
 <a href="https://huggingface.co/veela4/luna_ocr">
 <img src="https://img.shields.io/badge/🌙_Try_Luna_OCR-Now_Free-blue?style=for-the-badge&logo=rocket" />
 </a>
-</td>
-</tr>
-</table>
 
-**Built with ❤️ by developers, for developers**  
-*Making document processing intelligent, fast, and beautiful*
+**Built with ❤️ for developers who demand accuracy**
 
 </div>