feat: Add Notifications Component with WebSocket and Auto Refresh

- Implemented a Notifications component for real-time updates using WebSocket.
- Added silent refresh functionality to update data without notification bubbles.
- Introduced auto-refresh mechanism to periodically check for changes in workflow data.
- Enhanced data handling with session and task updates, ensuring UI reflects the latest state.

feat: Create Hook Manager View for Managing Hooks

- Developed a Hook Manager view to manage project and global hooks.
- Added functionality to create, edit, and delete hooks with a user-friendly interface.
- Implemented quick install templates for common hooks to streamline user experience.
- Included environment variables reference for hooks to assist users in configuration.

feat: Implement MCP Manager View for Server Management

- Created an MCP Manager view for managing MCP servers within projects.
- Enabled adding and removing servers from projects with a clear UI.
- Displayed available servers from other projects for easy access and management.
- Provided an overview of all projects and their associated MCP servers.

feat: Add Version Fetcher Utility for GitHub Releases

- Implemented a version fetcher utility to retrieve release information from GitHub.
- Added functions to fetch the latest release, recent releases, and latest commit details.
- Included functionality to download and extract repository zip files.
- Ensured cleanup of temporary directories after downloads to maintain system hygiene.

ccw/src/templates/dashboard-js/views/lite-tasks.js

@@ -345,12 +345,19 @@ async function loadAndRenderLiteContextTab(session, contentArea) {
       const response = await fetch(`/api/session-detail?path=${encodeURIComponent(session.path)}&type=context`);
       if (response.ok) {
         const data = await response.json();
-        contentArea.innerHTML = renderLiteContextContent(data.context, session);
+        contentArea.innerHTML = renderLiteContextContent(data.context, data.explorations, session);
+        
+        // Re-initialize collapsible sections for explorations
+        setTimeout(() => {
+          document.querySelectorAll('.collapsible-header').forEach(header => {
+            header.addEventListener('click', () => toggleSection(header));
+          });
+        }, 50);
         return;
       }
     }
     // Fallback: show plan context if available
-    contentArea.innerHTML = renderLiteContextContent(null, session);
+    contentArea.innerHTML = renderLiteContextContent(null, null, session);
   } catch (err) {
     contentArea.innerHTML = `<div class="tab-error">Failed to load context: ${err.message}</div>`;
   }