From 307ea0189ed6402511f4b4ed7d723724b697a46b Mon Sep 17 00:00:00 2001
From: qixinbo <qixinbo@gmail.com>
Date: Mon, 30 Mar 2026 00:05:58 +0800
Subject: [PATCH] fix: react function rendering always to insert mode

---
 frontend/src/components/ChatInterface.tsx | 24 +++++++++++------------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/frontend/src/components/ChatInterface.tsx b/frontend/src/components/ChatInterface.tsx
index f4c85ac..4a6d0ea 100644
--- a/frontend/src/components/ChatInterface.tsx
+++ b/frontend/src/components/ChatInterface.tsx
@@ -801,7 +801,7 @@ export function ChatInterface() {
     );
   };
 
-  const ChatInputPanel = ({
+  const renderInputPanel = ({
     menuSide,
     menuOffsetClass,
     recordingWaveKeyPrefix,
@@ -1382,11 +1382,11 @@ export function ChatInterface() {
 
               {/* Input Area */}
               <div className="w-full px-4">
-                <ChatInputPanel
-                  menuSide="bottom"
-                  menuOffsetClass="mt-2"
-                  recordingWaveKeyPrefix="empty"
-                />
+                {renderInputPanel({
+                  menuSide: "bottom",
+                  menuOffsetClass: "mt-2",
+                  recordingWaveKeyPrefix: "empty",
+                })}
                 <div className="mt-4 flex flex-wrap justify-center gap-2">
                   {/* Common Questions or suggestions could go here */}
                 </div>
@@ -1636,12 +1636,12 @@ export function ChatInterface() {
       {/* Floating Input for Chat State */}
       {messages.length > 0 && (
         <div className="px-4 pb-6 pt-3 border-t border-border bg-background">
-          <ChatInputPanel
-            menuSide="top"
-            menuOffsetClass="mb-2"
-            recordingWaveKeyPrefix="chat"
-            showDisclaimer
-          />
+          {renderInputPanel({
+            menuSide: "top",
+            menuOffsetClass: "mb-2",
+            recordingWaveKeyPrefix: "chat",
+            showDisclaimer: true,
+          })}
         </div>
       )}
       <Dialog open={Boolean(artifactPreview)} onOpenChange={(open) => {