fix: edge case tiny chat input box show randomly

web/screens/Thread/ThreadCenterPanel/ChatInput/index.tsx

@@ -74,7 +74,7 @@
   )
 
   const isStreamingResponse = Object.values(threadStates).some(
     (threadState) => threadState.waitingForResponse
   )
 
   const refAttachmentMenus = useClickOutside(() => setShowAttacmentMenus(false))
@@ -82,12 +82,12 @@
 
   useEffect(() => {
     if (textareaRef.current) {
       textareaRef.current.focus()
     }
   }, [activeThreadId])
 
   const onStopInferenceClick = async () => {
     stopInference()
   }
 
   const isModelSupportRagAndTools =
@@ -100,23 +100,23 @@
    * @param event - The change event object.
    */
   const handleFileChange = (event: React.ChangeEvent<HTMLInputElement>) => {
     const file = event.target.files?.[0]
     if (!file) return
     setFileUpload([{ file: file, type: 'pdf' }])
   }
 
   const handleImageChange = (event: React.ChangeEvent<HTMLInputElement>) => {
     const file = event.target.files?.[0]
     if (!file) return
     setFileUpload([{ file: file, type: 'image' }])
   }
 
   const renderPreview = (fileUpload: any) => {
     if (fileUpload.length > 0) {
       if (fileUpload[0].type === 'image') {
         return <ImageUploadPreview file={fileUpload[0].file} />
       } else {
         return <FileUploadPreview />
       }
     }
   }
@@ -125,7 +125,6 @@
     <div className="relative p-4 pb-2">
       <div className="relative flex w-full flex-col">
         {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,9 +140,9 @@
           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)}
         />
         {experimentalFeature && (
           <Tooltip
@@ -152,13 +151,13 @@
                 theme="icon"
                 className="absolute left-3 top-2.5"
                 onClick={(e) => {
                   if (
                     fileUpload.length > 0 ||
                     (activeThread?.assistants[0].tools &&
                       !activeThread?.assistants[0].tools[0]?.enabled &&
                       !activeThread?.assistants[0].model.settings.vision_model)
                   ) {
                     e.stopPropagation()
                   } else {
                     setShowAttacmentMenus(!showAttacmentMenus)
                   }