fix: pasting works

Author: brandonkachen

cli/src/chat.tsx

@@ -606,18 +606,6 @@ export const App = ({ initialPrompt }: { initialPrompt?: string } = {}) => {
     setInputRenderable(instance)
     if (instance) {
       setInputWidth(Math.max(0, instance.width))
-
-      instance.onPaste = (text: string) => {
-        const currentValue = instance.value
-        const cursorPos = instance.cursorPosition
-        const beforeCursor = currentValue.slice(0, cursorPos)
-        const afterCursor = currentValue.slice(cursorPos)
-        const newValue = beforeCursor + text + afterCursor
-
-        instance.value = newValue
-        instance.cursorPosition = cursorPos + text.length
-        setInputValue(newValue)
-      }
     }
   }, [])
 

cli/src/multiline-input.tsx

@@ -1,5 +1,5 @@
 import { useCallback, useState, useEffect, useMemo, useRef } from 'react'
-import { useKeyboard } from '@opentui/react'
+import { useKeyboard, usePaste } from '@opentui/react'
 import type { ScrollBoxRenderable } from '@opentui/core'
 import { logger } from './logger'
 
@@ -90,6 +90,21 @@ export function MultilineInput({
     }
   }, [value.length, cursorPosition])
 
+  usePaste(
+    useCallback(
+      (event) => {
+        if (!focused) return
+        
+        const text = event.text
+        const newValue =
+          value.slice(0, cursorPosition) + text + value.slice(cursorPosition)
+        onChange(newValue)
+        setCursorPosition(cursorPosition + text.length)
+      },
+      [focused, value, cursorPosition, onChange],
+    ),
+  )
+
   // Auto-scroll to bottom when content changes
   useEffect(() => {
     const scrollBox = scrollBoxRef.current