updated UI

templates/index.html

@@ -61,9 +61,15 @@
     <!-- Input Area -->
     <div class="chat-input-container">
       <div class="chat-input-wrapper">
-        <button class="input-btn" title="Attach file">
+        <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"
@@ -82,6 +88,25 @@
         <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">&times;</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>