claude-threads 0.50.0 → 0.51.0

package/CHANGELOG.md

@@ -7,6 +7,16 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [0.51.0] - 2026-01-09
+
+### Added
+- **Image upload for bug reports** - Bug reports can now include screenshots uploaded to Catbox.moe. Use `!bug <description>` with an attached image or paste a screenshot (#153)
+
+### Fixed
+- **Duplicate task lists** - Fixed issue where multiple task lists would appear in threads due to race conditions (#152, #151)
+- **Code block rendering** - Fixed issues with code blocks not rendering correctly, including improved handling of language tags and empty blocks (#154)
+- **Website logo rendering** - Improved SVG logo rendering on the project website (#155)
+
 ## [0.50.0] - 2026-01-09
 
 ### Added

package/README.md

@@ -6,6 +6,10 @@
  ✴ ▀█▄  █  ✴
 ```
 
+<p align="center">
+  <a href="https://claude-threads.run"><strong>claude-threads.run</strong></a>
+</p>
+
 [![npm version](https://img.shields.io/npm/v/claude-threads.svg)](https://www.npmjs.com/package/claude-threads)
 [![npm downloads](https://img.shields.io/npm/dm/claude-threads.svg)](https://www.npmjs.com/package/claude-threads)
 [![CI](https://github.com/anneschuth/claude-threads/actions/workflows/ci.yml/badge.svg)](https://github.com/anneschuth/claude-threads/actions/workflows/ci.yml)

package/dist/index.js

@@ -42763,9 +42763,11 @@ ${code}
 `);
   }
   formatMarkdown(content) {
-    return content.replace(/\n{3,}/g, `
+    let processed = content.replace(/(?<=\n)```(?=\S)(?![a-zA-Z]*\n)/g, "```\n");
+    processed = processed.replace(/\n{3,}/g, `
 
 `);
+    return processed;
   }
 }
 
@@ -43407,6 +43409,7 @@ function convertMarkdownToSlack(content) {
   for (let i = 0;i < codeBlocks.length; i++) {
     preserved = preserved.replace(`${CODE_BLOCK_PLACEHOLDER}${i}\x00`, codeBlocks[i]);
   }
+  preserved = preserved.replace(/(?<=\n)```(?=\S)(?![a-zA-Z]*\n)/g, "```\n");
   return preserved;
 }
 function convertMarkdownTablesToSlack(content) {
@@ -46403,14 +46406,15 @@ function formatToolUse(toolName, input, formatter, options = {}) {
           for (const line of lines) {
             if (lineCount >= maxLines)
               break;
+            const escapedLine = line.replace(/```/g, "` ``");
             if (change.added) {
-              diffLines2.push(`+ ${line}`);
+              diffLines2.push(`+ ${escapedLine}`);
               lineCount++;
             } else if (change.removed) {
-              diffLines2.push(`- ${line}`);
+              diffLines2.push(`- ${escapedLine}`);
               lineCount++;
             } else {
-              diffLines2.push(`  ${line}`);
+              diffLines2.push(`  ${escapedLine}`);
               lineCount++;
             }
           }
@@ -46441,7 +46445,7 @@ ${formatter.formatCodeBlock(diffLines2.join(`
       const lineCount = lines.length;
       if (detailed && content && lineCount > 0) {
         const maxLines = 6;
-        const previewLines = lines.slice(0, maxLines);
+        const previewLines = lines.slice(0, maxLines).map((line) => line.replace(/```/g, "` ``"));
         let preview = `\uD83D\uDCDD ${formatter.formatBold("Write")} ${formatter.formatCode(filePath)} ${formatter.formatItalic(`(${lineCount} lines)`)}
 `;
         if (lineCount > maxLines) {
@@ -50562,6 +50566,54 @@ function validateClaudeCli() {
 }
 
 // src/session/bug-report.ts
+var CATBOX_API_URL = "https://catbox.moe/user/api.php";
+async function uploadImageToCatbox(imageBuffer, filename) {
+  const arrayBuffer = imageBuffer.buffer.slice(imageBuffer.byteOffset, imageBuffer.byteOffset + imageBuffer.byteLength);
+  const formData = new FormData;
+  formData.append("reqtype", "fileupload");
+  formData.append("fileToUpload", new Blob([arrayBuffer]), filename);
+  const response = await fetch(CATBOX_API_URL, {
+    method: "POST",
+    body: formData
+  });
+  if (!response.ok) {
+    throw new Error(`Catbox upload failed: ${response.status} ${response.statusText}`);
+  }
+  const responseText = await response.text();
+  if (responseText.startsWith("https://")) {
+    return responseText.trim();
+  }
+  throw new Error(`Catbox upload failed: ${responseText}`);
+}
+async function uploadImages(files, downloadFile) {
+  const results = [];
+  for (const file of files) {
+    if (!file.mimeType.startsWith("image/")) {
+      results.push({
+        success: false,
+        error: "Not an image file",
+        originalFile: file
+      });
+      continue;
+    }
+    try {
+      const buffer = await downloadFile(file.id);
+      const url = await uploadImageToCatbox(buffer, file.name);
+      results.push({
+        success: true,
+        url,
+        originalFile: file
+      });
+    } catch (err) {
+      results.push({
+        success: false,
+        error: err instanceof Error ? err.message : String(err),
+        originalFile: file
+      });
+    }
+  }
+  return results;
+}
 var MAX_RECENT_EVENTS = 10;
 var GITHUB_REPO = "anneschuth/claude-threads";
 function trackEvent(session, type, summary) {
@@ -50647,11 +50699,19 @@ function formatRecentEvents(events) {
   }).join(`
 `);
 }
-function formatIssueBody(context, userDescription) {
+function formatIssueBody(context, userDescription, imageUrls = []) {
   const sections = [];
   sections.push(`## Description
 
 ${sanitizeText(userDescription)}`);
+  if (imageUrls.length > 0) {
+    const imageSection = imageUrls.map((url, i) => `![Screenshot ${i + 1}](${url})`).join(`
+
+`);
+    sections.push(`## Screenshots
+
+${imageSection}`);
+  }
   sections.push(`## Environment
 
 | Property | Value |
@@ -50729,7 +50789,7 @@ function checkGitHubCli() {
   }
   return { installed: true, authenticated: true };
 }
-async function createGitHubIssue(title, body, _attachments, workingDir) {
+async function createGitHubIssue(title, body, workingDir) {
   const ghStatus = checkGitHubCli();
   if (!ghStatus.installed || !ghStatus.authenticated) {
     throw new Error(ghStatus.error);
@@ -50744,15 +50804,14 @@ async function createGitHubIssue(title, body, _attachments, workingDir) {
       timeout: 30000,
       stdio: ["pipe", "pipe", "pipe"]
     });
-    const issueUrl = result.trim();
-    return issueUrl;
+    return result.trim();
   } finally {
     try {
       unlinkSync2(bodyFile);
     } catch {}
   }
 }
-function formatBugPreview(title, description, context, attachments, formatter) {
+function formatBugPreview(title, description, context, imageUrls, imageErrors, formatter) {
   const lines = [];
   lines.push(`${formatter.formatBold("Bug Report Preview")}`);
   lines.push("");
@@ -50779,10 +50838,15 @@ function formatBugPreview(title, description, context, attachments, formatter) {
       lines.push(formatter.formatListItem(`${event.type}: ${event.summary.substring(0, 40)}...`));
     }
   }
-  if (attachments.length > 0) {
+  if (imageUrls.length > 0 || imageErrors.length > 0) {
     lines.push("");
-    lines.push(formatter.formatBold("Attachments:"));
-    lines.push(formatter.formatListItem(`${attachments.length} file(s) - will be noted in issue (manual upload required)`));
+    lines.push(formatter.formatBold("Screenshots:"));
+    if (imageUrls.length > 0) {
+      lines.push(formatter.formatListItem(`\u2705 ${imageUrls.length} image(s) uploaded successfully`));
+    }
+    if (imageErrors.length > 0) {
+      lines.push(formatter.formatListItem(`\u26A0\uFE0F ${imageErrors.length} image(s) failed: ${imageErrors[0]}`));
+    }
   }
   lines.push("");
   lines.push(`React ${formatter.formatCode("\uD83D\uDC4D")} to create GitHub issue or ${formatter.formatCode("\uD83D\uDC4E")} to cancel`);
@@ -51465,12 +51529,13 @@ async function deferUpdate(session, username, updateManager) {
   await postSuccess(session, `\u23F8\uFE0F ${formatter.formatBold("Update deferred")} for 1 hour
 ` + formatter.formatItalic("Use !update now to apply earlier"));
 }
-async function reportBug(session, description, username, ctx, errorContext, _attachmentFileIds) {
+async function reportBug(session, description, username, ctx, errorContext, attachedFiles) {
   const formatter = session.platform.getFormatter();
   if (!description && !errorContext) {
     await postInfo(session, `Usage: ${formatter.formatCode("!bug <description>")}
 ` + `Example: ${formatter.formatCode("!bug Session crashed when uploading large image")}
 
+` + `You can also attach screenshots to the !bug message.
 ` + `Or react with \uD83D\uDC1B on any error message to report it.`);
     return;
   }
@@ -51481,9 +51546,18 @@ async function reportBug(session, description, username, ctx, errorContext, _att
   }
   const bugDescription = description || (errorContext ? `Error: ${errorContext.message.substring(0, 200)}` : "Unknown error");
   const context = await collectBugReportContext(session, errorContext);
+  let imageUrls = [];
+  let imageErrors = [];
+  const downloadFile = session.platform.downloadFile;
+  if (attachedFiles && attachedFiles.length > 0 && downloadFile) {
+    await postInfo(session, `\uD83D\uDCE4 Uploading ${attachedFiles.length} image(s)...`);
+    const uploadResults = await uploadImages(attachedFiles, (fileId) => downloadFile(fileId));
+    imageUrls = uploadResults.filter((r) => r.success && typeof r.url === "string").map((r) => r.url);
+    imageErrors = uploadResults.filter((r) => !r.success).map((r) => `${r.originalFile.name}: ${r.error}`);
+  }
   const title = generateIssueTitle(bugDescription);
-  const body = formatIssueBody(context, bugDescription);
-  const preview = formatBugPreview(title, bugDescription, context, [], formatter);
+  const body = formatIssueBody(context, bugDescription, imageUrls);
+  const preview = formatBugPreview(title, bugDescription, context, imageUrls, imageErrors, formatter);
   const previewMessage = `\uD83D\uDC1B ${preview}`;
   const post = await session.platform.createInteractivePost(previewMessage, [APPROVAL_EMOJIS[0], DENIAL_EMOJIS[0]], session.threadId);
   session.pendingBugReport = {
@@ -51491,7 +51565,8 @@ async function reportBug(session, description, username, ctx, errorContext, _att
     title,
     body,
     userDescription: bugDescription,
-    attachments: [],
+    imageUrls,
+    imageErrors,
     errorContext
   };
   ctx.ops.registerPost(post.id, session.threadId);
@@ -51505,7 +51580,7 @@ async function handleBugReportApproval(session, isApproved, username) {
   const formatter = session.platform.getFormatter();
   if (isApproved) {
     try {
-      const issueUrl = await createGitHubIssue(pending.title, pending.body, pending.attachments, session.workingDir);
+      const issueUrl = await createGitHubIssue(pending.title, pending.body, session.workingDir);
       await withErrorHandling(() => session.platform.updatePost(pending.postId, `\u2705 ${formatter.formatBold("Bug report submitted")}: ${issueUrl}`), { action: "Update bug report post", session });
       sessionLog2(session).info(`\uD83D\uDC1B Bug report created by @${username}: ${issueUrl}`);
     } catch (err) {
@@ -52300,6 +52375,28 @@ async function handleExitPlanMode(session, toolUseId, ctx) {
   session.pendingApproval = { postId: post.id, type: "plan", toolUseId };
   ctx.ops.stopTyping(session);
 }
+async function cleanupOrphanedTaskPosts(session, currentTaskPostId) {
+  try {
+    const history = await session.platform.getThreadHistory(session.threadId, { limit: 50 });
+    const taskPostPattern = /^(?:(?:---|___|\*\*\*|\u2014+)\s*\n)?\uD83D\uDCCB/;
+    let cleanedCount = 0;
+    for (const msg of history) {
+      if (msg.id === currentTaskPostId)
+        continue;
+      if (!taskPostPattern.test(msg.message))
+        continue;
+      sessionLog4(session).info(`Cleaning up orphaned task post ${msg.id.substring(0, 8)}`);
+      await session.platform.unpinPost(msg.id).catch(() => {});
+      await session.platform.deletePost(msg.id).catch(() => {});
+      cleanedCount++;
+    }
+    if (cleanedCount > 0) {
+      sessionLog4(session).info(`Cleaned up ${cleanedCount} orphaned task post(s)`);
+    }
+  } catch (err) {
+    sessionLog4(session).debug(`Task cleanup failed: ${err}`);
+  }
+}
 async function handleTodoWrite(session, input, ctx) {
   const releaseLock = await acquireTaskListLock(session);
   try {
@@ -52388,14 +52485,20 @@ async function handleTodoWriteWithLock(session, input, ctx) {
   const displayMessage = session.tasksMinimized ? minimizedMessage : fullMessage;
   const existingTasksPostId = session.tasksPostId;
   if (existingTasksPostId) {
-    await withErrorHandling(() => session.platform.updatePost(existingTasksPostId, displayMessage), { action: "Update tasks", session });
-  } else {
+    const updated = await withErrorHandling(() => session.platform.updatePost(existingTasksPostId, displayMessage), { action: "Update tasks", session });
+    if (updated === undefined) {
+      sessionLog4(session).warn(`Task post ${existingTasksPostId.substring(0, 8)} update failed, will create new one`);
+      session.tasksPostId = null;
+    }
+  }
+  if (!session.tasksPostId) {
     const post = await withErrorHandling(() => session.platform.createInteractivePost(displayMessage, [TASK_TOGGLE_EMOJIS[0]], session.threadId), { action: "Create tasks post", session });
     if (post) {
       session.tasksPostId = post.id;
       ctx.ops.registerPost(post.id, session.threadId);
       updateLastMessage(session, post);
       await session.platform.pinPost(post.id).catch(() => {});
+      await cleanupOrphanedTaskPosts(session, post.id);
     }
   }
   ctx.ops.updateStickyMessage().catch(() => {});
@@ -54857,11 +54960,11 @@ class SessionManager extends EventEmitter4 {
       return;
     await enableInteractivePermissions(session, username, this.getContext());
   }
-  async reportBug(threadId, description, username) {
+  async reportBug(threadId, description, username, files) {
     const session = this.findSessionByThreadId(threadId);
     if (!session)
       return;
-    await reportBug(session, description, username, this.getContext());
+    await reportBug(session, description, username, this.getContext(), undefined, files);
   }
   async showUpdateStatus(threadId, _username) {
     const session = this.findSessionByThreadId(threadId);
@@ -65701,7 +65804,8 @@ Release notes not available. See ${formatter.formatLink("GitHub releases", "http
             return;
           case "bug":
             if (isAllowed) {
-              await session.reportBug(threadRoot, parsed.args, username);
+              const files3 = post.metadata?.files;
+              await session.reportBug(threadRoot, parsed.args, username, files3);
             }
             return;
           case "kill":

package/dist/mcp/permission-server.js

@@ -33831,9 +33831,11 @@ ${code}
 `);
   }
   formatMarkdown(content) {
-    return content.replace(/\n{3,}/g, `
+    let processed = content.replace(/(?<=\n)```(?=\S)(?![a-zA-Z]*\n)/g, "```\n");
+    processed = processed.replace(/\n{3,}/g, `
 
 `);
+    return processed;
   }
 }
 
@@ -34104,6 +34106,7 @@ function convertMarkdownToSlack(content) {
   for (let i = 0;i < codeBlocks.length; i++) {
     preserved = preserved.replace(`${CODE_BLOCK_PLACEHOLDER}${i}\x00`, codeBlocks[i]);
   }
+  preserved = preserved.replace(/(?<=\n)```(?=\S)(?![a-zA-Z]*\n)/g, "```\n");
   return preserved;
 }
 function convertMarkdownTablesToSlack(content) {

package/package.json

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