From 040ced0a2905b9b42ce76b193ec8aa886f1c2383 Mon Sep 17 00:00:00 2001
From: viettranx <viettranx@gmail.com>
Date: Sat, 28 Mar 2026 15:08:49 +0700
Subject: [PATCH] fix(desktop): allow scrolling long text in chat input

Change textarea overflow from hidden to auto so users can scroll
through long messages. Align attach/send buttons to bottom.
---
 ui/desktop/frontend/src/components/chat/InputBar.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/ui/desktop/frontend/src/components/chat/InputBar.tsx b/ui/desktop/frontend/src/components/chat/InputBar.tsx
index faeb1a6a..15cdb1e4 100644
--- a/ui/desktop/frontend/src/components/chat/InputBar.tsx
+++ b/ui/desktop/frontend/src/components/chat/InputBar.tsx
@@ -231,7 +231,7 @@ export function InputBar({ onSend, onStop, disabled, isRunning, placeholder }: I
 
         {/* Input container */}
         <div className={[
-          'flex items-center gap-0 bg-surface-secondary rounded-2xl border transition-colors',
+          'flex items-end gap-0 bg-surface-secondary rounded-2xl border transition-colors',
           dragging ? 'border-accent/50' : 'border-border focus-within:border-accent/40',
         ].join(' ')}>
           {/* Attach button */}
@@ -256,7 +256,7 @@ export function InputBar({ onSend, onStop, disabled, isRunning, placeholder }: I
             placeholder={placeholder ?? t('sendMessage')}
             disabled={disabled}
             rows={1}
-            className="flex-1 bg-transparent text-text-primary text-base md:text-sm py-3 px-0 focus:outline-none placeholder:text-text-muted resize-none overflow-hidden"
+            className="flex-1 bg-transparent text-text-primary text-base md:text-sm py-3 px-0 focus:outline-none placeholder:text-text-muted resize-none overflow-y-auto"
             style={{ maxHeight: 160 }}
           />