feat: enhance ResearchBlock tab functionality

web/src/app/_components/research-block.tsx

@@ -124,7 +124,12 @@ export function ResearchBlock({
               </TabsTrigger>
             </TabsList>
           </div>
-          <TabsContent className="h-full min-h-0 flex-grow px-8" value="report">
+          <TabsContent
+            className="h-full min-h-0 flex-grow px-8"
+            value="report"
+            forceMount
+            hidden={activeTab !== "report"}
+          >
             <ScrollContainer
               className="px-5pb-20 h-full"
               scrollShadowColor="var(--card)"
@@ -141,6 +146,8 @@ export function ResearchBlock({
           <TabsContent
             className="h-full min-h-0 flex-grow px-8"
             value="activities"
+            forceMount
+            hidden={activeTab !== "activities"}
           >
             <ScrollContainer className="h-full" scrollShadowColor="var(--card)">
               {researchId && (

web/src/app/_components/research-report-block.tsx

@@ -1,7 +1,7 @@
 // Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
 // SPDX-License-Identifier: MIT
 
-import { useCallback, useEffect, useLayoutEffect, useRef } from "react";
+import { useCallback, useRef } from "react";
 
 import ReportEditor from "~/components/editor";
 import { useMessage, useStore } from "~/core/store";
@@ -48,6 +48,7 @@ export function ResearchReportBlock({
   //     }, 500);
   //   }
   // }, [isCompleted]);
+
   return (
     <div
       ref={contentRef}