Hugging Face's logo

Spaces:
duc08042006
/
Rag_ChatBot
Sleeping

App Files Community
Rag_ChatBot
File size: 3,097 Bytes
44ed2c7
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
feb5410
44ed2c7
 
 
 
ea19adc
 
 
 
44ed2c7
 
 
 
 
 
 
 
 
 
feb5410
44ed2c7
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
<!DOCTYPE html>
<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>