claude-code-templates 1.5.6 → 1.5.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "claude-code-templates",
-  "version": "1.5.6",
+  "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

@@ -137,7 +137,8 @@ class ClaudeAnalytics {
             created: stats.birthtime,
             tokens: this.estimateTokens(content),
             project: projectFromPath || this.extractProjectFromConversation(parsedMessages),
-            status: this.determineConversationStatus(parsedMessages, stats.mtime)
+            status: this.determineConversationStatus(parsedMessages, stats.mtime),
+            conversationState: this.determineConversationState(parsedMessages, stats.mtime)
           };
           
           conversations.push(conversation);
@@ -249,28 +250,57 @@ class ClaudeAnalytics {
     const lastMessageTime = new Date(lastMessage.timestamp);
     const lastMessageMinutesAgo = (now - lastMessageTime) / (1000 * 60);
     
-    // Advanced status logic
+    // 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) {
-        // Very recent user message, likely typing or waiting for response
-        return 'typing';
+        return 'Claude Code working...';
       } else if (lastMessageMinutesAgo < 3) {
-        // Recent user message, waiting for assistant
-        return 'active';
+        return 'Awaiting response...';
+      } else {
+        return 'User typing...';
       }
     } else if (lastMessage.role === 'assistant') {
       // Assistant sent last message
       if (lastMessageMinutesAgo < 2) {
-        // Recent assistant response, conversation is active
-        return 'active';
+        return 'Awaiting user input...';
+      } else if (lastMessageMinutesAgo < 5) {
+        return 'User may be typing...';
       }
     }
     
-    // Fallback to file modification time for edge cases
-    if (minutesAgo < 5) return 'active';
-    if (minutesAgo < 60) return 'recent';
-    return 'inactive';
+    // Fallback states
+    if (minutesAgo < 5) return 'Recently active';
+    if (minutesAgo < 60) return 'Idle';
+    return 'Inactive';
   }
 
   determineProjectStatus(lastActivity) {
@@ -733,12 +763,25 @@ async function createWebDashboard() {
             color: #7d8590;
         }
         
-        .status-typing {
+        .conversation-state {
             color: #d57455;
-            font-weight: bold;
+            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; }
@@ -960,7 +1003,6 @@ 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>
@@ -975,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>
@@ -1074,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('');
@@ -1102,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');
@@ -1184,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>