Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8" /> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | |
| <meta name="theme-color" content="#3b82f6" /> | |
| <title>Corex | AI Assistant</title> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" /> | |
| <link rel="stylesheet" href="/static/styles.css" /> | |
| <link rel="preconnect" href="https://fonts.googleapis.com" /> | |
| <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> | |
| <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet" /> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js"></script> | |
| </head> | |
| <body> | |
| <div class="chat-container"> | |
| <!-- Header --> | |
| <header class="chat-header"> | |
| <div class="header-left"> | |
| <h1>Corex</h1> | |
| <div class="header-dropdown"> | |
| <i class="fas fa-chevron-down"></i> | |
| </div> | |
| </div> | |
| <div class="header-right"> | |
| <button class="header-btn" title="Share"> | |
| <i class="fas fa-share"></i> | |
| </button> | |
| <div class="dropdown-container"> | |
| <button class="header-btn" id="optionsBtn" title="More options"> | |
| <i class="fas fa-ellipsis-h"></i> | |
| </button> | |
| <div class="dropdown-menu" id="optionsMenu"> | |
| <button class="dropdown-item" id="downloadTxt"> | |
| <i class="fas fa-file-text"></i> | |
| Download as TXT | |
| </button> | |
| <button class="dropdown-item" id="downloadPdf"> | |
| <i class="fas fa-file-pdf"></i> | |
| Download as PDF | |
| </button> | |
| <div class="dropdown-divider"></div> | |
| <button class="dropdown-item" id="clearChat"> | |
| <i class="fas fa-trash"></i> | |
| Clear Chat | |
| </button> | |
| </div> | |
| </div> | |
| </div> | |
| </header> | |
| <!-- Chat Messages --> | |
| <main class="chat-messages" id="chatMessages"> | |
| <div class="welcome-message"> | |
| <h2>Welcome to Corex!</h2> | |
| <p>Ask me anything and I'll help you with accurate, document-backed answers.</p> | |
| </div> | |
| </main> | |
| <!-- Input Area --> | |
| <div class="chat-input-container"> | |
| <div class="chat-input-wrapper"> | |
| <button class="input-btn" title="Attach file" id="attachFileBtn"> | |
| <i class="fas fa-plus"></i> | |
| </button> | |
| <input | |
| type="file" | |
| id="fileInput" | |
| accept="image/*" | |
| style="display: none;" | |
| /> | |
| <input | |
| type="text" | |
| id="queryInput" | |
| placeholder="Ask anything" | |
| autocomplete="off" | |
| class="chat-input" | |
| /> | |
| <button class="input-btn" title="Voice input"> | |
| <i class="fas fa-microphone"></i> | |
| </button> | |
| <button id="askButton" class="send-btn" title="Send message"> | |
| <i class="fas fa-paper-plane"></i> | |
| </button> | |
| </div> | |
| <div class="scroll-indicator"> | |
| <i class="fas fa-chevron-down"></i> | |
| </div> | |
| </div> | |
| <!-- OCR Processing Modal --> | |
| <div id="ocrModal" class="modal" style="display: none;"> | |
| <div class="modal-content"> | |
| <div class="modal-header"> | |
| <h3>OCR Processing</h3> | |
| <span class="close" id="closeOcrModal">×</span> | |
| </div> | |
| <div class="modal-body"> | |
| <div id="ocrPreview" class="ocr-preview"></div> | |
| <div id="ocrResults" class="ocr-results"></div> | |
| <div class="ocr-actions"> | |
| <button id="useOcrText" class="btn btn-primary">Use Extracted Text</button> | |
| <button id="queryWithOcr" class="btn btn-secondary">Query with OCR</button> | |
| <button id="cancelOcr" class="btn btn-danger">Cancel</button> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <script src="/static/script.js"></script> | |
| </body> | |
| </html> | |