From 07dd7b8892768adcfa180921c163b8a44377bd5a Mon Sep 17 00:00:00 2001
From: Faisal Amir <urmauur@gmail.com>
Date: Sun, 27 Oct 2024 06:30:52 +0700
Subject: [PATCH 1/2] fix: edge case tiny chat input box show randomly

---
 web/screens/Thread/ThreadCenterPanel/ChatInput/index.tsx | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/web/screens/Thread/ThreadCenterPanel/ChatInput/index.tsx b/web/screens/Thread/ThreadCenterPanel/ChatInput/index.tsx
index 83a68fa8a9..2767cf76ea 100644
--- a/web/screens/Thread/ThreadCenterPanel/ChatInput/index.tsx
+++ b/web/screens/Thread/ThreadCenterPanel/ChatInput/index.tsx
@@ -123,9 +123,8 @@ const ChatInput = () => {
 
   return (
     <div className="relative p-4 pb-2">
-      <div className="relative flex w-full flex-col">
+      <div className="relative block">
         {renderPreview(fileUpload)}
-
         <RichTextEditor
           className={twMerge(
             'relative mb-1 max-h-[400px] resize-none rounded-lg border border-[hsla(var(--app-border))] p-3 pr-20',
@@ -141,7 +140,7 @@ const ChatInput = () => {
           disabled={stateModel.loading || !activeThread}
         />
         <TextArea
-          className="absolute inset-0 top-14 h-0 w-0"
+          className="sr-only"
           data-testid="txt-input-chat"
           onChange={(e) => setCurrentPrompt(e.target.value)}
         />

From 5dda847b1960d7265c4472103253eb05954d3650 Mon Sep 17 00:00:00 2001
From: Faisal Amir <urmauur@gmail.com>
Date: Sun, 27 Oct 2024 06:43:11 +0700
Subject: [PATCH 2/2] chore: update class parent

---
 web/screens/Thread/ThreadCenterPanel/ChatInput/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web/screens/Thread/ThreadCenterPanel/ChatInput/index.tsx b/web/screens/Thread/ThreadCenterPanel/ChatInput/index.tsx
index 2767cf76ea..afa84b5bf1 100644
--- a/web/screens/Thread/ThreadCenterPanel/ChatInput/index.tsx
+++ b/web/screens/Thread/ThreadCenterPanel/ChatInput/index.tsx
@@ -123,7 +123,7 @@ const ChatInput = () => {
 
   return (
     <div className="relative p-4 pb-2">
-      <div className="relative block">
+      <div className="relative flex w-full flex-col">
         {renderPreview(fileUpload)}
         <RichTextEditor
           className={twMerge(