Fix: Optimize code and fix ts type errors #9869 (#10666)

### What problem does this PR solve?

Fix: Optimize code and fix ts type errors #9869

### Type of change

- [x] Bug Fix (non-breaking change which fixes an issue)

web/src/components/floating-chat-widget.tsx

@@ -1,18 +1,10 @@
 import PdfDrawer from '@/components/pdf-drawer';
 import { useClickDrawer } from '@/components/pdf-drawer/hooks';
-import { MessageType, SharedFrom } from '@/constants/chat';
-import { useFetchNextConversationSSE } from '@/hooks/chat-hooks';
-import { useFetchFlowSSE } from '@/hooks/flow-hooks';
+import { MessageType } from '@/constants/chat';
 import { useFetchExternalChatInfo } from '@/hooks/use-chat-request';
 import i18n from '@/locales/config';
 import { MessageCircle, Minimize2, Send, X } from 'lucide-react';
-import React, {
-  useCallback,
-  useEffect,
-  useMemo,
-  useRef,
-  useState,
-} from 'react';
+import React, { useCallback, useEffect, useRef, useState } from 'react';
 import {
   useGetSharedChatSearchParams,
   useSendSharedMessage,
@@ -28,12 +20,7 @@ const FloatingChatWidget = () => {
   const [isLoaded, setIsLoaded] = useState(false);
   const messagesEndRef = useRef<HTMLDivElement>(null);
 
-  const {
-    sharedId: conversationId,
-    from,
-    locale,
-    visibleAvatar,
-  } = useGetSharedChatSearchParams();
+  const { sharedId: conversationId, locale } = useGetSharedChatSearchParams();
 
   // Check if we're in button-only mode or window-only mode
   const urlParams = new URLSearchParams(window.location.search);
@@ -58,14 +45,6 @@ const FloatingChatWidget = () => {
 
   const { data: chatInfo } = useFetchExternalChatInfo();
 
-  const useFetchAvatar = useMemo(() => {
-    return from === SharedFrom.Agent
-      ? useFetchFlowSSE
-      : useFetchNextConversationSSE;
-  }, [from]);
-
-  const { data: avatarData } = useFetchAvatar();
-
   const { visible, hideModal, documentId, selectedChunk, clickDocumentButton } =
     useClickDrawer();
 
@@ -181,6 +160,40 @@ const FloatingChatWidget = () => {
     messagesEndRef.current?.scrollIntoView({ behavior: 'smooth' });
   }, [displayMessages]);
 
+  // Render different content based on mode
+  // Master mode - handles everything and creates second iframe dynamically
+  useEffect(() => {
+    if (mode !== 'master') return;
+    // Create the chat window iframe dynamically when needed
+    const createChatWindow = () => {
+      // Check if iframe already exists in parent document
+      window.parent.postMessage(
+        {
+          type: 'CREATE_CHAT_WINDOW',
+          src: window.location.href.replace('mode=master', 'mode=window'),
+        },
+        '*',
+      );
+    };
+
+    createChatWindow();
+
+    // Listen for our own toggle events to show/hide the dynamic iframe
+    const handleToggle = (e: MessageEvent) => {
+      if (e.source === window) return; // Ignore our own messages
+
+      const chatWindow = document.getElementById(
+        'dynamic-chat-window',
+      ) as HTMLIFrameElement;
+      if (chatWindow && e.data.type === 'TOGGLE_CHAT') {
+        chatWindow.style.display = e.data.isOpen ? 'block' : 'none';
+      }
+    };
+
+    window.addEventListener('message', handleToggle);
+    return () => window.removeEventListener('message', handleToggle);
+  }, [mode]);
+
   // Play sound only when AI response is complete (not streaming chunks)
   useEffect(() => {
     if (derivedMessages && derivedMessages.length > 0 && !sendLoading) {
@@ -271,41 +284,8 @@ const FloatingChatWidget = () => {
 
   const messageCount = displayMessages?.length || 0;
 
-  // Render different content based on mode
+  // Show just the button in master mode
   if (mode === 'master') {
-    // Master mode - handles everything and creates second iframe dynamically
-    useEffect(() => {
-      // Create the chat window iframe dynamically when needed
-      const createChatWindow = () => {
-        // Check if iframe already exists in parent document
-        window.parent.postMessage(
-          {
-            type: 'CREATE_CHAT_WINDOW',
-            src: window.location.href.replace('mode=master', 'mode=window'),
-          },
-          '*',
-        );
-      };
-
-      createChatWindow();
-
-      // Listen for our own toggle events to show/hide the dynamic iframe
-      const handleToggle = (e: MessageEvent) => {
-        if (e.source === window) return; // Ignore our own messages
-
-        const chatWindow = document.getElementById(
-          'dynamic-chat-window',
-        ) as HTMLIFrameElement;
-        if (chatWindow && e.data.type === 'TOGGLE_CHAT') {
-          chatWindow.style.display = e.data.isOpen ? 'block' : 'none';
-        }
-      };
-
-      window.addEventListener('message', handleToggle);
-      return () => window.removeEventListener('message', handleToggle);
-    }, []);
-
-    // Show just the button in master mode
     return (
       <div
         className={`fixed bottom-6 right-6 z-50 transition-opacity duration-300 ${isLoaded ? 'opacity-100' : 'opacity-0'}`}
@@ -678,6 +658,7 @@ const FloatingChatWidget = () => {
                     />
                   </div>
                   <button
+                    type="button"
                     onClick={handleSendMessage}
                     disabled={!inputValue.trim() || sendLoading}
                     className="p-3 bg-blue-600 text-white rounded-full hover:bg-blue-700 disabled:opacity-50 disabled:cursor-not-allowed transition-colors"