Update app.py

app.py

@@ -142,27 +142,22 @@ HTML_TEMPLATE = """
         }
         * { box-sizing: border-box; -webkit-tap-highlight-color: transparent; }
         
-        /* --- FIX 4: PREVENT HORIZONTAL SCROLL --- */
         body, html { 
             margin: 0; padding: 0; height: 100dvh; width: 100%; max-width: 100%;
             background: var(--bg); color: var(--text); font-family: 'Outfit', sans-serif; 
-            overflow: hidden; /* Locks the page */
+            overflow: hidden; 
             font-size: 17px;
-            
-            /* --- FIX 2: DISABLE SELECT GLOBALLY --- */
             -webkit-user-select: none; 
             -moz-user-select: none; 
             -ms-user-select: none; 
             user-select: none;
         }
 
-        /* Allow typing in inputs only */
         textarea, input {
             -webkit-user-select: text !important; 
             user-select: text !important;
         }
 
-        /* Make sure content is NOT selectable via long press */
         .user-content, .ai-content, code, pre, p, h1, h2, span, div {
             -webkit-user-select: none !important;
             user-select: none !important;
@@ -173,7 +168,7 @@ HTML_TEMPLATE = """
             height: 100dvh; 
             width: 100%;
             position: relative; 
-            overflow-x: hidden; /* Extra safety */
+            overflow-x: hidden; 
         }
 
         header {
@@ -221,11 +216,24 @@ HTML_TEMPLATE = """
         .history-item:last-child { margin-bottom: 0; }
         .history-item:active { background: #222; color: #fff; border-color: #444; }
 
-        .h-title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 200px; }
+        .h-title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 200px; flex: 1; margin-right: 10px; }
         .h-actions { display: none; gap: 15px; }
         .history-item.active-mode .h-actions { display: flex; }
         .h-icon { font-size: 16px; color: #fff; padding: 5px; }
 
+        /* --- NEW STYLE FOR INLINE RENAME INPUT --- */
+        .rename-input {
+            background: transparent;
+            border: none;
+            border-bottom: 1px solid #fff;
+            color: #fff;
+            font-family: 'Outfit', sans-serif;
+            font-size: 15px;
+            width: 100%;
+            outline: none;
+            padding: 0;
+        }
+
         .brand-section { text-align: center; margin-top: 20px; padding-bottom: env(safe-area-inset-bottom); }
         .brand-name { font-family: 'Outfit', sans-serif; font-weight: 600; font-size: 12px; color: var(--dim); letter-spacing: 2px; margin-bottom: 10px; opacity: 0.6; }
         .logout-btn { color: #ef4444; cursor: pointer; font-size: 15px; font-weight: 600; padding: 10px; }
@@ -277,7 +285,6 @@ HTML_TEMPLATE = """
         .ai-content strong { color: #fff; font-weight: 700; }
         .ai-content h1, .ai-content h2 { margin-top: 20px; color: #fff; font-weight: 700; }
         
-        /* FIX 3: STYLE FOR IMAGES TO BE CLICKABLE */
         .ai-content img, .user-content img { cursor: pointer; transition: 0.2s; }
         .ai-content img:active, .user-content img:active { transform: scale(0.98); }
 
@@ -314,7 +321,6 @@ HTML_TEMPLATE = """
         #login-overlay { position: fixed; inset: 0; background: #000; z-index: 2000; display: flex; align-items: center; justify-content: center; }
         .login-box { width: 90%; max-width: 350px; text-align: center; padding: 40px; border: 1px solid var(--border); border-radius: 20px; background: #0a0a0a; }
 
-        /* --- FIX 3: LIGHTBOX (IMAGE PREVIEW) CSS --- */
         #image-modal {
             position: fixed; top: 0; left: 0; width: 100%; height: 100%;
             background: rgba(0,0,0,0.9); z-index: 3000;
@@ -391,7 +397,6 @@ HTML_TEMPLATE = """
         let currentAttachment = { type: null, data: null, name: null };
         let longPressTimer;
         
-        // --- HELPER FOR INTRO TEXT ---
         function getIntroHtml(name) {
             return `<div class="msg ai-msg"><div class="ai-content"><h1>Hi ${name},</h1><p>Ready to master your studies today?</p></div></div>`;
         }
@@ -422,7 +427,6 @@ HTML_TEMPLATE = """
             if(!currentChatId) {
                 const box = document.getElementById("chat-box");
                 if(box.innerHTML === "") {
-                    // FIX 1: USE FUNCTION FOR CONSISTENT INTRO
                     box.innerHTML = getIntroHtml(currentUser);
                 }
             }
@@ -541,8 +545,7 @@ HTML_TEMPLATE = """
         function editMessage(oldText) { document.getElementById('input').value = oldText; document.getElementById('input').focus(); }
         function regenerate(text) { document.getElementById('input').value = text; send(); }
         
-        // --- FIX 3: LIGHTBOX LOGIC ---
-        // Open Image Logic
+        // --- LIGHTBOX ---
         document.getElementById('chat-box').addEventListener('click', function(e) {
             if(e.target.tagName === 'IMG') {
                 const modal = document.getElementById('image-modal');
@@ -558,20 +561,57 @@ HTML_TEMPLATE = """
             setTimeout(() => modal.style.display = 'none', 300);
         }
 
-        // --- HISTORY LOGIC ---
-        function handleHistoryTouchStart(e, cid, title) {
+        // --- HISTORY & INLINE RENAME LOGIC ---
+        function handleHistoryTouchStart(e, cid) {
             longPressTimer = setTimeout(() => {
                 e.target.closest('.history-item').classList.add('active-mode');
             }, 600);
         }
         function handleHistoryTouchEnd(e) { clearTimeout(longPressTimer); }
         
-        async function renameChat(cid, oldTitle) {
-            const newTitle = prompt("Rename:", oldTitle);
-            if(newTitle) { await fetch('/rename_chat', {method:'POST', headers:{'Content-Type':'application/json'}, body:JSON.stringify({username:currentUser, chat_id:cid, title:newTitle})}); loadHistory(); }
+        function startRename(cid, currentTitle) {
+            const item = document.getElementById('chat-' + cid);
+            const titleSpan = item.querySelector('.h-title');
+            
+            // Create input
+            const input = document.createElement('input');
+            input.type = 'text';
+            input.value = currentTitle;
+            input.className = 'rename-input';
+            
+            // Handle save on Enter or Blur
+            async function save() {
+                const newTitle = input.value.trim();
+                if(newTitle && newTitle !== currentTitle) {
+                    await fetch('/rename_chat', {
+                        method:'POST', headers:{'Content-Type':'application/json'}, 
+                        body:JSON.stringify({username:currentUser, chat_id:cid, title:newTitle})
+                    });
+                    loadHistory();
+                } else {
+                    // Revert if empty or same
+                    loadHistory(); 
+                }
+            }
+
+            input.addEventListener('blur', save);
+            input.addEventListener('keydown', (e) => {
+                if(e.key === 'Enter') { input.blur(); }
+            });
+
+            // Replace span with input
+            titleSpan.replaceWith(input);
+            input.focus();
         }
+
         async function deleteChat(cid) {
-            if(confirm("Delete?")) { await fetch('/delete_chat', {method:'POST', headers:{'Content-Type':'application/json'}, body:JSON.stringify({username:currentUser, chat_id:cid})}); if(currentChatId === cid) newChat(); loadHistory(); }
+            // FIX: No confirmation, just delete immediately
+            await fetch('/delete_chat', {
+                method:'POST', headers:{'Content-Type':'application/json'}, 
+                body:JSON.stringify({username:currentUser, chat_id:cid})
+            });
+            if(currentChatId === cid) newChat(); 
+            loadHistory();
         }
 
         async function loadHistory() {
@@ -583,11 +623,11 @@ HTML_TEMPLATE = """
                     Object.keys(data.chats).reverse().forEach(cid => {
                         const title = data.chats[cid].title || "New Chat";
                         list.innerHTML += `
-                        <div class="history-item" onclick="loadChat('${cid}')" oncontextmenu="return false;"
-                             ontouchstart="handleHistoryTouchStart(event, '${cid}', '${title}')" ontouchend="handleHistoryTouchEnd(event)">
+                        <div class="history-item" id="chat-${cid}" onclick="loadChat('${cid}')" oncontextmenu="return false;"
+                             ontouchstart="handleHistoryTouchStart(event, '${cid}')" ontouchend="handleHistoryTouchEnd(event)">
                             <span class="h-title">${title}</span>
                             <div class="h-actions">
-                                <i class="fas fa-pen h-icon" onclick="event.stopPropagation(); renameChat('${cid}', '${title}')"></i>
+                                <i class="fas fa-pen h-icon" onclick="event.stopPropagation(); startRename('${cid}', '${title}')"></i>
                                 <i class="fas fa-trash h-icon" onclick="event.stopPropagation(); deleteChat('${cid}')"></i>
                             </div>
                         </div>`;
@@ -615,7 +655,6 @@ HTML_TEMPLATE = """
         function toggleSidebar() { document.getElementById('sidebar').classList.toggle('open'); }
         async function newChat() {
             currentChatId = null; 
-            // FIX 1: SET INTRO TEXT FOR EVERY NEW CHAT
             document.getElementById('chat-box').innerHTML = getIntroHtml(currentUser);
             
             const r = await fetch('/new_chat', {method:'POST', headers:{'Content-Type':'application/json'}, body:JSON.stringify({username:currentUser})});
@@ -642,6 +681,31 @@ HTML_TEMPLATE = """
             box.scrollTop = box.scrollHeight;
         }
 
+        @app.route('/manifest.json')
+        def manifest():
+            data = {
+                "name": "Student's AI",
+                "short_name": "StudentAI",
+                "start_url": "/",
+                "display": "standalone",
+                "orientation": "portrait",
+                "background_color": "#09090b",
+                "theme_color": "#09090b",
+                "icons": [
+                    {
+                        "src": "https://cdn-icons-png.flaticon.com/512/4712/4712035.png", 
+                        "sizes": "192x192",
+                        "type": "image/png"
+                    },
+                    {
+                        "src": "https://cdn-icons-png.flaticon.com/512/4712/4712035.png",
+                        "sizes": "512x512",
+                        "type": "image/png"
+                    }
+                ]
+            }
+            return Response(json.dumps(data), mimetype='application/json')
+
         checkLogin();
     </script>
 </body>
@@ -715,7 +779,7 @@ def chat():
 def manifest():
     data = {
         "name": "Student's AI",
-        "short_name": "Student's AI",
+        "short_name": "StudentAI",
         "start_url": "/",
         "display": "standalone",
         "orientation": "portrait",
@@ -723,12 +787,12 @@ def manifest():
         "theme_color": "#09090b",
         "icons": [
             {
-                "src": "https://huggingface.co/spaces/Shirpi/Student-s_AI/resolve/main/1000177401.png", 
+                "src": "https://cdn-icons-png.flaticon.com/512/4712/4712035.png", 
                 "sizes": "192x192",
                 "type": "image/png"
             },
             {
-                "src": "https://huggingface.co/spaces/Shirpi/Student-s_AI/resolve/main/1000177401.png",
+                "src": "https://cdn-icons-png.flaticon.com/512/4712/4712035.png",
                 "sizes": "512x512",
                 "type": "image/png"
             }
@@ -737,4 +801,5 @@ def manifest():
     return Response(json.dumps(data), mimetype='application/json')
 
 if __name__ == '__main__':
-    app.run(host='0.0.0.0', port=7860)
+    app.run(host='0.0.0.0', port=7860)
+