Update index.html

index.html

@@ -16,7 +16,7 @@
         <main>
             <div class="input-section">
                 <h2>Submit Your Research Query</h2>
-                <textarea id="researchQuery" placeholder="Ask a question based on the available research reports..."></textarea>
+                <textarea id="researchQuery" placeholder="Ask a general research question..."></textarea>
                 <button id="submitButton">Submit</button>
             </div>
             <div class="output-section">
@@ -25,10 +25,18 @@
             </div>
 
             <div class="reports-section">
-                <h2>Available Research Reports</h2>
+                <h2 class="collapsible-header">
+                    Available Research Reports 
+                    <span id="reportsToggle" class="toggle-icon">-</span>
+                </h2>
                 <div id="reportsList" class="reports-container"></div>
             </div>
             
+            <div class="history-section">
+                <h2>Recent Research</h2>
+                <div id="historyContainer" class="history-container"></div>
+            </div>
+            
             <div class="upload-section">
                 <h2>Add New Research Report</h2>
                 <form id="uploadForm">
@@ -39,19 +47,12 @@
                 </form>
                 <div id="uploadStatus"></div>
             </div>
-            
-            <div class="history-section">
-                <h2>Recent Research</h2>
-                <div id="historyContainer" class="history-container"></div>
-            </div>
         </main>
 
         <footer>
             <p>&copy; 2025 CTM Research</p>
         </footer>
     </div>
-    <script src="script.js"></script>
-  <script src="script.js"></script>
 
     <div id="reportModal" class="modal">
       <div class="modal-content">
@@ -60,7 +61,7 @@
         <div id="modalBody" class="modal-body-container"></div>
       </div>
     </div>
-</body>
-</html>
+
+    <script src="script.js"></script>
 </body>
 </html>