Update ui.js (messages, memory, session history)

better build messages function.
memory improvements.
sessions now have their own message history or should at least.

Author: G-Fourteen

ai/ui.js

@@ -1,6 +1,4 @@
-// ui.js (FIX: Prevent first-launch modal from re-appearing after new chat)
 document.addEventListener("DOMContentLoaded", () => {
-  // Buttons
   const newSessionBtn = document.getElementById("new-session-btn");
   const modelSelect = document.getElementById("model-select");
   const donationOpenBtn = document.getElementById("donation-open-btn");
@@ -11,34 +9,29 @@ document.addEventListener("DOMContentLoaded", () => {
   const settingsModal = document.getElementById("settings-modal");
   const settingsModalClose = document.getElementById("settings-modal-close");
 
-  // Theme selectors - one in sidebar, one in settings
   const themeSelect = document.getElementById("theme-select");
   const themeSelectSettings = document.getElementById("theme-select-settings");
 
-  // Personalization
   const openPersonalizationBtn = document.getElementById("open-personalization-btn");
   const openPersonalizationSettings = document.getElementById("open-personalization-settings");
   const personalizationModal = document.getElementById("personalization-modal");
   const personalizationClose = document.getElementById("personalization-close");
   const savePersonalizationBtn = document.getElementById("save-personalization");
   const cancelPersonalizationBtn = document.getElementById("cancel-personalization");
 
-  // Memory Manager
   const openMemoryManagerBtn = document.getElementById("open-memory-manager");
   const memoryModal = document.getElementById("memory-modal");
   const memoryModalClose = document.getElementById("memory-modal-close");
   const memoryList = document.getElementById("memory-list");
   const addMemoryBtn = document.getElementById("add-memory-btn");
   const clearAllMemoryBtn = document.getElementById("clear-all-memory-btn");
 
-  // Add Memory Modal
   const addMemoryModal = document.getElementById("add-memory-modal");
   const addMemoryModalClose = document.getElementById("add-memory-modal-close");
   const newMemoryText = document.getElementById("new-memory-text");
   const saveNewMemoryBtn = document.getElementById("save-new-memory-btn");
   const cancelNewMemoryBtn = document.getElementById("cancel-new-memory-btn");
 
-  // Destructive Buttons
   const clearChatSessionsBtn = document.getElementById("clear-chat-sessions-btn");
   const clearUserDataBtn = document.getElementById("clear-user-data-btn");
 
@@ -203,10 +196,6 @@ document.addEventListener("DOMContentLoaded", () => {
     }
   });
 
-  // ===================================================
-  // FIX: set firstLaunch to "1" when creating a new chat
-  // so the first-launch modal won't appear again.
-  // ===================================================
   newSessionBtn.addEventListener("click", () => {
     localStorage.setItem("firstLaunch", "1");
     const newSess = Storage.createSession("New Chat");
@@ -310,9 +299,6 @@ document.addEventListener("DOMContentLoaded", () => {
     Memory.addMemoryEntry(memoryText);
   }
 
-  // =====================
-  //  MEMORY MANAGER
-  // =====================
   openMemoryManagerBtn.addEventListener("click", () => {
     memoryModal.classList.remove("hidden");
     loadMemoryEntries();
@@ -369,7 +355,6 @@ document.addEventListener("DOMContentLoaded", () => {
       btnContainer.style.display = "flex";
       btnContainer.style.gap = "6px";
 
-      // Edit
       const editBtn = document.createElement("button");
       editBtn.className = "btn btn-sm btn-secondary";
       editBtn.innerHTML = '<i class="fas fa-pen"></i>';
@@ -378,7 +363,7 @@ document.addEventListener("DOMContentLoaded", () => {
       editBtn.addEventListener("click", () => {
         const newText = prompt("Edit memory entry:", line);
         if (!newText || newText.trim() === line) {
-          return; // cancelled or unchanged
+          return;
         }
         const success = Memory.updateMemoryEntry(idx, newText);
         if (success) {
@@ -388,7 +373,6 @@ document.addEventListener("DOMContentLoaded", () => {
       });
       btnContainer.appendChild(editBtn);
 
-      // Delete
       const delBtn = document.createElement("button");
       delBtn.className = "btn btn-sm btn-danger";
       delBtn.innerHTML = '<i class="fas fa-trash"></i>';
@@ -416,9 +400,6 @@ document.addEventListener("DOMContentLoaded", () => {
     }
   }
 
-  // =====================
-  //  DESTRUCTIVE BUTTONS
-  // =====================
   clearChatSessionsBtn.addEventListener("click", () => {
     if (!confirm("Are you sure you want to CLEAR ALL chat sessions?")) return;
     Storage.clearAllSessions();