fix: reset prompt when send click button

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

@@ -90,10 +90,10 @@
           // Match bold text pattern *text*
           const boldMatches = [...text.matchAll(/(\*.*?\*)/g)] // Find bold patterns
           boldMatches.forEach((match) => {
             const startOffset = match.index + 1 || 0
             const length = match[0].length - 2
 
             ranges.push({
               anchor: { path: [...path, childIndex], offset: startOffset },
               focus: {
                 path: [...path, childIndex],
@@ -113,10 +113,10 @@
           // Match bold text pattern **text**
           const boldMatches = [...text.matchAll(/(\*\*.*?\*\*)/g)] // Find bold patterns
           boldMatches.forEach((match) => {
             const startOffset = match.index + 2 || 0
             const length = match[0].length - 4
 
             ranges.push({
               anchor: { path: [...path, childIndex], offset: startOffset },
               focus: {
                 path: [...path, childIndex],
@@ -130,25 +130,25 @@
       }
 
       if (Editor.isBlock(editor, node) && node.type === 'code') {
         node.children.forEach((child: { text: any }, childIndex: number) => {
           const text = child.text
 
           // Match code block start and end
           const startMatch = text.match(/^```(\w*)$/)
           const endMatch = text.match(/^```$/)
           const inlineMatch = text.match(/^`([^`]+)`$/) // Match inline code
 
           if (startMatch) {
             // If it's the start of a code block, store the language
             currentLanguage.current = startMatch[1] || 'plaintext'
           } else if (endMatch) {
             // Reset language when code block ends
             currentLanguage.current = 'plaintext'
           } else if (inlineMatch) {
             // Apply syntax highlighting to inline code
             const codeContent = inlineMatch[1] // Get the content within the backticks
             try {
               hljs.highlight(codeContent, {
                 language:
                   currentLanguage.current.length > 1
                     ? currentLanguage.current
@@ -301,6 +301,11 @@
       textareaRef.current.style.overflow =
         textareaRef.current.clientHeight >= 390 ? 'auto' : 'hidden'
     }
+
+    if (currentPrompt.length === 0) {
+      resetEditor()
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [textareaRef.current?.clientHeight, currentPrompt, activeSettingInputBox])
 
   const onStopInferenceClick = async () => {
@@ -317,13 +322,15 @@
 
     // Adjust the height of the textarea to its initial state
     if (textareaRef.current) {
-      textareaRef.current.style.height = '40px' // Reset to the initial height or your desired height
+      textareaRef.current.style.height = activeSettingInputBox
+        ? '100px'
+        : '44px'
       textareaRef.current.style.overflow = 'hidden' // Reset overflow style
     }
 
     // Ensure the editor re-renders decorations
     editor.onChange()
-  }, [editor])
+  }, [activeSettingInputBox, editor])
 
   const handleKeyDown = useCallback(
     (event: React.KeyboardEvent) => {