Update static/js/script.js

static/js/script.js

@@ -1,6 +1,6 @@
 /**
  * ORBIT – Educational Research Assistant
- * SAFE SCRIPT: Sinkron dengan ID HTML asli & Anti-Crash
+ * V2 SCRIPT: Anti-Crash, Safe Storage, Full Logic
  */
 
 // ─────────────────────────────────────
@@ -13,11 +13,12 @@ const addEvt = (id, event, handler) => {
 };
 
 // ─────────────────────────────────────
-// 2. State & Data
+// 2. State & Data (GANTI KEY KE V2 BIAR BERSIH)
 // ─────────────────────────────────────
 let currentUser = null;
 let appSettings = null;
-let sessions = JSON.parse(localStorage.getItem('orbit_sessions')) || {};
+// Pakai key baru "orbit_sessions_v2" untuk menghindari data korup lama
+let sessions = JSON.parse(localStorage.getItem('orbit_sessions_v2')) || {};
 let currentSid = null;
 let pdfText = null;
 let pdfFilename = null;
@@ -50,9 +51,14 @@ async function initApp() {
     } catch (error) {
         console.error("Init Error:", error);
     } finally {
-        // Harus selalu dijalankan meskipun gagal fetch
         populateModelSelect();
 
+        // Bersihkan data jika bentuknya Array (korup dari versi lama)
+        if (Array.isArray(sessions)) {
+            sessions = {};
+            saveSessions();
+        }
+
         const ids = Object.keys(sessions).sort((a, b) => Number(b) - Number(a));
         if (ids.length > 0) {
             loadSession(ids[0]);
@@ -66,7 +72,7 @@ async function initApp() {
 // 4. Session & History Logic
 // ─────────────────────────────────────
 function saveSessions() {
-    localStorage.setItem('orbit_sessions', JSON.stringify(sessions));
+    localStorage.setItem('orbit_sessions_v2', JSON.stringify(sessions));
 }
 
 function newSession() {
@@ -78,6 +84,12 @@ function newSession() {
 function loadSession(id) {
     if (!sessions[id]) return;
     currentSid = id;
+    
+    // Sabuk pengaman: Pastikan array messages selalu ada
+    if (!sessions[currentSid].messages) {
+        sessions[currentSid].messages = [];
+    }
+
     if(chatMessages) chatMessages.innerHTML = '';
     
     const msgs = sessions[id].messages || [];
@@ -113,13 +125,15 @@ function renderSidebar() {
         return `
         <button onclick="window.loadSession('${id}')" class="w-full flex items-center gap-3 px-3 py-2.5 rounded-xl text-sm transition-all text-left truncate ${activeClass}">
             <svg class="w-4 h-4 shrink-0 opacity-60" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M8 10h.01M12 10h.01M16 10h.01M9 16H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-5l-5 5v-5z"></path></svg>
-            <span class="truncate">${sessions[id].title}</span>
+            <span class="truncate">${sessions[id].title || "New Chat"}</span>
         </button>`;
     }).join('');
 }
 
 function appendMessage(role, content, displayContent) {
-    if(!sessions[currentSid]) return;
+    if(!sessions[currentSid]) newSession();
+    if(!sessions[currentSid].messages) sessions[currentSid].messages = [];
+
     sessions[currentSid].messages.push({ role, content, displayContent });
     
     if (role === "user" && sessions[currentSid].messages.filter(m => m.role === "user").length === 1) {
@@ -143,7 +157,6 @@ function scrollBottom() {
     if(chatMessages) chatMessages.scrollTop = chatMessages.scrollHeight;
 }
 
-// Fallback Markdown jika Marked.js gagal load
 function simpleMarkdown(text) {
     let h = String(text || "").replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
     h = h.replace(/```(\w*)\n?([\s\S]*?)```/g, (_, lang, c) => `<pre><code>${c.trim()}</code></pre>`);
@@ -222,6 +235,11 @@ async function sendChat() {
     if(chatTextarea) { chatTextarea.value = ""; chatTextarea.style.height = "auto"; }
     if($("welcome-msg")) $("welcome-msg").remove();
     
+    // Safety check session
+    if (!sessions[currentSid] || !sessions[currentSid].messages) {
+        newSession();
+    }
+
     setBusy(true);
     renderBubble("user", displayPrompt);
     appendMessage("user", fullPrompt, displayPrompt);
@@ -236,7 +254,7 @@ async function sendChat() {
         const payload = {
             prompt: fullPrompt,
             model: $("model-select") ? $("model-select").value : (appSettings?.current_model || ""),
-            messages: sessions[currentSid].messages.slice(0, -1)
+            messages: sessions[currentSid].messages.slice(0, -1) // Aman karena udah di-check di atas
         };
 
         const res = await fetch("/api/chat", {
@@ -341,8 +359,7 @@ function closeSettings() {
     if($("settings-modal")) $("settings-modal").classList.add("hidden");
 }
 
-// Event Listeners Modal Settings
-addEvt("btn-open-settings", "click", openSettings); // Sesuai dengan ID HTML terbaru
+addEvt("btn-open-settings", "click", openSettings);
 addEvt("btn-close-settings", "click", closeSettings);
 addEvt("btn-cancel-settings", "click", closeSettings);
 
@@ -391,9 +408,9 @@ addEvt("btn-save-settings", "click", async () => {
         appSettings = await res.json();
         populateModelSelect();
         closeSettings();
-        renderSys("Settings berhasil disimpan.");
+        renderSys("Settings saved.");
     } catch (err) {
-        renderSys(`Gagal save setting: ${err.message}`, true);
+        renderSys(`Failed to save: ${err.message}`, true);
     }
 });
 
@@ -424,7 +441,7 @@ addEvt("btn-validate-doi-submit", "click", async () => {
         const res = await fetch("/api/validate_doi", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ doi }) });
         const data = await res.json();
         if (!res.ok || data.error) {
-            resDiv.innerHTML = `<p class="text-red-500 font-medium">Error: ${data.error || "Gagal validasi"}</p>`;
+            resDiv.innerHTML = `<p class="text-red-500 font-medium">Error: ${data.error || "Failed"}</p>`;
         } else {
             resDiv.innerHTML = `
             <div class="space-y-2">
@@ -464,7 +481,7 @@ addEvt("sidebar-overlay", "click", toggleSidebar);
 addEvt("btn-new-chat", "click", newSession);
 
 function handleClear() {
-    if (!currentSid) return;
+    if (!currentSid || !sessions[currentSid]) return;
     sessions[currentSid].messages = [];
     sessions[currentSid].title = "New Chat";
     saveSessions();