Update index.html

index.html

@@ -13,23 +13,38 @@
             <p>Your AI-powered assistant for in-depth research and analysis.</p>
         </header>
 
-        <main>
-            <div class="input-section">
-                <h2>Submit Your Research Query</h2>
-                <textarea id="researchQuery" placeholder="Enter your research topic here..."></textarea>
-                <button id="submitButton">Submit</button>
+        <main class="main-content">
+            <div class="chat-column">
+                <div class="input-section">
+                    <h2>Submit Your Research Query</h2>
+                    <textarea id="researchQuery" placeholder="Ask a question based on the available research reports..."></textarea>
+                    <button id="submitButton">Submit</button>
+                </div>
+                <div class="output-section">
+                    <h2>Results</h2>
+                    <div id="resultDisplay" class="result-container"></div>
+                </div>
+                <div class="history-section">
+                    <h2>Recent Research</h2>
+                    <div id="historyContainer" class="history-container"></div>
+                </div>
             </div>
 
-            <div class="output-section">
-                <h2>Results</h2>
-                <div id="resultDisplay" class="result-container" contenteditable="true">
-                    </div>
-            </div>
+            <div class="docs-column">
+                <div class="upload-section">
+                    <h2>Upload Report</h2>
+                    <form id="uploadForm">
+                        <input type="file" id="fileInput" required>
+                        <button type="submit">Upload File</button>
+                    </form>
+                    <div id="uploadStatus"></div>
+                </div>
 
-            <div class="history-section">
-                <h2>Recent Research</h2>
-                <div id="historyContainer" class="history-container">
-                    </div>
+                <div class="reports-section">
+                    <h2>Available Research Reports</h2>
+                    <div id="reportsList" class="reports-container">
+                        </div>
+                </div>
             </div>
         </main>