claude-threads 0.32.0 → 0.33.1

package/CHANGELOG.md

@@ -7,6 +7,25 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [0.33.1] - 2026-01-04
+
+### Fixed
+- **Recent threads timestamp** - Fixed "just now" showing incorrectly for recent threads. Now displays when the user last worked on the session (`lastActivityAt`) instead of the internal cleanup timestamp (`cleanedAt`).
+
+### Changed
+- **Consolidated time formatting** - Unified duplicate `formatRelativeTime` functions into `utils/format.ts`. Added compact `formatRelativeTimeShort()` for sticky message display (e.g., "5m ago", "2h ago").
+
+## [0.33.0] - 2026-01-03
+
+### Added
+- **Compaction status display** - Shows when Claude CLI is compacting context (🗜️ **Compacting context...**) and when it completes (✅ **Context compacted**). Handles `compact_boundary` events with metadata including trigger type and pre-compaction token count.
+- **Message recovery after reconnection** - Recovers missed messages after WebSocket disconnections (e.g., machine sleep, network issues). Tracks last processed post ID and fetches missed posts via REST API on reconnect.
+
+### Fixed
+- **Timed-out sessions in Recent section** - Fixed bug where timed-out sessions weren't appearing in the "Recent" section of the sticky channel message. Timed-out sessions now show with ⏸️ indicator and a hint to resume via 🔄 reaction.
+- **Task toggle emoji behavior** - Changed from flip behavior to state-based: emoji present = expanded, emoji absent = minimized. Added `reaction_removed` event to platform layer.
+- **Accurate context token calculation** - Fixed incorrect context token calculation by using `total_input_tokens` from the status line instead of per-request tokens.
+
 ## [0.32.0] - 2026-01-03
 
 ### Added

package/dist/index.js

