|
|
<!DOCTYPE html> |
|
|
<html lang="en" data-theme="light"> |
|
|
|
|
|
<head> |
|
|
<meta charset="UTF-8"> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
|
<title>NexusGraph AI - Enterprise RAG</title> |
|
|
|
|
|
|
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet"> |
|
|
|
|
|
|
|
|
<link rel="stylesheet" href="/frontend/style.css"> |
|
|
</head> |
|
|
|
|
|
<body> |
|
|
|
|
|
<div class="app-container"> |
|
|
|
|
|
|
|
|
<aside class="sidebar"> |
|
|
<div class="brand">NexusGraph AI</div> |
|
|
|
|
|
<button class="new-chat-btn" onclick="newChat()"> |
|
|
<span>+</span> New Chat |
|
|
</button> |
|
|
|
|
|
<div class="history-list" id="historyList"> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="sidebar-footer"> |
|
|
<a href="/frontend/analytics.html" style="font-size: 0.9rem; color: var(--text-muted);">📊 Analytics |
|
|
Dashboard</a> |
|
|
<button onclick="clearHistory()" |
|
|
style="background:none; border:none; color:var(--text-muted); cursor:pointer; font-size:0.8rem;">Clear |
|
|
All</button> |
|
|
</div> |
|
|
</aside> |
|
|
|
|
|
|
|
|
<main class="main-content" id="mainContent"> |
|
|
|
|
|
|
|
|
<div class="top-bar"> |
|
|
<button class="theme-toggle" id="themeToggleBtn" onclick="toggleTheme()" title="Toggle Dark Mode"> |
|
|
|
|
|
</button> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="chat-container" id="chatContainer"> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="input-area glass input-card"> |
|
|
|
|
|
<div class="file-row"> |
|
|
<label class="file-upload-label" for="files"> |
|
|
<svg width="20" height="20" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"> |
|
|
<path |
|
|
d="M21.44 11.05l-9.19 9.19a6 1.83 6 1.83 0 0 1-2.59-2.59l8.6-8.6a4 1.83 4 1.83 0 0 1 2.59 2.59l-8.6 8.6a2 1.83 2 1.83 0 0 1-2.59-2.59l9.19-9.19"> |
|
|
</path> |
|
|
</svg> |
|
|
Upload Documents (PDF/TXT) |
|
|
</label> |
|
|
<div id="uploadStatus" style="font-size: 0.8rem; margin-left: auto;"></div> |
|
|
</div> |
|
|
|
|
|
<input type="file" id="files" multiple onchange="upload()"> |
|
|
|
|
|
<div class="progress-container"> |
|
|
<div class="progress-bar"></div> |
|
|
</div> |
|
|
|
|
|
<div class="textarea-wrapper"> |
|
|
<textarea id="question" placeholder="Ask a question or type 'Summarize'..." |
|
|
onkeydown="handleKey(event)"></textarea> |
|
|
<button class="send-btn" onclick="ask()"> |
|
|
<svg width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"> |
|
|
<line x1="22" y1="2" x2="11" y2="13"></line> |
|
|
<polygon points="22 2 15 22 11 13 2 9 22 2"></polygon> |
|
|
</svg> |
|
|
</button> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
</main> |
|
|
</div> |
|
|
|
|
|
|
|
|
<script src="/frontend/script.js"></script> |
|
|
</body> |
|
|
|
|
|
</html> |
