|
|
<!DOCTYPE html> |
|
|
<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> |
