From 81eb71e70406007ead630efc74cb8cb67e92c693 Mon Sep 17 00:00:00 2001
From: E66Crisp <E66_Crisp@163.com>
Date: Thu, 18 Dec 2025 20:16:32 +0800
Subject: [PATCH] fix(components): Send and sidebar buttons become inaccessible
 when chat-panel is resized (#309)

---
 components/chat-input.tsx | 4 ++--
 components/chat-panel.tsx | 6 +++---
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/components/chat-input.tsx b/components/chat-input.tsx
index b63bbd1..8fe9d31 100644
--- a/components/chat-input.tsx
+++ b/components/chat-input.tsx
@@ -335,7 +335,7 @@ export function ChatInput({
                 {/* Action bar */}
                 <div className="flex items-center justify-between px-3 py-2 border-t border-border/50">
                     {/* Left actions */}
-                    <div className="flex items-center gap-1">
+                    <div className="flex items-center gap-1 overflow-x-hidden">
                         <ButtonWithTooltip
                             type="button"
                             variant="ghost"
@@ -386,7 +386,7 @@ export function ChatInput({
                     </div>
 
                     {/* Right actions */}
-                    <div className="flex items-center gap-1">
+                    <div className="flex items-center gap-1 overflow-hidden justify-end">
                         <ButtonWithTooltip
                             type="button"
                             variant="ghost"
diff --git a/components/chat-panel.tsx b/components/chat-panel.tsx
index ce1a750..ea38392 100644
--- a/components/chat-panel.tsx
+++ b/components/chat-panel.tsx
@@ -1229,14 +1229,14 @@ Continue from EXACTLY where you stopped.`,
                 className={`${isMobile ? "px-3 py-2" : "px-5 py-4"} border-b border-border/50`}
             >
                 <div className="flex items-center justify-between">
-                    <div className="flex items-center gap-2">
+                    <div className="flex items-center gap-2 overflow-x-hidden">
                         <div className="flex items-center gap-2">
                             <Image
                                 src="/favicon.ico"
                                 alt="Next AI Drawio"
                                 width={isMobile ? 24 : 28}
                                 height={isMobile ? 24 : 28}
-                                className="rounded"
+                                className="rounded flex-shrink-0"
                             />
                             <h1
                                 className={`${isMobile ? "text-sm" : "text-base"} font-semibold tracking-tight whitespace-nowrap`}
@@ -1271,7 +1271,7 @@ Continue from EXACTLY where you stopped.`,
                             </Link>
                         )}
                     </div>
-                    <div className="flex items-center gap-1">
+                    <div className="flex items-center gap-1 justify-end overflow-x-hidden">
                         <ButtonWithTooltip
                             tooltipContent="Start fresh chat"
                             variant="ghost"