fix(images): add automatic descriptions when users upload images

When users upload images via @path syntax or auto-detection, the AI now
receives descriptive text explaining what images are attached. This
solves the issue where the AI didn't know what uploaded images
contained.

🤖 Generated with Codebuff Co-Authored-By: Codebuff
<noreply@codebuff.com>

Author: brandonkachen

npm-app/src/cli.ts

@@ -1265,11 +1265,30 @@ export class CLI {
     DiffManager.startUserInput()
 
     // Build message content with images
+    const textParts: Array<{ type: 'text'; text: string }> = [
+      { type: 'text', text: cleanedInput },
+    ]
+
+    // Add automatic image descriptions when images are attached
+    if (imageParts.length > 0) {
+      const imageDescriptions = imageParts.map((part, index) => {
+        const filename = part.filename || `image_${index + 1}`
+        return `Image ${index + 1}: ${filename}`
+      })
+
+      const imageDescriptionText =
+        imageParts.length === 1
+          ? `[Attached Image: ${imageDescriptions[0]}]`
+          : `[Attached Images:\n${imageDescriptions.map((desc) => `- ${desc}`).join('\n')}]`
+
+      textParts.push({ type: 'text', text: imageDescriptionText })
+    }
+
     const messageContent: Array<
       | { type: 'text'; text: string }
       | { type: 'image'; image: string; mediaType: string }
     > = [
-      { type: 'text', text: cleanedInput },
+      ...textParts,
       ...imageParts.map((part) => ({
         type: 'image' as const,
         image: part.image,

npm-app/src/utils/image-handler.ts

@@ -381,8 +381,9 @@ export function extractImagePaths(input: string): string[] {
       'gi',
     ),
     // Bare relative paths with separators (like assets/image.png)
+    // Exclude paths starting with @ to avoid conflicts with @path syntax
     new RegExp(
-      `(?:^|\\s)((?![^\\s]*:\\/\\/)[^\\s"':]*[\\/\\\\][^\\s"']*\\.(?:${imageExts}))(?=\\s|$|[.,!?;)\\]}>])`,
+      `(?:^|\\s)((?![^\\s]*:\\/\\/|@)[^\\s"':]*[\\/\\\\][^\\s"']*\\.(?:${imageExts}))(?=\\s|$|[.,!?;)\\]}>])`,
       'gi',
     ),
     // Quoted paths (single or double quotes)