agentgui 1.0.274 → 1.0.276

package/static/js/features.js

@@ -1,413 +1,413 @@
-/**
- * Features Module
- * Drag-and-drop file upload, fsbrowse file browser toggle, mobile sidebar
- */
-
-(function() {
-  const BASE = window.__BASE_URL || '';
-  let currentConversation = null;
-  let currentView = 'chat';
-  let dragCounter = 0;
-
-  function init() {
-    setupSidebarToggle();
-    setupDragAndDrop();
-    setupViewToggle();
-    setupConversationListener();
-  }
-
-  function setupSidebarToggle() {
-    var toggleBtn = document.querySelector('[data-sidebar-toggle]');
-    var sidebar = document.querySelector('[data-sidebar]');
-    var overlay = document.querySelector('[data-sidebar-overlay]');
-
-    if (!sidebar) return;
-
-    if (window.innerWidth <= 768) {
-      sidebar.classList.add('collapsed');
-    } else {
-      var savedState = localStorage.getItem('sidebar-collapsed');
-      if (savedState === 'true') {
-        sidebar.classList.add('collapsed');
-      }
-    }
-
-    function isMobile() { return window.innerWidth <= 768; }
-
-    function toggleSidebar() {
-      if (isMobile()) {
-        var isOpen = sidebar.classList.contains('mobile-visible');
-        if (isOpen) { closeSidebar(); } else { openSidebar(); }
-      } else {
-        sidebar.classList.toggle('collapsed');
-        localStorage.setItem('sidebar-collapsed', sidebar.classList.contains('collapsed'));
-      }
-    }
-
-    function openSidebar() {
-      sidebar.classList.add('mobile-visible');
-      sidebar.classList.remove('collapsed');
-      if (overlay) overlay.classList.add('visible');
-    }
-
-    function closeSidebar() {
-      sidebar.classList.remove('mobile-visible');
-      if (overlay) overlay.classList.remove('visible');
-    }
-
-    if (toggleBtn) {
-      toggleBtn.addEventListener('click', function(e) {
-        e.stopPropagation();
-        toggleSidebar();
-      });
-    }
-
-    if (overlay) {
-      overlay.addEventListener('click', closeSidebar);
-    }
-
-    document.addEventListener('keydown', function(e) {
-      if ((e.ctrlKey || e.metaKey) && e.key === 'b') {
-        e.preventDefault();
-        toggleSidebar();
-      }
-    });
-
-    window.addEventListener('conversation-selected', function() {
-      if (isMobile()) closeSidebar();
-    });
-
-    window.addEventListener('resize', function() {
-      if (!isMobile()) {
-        sidebar.classList.remove('mobile-visible');
-        if (overlay) overlay.classList.remove('visible');
-      }
-    });
-  }
-
-  // --- Drag and Drop File Upload ---
-  function setupDragAndDrop() {
-    const dropZone = document.querySelector('[data-drop-zone]');
-    const overlay = document.getElementById('dropZoneOverlay');
-
-    if (!dropZone || !overlay) return;
-
-    dropZone.addEventListener('dragenter', function(e) {
-      e.preventDefault();
-      e.stopPropagation();
-      dragCounter++;
-      if (dragCounter === 1) {
-        overlay.classList.add('visible');
-      }
-    });
-
-    dropZone.addEventListener('dragover', function(e) {
-      e.preventDefault();
-      e.stopPropagation();
-    });
-
-    dropZone.addEventListener('dragleave', function(e) {
-      e.preventDefault();
-      e.stopPropagation();
-      dragCounter--;
-      if (dragCounter <= 0) {
-        dragCounter = 0;
-        overlay.classList.remove('visible');
-      }
-    });
-
-    dropZone.addEventListener('drop', function(e) {
-      e.preventDefault();
-      e.stopPropagation();
-      dragCounter = 0;
-      overlay.classList.remove('visible');
-
-      if (!currentConversation) {
-        if (window.UIDialog) window.UIDialog.showToast('Select a conversation first', 'error');
-        return;
-      }
-
-      const files = e.dataTransfer.files;
-      if (!files || files.length === 0) return;
-
-      uploadFiles(files);
-    });
-  }
-
-  function uploadFiles(files) {
-    if (!currentConversation) {
-      if (window.UIDialog) window.UIDialog.showToast('No conversation selected', 'error');
-      return;
-    }
-
-    const formData = new FormData();
-    for (let i = 0; i < files.length; i++) {
-      formData.append('file', files[i]);
-    }
-
-    if (window.UIDialog) window.UIDialog.showToast('Uploading ' + files.length + ' file(s)...', 'info');
-
-    fetch(BASE + '/api/upload/' + currentConversation, {
-      method: 'POST',
-      body: formData
-    })
-    .then(function(res) { return res.json(); })
-    .then(function(data) {
-      if (data.ok) {
-        if (window.UIDialog) window.UIDialog.showToast(data.count + ' file(s) uploaded', 'success');
-      } else {
-        if (window.UIDialog) window.UIDialog.showToast('Upload failed: ' + (data.error || 'Unknown error'), 'error');
-      }
-    })
-    .catch(function(err) {
-      if (window.UIDialog) window.UIDialog.showToast('Upload failed: ' + err.message, 'error');
-    });
-  }
-
-  function showToast(message, type) {
-    var existing = document.querySelector('.upload-toast');
-    if (existing) existing.remove();
-
-    var toast = document.createElement('div');
-    toast.className = 'upload-toast ' + (type || 'info');
-    toast.textContent = message;
-    document.body.appendChild(toast);
-
-    setTimeout(function() {
-      toast.style.opacity = '0';
-      setTimeout(function() { toast.remove(); }, 300);
-    }, 3000);
-  }
-
-  // --- View Toggle (Chat / Files) ---
-  function setupViewToggle() {
-    var bar = document.getElementById('viewToggleBar');
-    if (!bar) return;
-
-    var buttons = bar.querySelectorAll('.view-toggle-btn');
-    buttons.forEach(function(btn) {
-      btn.addEventListener('click', function() {
-        var view = btn.dataset.view;
-        if (view === 'voice') {
-          handleVoiceTabClick();
-          return;
-        }
-        switchView(view);
-      });
-    });
-  }
-
-  function handleVoiceTabClick() {
-    if (isVoiceReady()) {
-      switchView('voice');
-      return;
-    }
-    var client = window.agentGUIClient;
-    if (client && client._modelDownloadProgress == null) {
-      fetch((window.__BASE_URL || '') + '/api/speech-status')
-        .then(function(res) { return res.json(); })
-        .then(function(status) {
-          if (status.modelsComplete) {
-            if (client) {
-              client._modelDownloadProgress = { done: true, complete: true };
-              client._modelDownloadInProgress = false;
-            }
-            switchView('voice');
-          } else if (status.modelsDownloading) {
-            if (client) {
-              client._modelDownloadProgress = status.modelsProgress || { downloading: true };
-              client._modelDownloadInProgress = true;
-            }
-            showVoiceDownloadProgress();
-          } else {
-            triggerVoiceModelDownload();
-          }
-        })
-        .catch(function() { triggerVoiceModelDownload(); });
-      return;
-    }
-    if (client && client._modelDownloadInProgress) {
-      showVoiceDownloadProgress();
-      return;
-    }
-    triggerVoiceModelDownload();
-  }
-
-  function showVoiceDownloadProgress() {
-    if (window._voiceProgressDialog) return;
-    
-    window._voiceProgressDialog = window.UIDialog.showProgress({
-      title: 'Downloading Voice Models',
-      message: 'Preparing speech recognition and synthesis models...'
-    });
-    
-    var checkInterval = setInterval(function() {
-      if (isVoiceReady()) {
-        clearInterval(checkInterval);
-        if (window._voiceProgressDialog) {
-          window._voiceProgressDialog.close();
-          window._voiceProgressDialog = null;
-        }
-        switchView('voice');
-      }
-    }, 500);
-    
-    setTimeout(function() {
-      clearInterval(checkInterval);
-      if (window._voiceProgressDialog) {
-        window._voiceProgressDialog.close();
-        window._voiceProgressDialog = null;
-      }
-    }, 120000);
-  }
-
-  function updateVoiceProgress(percent, message) {
-    if (window._voiceProgressDialog) {
-      window._voiceProgressDialog.update(percent, message);
-    }
-  }
-
-  window.__updateVoiceProgress = updateVoiceProgress;
-
-  function isVoiceReady() {
-    var client = window.agentGUIClient;
-    if (!client) return false;
-    if (client._modelDownloadInProgress) return false;
-    var p = client._modelDownloadProgress;
-    return p != null && (p.done === true || p.complete === true);
-  }
-
-  function triggerVoiceModelDownload() {
-    var client = window.agentGUIClient;
-    if (client && client._modelDownloadInProgress) {
-      if (window._voiceProgressDialog) {
-        return;
-      }
-      showToast('Voice models downloading... please wait', 'info');
-      return;
-    }
-
-    if (!window._voiceProgressDialog) {
-      window._voiceProgressDialog = new ProgressDialog({
-        title: 'Voice Models',
-        message: 'Preparing to download voice models...',
-        percentage: 0,
-        cancellable: false
-      });
-    }
-
-    fetch((window.__BASE_URL || '') + '/api/speech-status', {
-      method: 'POST',
-      headers: { 'Content-Type': 'application/json' },
-      body: JSON.stringify({ forceDownload: true })
-    }).then(function(res) { return res.json(); })
-    .then(function(data) {
-      if (data.ok && data.modelsComplete) {
-        if (window._voiceProgressDialog) {
-          window._voiceProgressDialog.close();
-          window._voiceProgressDialog = null;
-        }
-        var client = window.agentGUIClient;
-        if (client) {
-          client._modelDownloadProgress = { done: true, complete: true };
-          client._modelDownloadInProgress = false;
-        }
-        switchView('voice');
-      } else if (data.ok) {
-        window._voiceTabPendingOpen = true;
-        if (window._voiceProgressDialog) {
-          window._voiceProgressDialog.update(0, 'Starting download...');
-        }
-      } else {
-        if (window._voiceProgressDialog) {
-          window._voiceProgressDialog.close();
-          window._voiceProgressDialog = null;
-        }
-        showToast('Failed to start download: ' + (data.error || 'unknown'), 'error');
-      }
-    }).catch(function(err) {
-      if (window._voiceProgressDialog) {
-        window._voiceProgressDialog.close();
-        window._voiceProgressDialog = null;
-      }
-      showToast('Download request failed: ' + err.message, 'error');
-    });
-  }
-
-  window.__checkVoiceReady = isVoiceReady;
-  window.__showVoiceDownloadProgress = showVoiceDownloadProgress;
-
-  function switchView(view) {
-    currentView = view;
-    var bar = document.getElementById('viewToggleBar');
-    var chatArea = document.getElementById('output-scroll');
-    var execPanel = document.querySelector('.input-section');
-    var fileBrowser = document.getElementById('fileBrowserContainer');
-    var fileIframe = document.getElementById('fileBrowserIframe');
-    var voiceContainer = document.getElementById('voiceContainer');
-    var terminalContainer = document.getElementById('terminalContainer');
-
-    if (!bar) return;
-
-    bar.querySelectorAll('.view-toggle-btn').forEach(function(btn) {
-      btn.classList.toggle('active', btn.dataset.view === view);
-    });
-
-    if (chatArea) chatArea.style.display = view === 'chat' ? '' : 'none';
-    if (execPanel) execPanel.style.display = view === 'chat' ? '' : 'none';
-    if (fileBrowser) fileBrowser.style.display = view === 'files' ? 'flex' : 'none';
-    if (voiceContainer) voiceContainer.style.display = view === 'voice' ? 'flex' : 'none';
-    if (terminalContainer) terminalContainer.style.display = view === 'terminal' ? 'flex' : 'none';
-
-    if (view === 'files' && fileIframe && currentConversation) {
-      var src = BASE + '/files/' + currentConversation + '/';
-      if (fileIframe.src !== location.origin + src) {
-        fileIframe.src = src;
-      }
-    }
-
-    if (view === 'voice' && window.voiceModule) {
-      window.voiceModule.activate();
-    } else if (view !== 'voice' && window.voiceModule) {
-      window.voiceModule.deactivate();
-    }
-
-    window.dispatchEvent(new CustomEvent('view-switched', { detail: { view: view } }));
-  }
-
-  function updateViewToggleVisibility() {
-    var bar = document.getElementById('viewToggleBar');
-    if (!bar) return;
-
-    // Show toggle bar only when a conversation is selected
-    if (currentConversation) {
-      bar.style.display = 'flex';
-    } else {
-      bar.style.display = 'none';
-    }
-  }
-
-  // --- Conversation Listener ---
-  function setupConversationListener() {
-    window.addEventListener('conversation-selected', function(e) {
-      currentConversation = e.detail.conversationId;
-      updateViewToggleVisibility();
-      // If currently in files view, reload the iframe
-      if (currentView === 'files') {
-        switchView('files');
-      }
-    });
-
-    // Also listen for conversation created
-    window.addEventListener('create-new-conversation', function() {
-      // Will be updated when conversation-selected fires
-    });
-  }
-
-  // Initialize when DOM is ready
-  if (document.readyState === 'loading') {
-    document.addEventListener('DOMContentLoaded', init);
-  } else {
-    init();
-  }
-})();
+/**
+ * Features Module
+ * Drag-and-drop file upload, fsbrowse file browser toggle, mobile sidebar
+ */
+
+(function() {
+  const BASE = window.__BASE_URL || '';
+  let currentConversation = null;
+  let currentView = 'chat';
+  let dragCounter = 0;
+
+  function init() {
+    setupSidebarToggle();
+    setupDragAndDrop();
+    setupViewToggle();
+    setupConversationListener();
+  }
+
+  function setupSidebarToggle() {
+    var toggleBtn = document.querySelector('[data-sidebar-toggle]');
+    var sidebar = document.querySelector('[data-sidebar]');
+    var overlay = document.querySelector('[data-sidebar-overlay]');
+
+    if (!sidebar) return;
+
+    if (window.innerWidth <= 768) {
+      sidebar.classList.add('collapsed');
+    } else {
+      var savedState = localStorage.getItem('sidebar-collapsed');
+      if (savedState === 'true') {
+        sidebar.classList.add('collapsed');
+      }
+    }
+
+    function isMobile() { return window.innerWidth <= 768; }
+
+    function toggleSidebar() {
+      if (isMobile()) {
+        var isOpen = sidebar.classList.contains('mobile-visible');
+        if (isOpen) { closeSidebar(); } else { openSidebar(); }
+      } else {
+        sidebar.classList.toggle('collapsed');
+        localStorage.setItem('sidebar-collapsed', sidebar.classList.contains('collapsed'));
+      }
+    }
+
+    function openSidebar() {
+      sidebar.classList.add('mobile-visible');
+      sidebar.classList.remove('collapsed');
+      if (overlay) overlay.classList.add('visible');
+    }
+
+    function closeSidebar() {
+      sidebar.classList.remove('mobile-visible');
+      if (overlay) overlay.classList.remove('visible');
+    }
+
+    if (toggleBtn) {
+      toggleBtn.addEventListener('click', function(e) {
+        e.stopPropagation();
+        toggleSidebar();
+      });
+    }
+
+    if (overlay) {
+      overlay.addEventListener('click', closeSidebar);
+    }
+
+    document.addEventListener('keydown', function(e) {
+      if ((e.ctrlKey || e.metaKey) && e.key === 'b') {
+        e.preventDefault();
+        toggleSidebar();
+      }
+    });
+
+    window.addEventListener('conversation-selected', function() {
+      if (isMobile()) closeSidebar();
+    });
+
+    window.addEventListener('resize', function() {
+      if (!isMobile()) {
+        sidebar.classList.remove('mobile-visible');
+        if (overlay) overlay.classList.remove('visible');
+      }
+    });
+  }
+
+  // --- Drag and Drop File Upload ---
+  function setupDragAndDrop() {
+    const dropZone = document.querySelector('[data-drop-zone]');
+    const overlay = document.getElementById('dropZoneOverlay');
+
+    if (!dropZone || !overlay) return;
+
+    dropZone.addEventListener('dragenter', function(e) {
+      e.preventDefault();
+      e.stopPropagation();
+      dragCounter++;
+      if (dragCounter === 1) {
+        overlay.classList.add('visible');
+      }
+    });
+
+    dropZone.addEventListener('dragover', function(e) {
+      e.preventDefault();
+      e.stopPropagation();
+    });
+
+    dropZone.addEventListener('dragleave', function(e) {
+      e.preventDefault();
+      e.stopPropagation();
+      dragCounter--;
+      if (dragCounter <= 0) {
+        dragCounter = 0;
+        overlay.classList.remove('visible');
+      }
+    });
+
+    dropZone.addEventListener('drop', function(e) {
+      e.preventDefault();
+      e.stopPropagation();
+      dragCounter = 0;
+      overlay.classList.remove('visible');
+
+      if (!currentConversation) {
+        if (window.UIDialog) window.UIDialog.showToast('Select a conversation first', 'error');
+        return;
+      }
+
+      const files = e.dataTransfer.files;
+      if (!files || files.length === 0) return;
+
+      uploadFiles(files);
+    });
+  }
+
+  function uploadFiles(files) {
+    if (!currentConversation) {
+      if (window.UIDialog) window.UIDialog.showToast('No conversation selected', 'error');
+      return;
+    }
+
+    const formData = new FormData();
+    for (let i = 0; i < files.length; i++) {
+      formData.append('file', files[i]);
+    }
+
+    if (window.UIDialog) window.UIDialog.showToast('Uploading ' + files.length + ' file(s)...', 'info');
+
+    fetch(BASE + '/api/upload/' + currentConversation, {
+      method: 'POST',
+      body: formData
+    })
+    .then(function(res) { return res.json(); })
+    .then(function(data) {
+      if (data.ok) {
+        if (window.UIDialog) window.UIDialog.showToast(data.count + ' file(s) uploaded', 'success');
+      } else {
+        if (window.UIDialog) window.UIDialog.showToast('Upload failed: ' + (data.error || 'Unknown error'), 'error');
+      }
+    })
+    .catch(function(err) {
+      if (window.UIDialog) window.UIDialog.showToast('Upload failed: ' + err.message, 'error');
+    });
+  }
+
+  function showToast(message, type) {
+    var existing = document.querySelector('.upload-toast');
+    if (existing) existing.remove();
+
+    var toast = document.createElement('div');
+    toast.className = 'upload-toast ' + (type || 'info');
+    toast.textContent = message;
+    document.body.appendChild(toast);
+
+    setTimeout(function() {
+      toast.style.opacity = '0';
+      setTimeout(function() { toast.remove(); }, 300);
+    }, 3000);
+  }
+
+  // --- View Toggle (Chat / Files) ---
+  function setupViewToggle() {
+    var bar = document.getElementById('viewToggleBar');
+    if (!bar) return;
+
+    var buttons = bar.querySelectorAll('.view-toggle-btn');
+    buttons.forEach(function(btn) {
+      btn.addEventListener('click', function() {
+        var view = btn.dataset.view;
+        if (view === 'voice') {
+          handleVoiceTabClick();
+          return;
+        }
+        switchView(view);
+      });
+    });
+  }
+
+  function handleVoiceTabClick() {
+    if (isVoiceReady()) {
+      switchView('voice');
+      return;
+    }
+    var client = window.agentGUIClient;
+    if (client && client._modelDownloadProgress == null) {
+      fetch((window.__BASE_URL || '') + '/api/speech-status')
+        .then(function(res) { return res.json(); })
+        .then(function(status) {
+          if (status.modelsComplete) {
+            if (client) {
+              client._modelDownloadProgress = { done: true, complete: true };
+              client._modelDownloadInProgress = false;
+            }
+            switchView('voice');
+          } else if (status.modelsDownloading) {
+            if (client) {
+              client._modelDownloadProgress = status.modelsProgress || { downloading: true };
+              client._modelDownloadInProgress = true;
+            }
+            showVoiceDownloadProgress();
+          } else {
+            triggerVoiceModelDownload();
+          }
+        })
+        .catch(function() { triggerVoiceModelDownload(); });
+      return;
+    }
+    if (client && client._modelDownloadInProgress) {
+      showVoiceDownloadProgress();
+      return;
+    }
+    triggerVoiceModelDownload();
+  }
+
+  function showVoiceDownloadProgress() {
+    if (window._voiceProgressDialog) return;
+    
+    window._voiceProgressDialog = window.UIDialog.showProgress({
+      title: 'Downloading Voice Models',
+      message: 'Preparing speech recognition and synthesis models...'
+    });
+    
+    var checkInterval = setInterval(function() {
+      if (isVoiceReady()) {
+        clearInterval(checkInterval);
+        if (window._voiceProgressDialog) {
+          window._voiceProgressDialog.close();
+          window._voiceProgressDialog = null;
+        }
+        switchView('voice');
+      }
+    }, 500);
+    
+    setTimeout(function() {
+      clearInterval(checkInterval);
+      if (window._voiceProgressDialog) {
+        window._voiceProgressDialog.close();
+        window._voiceProgressDialog = null;
+      }
+    }, 120000);
+  }
+
+  function updateVoiceProgress(percent, message) {
+    if (window._voiceProgressDialog) {
+      window._voiceProgressDialog.update(percent, message);
+    }
+  }
+
+  window.__updateVoiceProgress = updateVoiceProgress;
+
+  function isVoiceReady() {
+    var client = window.agentGUIClient;
+    if (!client) return false;
+    if (client._modelDownloadInProgress) return false;
+    var p = client._modelDownloadProgress;
+    return p != null && (p.done === true || p.complete === true);
+  }
+
+  function triggerVoiceModelDownload() {
+    var client = window.agentGUIClient;
+    if (client && client._modelDownloadInProgress) {
+      if (window._voiceProgressDialog) {
+        return;
+      }
+      showToast('Voice models downloading... please wait', 'info');
+      return;
+    }
+
+    if (!window._voiceProgressDialog) {
+      window._voiceProgressDialog = new ProgressDialog({
+        title: 'Voice Models',
+        message: 'Preparing to download voice models...',
+        percentage: 0,
+        cancellable: false
+      });
+    }
+
+    fetch((window.__BASE_URL || '') + '/api/speech-status', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ forceDownload: true })
+    }).then(function(res) { return res.json(); })
+    .then(function(data) {
+      if (data.ok && data.modelsComplete) {
+        if (window._voiceProgressDialog) {
+          window._voiceProgressDialog.close();
+          window._voiceProgressDialog = null;
+        }
+        var client = window.agentGUIClient;
+        if (client) {
+          client._modelDownloadProgress = { done: true, complete: true };
+          client._modelDownloadInProgress = false;
+        }
+        switchView('voice');
+      } else if (data.ok) {
+        window._voiceTabPendingOpen = true;
+        if (window._voiceProgressDialog) {
+          window._voiceProgressDialog.update(0, 'Starting download...');
+        }
+      } else {
+        if (window._voiceProgressDialog) {
+          window._voiceProgressDialog.close();
+          window._voiceProgressDialog = null;
+        }
+        showToast('Failed to start download: ' + (data.error || 'unknown'), 'error');
+      }
+    }).catch(function(err) {
+      if (window._voiceProgressDialog) {
+        window._voiceProgressDialog.close();
+        window._voiceProgressDialog = null;
+      }
+      showToast('Download request failed: ' + err.message, 'error');
+    });
+  }
+
+  window.__checkVoiceReady = isVoiceReady;
+  window.__showVoiceDownloadProgress = showVoiceDownloadProgress;
+
+  function switchView(view) {
+    currentView = view;
+    var bar = document.getElementById('viewToggleBar');
+    var chatArea = document.getElementById('output-scroll');
+    var execPanel = document.querySelector('.input-section');
+    var fileBrowser = document.getElementById('fileBrowserContainer');
+    var fileIframe = document.getElementById('fileBrowserIframe');
+    var voiceContainer = document.getElementById('voiceContainer');
+    var terminalContainer = document.getElementById('terminalContainer');
+
+    if (!bar) return;
+
+    bar.querySelectorAll('.view-toggle-btn').forEach(function(btn) {
+      btn.classList.toggle('active', btn.dataset.view === view);
+    });
+
+    if (chatArea) chatArea.style.display = view === 'chat' ? '' : 'none';
+    if (execPanel) execPanel.style.display = view === 'chat' ? '' : 'none';
+    if (fileBrowser) fileBrowser.style.display = view === 'files' ? 'flex' : 'none';
+    if (voiceContainer) voiceContainer.style.display = view === 'voice' ? 'flex' : 'none';
+    if (terminalContainer) terminalContainer.style.display = view === 'terminal' ? 'flex' : 'none';
+
+    if (view === 'files' && fileIframe && currentConversation) {
+      var src = BASE + '/files/' + currentConversation + '/';
+      if (fileIframe.src !== location.origin + src) {
+        fileIframe.src = src;
+      }
+    }
+
+    if (view === 'voice' && window.voiceModule) {
+      window.voiceModule.activate();
+    } else if (view !== 'voice' && window.voiceModule) {
+      window.voiceModule.deactivate();
+    }
+
+    window.dispatchEvent(new CustomEvent('view-switched', { detail: { view: view } }));
+  }
+
+  function updateViewToggleVisibility() {
+    var bar = document.getElementById('viewToggleBar');
+    if (!bar) return;
+
+    // Show toggle bar only when a conversation is selected
+    if (currentConversation) {
+      bar.style.display = 'flex';
+    } else {
+      bar.style.display = 'none';
+    }
+  }
+
+  // --- Conversation Listener ---
+  function setupConversationListener() {
+    window.addEventListener('conversation-selected', function(e) {
+      currentConversation = e.detail.conversationId;
+      updateViewToggleVisibility();
+      // If currently in files view, reload the iframe
+      if (currentView === 'files') {
+        switchView('files');
+      }
+    });
+
+    // Also listen for conversation created
+    window.addEventListener('create-new-conversation', function() {
+      // Will be updated when conversation-selected fires
+    });
+  }
+
+  // Initialize when DOM is ready
+  if (document.readyState === 'loading') {
+    document.addEventListener('DOMContentLoaded', init);
+  } else {
+    init();
+  }
+})();