claude-code-templates 1.11.0 → 1.12.1

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

@@ -236,6 +236,11 @@ class App {
         if (typeof AgentsPage !== 'undefined') {
           this.components.pages.agents = new AgentsPage(container, this.services);
           await this.components.pages.agents.initialize();
+          // Expose agentsPage globally for modal access
+          if (typeof window !== 'undefined' && window.claudeAnalyticsApp) {
+            window.claudeAnalyticsApp.agentsPage = this.components.pages.agents;
+            console.log('✅ Exposed agentsPage globally for modal access');
+          }
         } else {
           throw new Error('AgentsPage component not available. Check if components/AgentsPage.js is loaded.');
         }
@@ -266,6 +271,12 @@ class App {
    * Cleanup current page
    */
   async cleanupCurrentPage() {
+    // Clean up global references
+    if (this.currentPage === 'agents' && typeof window !== 'undefined' && window.claudeAnalyticsApp) {
+      window.claudeAnalyticsApp.agentsPage = undefined;
+      console.log('🧹 Cleaned up global agentsPage reference');
+    }
+    
     const currentPageComponent = this.components.pages[this.currentPage];
     if (currentPageComponent && currentPageComponent.onDeactivate) {
       await currentPageComponent.onDeactivate();

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

@@ -1127,6 +1127,10 @@ class DashboardPage {
     const labels = sortedDates.map(date => new Date(date).toLocaleDateString());
     const data = sortedDates.map(date => tokensByDate[date]);
 
+    console.log('📊 Token chart - tokensByDate:', tokensByDate);
+    console.log('📊 Token chart - Labels:', labels);
+    console.log('📊 Token chart - Data:', data);
+
     this.components.tokenChart.data.labels = labels;
     this.components.tokenChart.data.datasets[0].data = data;
     this.components.tokenChart.update();

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

@@ -15,14 +15,15 @@ class ToolDisplay {
    * @returns {string} Safe HTML string
    */
   renderToolUse(toolBlock, toolResults = null) {
-    const toolName = this.escapeHtml(toolBlock.name || 'Unknown');
+    const originalToolName = toolBlock.name || 'Unknown';
+    const toolName = this.escapeHtml(originalToolName);
     const toolId = toolBlock.id ? toolBlock.id.slice(-8) : 'unknown';
     
     // Generate compact command representation
     const commandSummary = this.generateCompactCommand(toolName, toolBlock.input);
     
     // For ALL tools, ALWAYS add a "Show details" button
-    const contentId = toolName.toLowerCase() + '_' + toolId + '_' + Date.now();
+    const contentId = originalToolName.toLowerCase() + '_' + toolId + '_' + Date.now();
     
     // Try to find corresponding tool result in toolResults first
     let matchingResult = null;
@@ -37,6 +38,20 @@ class ToolDisplay {
     if (typeof window !== 'undefined') {
       window.storedContent = window.storedContent || {};
       window.storedContent[contentId] = modalContent;
+      
+      // Store tool data for all supported tools for custom modals
+      const supportedTools = ['Read', 'Edit', 'Write', 'Bash', 'Glob', 'Grep', 'TodoWrite'];
+      if (supportedTools.includes(originalToolName)) {
+        console.log(`🔧 ToolDisplay: Storing ${originalToolName} tool data for contentId:`, contentId);
+        window.storedToolData = window.storedToolData || {};
+        window.storedToolData[contentId] = {
+          name: originalToolName,
+          input: toolBlock.input || {},
+          id: toolBlock.id,
+          isToolDetails: true
+        };
+        console.log(`🔧 ToolDisplay: Stored tool data:`, window.storedToolData[contentId]);
+      }
     }
     
     // Always show "Show details" for ALL tools