Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>CTM Research Agent</title> | |
| <link rel="stylesheet" href="style.css"> | |
| </head> | |
| <body> | |
| <div class="container"> | |
| <header> | |
| <h1>CTM Research Agent</h1> | |
| <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="Ask a general research question..."></textarea> | |
| <button id="submitButton">Submit</button> | |
| </div> | |
| <div class="output-section"> | |
| <h2>Results</h2> | |
| <div id="resultDisplay" class="result-container"></div> | |
| </div> | |
| <div class="reports-section"> | |
| <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"> | |
| <input type="text" id="reportTitle" placeholder="Report Title / Header" required> | |
| <input type="text" id="reportDescription" placeholder="Report Subject / Description" required> | |
| <textarea id="reportBody" placeholder="Paste the full plain text body of the report here..." required></textarea> | |
| <button type="submit" id="uploadButton">Process and Add Report</button> | |
| </form> | |
| <div id="uploadStatus"></div> | |
| </div> | |
| </main> | |
| <footer> | |
| <p>© 2025 CTM Research</p> | |
| </footer> | |
| </div> | |
| <div id="reportModal" class="modal"> | |
| <div class="modal-content"> | |
| <span class="modal-close-button">×</span> | |
| <h2 id="modalTitle"></h2> | |
| <div id="modalBody" class="modal-body-container"></div> | |
| </div> | |
| </div> | |
| <script src="script.js"></script> | |
| </body> | |
| </html> |