claude-threads 0.22.1 → 0.24.0

package/CHANGELOG.md

@@ -7,6 +7,46 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [0.24.0] - 2026-01-02
+
+### Added
+- **Enhanced session status bar with model and context info** - The session header now displays real-time usage information similar to Claude Code's status line:
+  - Model name (`🤖 Opus 4.5`, `🤖 Sonnet 4`, etc.)
+  - Context usage with visual progress bar (`🟢▓▓░░░░░░░░ 23%`)
+  - Session cost (`💰 $0.07`)
+  - Color-coded context indicator:
+    - 🟢 Green: < 50% (plenty of context)
+    - 🟡 Yellow: 50-75% (moderate usage)
+    - 🟠 Orange: 75-90% (getting full)
+    - 🔴 Red: 90%+ (almost full)
+- **Periodic status bar updates** - Status bar now refreshes every 30 seconds automatically to keep uptime and usage stats current
+- **Usage stats tracking** - Session now tracks token usage, cost, and model information extracted from Claude CLI result events
+
+### Improved
+- **Existing worktree handling** - When a worktree already exists for a branch, the bot now offers to join it with a reaction prompt (👍 to join, ❌ to skip) instead of just showing a warning message that required manually typing `!worktree switch`
+
+### Fixed
+- **Task list 🔽 emoji not preserved when bumped** - Fixed issues where the collapse/expand toggle emoji would disappear or get stuck on the wrong post:
+  - When a task list is bumped to the bottom, the new post now gets the 🔽 emoji via `createInteractivePost`
+  - When a task post is repurposed for other content, the emoji is removed from the old post before reuse
+  - Added `removeReaction` method to platform client interface for proper emoji cleanup
+- **WorktreeMode type inconsistency** - Aligned the WorktreeMode type definition across the codebase to include 'off' mode
+
+## [0.23.0] - 2026-01-02
+
+### Added
+- **Sticky message status bar** - Added a compact status line to the channel sticky message showing system-level info:
+  - Bot version (`v0.22.0`)
+  - Active sessions count (`3/5 sessions`)
+  - Permission mode (`🔐 Interactive` or `⚡ Auto`)
+  - Worktree mode (`🌿 Worktree: always/never`) - only shown if not default 'prompt'
+  - Chrome status (`🌐 Chrome`) - only when enabled
+  - Debug mode (`🐛 Debug`) - only when enabled
+  - Battery level (`🔋 85%` or `🔌 AC`) - macOS and Linux
+  - Bot uptime (`⏱️ 2h15m`) - how long the bot has been running
+  - Working directory (`📂 ~/projects`)
+  - Hostname (`💻 hostname`) - machine name for identification
+
 ## [0.22.1] - 2026-01-01
 
 ### Fixed

package/dist/index.js

@@ -13388,6 +13388,9 @@ class MattermostClient extends EventEmitter {
       emoji_name: emojiName
     });
   }
