fix(cli): fix paste handling in ask_user custom input with prop-driven focus

- Add prop-driven focus to MultilineInput: useEffect calls focus/blur when focused prop changes
- Simplify CustomAnswerInput: remove forwardRef/useImperativeHandle, let MultilineInput handle focus internally
- Clean up AccordionQuestion: remove customInputRef and focus useEffect
- Fix createTextPasteHandler to prioritize bracketed paste text over clipboard
- Delete low-value mock-based test file

The root cause was that OpenTUI routes paste events to the focused scrollbox,
but nothing was explicitly focusing the custom input when it became active.
This refactor moves focus management into MultilineInput itself, making it
react to the focused prop rather than requiring imperative ref-based focus.

Author: brandonkachen

cli/src/components/multiline-input.tsx

@@ -142,6 +142,12 @@ function isAltModifier(key: KeyEvent): boolean {
   )
 }
 
+// Helper type for scrollbox with focus/blur methods (not exposed in OpenTUI types but available at runtime)
+interface FocusableScrollBox {
+  focus?: () => void
+  blur?: () => void
+}
+
 interface MultilineInputProps {
   value: string
   onChange: (value: InputValue) => void
@@ -158,6 +164,7 @@ interface MultilineInputProps {
 
 export type MultilineInputHandle = {
   focus: () => void
+  blur: () => void
 }
 
 export const MultilineInput = forwardRef<
@@ -224,14 +231,26 @@ export const MultilineInput = forwardRef<
       ).lineInfo
     : null
 
+  // Focus/blur scrollbox when focused prop changes
+  const prevFocusedRef = useRef(false)
+  useEffect(() => {
+    if (focused && !prevFocusedRef.current) {
+      (scrollBoxRef.current as FocusableScrollBox | null)?.focus?.()
+    } else if (!focused && prevFocusedRef.current) {
+      (scrollBoxRef.current as FocusableScrollBox | null)?.blur?.()
+    }
+    prevFocusedRef.current = focused
+  }, [focused])
+
+  // Expose focus/blur for imperative use cases
   useImperativeHandle(
     forwardedRef,
     () => ({
       focus: () => {
-        const node = scrollBoxRef.current
-        if (node && typeof (node as any).focus === 'function') {
-          ;(node as any).focus()
-        }
+        (scrollBoxRef.current as FocusableScrollBox | null)?.focus?.()
+      },
+      blur: () => {
+        (scrollBoxRef.current as FocusableScrollBox | null)?.blur?.()
       },
     }),
     [],

cli/src/utils/strings.ts

@@ -63,9 +63,9 @@ export function createTextPasteHandler(
   text: string,
   cursorPosition: number,
   onChange: (value: InputValue) => void,
-): (fallbackText?: string) => void {
-  return (fallbackText) => {
-    const pasteText = readClipboardText() ?? fallbackText
+): (eventText?: string) => void {
+  return (eventText) => {
+    const pasteText = eventText || readClipboardText()
     if (!pasteText) return
     const { newText, newCursor } = insertTextAtCursor(
       text,
@@ -83,12 +83,12 @@ export function createTextPasteHandler(
 /**
  * Creates a paste handler that supports both image and text paste.
  *
- * When fallbackText is provided (from drag-drop or native paste event),
- * it takes FULL priority over the clipboard. This is because:
+ * When eventText is provided (from drag-drop or native paste event),
+ * it takes priority over the clipboard. This is because:
  * - Drag operations provide file paths directly without updating the clipboard
  * - The clipboard might contain stale data from a previous copy operation
  *
- * Only when NO fallbackText is provided do we read from the clipboard.
+ * Only when NO eventText is provided do we read from the clipboard.
  */
 export function createPasteHandler(options: {
   text: string
@@ -98,7 +98,7 @@ export function createPasteHandler(options: {
   onPasteImagePath?: (imagePath: string) => void
   onPasteLongText?: (text: string) => void
   cwd?: string
-}): (fallbackText?: string) => void {
+}): (eventText?: string) => void {
   const {
     text,
     cursorPosition,
@@ -108,54 +108,54 @@ export function createPasteHandler(options: {
     onPasteLongText,
     cwd,
   } = options
-  return (fallbackText) => {
+  return (eventText) => {
     // If we have direct input text from the paste event (e.g., from terminal paste),
     // check if it looks like an image filename and if we can get the full path from clipboard
-    if (fallbackText && onPasteImagePath) {
+    if (eventText && onPasteImagePath) {
       // The terminal often only passes the filename when pasting a file copied from Finder.
       // Check if this looks like just a filename (no path separators) that's an image.
       const looksLikeImageFilename =
-        isImageFile(fallbackText) &&
-        !fallbackText.includes('/') &&
-        !fallbackText.includes('\\')
+        isImageFile(eventText) &&
+        !eventText.includes('/') &&
+        !eventText.includes('\\')
 
       if (looksLikeImageFilename) {
         // Try to get the full path from the clipboard's file URL
         const clipboardFilePath = readClipboardImageFilePath()
         // Verify the clipboard path's basename matches exactly (not just endsWith)
         if (
           clipboardFilePath &&
-          path.basename(clipboardFilePath) === fallbackText
+          path.basename(clipboardFilePath) === eventText
         ) {
           // The clipboard has the full path to the same file - use it!
           onPasteImagePath(clipboardFilePath)
           return
         }
       }
 
-      // Check if fallbackText is a full path to an image file
+      // Check if eventText is a full path to an image file
       if (cwd) {
-        const imagePath = getImageFilePathFromText(fallbackText, cwd)
+        const imagePath = getImageFilePathFromText(eventText, cwd)
         if (imagePath) {
           onPasteImagePath(imagePath)
           return
         }
       }
     }
 
-    // fallbackText provided but not an image - check if it's long text
-    if (fallbackText) {
+    // eventText provided but not an image - check if it's long text
+    if (eventText) {
       // If text is long, treat it as an attachment
-      if (onPasteLongText && fallbackText.length > LONG_TEXT_THRESHOLD) {
-        onPasteLongText(fallbackText)
+      if (onPasteLongText && eventText.length > LONG_TEXT_THRESHOLD) {
+        onPasteLongText(eventText)
         return
       }
 
       // Otherwise paste it as regular text
       const { newText, newCursor } = insertTextAtCursor(
         text,
         cursorPosition,
-        fallbackText,
+        eventText,
       )
       onChange({
         text: newText,