Update index.html

index.html

@@ -279,11 +279,7 @@
             <div class="flex-grow overflow-y-auto px-4 sidebar-content">
                 <h3 class="text-sm font-semibold text-gray-400 mb-2">Saved Chats</h3>
                 <div id="chatsList" class="space-y-2">
-                    {% for chat in chat_files %}
-                    <div class="chat-file hover:bg-gray-700 p-2 rounded-lg cursor-pointer transition" data-file="{{ chat }}">
-                        <i class="fas fa-comment-alt mr-2"></i>{{ chat }}
-                    </div>
-                    {% endfor %}
+                    <!-- Chat files will be inserted here -->
                 </div>
             </div>
         </div>
@@ -343,7 +339,7 @@
     </div>
 
     <script>
-        let currentChatFile = null;
+        let currentSessionId = '{{ session_id }}';
         let conversationHistory = [];
         let currentAudio = null;
         let currentEventSource = null;
@@ -398,11 +394,11 @@
             chatArea.scrollTop = chatArea.scrollHeight;
         }
 
-        function loadChat(chatFile) {
-            fetch(`/api/load_chat/${chatFile}`)
+        function loadChat(sessionId) {
+            fetch(`/api/load_chat/${sessionId}`)
                 .then(response => response.json())
                 .then(data => {
-                    currentChatFile = chatFile;
+                    currentSessionId = sessionId;
                     conversationHistory = data.messages;
                     document.getElementById('chatArea').innerHTML = '';
                     conversationHistory.forEach((message, index) => {
@@ -452,7 +448,7 @@
                         'Content-Type': 'application/json'
                     },
                     body: JSON.stringify({
-                        chat_file: currentChatFile,
+                        session_id: currentSessionId,
                         message_index: editingMessageIndex,
                         content: newContent,
                         is_user: isUserMessage
@@ -544,7 +540,7 @@
                         base_host: baseHost,
                         model: model,
                         messages: conversationHistory,
-                        chat_file: currentChatFile || ''
+                        session_id: currentSessionId
                     }),
                     signal: abortController.signal
                 });
@@ -645,7 +641,7 @@
         });
 
         document.getElementById('newChatBtn').addEventListener('click', () => {
-            currentChatFile = null;
+            currentSessionId = '{{ session_id }}';
             conversationHistory = [];
             document.getElementById('chatArea').innerHTML = '';
             // Restore selected models
@@ -693,9 +689,9 @@
         });
 
         document.getElementById('chatsList').addEventListener('click', (e) => {
-            const chatFile = e.target.dataset.file;
-            if (chatFile) {
-                loadChat(chatFile);
+            const sessionId = e.target.dataset.session;
+            if (sessionId) {
+                loadChat(sessionId);
             }
         });