+  async removeReaction(postId, emojiName) {
+    await this.api("DELETE", `/users/${this.botUserId}/posts/${postId}/reactions/${emojiName}`);
+  }
   async createInteractivePost(message, reactions, threadId) {
     const post = await this.createPost(message, threadId);
     for (const emoji of reactions) {
@@ -13988,10 +13991,13 @@ function stopTyping(session) {
 async function bumpTasksToBottomWithContent(session, newContent, registerPost) {
   const oldTasksPostId = session.tasksPostId;
   const oldTasksContent = session.lastTasksContent;
+  try {
+    await session.platform.removeReaction(oldTasksPostId, TASK_TOGGLE_EMOJIS[0]);
+  } catch {}
   await session.platform.updatePost(oldTasksPostId, newContent);
   registerPost(oldTasksPostId, session.threadId);
   if (oldTasksContent) {
-    const newTasksPost = await session.platform.createPost(oldTasksContent, session.threadId);
+    const newTasksPost = await session.platform.createInteractivePost(oldTasksContent, [TASK_TOGGLE_EMOJIS[0]], session.threadId);
     session.tasksPostId = newTasksPost.id;
     registerPost(newTasksPost.id, session.threadId);
   } else {
@@ -14008,7 +14014,7 @@ async function bumpTasksToBottom(session, registerPost) {
   }
   try {
     await session.platform.deletePost(session.tasksPostId);
-    const newPost = await session.platform.createPost(session.lastTasksContent, session.threadId);
+    const newPost = await session.platform.createInteractivePost(session.lastTasksContent, [TASK_TOGGLE_EMOJIS[0]], session.threadId);
     session.tasksPostId = newPost.id;
     if (registerPost) {
       registerPost(newPost.id, session.threadId);
@@ -15056,6 +15062,7 @@ function formatEvent(session, e, ctx) {
       ctx.flush(session);
       session.currentPostId = null;
       session.pendingContent = "";
+      updateUsageStats(session, e, ctx);
       return null;
     }
     case "system":
@@ -15266,6 +15273,74 @@ async function postCurrentQuestion(session, ctx) {
   session.pendingQuestionSet.currentPostId = post.id;
   ctx.registerPost(post.id, session.threadId);
 }
+function getModelDisplayName(modelId) {
+  if (modelId.includes("opus-4-5") || modelId.includes("opus-4.5"))
+    return "Opus 4.5";
+  if (modelId.includes("opus-4"))
+    return "Opus 4";
+  if (modelId.includes("opus"))
+    return "Opus";
+  if (modelId.includes("sonnet-4"))
+    return "Sonnet 4";
+  if (modelId.includes("sonnet-3-5") || modelId.includes("sonnet-3.5"))
+    return "Sonnet 3.5";
+  if (modelId.includes("sonnet"))
+    return "Sonnet";
+  if (modelId.includes("haiku-4-5") || modelId.includes("haiku-4.5"))
+    return "Haiku 4.5";
+  if (modelId.includes("haiku"))
+    return "Haiku";
+  const match = modelId.match(/claude-(\w+)/);
+  return match ? match[1].charAt(0).toUpperCase() + match[1].slice(1) : modelId;
+}
+function updateUsageStats(session, event, ctx) {
+  const result = event;
+  if (!result.modelUsage)
+    return;
+  let primaryModel = "";
+  let highestCost = 0;
+  let contextWindowSize = 200000;
+  const modelUsage = {};
+  let totalTokensUsed = 0;
+  for (const [modelId, usage] of Object.entries(result.modelUsage)) {
+    modelUsage[modelId] = {
+      inputTokens: usage.inputTokens,
+      outputTokens: usage.outputTokens,
+      cacheReadInputTokens: usage.cacheReadInputTokens,
+      cacheCreationInputTokens: usage.cacheCreationInputTokens,
+      contextWindow: usage.contextWindow,
+      costUSD: usage.costUSD
+    };
+    totalTokensUsed += usage.inputTokens + usage.outputTokens + usage.cacheReadInputTokens + usage.cacheCreationInputTokens;
+    if (usage.costUSD > highestCost) {
+      highestCost = usage.costUSD;
+      primaryModel = modelId;
+      contextWindowSize = usage.contextWindow;
+    }
+  }
+  const usageStats = {
+    primaryModel,
+    modelDisplayName: getModelDisplayName(primaryModel),
+    contextWindowSize,
+    totalTokensUsed,
+    totalCostUSD: result.total_cost_usd || 0,
+    modelUsage,
+    lastUpdated: new Date
+  };
+  session.usageStats = usageStats;
+  if (ctx.debug) {
+    console.log(`[DEBUG] Updated usage stats: ${usageStats.modelDisplayName}, ` + `${usageStats.totalTokensUsed}/${usageStats.contextWindowSize} tokens, ` + `$${usageStats.totalCostUSD.toFixed(4)}`);
+  }
+  if (!session.statusBarTimer) {
+    const STATUS_BAR_UPDATE_INTERVAL = 30000;
+    session.statusBarTimer = setInterval(() => {
+      if (session.claude.isRunning()) {
+        ctx.updateSessionHeader(session).catch(() => {});
+      }
+    }, STATUS_BAR_UPDATE_INTERVAL);
+  }
+  ctx.updateSessionHeader(session).catch(() => {});
+}
 
 // src/session/reactions.ts
 async function handleQuestionReaction(session, postId, emojiName, username, ctx) {
@@ -15404,6 +15479,34 @@ async function handleTaskToggleReaction(session, ctx) {
   }
   return true;
 }
+async function handleExistingWorktreeReaction(session, postId, emojiName, username, ctx) {
+  const pending = session.pendingExistingWorktreePrompt;
+  if (!pending || pending.postId !== postId) {
+    return false;
+  }
+  if (session.startedBy !== username && !session.platform.isUserAllowed(username)) {
+    return false;
+  }
+  const isApprove = isApprovalEmoji(emojiName);
+  const isDeny = isDenialEmoji(emojiName);
+  if (!isApprove && !isDeny) {
+    return false;
+  }
+  const shortPath = pending.worktreePath.replace(process.env.HOME || "", "~");
+  if (isApprove) {
+    await session.platform.updatePost(pending.postId, `\u2705 Joining worktree for branch \`${pending.branch}\` at \`${shortPath}\``);
+    session.pendingExistingWorktreePrompt = undefined;
+    ctx.persistSession(session);
+    await ctx.switchToWorktree(session.threadId, pending.worktreePath, pending.username);
+    console.log(`  \uD83C\uDF3F @${username} joined existing worktree ${pending.branch} at ${shortPath}`);
+  } else {
+    await session.platform.updatePost(pending.postId, `\u2705 Continuing in current directory (skipped by @${username})`);
+    session.pendingExistingWorktreePrompt = undefined;
+    ctx.persistSession(session);
+    console.log(`  \u274C @${username} skipped joining existing worktree ${pending.branch}`);
+  }
+  return true;
+}
 
 // src/claude/cli.ts
 import { spawn } from "child_process";
@@ -19333,6 +19436,24 @@ class KeepAliveManager {
 var keepAlive = new KeepAliveManager;
 
 // src/session/commands.ts
+function formatContextBar(percent) {
+  const totalBlocks = 10;
+  const filledBlocks = Math.round(percent / 100 * totalBlocks);
+  const emptyBlocks = totalBlocks - filledBlocks;
+  let indicator;
+  if (percent < 50) {
+    indicator = "\uD83D\uDFE2";
+  } else if (percent < 75) {
+    indicator = "\uD83D\uDFE1";
+  } else if (percent < 90) {
+    indicator = "\uD83D\uDFE0";
+  } else {
+    indicator = "\uD83D\uDD34";
+  }
+  const filled = "\u2593".repeat(filledBlocks);
+  const empty = "\u2591".repeat(emptyBlocks);
+  return `${indicator}${filled}${empty}`;
+}
 async function cancelSession(session, username, ctx) {
   const shortId = session.threadId.substring(0, 8);
   console.log(`  \uD83D\uDED1 Session (${shortId}\u2026) cancelled by @${username}`);
@@ -19516,6 +19637,14 @@ async function updateSessionHeader(session, ctx) {
   const permMode = isInteractive ? "\uD83D\uDD10 Interactive" : "\u26A1 Auto";
   const otherParticipants = [...session.sessionAllowedUsers].filter((u) => u !== session.startedBy).map((u) => `@${u}`).join(", ");
   const statusItems = [];
+  if (session.usageStats) {
+    const stats = session.usageStats;
+    statusItems.push(`\`\uD83E\uDD16 ${stats.modelDisplayName}\``);
+    const contextPercent = Math.round(stats.totalTokensUsed / stats.contextWindowSize * 100);
+    const contextBar = formatContextBar(contextPercent);
+    statusItems.push(`\`${contextBar} ${contextPercent}%\``);
+    statusItems.push(`\`\uD83D\uDCB0 $${stats.totalCostUSD.toFixed(2)}\``);
+  }
   statusItems.push(`\`${session.sessionNumber}/${ctx.maxSessions}\``);
   statusItems.push(`\`${permMode}\``);
   if (ctx.chromeEnabled) {
@@ -19705,7 +19834,8 @@ async function startSession(options, username, displayName, replyToPostId, platf
     inProgressTaskStart: null,
     activeToolStarts: new Map,
     firstPrompt: options.prompt,
-    messageCount: 0
+    messageCount: 0,
+    statusBarTimer: null
   };
   ctx.sessions.set(sessionId, session);
   ctx.registerPost(post.id, actualThreadId);
@@ -19834,7 +19964,8 @@ Please start a new session.`, state.threadId);
     needsContextPromptOnNextMessage: state.needsContextPromptOnNextMessage,
     sessionTitle: state.sessionTitle,
     sessionDescription: state.sessionDescription,
-    messageCount: state.messageCount ?? 0
+    messageCount: state.messageCount ?? 0,
+    statusBarTimer: null
   };
   ctx.sessions.set(sessionId, session);
   if (state.sessionStartPostId) {
@@ -19927,6 +20058,10 @@ async function handleExit(sessionId, code, ctx) {
       clearTimeout(session.updateTimer);
       session.updateTimer = null;
     }
+    if (session.statusBarTimer) {
+      clearInterval(session.statusBarTimer);
+      session.statusBarTimer = null;
+    }
     ctx.sessions.delete(session.sessionId);
     keepAlive.sessionEnded();
     return;
@@ -19938,6 +20073,10 @@ async function handleExit(sessionId, code, ctx) {
       clearTimeout(session.updateTimer);
       session.updateTimer = null;
     }
+    if (session.statusBarTimer) {
+      clearInterval(session.statusBarTimer);
+      session.statusBarTimer = null;
+    }
     ctx.persistSession(session);
     ctx.sessions.delete(session.sessionId);
     for (const [postId, tid] of ctx.postIndex.entries()) {
@@ -19960,6 +20099,10 @@ async function handleExit(sessionId, code, ctx) {
       clearTimeout(session.updateTimer);
       session.updateTimer = null;
     }
+    if (session.statusBarTimer) {
+      clearInterval(session.statusBarTimer);
+      session.statusBarTimer = null;
+    }
     ctx.sessions.delete(session.sessionId);
     keepAlive.sessionEnded();
     try {
@@ -19974,6 +20117,10 @@ async function handleExit(sessionId, code, ctx) {
     clearTimeout(session.updateTimer);
     session.updateTimer = null;
   }
+  if (session.statusBarTimer) {
+    clearInterval(session.statusBarTimer);
+    session.statusBarTimer = null;
+  }
   await ctx.flush(session);
   if (code !== 0 && code !== null) {
     await session.platform.createPost(`**[Exited: ${code}]**`, session.threadId);
@@ -20302,7 +20449,17 @@ async function createAndSwitchToWorktree(session, branch, username, options) {
   const repoRoot = await getRepositoryRoot(session.workingDir);
   const existing = await findWorktreeByBranch(repoRoot, branch);
   if (existing && !existing.isMain) {
-    await session.platform.createPost(`\u26A0\uFE0F Worktree for branch \`${branch}\` already exists at \`${existing.path}\`. Use \`!worktree switch ${branch}\` to switch to it.`, session.threadId);
+    const shortPath = existing.path.replace(process.env.HOME || "", "~");
+    const post = await session.platform.createInteractivePost(`\uD83C\uDF3F **Worktree for branch \`${branch}\` already exists** at \`${shortPath}\`.
+` + `React with \uD83D\uDC4D to join this worktree, or \u274C to continue in the current directory.`, ["+1", "x"], session.threadId);
+    session.pendingExistingWorktreePrompt = {
+      postId: post.id,
+      branch,
+      worktreePath: existing.path,
+      username
+    };
+    options.registerPost(post.id, session.threadId);
+    options.persistSession(session);
     return;
   }
   const shortId = session.threadId.substring(0, 8);
@@ -20571,6 +20728,8 @@ function clearContextPromptTimeout(pending) {
 }
 
 // src/session/sticky-message.ts
+import { hostname } from "os";
+var botStartedAt = new Date;
 var stickyPostIds = new Map;
 var needsBump = new Map;
 var updateLocks = new Map;
@@ -20613,6 +20772,35 @@ function getSessionTopic(session) {
   }
   return formatTopicFromPrompt(session.firstPrompt);
 }
+async function buildStatusBar(sessionCount, config) {
+  const items = [];
+  items.push(`\`v${VERSION}\``);
+  items.push(`\`${sessionCount}/${config.maxSessions} sessions\``);
+  const permMode = config.skipPermissions ? "\u26A1 Auto" : "\uD83D\uDD10 Interactive";
+  items.push(`\`${permMode}\``);
+  if (config.worktreeMode === "require") {
+    items.push("`\uD83C\uDF3F Worktree: require`");
+  } else if (config.worktreeMode === "off") {
+    items.push("`\uD83C\uDF3F Worktree: off`");
+  }
+  if (config.chromeEnabled) {
+    items.push("`\uD83C\uDF10 Chrome`");
+  }
+  if (config.debug) {
+    items.push("`\uD83D\uDC1B Debug`");
+  }
+  const battery = await formatBatteryStatus();
+  if (battery) {
+    items.push(`\`${battery}\``);
+  }
+  const uptime = formatUptime(botStartedAt);
+  items.push(`\`\u23F1\uFE0F ${uptime}\``);
+  const shortDir = config.workingDir.replace(process.env.HOME || "", "~");
+  items.push(`\`\uD83D\uDCC2 ${shortDir}\``);
+  const host = hostname();
+  items.push(`\`\uD83D\uDCBB ${host}\``);
+  return items.join(" \xB7 ");
+}
 function formatTopicFromPrompt(prompt) {
   if (!prompt)
     return "_No topic_";
@@ -20626,13 +20814,16 @@ function formatTopicFromPrompt(prompt) {
   }
   return cleaned || "_No topic_";
 }
-function buildStickyMessage(sessions, platformId) {
+async function buildStickyMessage(sessions, platformId, config) {
   const platformSessions = [...sessions.values()].filter((s) => s.platformId === platformId);
+  const statusBar = await buildStatusBar(platformSessions.length, config);
   if (platformSessions.length === 0) {
     return [
       "---",
       "**Active Claude Threads**",
       "",
+      statusBar,
+      "",
       "_No active sessions_",
       "",
       "_Mention me to start a session_ \xB7 `npm i -g claude-threads`"
@@ -20644,6 +20835,8 @@ function buildStickyMessage(sessions, platformId) {
   const lines = [
     "---",
     `**Active Claude Threads** (${count})`,
+    "",
+    statusBar,
     ""
   ];
   for (const session of platformSessions) {
@@ -20664,7 +20857,7 @@ function buildStickyMessage(sessions, platformId) {
 `);
 }
 var DEBUG = process.env.DEBUG === "1";
-async function updateStickyMessage(platform, sessions) {
+async function updateStickyMessage(platform, sessions, config) {
   const platformId = platform.platformId;
   const pendingUpdate = updateLocks.get(platformId);
   if (pendingUpdate) {
@@ -20676,14 +20869,14 @@ async function updateStickyMessage(platform, sessions) {
   });
   updateLocks.set(platformId, lock);
   try {
-    await updateStickyMessageImpl(platform, sessions);
+    await updateStickyMessageImpl(platform, sessions, config);
   } finally {
     if (releaseLock)
       releaseLock();
     updateLocks.delete(platformId);
   }
 }
-async function updateStickyMessageImpl(platform, sessions) {
+async function updateStickyMessageImpl(platform, sessions, config) {
   if (DEBUG) {
     const platformSessions = [...sessions.values()].filter((s) => s.platformId === platform.platformId);
     console.log(`[sticky] updateStickyMessage called for ${platform.platformId}, ${platformSessions.length} sessions`);
@@ -20691,7 +20884,7 @@ async function updateStickyMessageImpl(platform, sessions) {
       console.log(`[sticky]   - ${s.sessionId}: title="${s.sessionTitle}" firstPrompt="${s.firstPrompt?.substring(0, 30)}..."`);
     }
   }
-  const content = buildStickyMessage(sessions, platform.platformId);
+  const content = await buildStickyMessage(sessions, platform.platformId, config);
   const existingPostId = stickyPostIds.get(platform.platformId);
   const shouldBump = needsBump.get(platform.platformId) ?? false;
   if (DEBUG) {
@@ -20762,8 +20955,8 @@ async function updateStickyMessageImpl(platform, sessions) {
     console.error(`  \u26A0\uFE0F Failed to update sticky message for ${platform.platformId}:`, err);
   }
 }
-async function updateAllStickyMessages(platforms, sessions) {
-  const updates = [...platforms.values()].map((platform) => updateStickyMessage(platform, sessions));
+async function updateAllStickyMessages(platforms, sessions, config) {
+  const updates = [...platforms.values()].map((platform) => updateStickyMessage(platform, sessions, config));
   await Promise.all(updates);
 }
 function markNeedsBump(platformId) {
@@ -20985,6 +21178,15 @@ class SessionManager {
       await handleWorktreeSkip(session, username, (s) => this.persistSession(s), (s, q) => this.offerContextPrompt(s, q));
       return;
     }
+    if (session.pendingExistingWorktreePrompt?.postId === postId) {
+      const handled = await handleExistingWorktreeReaction(session, postId, emojiName, username, {
+        ...this.getReactionContext(),
+        switchToWorktree: (tid, branchOrPath, user) => this.switchToWorktree(tid, branchOrPath, user),
+        persistSession: (s) => this.persistSession(s)
+      });
+      if (handled)
+        return;
+    }
     if (session.pendingContextPrompt?.postId === postId) {
       await this.handleContextPromptReaction(session, emojiName, username);
       return;
@@ -21189,7 +21391,14 @@ class SessionManager {
     await updateSessionHeader(session, this.getCommandContext());
   }
   async updateStickyMessage() {
-    await updateAllStickyMessages(this.platforms, this.sessions);
+    await updateAllStickyMessages(this.platforms, this.sessions, {
+      maxSessions: MAX_SESSIONS,
+      chromeEnabled: this.chromeEnabled,
+      skipPermissions: this.skipPermissions,
+      worktreeMode: this.worktreeMode,
+      workingDir: this.workingDir,
+      debug: this.debug
+    });
   }
   async initialize() {
     initialize(this.sessionStore);
@@ -21345,7 +21554,8 @@ class SessionManager {
       startTyping: (s) => this.startTyping(s),
       stopTyping: (s) => this.stopTyping(s),
       offerContextPrompt: (s, q) => this.offerContextPrompt(s, q),
-      appendSystemPrompt: CHAT_PLATFORM_PROMPT
+      appendSystemPrompt: CHAT_PLATFORM_PROMPT,
+      registerPost: (postId, tid) => this.registerPost(postId, tid)
     });
   }
   async switchToWorktree(threadId, branchOrPath, username) {

package/package.json

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