Spaces:
Sleeping
Sleeping
| <html lang="vi"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>AI Assistant - RAG Chatbot</title> | |
| <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap" rel="stylesheet"> | |
| <link rel="stylesheet" href="/static/style.css"> | |
| </head> | |
| <body> | |
| <div class="chat-container"> | |
| <header class="chat-header"> | |
| <div class="header-info"> | |
| <div class="avatar-glow"> | |
| <img src="https://api.dicebear.com/7.x/bottts/svg?seed=ragbot&backgroundColor=1e1e2f" alt="Bot Avatar" class="avatar"> | |
| </div> | |
| <div class="header-text"> | |
| <h1>AI Assistant</h1> | |
| <span class="status"><span class="dot"></span> Trực tuyến</span> | |
| </div> | |
| </div> | |
| <div class="header-actions"> | |
| <a href="/static/evaluation.html" class="dashboard-link" title="Dashboard Đánh Giá"> | |
| <svg width="20" height="20" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 002 2h2a2 2 0 002-2"></path></svg> | |
| <span>Dashboard Đánh Giá</span> | |
| </a> | |
| <button id="clearBtn" title="Xóa lịch sử"> | |
| <svg width="20" height="20" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path d="M3 6h18M19 6v14a2 2 0 01-2 2H7a2 2 0 01-2-2V6m3 0V4a2 2 0 012-2h4a2 2 0 012 2v2"></path></svg> | |
| </button> | |
| </div> | |
| </header> | |
| <main class="chat-box" id="chatBox"> | |
| <div class="message bot"> | |
| <img src="https://api.dicebear.com/7.x/bottts/svg?seed=ragbot&backgroundColor=1e1e2f" alt="Bot" class="msg-avatar"> | |
| <div class="msg-content"> | |
| <p>Xin chào! Tôi là AI Assistant được tích hợp hệ thống RAG (Retrieval-Augmented Generation). Tôi có thể giúp gì cho bạn?</p> | |
| </div> | |
| </div> | |
| </main> | |
| <div class="typing-indicator" id="typingIndicator"> | |
| <span class="dot"></span><span class="dot"></span><span class="dot"></span> | |
| </div> | |
| <footer class="chat-input-area"> | |
| <form id="chatForm"> | |
| <input type="text" id="userInput" placeholder="Hỏi tôi bất cứ điều gì..." autocomplete="off"> | |
| <button type="submit" id="sendBtn"> | |
| <svg width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path d="M22 2L11 13M22 2l-7 20-4-9-9-4 20-7z"></path></svg> | |
| </button> | |
| </form> | |
| </footer> | |
| </div> | |
| <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script> | |
| <script src="/static/script.js"></script> | |
| </body> | |
| </html> | |