claude-code-templates 1.5.4 → 1.5.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "claude-code-templates",
-  "version": "1.5.4",
+  "version": "1.5.6",
   "description": "CLI tool to setup Claude Code configurations with framework-specific commands, automation hooks and MCP Servers for your projects",
   "main": "src/index.js",
   "bin": {

package/src/analytics.js

@@ -112,17 +112,32 @@ class ClaudeAnalytics {
           // Extract project name from path
           const projectFromPath = this.extractProjectFromPath(filePath);
           
+          // Parse messages to get their content for status determination
+          const parsedMessages = lines.map(line => {
+            try {
+              const item = JSON.parse(line);
+              if (item.message && item.message.role) {
+                return {
+                  role: item.message.role,
+                  timestamp: new Date(item.timestamp),
+                  content: item.message.content
+                };
+              }
+            } catch {}
+            return null;
+          }).filter(Boolean);
+
           const conversation = {
             id: filename.replace('.jsonl', ''),
             filename: filename,
             filePath: filePath,
-            messageCount: messages.length,
+            messageCount: parsedMessages.length,
             fileSize: stats.size,
             lastModified: stats.mtime,
             created: stats.birthtime,
             tokens: this.estimateTokens(content),
-            project: projectFromPath || this.extractProjectFromConversation(messages),
-            status: this.determineConversationStatus(messages, stats.mtime)
+            project: projectFromPath || this.extractProjectFromConversation(parsedMessages),
+            status: this.determineConversationStatus(parsedMessages, stats.mtime)
           };
           
           conversations.push(conversation);
@@ -224,6 +239,35 @@ class ClaudeAnalytics {
     const timeDiff = now - lastModified;
     const minutesAgo = timeDiff / (1000 * 60);
     
+    if (messages.length === 0) {
+      return minutesAgo < 5 ? 'active' : 'inactive';
+    }
+    
+    // Sort messages by timestamp to get the actual conversation flow
+    const sortedMessages = messages.sort((a, b) => new Date(a.timestamp) - new Date(b.timestamp));
+    const lastMessage = sortedMessages[sortedMessages.length - 1];
+    const lastMessageTime = new Date(lastMessage.timestamp);
+    const lastMessageMinutesAgo = (now - lastMessageTime) / (1000 * 60);
+    
+    // Advanced status logic
+    if (lastMessage.role === 'user') {
+      // User sent last message
+      if (lastMessageMinutesAgo < 0.5) {
+        // Very recent user message, likely typing or waiting for response
+        return 'typing';
+      } else if (lastMessageMinutesAgo < 3) {
+        // Recent user message, waiting for assistant
+        return 'active';
+      }
+    } else if (lastMessage.role === 'assistant') {
+      // Assistant sent last message
+      if (lastMessageMinutesAgo < 2) {
+        // Recent assistant response, conversation is active
+        return 'active';
+      }
+    }
+    
+    // Fallback to file modification time for edge cases
     if (minutesAgo < 5) return 'active';
     if (minutesAgo < 60) return 'recent';
     return 'inactive';
@@ -377,7 +421,7 @@ class ClaudeAnalytics {
         // Read the actual conversation file
         const content = await fs.readFile(session.filePath, 'utf8');
         const lines = content.trim().split('\n').filter(line => line.trim());
-        const messages = lines.map(line => {
+        const rawMessages = lines.map(line => {
           try {
             return JSON.parse(line);
           } catch {
@@ -385,6 +429,36 @@ class ClaudeAnalytics {
           }
         }).filter(Boolean);
         
+        // Extract actual messages from Claude Code format
+        const messages = rawMessages.map(item => {
+          if (item.message && item.message.role) {
+            let content = '';
+            
+            if (typeof item.message.content === 'string') {
+              content = item.message.content;
+            } else if (Array.isArray(item.message.content)) {
+              content = item.message.content
+                .map(block => {
+                  if (block.type === 'text') return block.text;
+                  if (block.type === 'tool_use') return `[Tool: ${block.name}]`;
+                  if (block.type === 'tool_result') return '[Tool Result]';
+                  return block.content || '';
+                })
+                .join('\n');
+            } else if (item.message.content && item.message.content.length) {
+              content = item.message.content[0].text || '';
+            }
+            
+            return {
+              role: item.message.role,
+              content: content || 'No content',
+              timestamp: item.timestamp,
+              type: item.type
+            };
+          }
+          return null;
+        }).filter(Boolean);
+        
         res.json({
           session: session,
           messages: messages,
@@ -507,7 +581,7 @@ async function createWebDashboard() {
         }
         
         .terminal-title {
-            color: #58a6ff;
+            color: #d57455;
             font-size: 1.25rem;
             font-weight: normal;
             display: flex;
@@ -553,7 +627,7 @@ async function createWebDashboard() {
         }
         
         .stat-value {
-            color: #58a6ff;
+            color: #d57455;
             font-weight: bold;
         }
         
@@ -590,13 +664,13 @@ async function createWebDashboard() {
         }
         
         .filter-btn:hover {
-            border-color: #58a6ff;
-            color: #58a6ff;
+            border-color: #d57455;
+            color: #d57455;
         }
         
         .filter-btn.active {
-            background: #58a6ff;
-            border-color: #58a6ff;
+            background: #d57455;
+            border-color: #d57455;
             color: #0d1117;
         }
         
@@ -625,7 +699,7 @@ async function createWebDashboard() {
         }
         
         .session-id {
-            color: #58a6ff;
+            color: #d57455;
             font-family: monospace;
         }
         
@@ -659,6 +733,17 @@ async function createWebDashboard() {
             color: #7d8590;
         }
         
+        .status-typing {
+            color: #d57455;
+            font-weight: bold;
+            animation: typing-pulse 1.5s infinite;
+        }
+        
+        @keyframes typing-pulse {
+            0%, 100% { opacity: 1; }
+            50% { opacity: 0.6; }
+        }
+        
         .loading, .error {
             text-align: center;
             padding: 40px;
@@ -695,7 +780,7 @@ async function createWebDashboard() {
         }
         
         .detail-title {
-            color: #58a6ff;
+            color: #d57455;
             font-size: 1.1rem;
         }
         
@@ -717,19 +802,19 @@ async function createWebDashboard() {
         }
         
         .btn:hover {
-            border-color: #58a6ff;
-            color: #58a6ff;
+            border-color: #d57455;
+            color: #d57455;
         }
         
         .btn-primary {
-            background: #58a6ff;
-            border-color: #58a6ff;
+            background: #d57455;
+            border-color: #d57455;
             color: #0d1117;
         }
         
         .btn-primary:hover {
-            background: #79c0ff;
-            border-color: #79c0ff;
+            background: #e8956f;
+            border-color: #e8956f;
         }
         
         .session-info {
@@ -790,7 +875,7 @@ async function createWebDashboard() {
         }
         
         .message-role.assistant {
-            color: #58a6ff;
+            color: #d57455;
         }
         
         .message-time {
@@ -875,6 +960,7 @@ async function createWebDashboard() {
                 <span class="filter-label">filter sessions:</span>
                 <div class="filter-buttons">
                     <button class="filter-btn active" data-filter="active">active</button>
+                    <button class="filter-btn" data-filter="typing">typing</button>
                     <button class="filter-btn" data-filter="recent">recent</button>
                     <button class="filter-btn" data-filter="inactive">inactive</button>
                     <button class="filter-btn" data-filter="all">all</button>
@@ -1006,6 +1092,16 @@ async function createWebDashboard() {
             return \`\${days}d ago\`;
         }
         
+        function formatMessageTime(timestamp) {
+            const date = new Date(timestamp);
+            return date.toLocaleTimeString('en-US', { 
+                hour12: false, 
+                hour: '2-digit', 
+                minute: '2-digit', 
+                second: '2-digit' 
+            });
+        }
+        
         // Filter button handlers
         document.addEventListener('DOMContentLoaded', function() {
             const filterButtons = document.querySelectorAll('.filter-btn');
@@ -1111,7 +1207,9 @@ async function createWebDashboard() {
                     <div class="message">
                         <div class="message-header">
                             <div class="message-role \${message.role}">\${message.role}</div>
-                            <div class="message-time">message #\${index + 1}</div>
+                            <div class="message-time">
+                                #\${index + 1} • \${message.timestamp ? formatMessageTime(message.timestamp) : 'unknown time'}
+                            </div>
                         </div>
                         <div class="message-content">\${truncateContent(message.content || 'no content')}</div>
                     </div>
@@ -1124,10 +1222,11 @@ async function createWebDashboard() {
             }
         }
         
-        function truncateContent(content, maxLength = 500) {
+        function truncateContent(content, maxLength = 1000) {
             if (typeof content !== 'string') return 'no content';
+            if (!content.trim()) return 'empty message';
             if (content.length <= maxLength) return content;
-            return content.substring(0, maxLength) + '...';
+            return content.substring(0, maxLength) + '\\n\\n[... message truncated ...]';
         }
         
         function formatBytes(bytes) {