Deploy RAG Chatbot to Hugging Face Spaces

NEW_FEATURES.md

@@ -0,0 +1,39 @@
+# New Features in the Admin Panel (LiveChat-Inspired Redesign)
+
+We have completely overhauled the Admin Panel, transforming it from a basic data table into a professional, classic, and highly functional dashboard reminiscent of industry-standard tools like LiveChat.
+
+Here is a comprehensive breakdown of the **7 new major features** added:
+
+### 1. Professional White & Purple Interface (Classic Design)
+- Replaced the dark "AI theme" with a crisp, classic light theme.
+- Integrated soft purple gradients (`#8b5cf6` to `#a855f7`) that feel premium and trustworthy.
+- Re-architected the interface using a modern 2-pane structure (Sidebar Navigation + Main Content Area).
+- Implemented smooth micro-animations (e.g., hover states, subtle fade-ins) to dramatically increase user interaction and responsiveness without feeling gimmicky.
+
+### 2. Analytics Dashboard & Real-Time Statistics
+- **High-Level Metrics:** Instantly view "Total Sessions", "Today's Sessions", and "Total Messages" across all chats at a glance on the new Dashboard view.
+- **Backend API Integration:** Built a brand new API endpoint (`/api/admin/analytics`) that aggregates this data safely from all session files without blocking the server.
+
+### 3. Interactive Traffic Chart (Chart.js)
+- Integrated an interactive line chart on the Dashboard.
+- Visualizes message volume trends over the past 7 days.
+- Features custom tooltips, smooth data lines, and gradient fills to match the new brand aesthetic.
+
+### 4. Auto-Refresh Capability
+- Added an **"Auto-refresh" toggle** switch in the top navigation bar.
+- When enabled, it acts as a "live monitoring" system, automatically pulling the latest stats and new sessions every 15 seconds.
+- Allows admins to keep the panel open on a secondary monitor to watch traffic come in real-time.
+
+### 5. Enhanced Chat Transcript Viewer
+- Upgraded the chat history viewer to look like a modern messaging app.
+- User messages are aligned to the right in clean white bubbles; AI agent messages are aligned to the left in purple gradient bubbles.
+- Improved message metadata visibility (timestamps and user identification).
+
+### 6. Centralized Export Modal
+- Consolidated the export functionality into a sleek, dark-backdrop modal window.
+- Added options to export "All Sessions Combined" into one file, or "Separate Files (ZIP)" which bundles every individual session into a downloadable ZIP archive.
+- Retained the ability to export in both Excel (`.xlsx`) and `.json` formats.
+
+### 7. Streamlined Quick Links (Demo Widget)
+- Added a dedicated "Quick Links" section to the navigation sidebar.
+- Features a direct link to test the live **Chat Widget Demo**, allowing admins to quickly jump to the frontend bot and simulate user interactions.

app/admin/templates/admin.html

@@ -379,22 +379,10 @@
         </div>
         
         <div class="nav-section-title">Quick Links</div>
-        <a href="/ui" target="_blank" class="quick-link">
-          Main Chat UI (Gradio)
-          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" y1="14" x2="21" y2="3"></line></svg>
-        </a>
         <a href="/widget" target="_blank" class="quick-link">
           Chat Widget Demo
           <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" y1="14" x2="21" y2="3"></line></svg>
         </a>
-        <a href="/static/chat-loader.js" target="_blank" class="quick-link">
-          chat-loader.js
-          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M13 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z"></path><polyline points="13 2 13 9 20 9"></polyline></svg>
-        </a>
-        <a href="/static/chat-loader2.js" target="_blank" class="quick-link">
-          chat-loader2.js
-          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M13 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z"></path><polyline points="13 2 13 9 20 9"></polyline></svg>
-        </a>
       </nav>
       
       <div class="sidebar-footer">

static/addon.html

@@ -247,7 +247,7 @@
         <!-- Animated Chatbot Icon -->
         <div id="chat-icon" style="width: 233px; height: 238px; display: flex; align-items: center; justify-content: center; pointer-events: none;">
             <dotlottie-player
-                src="https://joedown11-chatrag.hf.space/static/bot-icon.lottie"
+                src="https://joedown11-chatbot21.hf.space/static/bot-icon.lottie"
                 background="transparent" speed="1" style="width: 100%; height: 100%; will-change: transform;" loop autoplay>
             </dotlottie-player>
         </div>
@@ -311,7 +311,7 @@
     });
 
     // Chat Logic
-    const API_URL = "https://joedown11-chatrag.hf.space/api/chat";
+    const API_URL = "https://joedown11-chatbot21.hf.space/api/chat";
     const BASE_URL = API_URL.replace("/api/chat", "");
     let chatHistory = [];
 

static/chat-loader.js

@@ -1,6 +1,6 @@
 
 (function () {
-    const baseUrl = 'https://joedown11-chatrag.hf.spac';
+    const baseUrl = 'https://joedown11-chatbot21.hf.space';
 
 
     const container = document.createElement('div');

static/chat-loader2.js

@@ -1,6 +1,6 @@
 
 (function () {
-    const baseUrl = 'https://joedown11-chatrag.hf.space';
+    const baseUrl = 'https://joedown11-chatbot21.hf.space';
 
     function init() {
         // Prevent duplicate containers