claude-code-templates 1.5.5 → 1.5.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "claude-code-templates",
-  "version": "1.5.5",
+  "version": "1.5.7",
   "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,33 @@ 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),
+            conversationState: this.determineConversationState(parsedMessages, stats.mtime)
           };
           
           conversations.push(conversation);
@@ -224,11 +240,69 @@ 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);
+    
+    // Simplified status logic - typing is now part of active
+    if (lastMessage.role === 'user' && lastMessageMinutesAgo < 3) {
+      return 'active';
+    } else if (lastMessage.role === 'assistant' && lastMessageMinutesAgo < 5) {
+      return 'active';
+    }
+    
+    // Fallback to file modification time for edge cases
     if (minutesAgo < 5) return 'active';
     if (minutesAgo < 60) return 'recent';
     return 'inactive';
   }
 
+  determineConversationState(messages, lastModified) {
+    const now = new Date();
+    const timeDiff = now - lastModified;
+    const minutesAgo = timeDiff / (1000 * 60);
+    
+    if (messages.length === 0) {
+      return minutesAgo < 5 ? 'Waiting for input...' : 'Idle';
+    }
+    
+    // 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);
+    
+    // Detailed conversation state logic
+    if (lastMessage.role === 'user') {
+      // User sent last message
+      if (lastMessageMinutesAgo < 0.5) {
+        return 'Claude Code working...';
+      } else if (lastMessageMinutesAgo < 3) {
+        return 'Awaiting response...';
+      } else {
+        return 'User typing...';
+      }
+    } else if (lastMessage.role === 'assistant') {
+      // Assistant sent last message
+      if (lastMessageMinutesAgo < 2) {
+        return 'Awaiting user input...';
+      } else if (lastMessageMinutesAgo < 5) {
+        return 'User may be typing...';
+      }
+    }
+    
+    // Fallback states
+    if (minutesAgo < 5) return 'Recently active';
+    if (minutesAgo < 60) return 'Idle';
+    return 'Inactive';
+  }
+
   determineProjectStatus(lastActivity) {
     const now = new Date();
     const timeDiff = now - lastActivity;
@@ -537,7 +611,7 @@ async function createWebDashboard() {
         }
         
         .terminal-title {
-            color: #58a6ff;
+            color: #d57455;
             font-size: 1.25rem;
             font-weight: normal;
             display: flex;
@@ -583,7 +657,7 @@ async function createWebDashboard() {
         }
         
         .stat-value {
-            color: #58a6ff;
+            color: #d57455;
             font-weight: bold;
         }
         
@@ -620,13 +694,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;
         }
         
@@ -655,7 +729,7 @@ async function createWebDashboard() {
         }
         
         .session-id {
-            color: #58a6ff;
+            color: #d57455;
             font-family: monospace;
         }
         
@@ -689,6 +763,30 @@ async function createWebDashboard() {
             color: #7d8590;
         }
         
+        .conversation-state {
+            color: #d57455;
+            font-style: italic;
+            font-size: 0.8rem;
+        }
+        
+        .conversation-state.working {
+            animation: working-pulse 1.5s infinite;
+        }
+        
+        .conversation-state.typing {
+            animation: typing-pulse 1.5s infinite;
+        }
+        
+        @keyframes working-pulse {
+            0%, 100% { opacity: 1; }
+            50% { opacity: 0.7; }
+        }
+        
+        @keyframes typing-pulse {
+            0%, 100% { opacity: 1; }
+            50% { opacity: 0.6; }
+        }
+        
         .loading, .error {
             text-align: center;
             padding: 40px;
@@ -725,7 +823,7 @@ async function createWebDashboard() {
         }
         
         .detail-title {
-            color: #58a6ff;
+            color: #d57455;
             font-size: 1.1rem;
         }
         
@@ -747,19 +845,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 {
@@ -820,7 +918,7 @@ async function createWebDashboard() {
         }
         
         .message-role.assistant {
-            color: #58a6ff;
+            color: #d57455;
         }
         
         .message-time {
@@ -919,6 +1017,7 @@ async function createWebDashboard() {
                         <th>messages</th>
                         <th>tokens</th>
                         <th>last activity</th>
+                        <th>conversation state</th>
                         <th>status</th>
                     </tr>
                 </thead>
@@ -1018,6 +1117,7 @@ async function createWebDashboard() {
                     <td class="session-messages">\${conv.messageCount}</td>
                     <td class="session-tokens">\${conv.tokens.toLocaleString()}</td>
                     <td class="session-time">\${formatTime(conv.lastModified)}</td>
+                    <td class="conversation-state \${getStateClass(conv.conversationState)}">\${conv.conversationState}</td>
                     <td class="status-\${conv.status}">\${conv.status}</td>
                 </tr>
             \`).join('');
@@ -1046,6 +1146,16 @@ async function createWebDashboard() {
             });
         }
         
+        function getStateClass(conversationState) {
+            if (conversationState.includes('working') || conversationState.includes('Working')) {
+                return 'working';
+            }
+            if (conversationState.includes('typing') || conversationState.includes('Typing')) {
+                return 'typing';
+            }
+            return '';
+        }
+        
         // Filter button handlers
         document.addEventListener('DOMContentLoaded', function() {
             const filterButtons = document.querySelectorAll('.filter-btn');
@@ -1128,6 +1238,10 @@ async function createWebDashboard() {
                     <div class="info-label">last modified</div>
                     <div class="info-value">\${new Date(session.lastModified).toLocaleString()}</div>
                 </div>
+                <div class="info-item">
+                    <div class="info-label">conversation state</div>
+                    <div class="info-value conversation-state \${getStateClass(session.conversationState)}">\${session.conversationState}</div>
+                </div>
                 <div class="info-item">
                     <div class="info-label">status</div>
                     <div class="info-value status-\${session.status}">\${session.status}</div>