fix(release): correct ripgrep target for Linux ARM64 bundling

- Change aarch64-unknown-linux-musl to aarch64-unknown-linux-gnu
  (musl variant not available in ripgrep 15.1.0 release assets)
- Update AgentUI and InkRenderer components

Author: igorcosta

.github/workflows/release.yml

@@ -390,7 +390,7 @@ jobs:
           fi
           if [ -f "autohand-linux-arm64" ]; then
             chmod +x autohand-linux-arm64
-            bundle_unix "autohand-linux-arm64" "aarch64-unknown-linux-musl"
+            bundle_unix "autohand-linux-arm64" "aarch64-unknown-linux-gnu"
           fi
 
           # Create bundled zip for Windows

src/ui/ink/AgentUI.tsx

@@ -14,7 +14,7 @@ import { useTranslation } from '../i18n/index.js';
 import { getPlanModeManager } from '../../commands/plan.js';
 import { TextBuffer } from '../textBuffer.js';
 import { handleTextBufferKey, type KeyHandlerResult } from '../textBufferKeyHandler.js';
-import { getPromptBlockWidth, isShiftEnterResidualSequence } from '../inputPrompt.js';
+import { getPromptBlockWidth, isShiftEnterResidualSequence, processImagesInText } from '../inputPrompt.js';
 import { renderTerminalMarkdown } from '../../core/immediateCommandRouter.js';
 
 export interface AgentUIState {
@@ -44,6 +44,8 @@ export interface AgentUIProps {
   onToggleLiveCommandExpanded?: () => void;
   onInputChange?: (input: string) => void;
   enableQueueInput?: boolean;
+  /** Called when a dragged/dropped image is detected in the input */
+  onImageDetected?: (data: Buffer, mimeType: string, filename?: string) => number;
 }
 
 interface TextBufferKeyInfo {
@@ -55,6 +57,8 @@ interface TextBufferKeyInfo {
 }
 
 const INK_TEXTBUFFER_VIEWPORT_HEIGHT = 10;
+/** Debounce delay for image detection after input changes (ms) */
+const INK_IMAGE_SCAN_DELAY_MS = 150;
 
 function getInkTextBufferViewportWidth(columns: number | undefined): number {
   return Math.max(1, getPromptBlockWidth(columns) - 4);
@@ -133,14 +137,31 @@ export function getComposerHelpLine(
   return `${contextDisplay}${contextDisplay ? ' · ' : ''}${commandHint}`;
 }
 
+/**
+ * Check if text potentially contains an image path (quick heuristic).
+ * Mirrors the logic from inputPrompt.ts.
+ */
+function hasPotentialImagePath(text: string): boolean {
+  const imageExtPattern = /\.(png|jpg|jpeg|gif|webp)$/i;
+  // Check for quoted paths, escaped paths, or simple paths
+  if (imageExtPattern.test(text)) {
+    return true;
+  }
+  if (/["'].*\.(png|jpg|jpeg|gif|webp)["']/i.test(text)) {
+    return true;
+  }
+  return false;
+}
+
 export function AgentUI({
   state,
   onInstruction,
   onEscape,
   onCtrlC,
   onToggleLiveCommandExpanded,
   onInputChange,
-  enableQueueInput = true
+  enableQueueInput = true,
+  onImageDetected,
 }: AgentUIProps) {
   const { exit } = useApp();
   const { colors } = useTheme();
@@ -158,6 +179,11 @@ export function AgentUI({
     )
   );
 
+  // Track the last processed input to avoid re-processing the same text
+  const lastProcessedInputRef = useRef<string>('');
+  // Debounce timer for image scanning
+  const imageScanTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);
+
   const syncInputFromBuffer = useCallback(() => {
     const buffer = textBufferRef.current;
     setInput(buffer.getText());
@@ -219,6 +245,57 @@ export function AgentUI({
     }
   }, [ctrlCCount]);
 
+  // Debounced image detection: when input changes and contains potential image paths,
+  // process them through processImagesInText and update the input with [Image #N] placeholders.
+  useEffect(() => {
+    if (!onImageDetected) {
+      return;
+    }
+
+    // Clear any pending scan
+    if (imageScanTimerRef.current) {
+      clearTimeout(imageScanTimerRef.current);
+      imageScanTimerRef.current = null;
+    }
+
+    // Skip if already processed (e.g., after a replacement)
+    if (input === lastProcessedInputRef.current) {
+      return;
+    }
+
+    // Quick heuristic check before scheduling the scan
+    if (!hasPotentialImagePath(input)) {
+      lastProcessedInputRef.current = input;
+      return;
+    }
+
+    // Debounce: wait for typing to settle before scanning
+    imageScanTimerRef.current = setTimeout(() => {
+      imageScanTimerRef.current = null;
+
+      const processed = processImagesInText(input, onImageDetected, {
+        announce: false,
+      });
+
+      if (processed !== input) {
+        // Image was detected and replaced with [Image #N]
+        lastProcessedInputRef.current = processed;
+        const buffer = textBufferRef.current;
+        buffer.setText(processed);
+        syncInputFromBuffer();
+      } else {
+        lastProcessedInputRef.current = input;
+      }
+    }, INK_IMAGE_SCAN_DELAY_MS);
+
+    return () => {
+      if (imageScanTimerRef.current) {
+        clearTimeout(imageScanTimerRef.current);
+        imageScanTimerRef.current = null;
+      }
+    };
+  }, [input, onImageDetected, syncInputFromBuffer]);
+
   useInput((char, key) => {
     syncBufferViewport();
 

src/ui/ink/InkRenderer.tsx

@@ -23,6 +23,8 @@ export interface InkRendererOptions {
   onEscape: () => void;
   onCtrlC: () => void;
   enableQueueInput?: boolean;
+  /** Called when a dragged/dropped image is detected in the input */
+  onImageDetected?: (data: Buffer, mimeType: string, filename?: string) => number;
 }
 
 /**
@@ -41,6 +43,7 @@ interface AgentUIWrapperProps {
   onToggleLiveCommandExpanded: () => void;
   onInputChange: (input: string) => void;
   enableQueueInput?: boolean;
+  onImageDetected?: (data: Buffer, mimeType: string, filename?: string) => number;
 }
 
 /**
@@ -56,7 +59,8 @@ const AgentUIWrapper = forwardRef<AgentUIWrapperHandle, AgentUIWrapperProps>(
       onCtrlC,
       onToggleLiveCommandExpanded,
       onInputChange,
-      enableQueueInput
+      enableQueueInput,
+      onImageDetected,
     } = props;
 
     const [state, setState] = useState<AgentUIState>(initialState);
@@ -88,6 +92,7 @@ const AgentUIWrapper = forwardRef<AgentUIWrapperHandle, AgentUIWrapperProps>(
         onToggleLiveCommandExpanded={onToggleLiveCommandExpanded}
         onInputChange={handleInputChange}
         enableQueueInput={enableQueueInput}
+        onImageDetected={onImageDetected}
       />
     );
   }
@@ -146,6 +151,7 @@ export class InkRenderer {
             onToggleLiveCommandExpanded={() => this.toggleActiveLiveCommandExpanded()}
             onInputChange={this.handleInputChange}
             enableQueueInput={this.options.enableQueueInput}
+            onImageDetected={this.options.onImageDetected}
           />
         </I18nProvider>
       </ThemeProvider>,
@@ -505,6 +511,7 @@ export class InkRenderer {
               onToggleLiveCommandExpanded={() => this.toggleActiveLiveCommandExpanded()}
               onInputChange={this.handleInputChange}
               enableQueueInput={this.options.enableQueueInput}
+              onImageDetected={this.options.onImageDetected}
             />
           </I18nProvider>
         </ThemeProvider>,