Update app.py

app.py

@@ -340,7 +340,7 @@ HTML_TEMPLATE = """
         <div class="login-box">
             <h1 class="app-title" style="margin-bottom:10px;">Student's AI</h1>
             <input type="text" id="username-input" placeholder="Your Name" style="width:100%; padding:15px; border-radius:12px; border:1px solid #333; background:#111; color:#fff; text-align:center; outline:none; margin-bottom:20px; font-size: 16px;">
-            <button onclick="handleLogin()" style="width:100%; padding:15px; border-radius:12px; border:none; background:#fff; font-weight:800; cursor:pointer; font-size: 16px;">Start Learning</button>
+            <button id="start-btn" style="width:100%; padding:15px; border-radius:12px; border:none; background:#fff; font-weight:800; cursor:pointer; font-size: 16px;">Start Learning</button>
         </div>
     </div>
 
@@ -401,16 +401,19 @@ HTML_TEMPLATE = """
             return `<div class="msg ai-msg"><div class="ai-content"><h1>Hi ${name},</h1><p>Ready to master your studies today?</p></div></div>`;
         }
 
-        // --- AUTH LOGIC ---
+        // --- AUTH LOGIC (FIXED) ---
         function checkLogin() {
-            const stored = localStorage.getItem("student_ai_user");
-            if (stored) { currentUser = stored; showApp(); }
+            try {
+                const stored = localStorage.getItem("student_ai_user");
+                if (stored) { currentUser = stored; showApp(); }
+            } catch(e) { console.log("Storage access denied"); }
         }
+        
         function handleLogin() {
             const input = document.getElementById("username-input");
             const name = input.value.trim();
             if(name) { 
-                localStorage.setItem("student_ai_user", name); 
+                try { localStorage.setItem("student_ai_user", name); } catch(e){}
                 currentUser = name; 
                 showApp(); 
             } else {
@@ -418,7 +421,13 @@ HTML_TEMPLATE = """
                 setTimeout(() => input.style.border = "1px solid #333", 2000);
             }
         }
-        function handleLogout() { localStorage.removeItem("student_ai_user"); location.reload(); }
+        
+        document.getElementById('start-btn').addEventListener('click', handleLogin);
+        
+        function handleLogout() { 
+            try { localStorage.removeItem("student_ai_user"); } catch(e){}
+            location.reload(); 
+        }
         
         function showApp() {
             document.getElementById("login-overlay").style.display = "none";
@@ -569,13 +578,11 @@ HTML_TEMPLATE = """
         }
         function handleHistoryTouchEnd(e) { clearTimeout(longPressTimer); }
         
-        // SAFE RENAME: We do NOT pass the title in the function call to avoid quotes breaking JS.
         function startRename(cid) {
             const item = document.getElementById('chat-' + cid);
             const titleSpan = item.querySelector('.h-title');
             const currentTitle = titleSpan.innerText;
             
-            // Create input
             const input = document.createElement('input');
             input.type = 'text';
             input.value = currentTitle;
@@ -599,13 +606,15 @@ HTML_TEMPLATE = """
                 if(e.key === 'Enter') { input.blur(); }
             });
 
-            // Replace span with input
             titleSpan.replaceWith(input);
             input.focus();
         }
 
         async function deleteChat(cid) {
-            // FIX: No confirmation, just delete immediately
+            // FIX: Instant delete visually first
+            const el = document.getElementById('chat-' + cid);
+            if(el) el.remove();
+            
             await fetch('/delete_chat', {
                 method:'POST', headers:{'Content-Type':'application/json'}, 
                 body:JSON.stringify({username:currentUser, chat_id:cid})
@@ -622,7 +631,6 @@ HTML_TEMPLATE = """
                 if (data.chats) {
                     Object.keys(data.chats).reverse().forEach(cid => {
                         const title = data.chats[cid].title || "New Chat";
-                        // FIX: Only passing cid to startRename, avoiding syntax errors from titles
                         list.innerHTML += `
                         <div class="history-item" id="chat-${cid}" onclick="loadChat('${cid}')" oncontextmenu="return false;"
                              ontouchstart="handleHistoryTouchStart(event, '${cid}')" ontouchend="handleHistoryTouchEnd(event)">
@@ -682,7 +690,6 @@ HTML_TEMPLATE = """
             box.scrollTop = box.scrollHeight;
         }
 
-        // --- MANIFEST FOR APP LOGO ---
         @app.route('/manifest.json')
         def manifest():
             data = {
@@ -789,8 +796,7 @@ def manifest():
         "theme_color": "#09090b",
         "icons": [
             {
-                "src": "https://huggingface.co/spaces/Shirpi/Student-s_AI/resolve/main/1000177401.png", 
-                "sizes": "192x192",
+                "src": "https://huggingface.co/spaces/Shirpi/Student-s_AI/resolve/main/1000177401.png",
                 "type": "image/png"
             },
             {