<TextareaAutosize
  textareaRef={chatInputRef}
  className="ring-offset-background placeholder:text-muted-foreground focus-visible:ring-ring text-md flex w-full resize-none rounded-md border-none bg-transparent px-14 py-2 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50"
  placeholder={t(
    window.innerWidth < 768
      ? `Ask anything. Type @  /  #  !`
      : window.innerWidth < 1280
        ? `Ask anything. Type " @ "(assistants), " / "(prompts), " # "(files), " ! "(tools)`
        : `Ask anything. Type "@" for assistants, "/" for prompts, "#" for files, and "!" for tools.`
  )}
  onValueChange={handleInputChange}
  value={userInput}
  minRows={1}
  maxRows={18}
  onKeyDown={handleKeyDown}
  onPaste={handlePaste}
  onCompositionStart={() => setIsTyping(true)}
  onCompositionEnd={() => setIsTyping(false)}
/>