fixing

static/script.js

@@ -39,7 +39,6 @@ document.addEventListener("DOMContentLoaded", () => {
         }
     });
     
-    // <-- NEW LISTENER FOR “CLEAR ALL” ---
     clearAllButton.addEventListener("click", (e) => {
         e.preventDefault();
         clearAllConversations();
@@ -47,39 +46,29 @@ document.addEventListener("DOMContentLoaded", () => {
 
     // === 4. MAIN FUNCTIONS ===
 
-    /**
-     * NEW FEATURE: Delete all conversations
-     */
     async function clearAllConversations() {
         if (!confirm("Are you sure you want to delete all conversations? This action cannot be undone.")) {
             return;
         }
-
         try {
+            // Gunakan URL relatif (tanpa localhost) untuk hosting
             const response = await fetch("/api/conversations", {
                 method: "DELETE",
                 headers: { "Content-Type": "application/json" },
-                body: JSON.stringify({ userId: currentUserId }) // Send userID to be deleted
+                body: JSON.stringify({ userId: currentUserId })
             });
-
             if (!response.ok) {
                 throw new Error("Failed to delete history on the server.");
             }
-            
-            // If the server is successful, clear the frontend state
             conversations = {};
-            startNewChat(); // This will clear the UI (render history & chat log).
-            
+            startNewChat();
             console.log("All conversations have been successfully deleted.");
-
         } catch (error) {
             console.error("Error clearing conversations:", error);
             alert("An error occurred while deleting history.");
         }
     }
     
-    // ... (The functions getOrCreateUserId, startNewChat, sendMessage, etc. remain exactly the same) ...
-    
     function getOrCreateUserId() {
         let userId = localStorage.getItem('anonymousUserId');
         if (!userId) {
@@ -104,6 +93,9 @@ document.addEventListener("DOMContentLoaded", () => {
         let tempId = null;
         let activeConversation;
 
+        // --- INI PERBAIKANNYA (1) ---
+        const userTimestamp = new Date().toISOString(); 
+
         if (currentConversationId === null) {
             const title = messageText.length > 28 ? messageText.substring(0, 28) + "..." : messageText;
             tempId = "temp-" + Date.now();
@@ -118,15 +110,22 @@ document.addEventListener("DOMContentLoaded", () => {
             activeConversation = conversations[currentConversationId];
         }
 
-        activeConversation.messages.push({ role: "user", content: messageText });
+        // --- INI PERBAIKANNYA (2) ---
+        // 1. Tambahkan & tampilkan pesan user (dengan timestamp)
+        activeConversation.messages.push({ 
+            role: "user", 
+            content: messageText,
+            timestamp: userTimestamp // <-- DI SINI
+        });
         renderChatLog();
-        renderHistory();
+        renderHistory(); // Sekarang akan mengurutkan dengan benar
         chatInput.value = "";
         
         const loadingDiv = addMessageToLog("assistant", "...");
         chatLog.scrollTop = chatLog.scrollHeight;
         
         try {
+            // Gunakan URL relatif (tanpa localhost) untuk hosting
             const response = await fetch("/api/chat", {
                 method: "POST",
                 headers: { "Content-Type": "application/json" },
@@ -143,19 +142,29 @@ document.addEventListener("DOMContentLoaded", () => {
 
             const botText = data.answer;
             const realConversationId = data.conversationId;
+            const botTimestamp = new Date().toISOString(); // Timestamp untuk bot
 
-            activeConversation.messages.push({ role: "assistant", content: botText });
+            // --- INI PERBAIKANNYA (3) ---
+            // 4. Update pesan bot (dengan timestamp)
+            activeConversation.messages.push({ 
+                role: "assistant", 
+                content: botText,
+                timestamp: botTimestamp // <-- DI SINI
+            });
             const p = loadingDiv.querySelector(".message-content p");
             p.textContent = botText;
 
+            // 5. Sinkronisasi ID
             if (currentConversationId === tempId) {
                 activeConversation.id = realConversationId;
                 conversations[realConversationId] = activeConversation;
                 delete conversations[tempId];
                 currentConversationId = realConversationId;
-                renderHistory();
             }
             
+            // Urutkan ulang history setelah mendapat balasan
+            renderHistory(); 
+
         } catch (error) {
             console.error("Error sending message:", error);
             const p = loadingDiv.querySelector(".message-content p");
@@ -176,6 +185,7 @@ document.addEventListener("DOMContentLoaded", () => {
         historyList.innerHTML = "";
         
         const sortedConversations = Object.values(conversations).sort((a, b) => {
+             // Logika ini sekarang akan bekerja karena 'timestamp' dijamin ada
              const lastMsgA = a.messages[a.messages.length - 1]?.timestamp || a.id;
              const lastMsgB = b.messages[b.messages.length - 1]?.timestamp || b.id;
              return new Date(lastMsgB) - new Date(lastMsgA);
@@ -233,6 +243,7 @@ document.addEventListener("DOMContentLoaded", () => {
     async function initializeApp() {
         if (!currentUserId) return;
         try {
+            // Gunakan URL relatif (tanpa localhost) untuk hosting
             const response = await fetch(`/api/conversations?userId=${currentUserId}`);
             if (!response.ok) {
                 throw new Error("Failed to load history");
@@ -242,7 +253,7 @@ document.addEventListener("DOMContentLoaded", () => {
             data.forEach(convo => {
                 conversations[convo.id] = convo;
             });
-            renderHistory();
+            renderHistory(); // Ini akan mengurutkan dengan benar saat memuat
             startNewChat();
         } catch (error) {
             console.error("Error initializing app:", error);