refactor(cli): extract readClipboardText utility and add processing feedback

- Extract clipboard text reading logic into readClipboardText() in clipboard-image.ts

- Simplify onPasteImage handler in chat.tsx using the new utility

- Add user feedback message when images are still processing in router.ts

Author: brandonkachen

cli/src/chat.tsx

@@ -14,7 +14,7 @@ import { routeUserPrompt, addBashMessageToHistory } from './commands/router'
 import { addClipboardPlaceholder, addPendingImageFromFile } from './utils/add-pending-image'
 import { getProjectRoot } from './project-files'
 import { AnnouncementBanner } from './components/announcement-banner'
-import { hasClipboardImage, readClipboardImage } from './utils/clipboard-image'
+import { hasClipboardImage, readClipboardImage, readClipboardText } from './utils/clipboard-image'
 import { showClipboardMessage } from './utils/clipboard'
 import { ChatInputBar } from './components/chat-input-bar'
 import { MessageWithAgents } from './components/message-with-agents'
@@ -1015,39 +1015,22 @@ export const Chat = ({
       onBashHistoryUp: navigateUp,
       onBashHistoryDown: navigateDown,
       onPasteImage: () => {
-        // Show placeholder immediately for instant feedback
         const placeholderPath = addClipboardPlaceholder()
 
-        // Check and process clipboard in background
         setTimeout(() => {
           if (!hasClipboardImage()) {
-            // No image - remove placeholder and simulate text paste
             useChatStore.getState().removePendingImage(placeholderPath)
-
-            // Read text from clipboard and insert it
-            try {
-              const { spawnSync } = require('child_process')
-              const textResult = spawnSync(
-                process.platform === 'darwin' ? 'pbpaste' :
-                process.platform === 'win32' ? 'powershell' : 'xclip',
-                process.platform === 'win32' ? ['-Command', 'Get-Clipboard'] :
-                process.platform === 'linux' ? ['-selection', 'clipboard', '-o'] : [],
-                { encoding: 'utf-8', timeout: 1000 }
-              )
-              if (textResult.status === 0 && textResult.stdout) {
-                const text = textResult.stdout
-                setInputValue((prev) => {
-                  const before = prev.text.slice(0, prev.cursorPosition)
-                  const after = prev.text.slice(prev.cursorPosition)
-                  return {
-                    text: before + text + after,
-                    cursorPosition: before.length + text.length,
-                    lastEditDueToNav: false,
-                  }
-                })
-              }
-            } catch {
-              // Ignore errors - text paste just won't work
+            const text = readClipboardText()
+            if (text) {
+              setInputValue((prev) => {
+                const before = prev.text.slice(0, prev.cursorPosition)
+                const after = prev.text.slice(prev.cursorPosition)
+                return {
+                  text: before + text + after,
+                  cursorPosition: before.length + text.length,
+                  lastEditDueToNav: false,
+                }
+              })
             }
             return
           }
@@ -1065,7 +1048,7 @@ export const Chat = ({
           void addPendingImageFromFile(result.imagePath, cwd, placeholderPath)
         }, 0)
 
-        return true // Always consume - we handle text paste ourselves if needed
+        return true
       },
     }),
     [

cli/src/commands/router.ts

@@ -16,11 +16,16 @@ import {
 import { getProjectRoot } from '../project-files'
 import { useChatStore } from '../state/chat-store'
 import { getSystemMessage, getUserMessage } from '../utils/message-history'
-import { capturePendingImages, hasProcessingImages, validateAndAddImage } from '../utils/add-pending-image'
+import {
+  capturePendingImages,
+  hasProcessingImages,
+  validateAndAddImage,
+} from '../utils/add-pending-image'
 import {
   buildBashHistoryMessages,
   createRunTerminalToolResult,
 } from '../utils/bash-messages'
+import { showClipboardMessage } from '../utils/clipboard'
 
 import type { PendingBashMessage } from '../state/chat-store'
 
@@ -355,10 +360,12 @@ export async function routeUserPrompt(
   }
 
   // Regular message or unknown slash command - send to agent
-  
+
   // Block sending if images are still processing
   if (hasProcessingImages()) {
-    // Don't send - images are still processing
+    showClipboardMessage('processing images...', {
+      durationMs: 2000,
+    })
     return
   }
 

cli/src/utils/clipboard-image.ts

@@ -301,3 +301,35 @@ export function readClipboardImage(): ClipboardImageResult {
       }
   }
 }
+
+/**
+ * Read text from clipboard. Returns null if reading fails.
+ */
+export function readClipboardText(): string | null {
+  try {
+    const platform = process.platform
+    let result: ReturnType<typeof spawnSync>
+    
+    switch (platform) {
+      case 'darwin':
+        result = spawnSync('pbpaste', [], { encoding: 'utf-8', timeout: 1000 })
+        break
+      case 'win32':
+        result = spawnSync('powershell', ['-Command', 'Get-Clipboard'], { encoding: 'utf-8', timeout: 1000 })
+        break
+      case 'linux':
+        result = spawnSync('xclip', ['-selection', 'clipboard', '-o'], { encoding: 'utf-8', timeout: 1000 })
+        break
+      default:
+        return null
+    }
+    
+    if (result.status === 0 && result.stdout) {
+      const output = typeof result.stdout === 'string' ? result.stdout : result.stdout.toString('utf-8')
+      return output.replace(/\n+$/, '')
+    }
+    return null
+  } catch {
+    return null
+  }
+}