@@ -13310,6 +13310,8 @@ class MattermostClient extends EventEmitter {
   lastMessageAt = Date.now();
   HEARTBEAT_INTERVAL_MS = 30000;
   HEARTBEAT_TIMEOUT_MS = 60000;
+  lastProcessedPostId = null;
+  isReconnecting = false;
   constructor(platformConfig) {
     super();
     this.platformId = platformConfig.id;
@@ -13512,6 +13514,25 @@ class MattermostClient extends EventEmitter {
       return [];
     }
   }
+  async getChannelPostsAfter(afterPostId) {
+    try {
+      const response = await this.api("GET", `/channels/${this.channelId}/posts?after=${afterPostId}&per_page=100`);
+      const posts = [];
+      for (const postId of response.order) {
+        const post = response.posts[postId];
+        if (!post)
+          continue;
+        if (post.user_id === this.botUserId)
+          continue;
+        posts.push(this.normalizePlatformPost(post));
+      }
+      posts.sort((a, b) => (a.createAt ?? 0) - (b.createAt ?? 0));
+      return posts;
+    } catch (err) {
+      log2.warn(`Failed to get channel posts after ${afterPostId}: ${err}`);
+      return [];
+    }
+  }
   async connect() {
     await this.getBotUser();
     wsLogger.debug(`Bot user ID: ${this.botUserId}`);
@@ -13538,6 +13559,12 @@ class MattermostClient extends EventEmitter {
             this.reconnectAttempts = 0;
             this.startHeartbeat();
             this.emit("connected");
+            if (this.isReconnecting && this.lastProcessedPostId) {
+              this.recoverMissedMessages().catch((err) => {
+                log2.warn(`Failed to recover missed messages: ${err}`);
+              });
+            }
+            this.isReconnecting = false;
             resolve2();
           }
         } catch (err) {
@@ -13568,6 +13595,7 @@ class MattermostClient extends EventEmitter {
           return;
         if (post.channel_id !== this.channelId)
           return;
+        this.lastProcessedPostId = post.id;
         this.getUser(post.user_id).then((user) => {
           const normalizedPost = this.normalizePlatformPost(post);
           this.emit("message", normalizedPost, user);
@@ -13595,12 +13623,28 @@ class MattermostClient extends EventEmitter {
         wsLogger.debug(`Failed to parse reaction: ${err}`);
       }
     }
+    if (event.event === "reaction_removed") {
+      const data = event.data;
+      if (!data.reaction)
+        return;
+      try {
+        const reaction = JSON.parse(data.reaction);
+        if (reaction.user_id === this.botUserId)
+          return;
+        this.getUser(reaction.user_id).then((user) => {
+          this.emit("reaction_removed", this.normalizePlatformReaction(reaction), user);
+        });
+      } catch (err) {
+        wsLogger.debug(`Failed to parse reaction: ${err}`);
+      }
+    }
   }
   scheduleReconnect() {
     if (this.reconnectAttempts >= this.maxReconnectAttempts) {
       log2.error("Max reconnection attempts reached");
       return;
     }
+    this.isReconnecting = true;
     this.reconnectAttempts++;
     const delay = this.reconnectDelay * Math.pow(2, this.reconnectAttempts - 1);
     log2.info(`Reconnecting... (attempt ${this.reconnectAttempts})`);
@@ -13632,6 +13676,26 @@ class MattermostClient extends EventEmitter {
       this.heartbeatInterval = null;
     }
   }
+  async recoverMissedMessages() {
+    if (!this.lastProcessedPostId) {
+      return;
+    }
+    log2.info(`Recovering missed messages after post ${this.lastProcessedPostId}...`);
+    const missedPosts = await this.getChannelPostsAfter(this.lastProcessedPostId);
+    if (missedPosts.length === 0) {
+      log2.info("No missed messages to recover");
+      return;
+    }
+    log2.info(`Recovered ${missedPosts.length} missed message(s)`);
+    for (const post of missedPosts) {
+      this.lastProcessedPostId = post.id;
+      const user = await this.getUser(post.userId);
+      this.emit("message", post, user);
+      if (!post.rootId) {
+        this.emit("channel_post", post, user);
+      }
+    }
+  }
   isUserAllowed(username) {
     if (this.allowedUsers.length === 0) {
       return true;
@@ -13798,17 +13862,23 @@ class SessionStore {
     }
     return removedCount;
   }
-  getHistory(platformId) {
+  getHistory(platformId, activeSessions) {
     const data = this.loadRaw();
     const historySessions = [];
-    for (const session of Object.values(data.sessions)) {
-      if (session.platformId === platformId && session.cleanedAt) {
+    for (const [sessionId, session] of Object.entries(data.sessions)) {
+      if (session.platformId !== platformId)
+        continue;
+      if (session.cleanedAt) {
+        historySessions.push(session);
+        continue;
+      }
+      if (session.timeoutPostId && activeSessions && !activeSessions.has(sessionId)) {
         historySessions.push(session);
       }
     }
     return historySessions.sort((a, b) => {
-      const aTime = new Date(a.cleanedAt).getTime();
-      const bTime = new Date(b.cleanedAt).getTime();
+      const aTime = new Date(a.cleanedAt || a.lastActivityAt).getTime();
+      const bTime = new Date(b.cleanedAt || b.lastActivityAt).getTime();
       return bTime - aTime;
     });
   }
@@ -13916,6 +13986,27 @@ function getNumberEmojiIndex(emoji) {
 
 // src/session/streaming.ts
 var log4 = createLogger("streaming");
+function getMinimizedTaskContent(fullContent) {
+  const progressMatch = fullContent.match(/\((\d+)\/(\d+) \u00B7 (\d+)%\)/);
+  const completed = progressMatch ? parseInt(progressMatch[1], 10) : 0;
+  const total = progressMatch ? parseInt(progressMatch[2], 10) : 0;
+  const pct = progressMatch ? parseInt(progressMatch[3], 10) : 0;
+  const inProgressMatch = fullContent.match(/\uD83D\uDD04 \*\*([^*]+)\*\*(?:\s*\((\d+)s\))?/);
+  let currentTaskText = "";
+  if (inProgressMatch) {
+    const taskName = inProgressMatch[1];
+    const elapsed = inProgressMatch[2] ? ` (${inProgressMatch[2]}s)` : "";
+    currentTaskText = ` \xB7 \uD83D\uDD04 ${taskName}${elapsed}`;
+  }
+  return `---
+\uD83D\uDCCB **Tasks** (${completed}/${total} \xB7 ${pct}%)${currentTaskText} \uD83D\uDD3D`;
+}
+function getTaskDisplayContent(session) {
+  if (!session.lastTasksContent) {
+    return "";
+  }
+  return session.tasksMinimized ? getMinimizedTaskContent(session.lastTasksContent) : session.lastTasksContent;
+}
 var SOFT_BREAK_THRESHOLD = 2000;
 var MIN_BREAK_THRESHOLD = 500;
 var MAX_LINES_BEFORE_BREAK = 15;
@@ -14070,7 +14161,8 @@ async function bumpTasksToBottomWithContent(session, newContent, registerPost) {
   await session.platform.updatePost(oldTasksPostId, newContent);
   registerPost(oldTasksPostId, session.threadId);
   if (oldTasksContent) {
-    const newTasksPost = await session.platform.createInteractivePost(oldTasksContent, [TASK_TOGGLE_EMOJIS[0]], session.threadId);
+    const displayContent = getTaskDisplayContent(session);
+    const newTasksPost = await session.platform.createInteractivePost(displayContent, [TASK_TOGGLE_EMOJIS[0]], session.threadId);
     session.tasksPostId = newTasksPost.id;
     registerPost(newTasksPost.id, session.threadId);
   } else {
@@ -14087,7 +14179,8 @@ async function bumpTasksToBottom(session, registerPost) {
   }
   try {
     await session.platform.deletePost(session.tasksPostId);
-    const newPost = await session.platform.createInteractivePost(session.lastTasksContent, [TASK_TOGGLE_EMOJIS[0]], session.threadId);
+    const displayContent = getTaskDisplayContent(session);
+    const newPost = await session.platform.createInteractivePost(displayContent, [TASK_TOGGLE_EMOJIS[0]], session.threadId);
     session.tasksPostId = newPost.id;
     if (registerPost) {
       registerPost(newPost.id, session.threadId);
@@ -15006,6 +15099,20 @@ function formatShortId(id) {
     return id;
   return `${id.substring(0, 8)}\u2026`;
 }
+function formatRelativeTimeShort(date) {
+  const now = Date.now();
+  const diff = now - date.getTime();
+  const minutes = Math.floor(diff / 60000);
+  const hours = Math.floor(minutes / 60);
+  const days = Math.floor(hours / 24);
+  if (days > 0)
+    return `${days}d ago`;
+  if (hours > 0)
+    return `${hours}h ago`;
+  if (minutes > 0)
+    return `${minutes}m ago`;
+  return "<1m ago";
+}
 
 // src/session/error-handler.ts
 var log5 = createLogger("error");
@@ -15286,10 +15393,24 @@ function formatEvent(session, e, ctx) {
       updateUsageStats(session, e, ctx);
       return null;
     }
-    case "system":
+    case "system": {
       if (e.subtype === "error")
         return `\u274C ${e.error}`;
+      if (e.subtype === "status" && e.status === "compacting") {
+        return `\uD83D\uDDDC\uFE0F **Compacting context...** *(freeing up memory)*`;
+      }
+      if (e.subtype === "compact_boundary") {
+        const metadata = e.compact_metadata;
+        const trigger = metadata?.trigger || "auto";
+        const preTokens = metadata?.pre_tokens;
+        let info = trigger === "manual" ? "manual" : "auto";
+        if (preTokens && preTokens > 0) {
+          info += `, ${Math.round(preTokens / 1000)}k tokens`;
+        }
+        return `\u2705 **Context compacted** *(${info})*`;
+      }
       return null;
+    }
     case "user": {
       const msg = e.message;
       if (typeof msg?.content === "string") {
@@ -15560,11 +15681,11 @@ function updateUsageStats(session, event, ctx) {
 }
 function updateUsageFromStatusLine(session) {
   const statusData = session.claude.getStatusData();
-  if (!statusData || !statusData.current_usage)
+  if (!statusData)
     return;
   if (!session.usageStats)
     return;
-  const contextTokens = statusData.current_usage.input_tokens + statusData.current_usage.cache_creation_input_tokens + statusData.current_usage.cache_read_input_tokens;
+  const contextTokens = statusData.total_input_tokens || 0;
   if (statusData.timestamp > session.usageStats.lastUpdated.getTime()) {
     session.usageStats.contextTokens = contextTokens;
     session.usageStats.contextWindowSize = statusData.context_window_size;
@@ -15671,13 +15792,17 @@ async function handleMessageApprovalReaction(session, emoji, approver, ctx) {
   }
   session.pendingMessageApproval = null;
 }
-async function handleTaskToggleReaction(session, ctx) {
+async function handleTaskToggleReaction(session, action, ctx) {
   if (!session.tasksPostId || !session.lastTasksContent) {
     return false;
   }
-  session.tasksMinimized = !session.tasksMinimized;
+  const shouldMinimize = action === "added";
+  if (session.tasksMinimized === shouldMinimize) {
+    return true;
+  }
+  session.tasksMinimized = shouldMinimize;
   if (ctx.config.debug) {
-    log7.debug(`\uD83D\uDD3D Tasks ${session.tasksMinimized ? "minimized" : "expanded"}`);
+    log7.debug(`\uD83D\uDD3D Tasks ${session.tasksMinimized ? "minimized" : "expanded"} (user ${action} reaction)`);
   }
   const progressMatch = session.lastTasksContent.match(/\((\d+)\/(\d+) \u00B7 (\d+)%\)/);
   const completed = progressMatch ? parseInt(progressMatch[1], 10) : 0;
@@ -21326,19 +21451,6 @@ function initialize(store) {
     log13.info(`\uD83D\uDCCC Restored ${persistedIds.size} sticky post ID(s) from persistence`);
   }
 }
-function formatRelativeTime(date) {
-  const now = Date.now();
-  const diff = now - date.getTime();
-  const minutes = Math.floor(diff / 60000);
-  const hours = Math.floor(minutes / 60);
-  if (minutes < 1)
-    return "just now";
-  if (minutes < 60)
-    return `${minutes}m ago`;
-  if (hours < 24)
-    return `${hours}h ago`;
-  return `${Math.floor(hours / 24)}d ago`;
-}
 function getTaskProgress(session) {
   if (!session.lastTasksContent)
     return null;
@@ -21373,11 +21485,14 @@ function formatHistoryEntry(session) {
   const topic = getHistorySessionTopic(session);
   const threadLink = `[${topic}](/_redirect/pl/${session.threadId})`;
   const displayName = session.startedByDisplayName || session.startedBy;
-  const cleanedAt = session.cleanedAt ? new Date(session.cleanedAt) : new Date(session.lastActivityAt);
-  const time = formatRelativeTime(cleanedAt);
+  const isTimedOut = !session.cleanedAt && session.timeoutPostId;
+  const lastActivity = new Date(session.lastActivityAt);
+  const time = formatRelativeTimeShort(lastActivity);
   const prStr = session.pullRequestUrl ? ` \xB7 ${formatPullRequestLink(session.pullRequestUrl)}` : "";
+  const indicator = isTimedOut ? "\u23F8\uFE0F" : "\u2713";
+  const resumeHint = isTimedOut ? " \xB7 _react \uD83D\uDD04 to resume_" : "";
   const lines = [];
-  lines.push(`  \u2713 ${threadLink} \xB7 **${displayName}**${prStr} \xB7 ${time}`);
+  lines.push(`  ${indicator} ${threadLink} \xB7 **${displayName}**${prStr} \xB7 ${time}${resumeHint}`);
   if (session.sessionDescription) {
     lines.push(`     _${session.sessionDescription}_`);
   }
@@ -21428,7 +21543,8 @@ function formatTopicFromPrompt(prompt) {
 async function buildStickyMessage(sessions, platformId, config) {
   const platformSessions = [...sessions.values()].filter((s) => s.platformId === platformId);
   const statusBar = await buildStatusBar(platformSessions.length, config);
-  const historySessions = sessionStore ? sessionStore.getHistory(platformId).slice(0, 5) : [];
+  const activeSessionIds = new Set(sessions.keys());
+  const historySessions = sessionStore ? sessionStore.getHistory(platformId, activeSessionIds).slice(0, 5) : [];
   if (platformSessions.length === 0) {
     const lines2 = [
       "---",
@@ -21464,7 +21580,7 @@ async function buildStickyMessage(sessions, platformId, config) {
     const topic = getSessionTopic(session);
     const threadLink = `[${topic}](/_redirect/pl/${session.threadId})`;
     const displayName = session.startedByDisplayName || session.startedBy;
-    const time = formatRelativeTime(session.startedAt);
+    const time = formatRelativeTimeShort(session.startedAt);
     const taskProgress = getTaskProgress(session);
     const progressStr = taskProgress ? ` \xB7 ${taskProgress}` : "";
     const prStr = session.pullRequestUrl ? ` \xB7 ${formatPullRequestLink(session.pullRequestUrl)}` : "";
@@ -21659,7 +21775,12 @@ class SessionManager {
     client.on("message", (post, user) => this.handleMessage(platformId, post, user));
     client.on("reaction", (reaction, user) => {
       if (user) {
-        this.handleReaction(platformId, reaction.postId, reaction.emojiName, user.username);
+        this.handleReaction(platformId, reaction.postId, reaction.emojiName, user.username, "added");
+      }
+    });
+    client.on("reaction_removed", (reaction, user) => {
+      if (user) {
+        this.handleReaction(platformId, reaction.postId, reaction.emojiName, user.username, "removed");
       }
     });
     client.on("channel_post", () => {
@@ -21722,8 +21843,8 @@ class SessionManager {
     return this.findSessionByThreadId(threadId);
   }
   async handleMessage(_platformId, _post, _user) {}
-  async handleReaction(platformId, postId, emojiName, username) {
-    if (isResumeEmoji(emojiName)) {
+  async handleReaction(platformId, postId, emojiName, username, action) {
+    if (action === "added" && isResumeEmoji(emojiName)) {
       const resumed = await this.tryResumeFromReaction(platformId, postId, username);
       if (resumed)
         return;
@@ -21736,7 +21857,7 @@ class SessionManager {
     if (!session.sessionAllowedUsers.has(username) && !session.platform.isUserAllowed(username)) {
       return;
     }
-    await this.handleSessionReaction(session, postId, emojiName, username);
+    await this.handleSessionReaction(session, postId, emojiName, username, action);
   }
   async tryResumeFromReaction(platformId, postId, username) {
     const persistedSession = this.sessionStore.findByPostId(platformId, postId);
@@ -21768,21 +21889,21 @@ class SessionManager {
     await resumeSession(persistedSession, this.getContext());
     return true;
   }
-  async handleSessionReaction(session, postId, emojiName, username) {
-    if (session.worktreePromptPostId === postId && emojiName === "x") {
+  async handleSessionReaction(session, postId, emojiName, username, action) {
+    if (action === "added" && session.worktreePromptPostId === postId && emojiName === "x") {
       await handleWorktreeSkip(session, username, (s) => this.persistSession(s), (s, q) => this.offerContextPrompt(s, q));
       return;
     }
-    if (session.pendingExistingWorktreePrompt?.postId === postId) {
+    if (action === "added" && session.pendingExistingWorktreePrompt?.postId === postId) {
       const handled = await handleExistingWorktreeReaction(session, postId, emojiName, username, this.getContext(), (tid, branchOrPath, user) => this.switchToWorktree(tid, branchOrPath, user));
       if (handled)
         return;
     }
-    if (session.pendingContextPrompt?.postId === postId) {
+    if (action === "added" && session.pendingContextPrompt?.postId === postId) {
       await this.handleContextPromptReaction(session, emojiName, username);
       return;
     }
-    if (session.sessionStartPostId === postId) {
+    if (action === "added" && session.sessionStartPostId === postId) {
       if (isCancelEmoji(emojiName)) {
         await cancelSession(session, username, this.getContext());
         return;
@@ -21792,20 +21913,20 @@ class SessionManager {
         return;
       }
     }
-    if (session.pendingQuestionSet?.currentPostId === postId) {
+    if (action === "added" && session.pendingQuestionSet?.currentPostId === postId) {
       await handleQuestionReaction(session, postId, emojiName, username, this.getContext());
       return;
     }
-    if (session.pendingApproval?.postId === postId) {
+    if (action === "added" && session.pendingApproval?.postId === postId) {
       await handleApprovalReaction(session, emojiName, username, this.getContext());
       return;
     }
-    if (session.pendingMessageApproval?.postId === postId) {
+    if (action === "added" && session.pendingMessageApproval?.postId === postId) {
       await handleMessageApprovalReaction(session, emojiName, username, this.getContext());
       return;
     }
     if (session.tasksPostId === postId && isTaskToggleEmoji(emojiName)) {
-      await handleTaskToggleReaction(session, this.getContext());
+      await handleTaskToggleReaction(session, action, this.getContext());
       return;
     }
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "claude-threads",
-  "version": "0.32.0",
+  "version": "0.33.1",
   "description": "Share Claude Code sessions live in a Mattermost channel with interactive features",
   "main": "dist/index.js",
   "type": "module",