claude-code-templates 1.5.5 → 1.5.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "claude-code-templates",
-  "version": "1.5.5",
+  "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';
@@ -537,7 +581,7 @@ async function createWebDashboard() {
         }
         
         .terminal-title {
-            color: #58a6ff;
+            color: #d57455;
             font-size: 1.25rem;
             font-weight: normal;
             display: flex;
@@ -583,7 +627,7 @@ async function createWebDashboard() {
         }
         
         .stat-value {
-            color: #58a6ff;
+            color: #d57455;
             font-weight: bold;
         }
         
@@ -620,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;
         }
         
@@ -655,7 +699,7 @@ async function createWebDashboard() {
         }
         
         .session-id {
-            color: #58a6ff;
+            color: #d57455;
             font-family: monospace;
         }
         
@@ -689,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;
@@ -725,7 +780,7 @@ async function createWebDashboard() {
         }
         
         .detail-title {
-            color: #58a6ff;
+            color: #d57455;
             font-size: 1.1rem;
         }
         
@@ -747,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 {
@@ -820,7 +875,7 @@ async function createWebDashboard() {
         }
         
         .message-role.assistant {
-            color: #58a6ff;
+            color: #d57455;
         }
         
         .message-time {
@@ -905,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>