Update index.html

index.html

@@ -218,7 +218,7 @@
             border: 1px solid var(--glass-border);
         }
 
-        /* ---------- CRITICAL BUG FIX: VERTICAL TEXT ---------- */
+        /* ---------- BUG FIX: VERTICAL TEXT (FLEX + MIN-WIDTH: 0) ---------- */
         .bot-message {
             align-self: flex-start;
             max-width: 100%;
@@ -242,7 +242,8 @@
 
         .bot-content-wrapper {
             flex: 1 1 0%;
-            min-width: 0;
+            min-width: 0; /* CRITICAL: Prevents flexbox from shrinking to character width */
+            max-width: calc(100% - 50px);
             width: 100%;
             overflow: hidden;
         }
@@ -253,14 +254,14 @@
             color: var(--text-primary);
             word-wrap: break-word;
             overflow-wrap: break-word;
-            word-break: break-word;
-            white-space: normal;
+            word-break: normal;
+            white-space: pre-wrap; /* Restored to pre-wrap for Markdown formatting */
             width: 100%;
             max-width: 100%;
         }
 
         .bot-content * { max-width: 100%; }
-        .bot-content p { margin-bottom: 16px; }
+        .bot-content p { margin-bottom: 16px; white-space: pre-wrap; }
         .bot-content p:last-child { margin-bottom: 0; }
         .bot-content strong { font-weight: 600; color: #000; }
         .bot-content code { font-family: var(--font-code); background: rgba(31,31,31,0.05); padding: 3px 6px; border-radius: 6px; font-size: 0.9em; color: #0284c7; white-space: pre-wrap; word-break: break-word; }
@@ -268,14 +269,14 @@
         .bot-content pre {
             background: #0d1117; padding: 40px 16px 16px; border-radius: var(--radius-md);
             overflow-x: auto; margin: 16px 0; box-shadow: 0 4px 16px rgba(0,0,0,0.1);
-            position: relative; white-space: pre-wrap; word-break: break-word;
+            position: relative; white-space: pre; word-break: normal;
         }
         .bot-content pre::before {
             content: ''; position: absolute; top: 14px; left: 16px;
             width: 12px; height: 12px; border-radius: 50%;
             background: #ff5f56; box-shadow: 20px 0 0 #ffbd2e, 40px 0 0 #27c93f;
         }
-        .bot-content pre code { background: none; padding: 0; color: #e2e8f0; font-size: 13.5px; text-shadow: none; white-space: pre-wrap; }
+        .bot-content pre code { background: none; padding: 0; color: #e2e8f0; font-size: 13.5px; text-shadow: none; white-space: pre; }
 
         .chat-attachment-container { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 12px; }
         .chat-file-pill { 
@@ -307,7 +308,7 @@
         .qwen-think-box summary::-webkit-details-marker { display: none; }
         .qwen-think-box summary svg.arrow { width: 14px; height: 14px; transition: transform var(--transition-default); }
         .qwen-think-box[open] summary svg.arrow { transform: rotate(90deg); }
-        .qwen-think-content { padding: 16px; border-top: 1px solid var(--border-light); font-size: 13.5px; color: var(--text-secondary); font-style: italic; line-height: 1.6; opacity: 0.8; white-space: normal;}
+        .qwen-think-content { padding: 16px; border-top: 1px solid var(--border-light); font-size: 13.5px; color: var(--text-secondary); font-style: italic; line-height: 1.6; opacity: 0.8; white-space: pre-wrap;}
 
         .action-status { 
             display: inline-flex; align-items: center; gap: 8px; padding: 6px 14px; 
@@ -849,7 +850,6 @@
                     const blob = await response.blob();
                     return URL.createObjectURL(blob);
                 } catch(e) {
-                    console.error(`TTS chunk ${chunkIndex} error:`, e);
                     return null;
                 }
             },
@@ -1323,16 +1323,12 @@
                     }
                 }
                 
-                // 🔧 FIX: Don't inject weather into payload sent to backend/history
-                // Just use it for display context, not stored in history
                 let systemInjectedPayload = payloadStr;
                 if(State.weatherContext) {
                     systemInjectedPayload = `${payloadStr}\n\n[SYSTEM REAL-TIME WEATHER: ${State.weatherContext}]`;
                 }
 
                 Chat.renderUser(text, attachUI);
-                // 🔧 FIX: Store clean user message in history (without weather injection)
-                // This prevents confusion in next requests
                 State.history.push({ role: 'user', content: payloadStr });
                 FileSys.discard();
 
@@ -1373,7 +1369,7 @@
                         if(done) break;
                         buffer += decoder.decode(value, {stream: true});
                         const lines = buffer.split('\n');
-                        buffer = lines.pop(); // Keep incomplete lines in the buffer
+                        buffer = lines.pop(); 
                         
                         for(let line of lines) {
                             if(line.startsWith('data: ')) {
@@ -1382,9 +1378,7 @@
                                 try { 
                                     const json = JSON.parse(dataStr); 
                                     
-                                    // 🔧 FIX: Handle error responses from backend
                                     if (json.error) {
-                                        console.error("Backend error:", json.error);
                                         botObj.contentDiv.innerHTML += `<br><span style="color:var(--brand-danger);">⚠️ ${UI.escape(json.error)}</span>`;
                                         return;
                                     }
@@ -1393,8 +1387,6 @@
                                         fullText += json.choices[0].delta.content; 
                                         if (!firstChunkReceived) {
                                             firstChunkReceived = true;
-                                            // 🔧 FIX: Start TTS preparation as soon as first chunk arrives
-                                            // This overlaps TTS generation with streaming
                                             if(botObj.listenBtn) {
                                                 setTimeout(() => {
                                                     TTSManager.autoPrepare(msgId, fullText, botObj.listenBtn);
@@ -1403,9 +1395,7 @@
                                         }
                                     }
                                 }
-                                catch(e) {
-                                    console.warn("JSON parse error:", e, "Line:", dataStr);
-                                }
+                                catch(e) {}
                                 Chat.parseAndRender(fullText, false, true, botObj.contentDiv);
                                 UI.scrollToBottom();
                             }
@@ -1415,7 +1405,6 @@
                     State.history.push({ role: 'assistant', content: fullText });
                     HistoryManager.saveCurrent();
                     
-                    // 🔧 FIX: Ensure TTS is fully prepared after streaming completes
                     if(botObj.listenBtn && fullText.trim().length > 0) {
                         TTSManager.autoPrepare(msgId, fullText, botObj.listenBtn);
                     }
@@ -1427,7 +1416,6 @@
                             HistoryManager.saveCurrent(); 
                         }
                     } else {
-                        console.error("Chat error:", e);
                         botObj.contentDiv.innerHTML += `<br><span style="color:var(--brand-danger);">⚠️ ${UI.escape(e.message || 'Connection Offline.')}</span>`;
                     }
                 } finally {