Fix MD preview bleeding into log view after file switch

Root cause: showMarkdownPreview() set logViewerWrapper.style.display='none'
as an inline style. In edge cases (rapid tab switching, async timing) this
inline style leaked onto newly-created wrapper elements.

Fix:
- Replace inline style with CSS class .markdown-active on editorContainer
  (.editor-container.markdown-active .log-viewer-wrapper { display:none })
  — CSS class cannot leak across DOM element recreation
- Add hideMarkdownPreview() as the single authoritative reset function:
  hides div, clears innerHTML, removes markdown-active class, resets button
- All code paths (loadFile, switchToTab) now call hideMarkdownPreview() first,
  then showMarkdownPreview() if the new file is markdown
- showMarkdownPreview() guard (isMarkdownFile check) prevents accidental re-show

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

Author: ozgesolidkey

src/renderer/renderer.ts

@@ -9327,16 +9327,10 @@ async function loadFile(filePath: string, createNewTab: boolean = true): Promise
 
       updateFileStatsUI();
 
-      // Reset markdown state before creating the log viewer so the preview
-      // doesn't remain visible while the new file's lines are loading.
+      // Always hide markdown preview before creating the log viewer —
+      // if the new file is markdown, showMarkdownPreview() will re-enable it below.
       isMarkdownFile = isMarkdownExtension(filePath);
-      if (!isMarkdownFile) {
-        markdownPreviewMode = false;
-        elements.markdownPreview.classList.add('hidden');
-        elements.markdownPreview.innerHTML = '';
-        elements.btnWordWrap.textContent = 'Wrap';
-        elements.btnWordWrap.title = 'Toggle word wrap (⌥Z)';
-      }
+      hideMarkdownPreview();
 
       createLogViewer();
       renderTabBar();
@@ -9395,9 +9389,6 @@ async function loadFile(filePath: string, createNewTab: boolean = true): Promise
 
       // isMarkdownFile was already set above; show preview if needed
       if (isMarkdownFile) {
-        markdownPreviewMode = true;
-        elements.btnWordWrap.textContent = 'Raw';
-        elements.btnWordWrap.title = 'Show raw markdown';
         await renderMarkdownPreview();
         showMarkdownPreview();
       }
@@ -12112,27 +12103,27 @@ function showMarkdownPreview(): void {
 
   markdownPreviewMode = true;
   elements.markdownPreview.classList.remove('hidden');
-
-  // Hide log viewer wrapper if it exists
-  const wrapper = document.querySelector('.log-viewer-wrapper') as HTMLElement;
-  if (wrapper) {
-    wrapper.style.display = 'none';
-  }
+  // Use a class on the container — no inline styles that can leak across file loads
+  elements.editorContainer.classList.add('markdown-active');
 
   // Update button state
   elements.btnWordWrap.textContent = 'Raw';
   elements.btnWordWrap.title = 'Show raw markdown';
 }
 
-function showMarkdownRaw(): void {
+function hideMarkdownPreview(): void {
   markdownPreviewMode = false;
   elements.markdownPreview.classList.add('hidden');
+  elements.markdownPreview.innerHTML = '';
+  elements.editorContainer.classList.remove('markdown-active');
+  elements.btnWordWrap.textContent = 'Wrap';
+  elements.btnWordWrap.title = 'Toggle word wrap (⌥Z)';
+}
 
-  // Show log viewer wrapper
-  const wrapper = document.querySelector('.log-viewer-wrapper') as HTMLElement;
-  if (wrapper) {
-    wrapper.style.display = '';
-  }
+function showMarkdownRaw(): void {
+  markdownPreviewMode = false;
+  elements.markdownPreview.classList.add('hidden');
+  elements.editorContainer.classList.remove('markdown-active');
 
   // Update button state
   elements.btnWordWrap.textContent = 'Preview';
@@ -14272,22 +14263,10 @@ async function switchToTab(tabId: string): Promise<void> {
 
       // Handle markdown preview state for the new tab
       isMarkdownFile = isMarkdownExtension(tab.filePath);
+      hideMarkdownPreview(); // always reset first
       if (isMarkdownFile) {
-        markdownPreviewMode = true;
-        elements.btnWordWrap.textContent = 'Raw';
-        elements.btnWordWrap.title = 'Show raw markdown';
         await renderMarkdownPreview();
         showMarkdownPreview();
-      } else {
-        markdownPreviewMode = false;
-        elements.markdownPreview.classList.add('hidden');
-        elements.markdownPreview.innerHTML = '';
-        elements.btnWordWrap.textContent = 'Wrap';
-        elements.btnWordWrap.title = 'Toggle word wrap (⌥Z)';
-        const wrapper = document.querySelector('.log-viewer-wrapper') as HTMLElement;
-        if (wrapper) {
-          wrapper.style.display = '';
-        }
       }
 
       // Update with fresh info from backend

src/renderer/styles.css

@@ -4366,6 +4366,78 @@ kbd {
   cursor: default;
 }
 
+/* Typing indicator */
+.chat-typing-indicator {
+  align-self: flex-start;
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  padding: 8px 12px;
+  background: #2d2d2d;
+  border-radius: 8px;
+  border-bottom-left-radius: 2px;
+}
+
+.chat-typing-dot {
+  width: 6px;
+  height: 6px;
+  border-radius: 50%;
+  background: #888;
+  animation: chat-dot-bounce 1.2s ease-in-out infinite;
+}
+
+.chat-typing-dot:nth-child(2) { animation-delay: 0.2s; }
+.chat-typing-dot:nth-child(3) { animation-delay: 0.4s; }
+
+@keyframes chat-dot-bounce {
+  0%, 60%, 100% { transform: translateY(0); opacity: 0.4; }
+  30% { transform: translateY(-5px); opacity: 1; }
+}
+
+/* Reconnect banner */
+.chat-reconnect-banner {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  padding: 6px 12px;
+  background: rgba(192, 57, 43, 0.18);
+  border-bottom: 1px solid rgba(192, 57, 43, 0.35);
+  font-size: 12px;
+  color: #e88;
+  flex-shrink: 0;
+}
+
+.chat-reconnect-banner.hidden { display: none; }
+
+.chat-reconnect-icon { font-size: 13px; }
+
+.chat-reconnect-text { flex: 1; }
+
+.chat-reconnect-btn {
+  background: #c0392b;
+  color: #fff;
+  border: none;
+  border-radius: 4px;
+  padding: 3px 10px;
+  font-size: 11px;
+  cursor: pointer;
+  white-space: nowrap;
+}
+
+.chat-reconnect-btn:hover { opacity: 0.85; }
+
+.chat-reconnect-dismiss {
+  background: none;
+  border: none;
+  color: #e88;
+  cursor: pointer;
+  font-size: 12px;
+  padding: 0 2px;
+  opacity: 0.7;
+}
+
+.chat-reconnect-dismiss:hover { opacity: 1; }
+
 /* Search Results content (inside bottom panel tab) */
 .bottom-tab-sub-header {
   display: flex;
@@ -4819,6 +4891,10 @@ kbd {
 }
 
 /* Markdown Preview */
+/* When markdown preview is active, the log viewer wrapper is hidden via CSS class
+   (not inline style) so there is no risk of it leaking across file loads */
+.editor-container.markdown-active .log-viewer-wrapper { display: none !important; }
+
 .markdown-preview {
   position: absolute;
   top: 0;