Function FeedbackTextSection

cli/src/components/feedback-input-mode.tsx:96–148

({
  value,
  cursor,
  onChange,
  onCursorChange,
  onSubmit,
  placeholder,
  inputRef,
  width,
  isSubmitting = false,
})

}

const FeedbackTextSection: React.FC<FeedbackTextSectionProps> = ({
  value,
  cursor,
  onChange,
  onCursorChange,
  onSubmit,
  placeholder,
  inputRef,
  width,
  isSubmitting = false,
}) => {
  const inputFocused = useChatStore((state) => state.inputFocused)

  return (
    <>
      {/* Top separator */}
      <Separator width={width} widthOffset={4} />

      {/* Feedback input */}
      <box style={{ paddingTop: 0, paddingBottom: 0 }}>
        <MultilineInput
          value={value}
          onChange={({ text, cursorPosition }) => {
            onChange(text)
            onCursorChange(cursorPosition)
          }}
          onSubmit={onSubmit}
          onKeyIntercept={(key) => {
            if (!isPlainEnterKey(key)) return false
            // Just add newline on Enter
            const newText = value.slice(0, cursor) + '\n' + value.slice(cursor)
            onChange(newText)
            onCursorChange(cursor + 1)
            return true
          }}
          onPaste={createTextPasteHandler(value, cursor, ({ text, cursorPosition }) => {
            onChange(text)
            onCursorChange(cursorPosition)
          })}
          placeholder={placeholder}
          focused={inputFocused && !isSubmitting}
          maxHeight={5}
          minHeight={3}
          ref={inputRef}
          cursorPosition={cursor}
        />
      </box>

      {/* Bottom separator */}
      <Separator width={width} widthOffset={4} />
    </>
  )
}

interface FeedbackInputModeProps {
  value: string