vg-coder-cli 2.0.33 → 2.0.35

package/src/server/views/js/main.js

@@ -8,10 +8,15 @@ import { initEditorTabs } from './features/editor-tabs.js';
 // REMOVED: initMonaco
 import { initResizeHandler } from './features/resize.js';
 import { initSavedCommands } from './features/commands.js';
-import { initProjectSwitcher } from './features/project-switcher.js';
 import './features/structure.js';
 import { initBubble } from './features/bubble.js';
 
+// NEW: Import Tool Window modules
+import { initToolWindow } from './features/tool-window.js';
+import { initProjectPanel } from './features/project-panel.js';
+import { initGitPanel } from './features/git-panel.js';
+import { initCommandsPanel } from './features/commands-panel.js';
+
 export async function initMain() {
     console.log('VG Coder: Starting Main Logic...');
 
@@ -19,8 +24,6 @@ export async function initMain() {
         const promptEl = getById('prompt-text');
         if (promptEl) promptEl.textContent = SYSTEM_PROMPT;
         
-        await checkServerStatus();
-        await loadProjectInfo();
 
         initTheme();
         loadExtensionPath();
@@ -28,12 +31,18 @@ export async function initMain() {
         // Initialize event handlers FIRST (before bubble which dispatches events)
         initEventHandlers();
         
+        // NEW: Initialize Tool Window system
+        initToolWindow();
+        initProjectPanel();
+        initGitPanel();
+        initCommandsPanel();
+        
         initGitView();
         initTerminal();
         initEditorTabs();
         initResizeHandler();
         initSavedCommands();
-        await initProjectSwitcher();
+        // initProjectSwitcher(); // REMOVED: project-panel.js now handles project polling
         
         // Init Bubble (will use event protocol)
         initBubble();
@@ -44,11 +53,9 @@ export async function initMain() {
     }
 }
 
-// ... (Giữ nguyên các hàm helper khác: switchProject, loadProjectInfo, initTheme...)
 // Để ngắn gọn, tôi copy lại phần còn lại của main.js
 window.addEventListener('project-switched', async (event) => {
     const { projectId, projectName } = event.detail;
-    await loadProjectInfo();
     if (window.updateTerminalVisibility) window.updateTerminalVisibility(projectId);
     if (window.loadSavedCommands) await window.loadSavedCommands();
     const treeContainer = getById('structure-tree');
@@ -57,31 +64,6 @@ window.addEventListener('project-switched', async (event) => {
     if (treeContent) treeContent.innerHTML = '';
 });
 
-async function checkServerStatus() {
-    const statusEl = getById('status');
-    if (!statusEl) return;
-    const isHealthy = await checkHealth();
-    if (isHealthy) {
-        statusEl.textContent = '●';
-        statusEl.style.background = 'transparent';
-        statusEl.style.color = 'var(--ios-green)';
-    } else {
-        statusEl.textContent = '●';
-        statusEl.style.background = 'transparent';
-        statusEl.style.color = 'var(--ios-red)';
-    }
-}
-
-async function loadProjectInfo() {
-    try {
-        const res = await fetch(`${API_BASE}/api/info?path=.`);
-        const data = await res.json();
-        const projectNameEl = getById('project-name');
-        const projectMetaEl = getById('project-meta');
-        if (projectNameEl) projectNameEl.textContent = data.path.split(/[\\/]/).pop();
-        if (projectMetaEl) projectMetaEl.textContent = `${data.primaryType} • ${data.path}`;
-    } catch (err) {}
-}
 
 function initTheme() {
     const themeBtn = getById('theme-toggle');