Spaces:
Runtime error
Runtime error
| <html lang="en" data-theme="light"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Gemini RAG Assistant</title> | |
| <!-- Fonts --> | |
| <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet"> | |
| <!-- CSS --> | |
| <link rel="stylesheet" href="/frontend/style.css"> | |
| </head> | |
| <body> | |
| <div class="app-container"> | |
| <!-- SIDEBAR --> | |
| <aside class="sidebar"> | |
| <div class="brand">Gemini RAG</div> | |
| <button class="new-chat-btn" onclick="newChat()"> | |
| <span>+</span> New Chat | |
| </button> | |
| <div class="history-list" id="historyList"> | |
| <!-- History items injected by JS --> | |
| </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 CONTENT --> | |
| <main class="main-content" id="mainContent"> | |
| <!-- TOP BAR (Theme Toggle) --> | |
| <div class="top-bar"> | |
| <button class="theme-toggle" id="themeToggleBtn" onclick="toggleTheme()" title="Toggle Dark Mode"> | |
| <!-- Icon injected by JS --> | |
| </button> | |
| </div> | |
| <!-- CHAT AREA --> | |
| <div class="chat-container" id="chatContainer"> | |
| <!-- Messages injected by JS --> | |
| </div> | |
| <!-- INPUT AREA (Floating) --> | |
| <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> | |
| <!-- JS --> | |
| <script src="/frontend/script.js"></script> | |
| </body> | |
| </html> |