claude-code-templates 1.14.16 → 1.15.1

package/src/analytics-web/components/App.js

@@ -8,7 +8,7 @@ class App {
     this.services = services;
     
     this.components = {};
-    this.currentPage = 'dashboard';
+    this.currentPage = null; // Don't set default page yet
     this.isInitialized = false;
     
     this.init();
@@ -93,8 +93,7 @@ class App {
     // Initialize pages
     this.components.pages = {};
     
-    // Load initial page
-    await this.loadPage(this.currentPage);
+    // Don't load any page yet - wait for routing to determine the correct page
   }
 
   /**
@@ -109,9 +108,7 @@ class App {
     
     // Set initial route
     const initialHash = window.location.hash.slice(1) || 'dashboard';
-    if (initialHash !== this.currentPage) {
-      this.navigateToPage(initialHash);
-    }
+    this.navigateToPage(initialHash);
   }
 
   /**
@@ -149,7 +146,7 @@ class App {
    * @param {string} page - Page to navigate to
    */
   async navigateToPage(page) {
-    if (page === this.currentPage) return;
+    if (page === this.currentPage && this.currentPage !== null) return;
     
     try {
       this.showGlobalLoading();
@@ -190,7 +187,7 @@ class App {
       throw new Error('App content container not found');
     }
     
-    console.log(`🔄 Loading page: ${page}`);
+    console.log(`🚀 Loading page: ${page} (optimized - single page load)`);
     
     // First, destroy any existing page component for this page
     if (this.components.pages[page] && this.components.pages[page].destroy) {
@@ -199,10 +196,10 @@ class App {
       this.components.pages[page] = null;
     }
     
-    // Always clear and recreate the page to ensure clean state
+    // Clear content container
     contentContainer.innerHTML = '';
     
-    // Create or recreate page component
+    // Create new page component
     await this.createPageComponent(page, contentContainer);
     
     // Call showPage for any additional setup
@@ -271,6 +268,9 @@ class App {
    * Cleanup current page
    */
   async cleanupCurrentPage() {
+    // Skip cleanup if no current page
+    if (!this.currentPage) return;
+    
     // Clean up global references
     if (this.currentPage === 'agents' && typeof window !== 'undefined' && window.claudeAnalyticsApp) {
       window.claudeAnalyticsApp.agentsPage = undefined;

package/src/analytics-web/components/SessionTimer.js

@@ -10,7 +10,7 @@ class SessionTimer {
     this.sessionData = null;
     this.updateInterval = null;
     this.isInitialized = false;
-    this.refreshInterval = 1000; // 1 second for real-time updates
+    this.refreshInterval = 5000; // 5 seconds to reduce server load
     this.SESSION_DURATION = 5 * 60 * 60 * 1000; // 5 hours in milliseconds
     this.isTooltipVisible = false; // Track tooltip state globally
   }

package/src/analytics-web/components/Sidebar.js

@@ -1,6 +1,6 @@
 /**
- * Sidebar - Minimalist navigation sidebar for the analytics dashboard
- * Provides navigation between Dashboard and Agents sections
+ * Sidebar - Analytics dashboard sidebar
+ * Simple sidebar focused only on analytics dashboard functionality
  */
 class Sidebar {
   constructor(container, onNavigate) {
@@ -40,7 +40,7 @@ class Sidebar {
         
         <div class="sidebar-content">
           <ul class="nav-menu">
-            <li class="nav-item ${this.currentPage === 'dashboard' ? 'active' : ''}" data-page="dashboard" title="Dashboard">
+            <li class="nav-item ${this.currentPage === 'dashboard' ? 'active' : ''}" data-page="dashboard" title="Analytics Dashboard">
               <a href="#" class="nav-link">
                 <div class="nav-icon">
                   <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
@@ -50,16 +50,6 @@ class Sidebar {
                 <span class="nav-text">Dashboard</span>
               </a>
             </li>
-            <li class="nav-item ${this.currentPage === 'agents' ? 'active' : ''}" data-page="agents" title="Agent Chats">
-              <a href="#" class="nav-link">
-                <div class="nav-icon">
-                  <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
-                    <path d="M20 2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h4l4 4 4-4h4c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-2 12H6v-2h12v2zm0-3H6V9h12v2zm0-3H6V6h12v2z"/>
-                  </svg>
-                </div>
-                <span class="nav-text">Chats</span>
-              </a>
-            </li>
           </ul>
         </div>
         
@@ -126,7 +116,7 @@ class Sidebar {
   navigateToPage(page) {
     if (page === this.currentPage) return;
     
-    console.log(`🖱️ Sidebar navigation clicked: ${page}`);
+    // Handle navigation to the specified page
     
     // Notify parent component for actual navigation
     if (this.onNavigate) {
@@ -181,6 +171,7 @@ class Sidebar {
       statusText.textContent = status === 'connected' ? 'Live' : 'Offline';
     }
   }
+  
 
   /**
    * Destroy sidebar