feat: adjust thinking layout, and implement auto scrolling

web/src/app/chat/components/message-list-view.tsx

@@ -316,9 +316,8 @@ function ThoughtBlock({
   isStreaming?: boolean;
   hasMainContent?: boolean;
 }) {
-  const [isOpen, setIsOpen] = useState(true); // 初始状态为展开
+  const [isOpen, setIsOpen] = useState(true);
 
-  // 当开始有主要内容时，自动折叠思考块
   const [hasAutoCollapsed, setHasAutoCollapsed] = useState(false);
 
   React.useEffect(() => {
@@ -385,7 +384,16 @@ function ThoughtBlock({
               isStreaming ? "border-primary/20 bg-primary/5" : "border-border",
             )}
           >
-            <CardContent className="py-6">
+            <CardContent>
+              <div className="flex h-40 w-full overflow-y-auto">
+                <ScrollContainer
+                  className={cn(
+                    "flex h-full w-full flex-col overflow-hidden",
+                    className,
+                  )}
+                  scrollShadow={false}
+                  autoScrollToBottom
+                >
                   <Markdown
                     className={cn(
                       "prose dark:prose-invert max-w-none transition-colors duration-200",
@@ -395,6 +403,8 @@ function ThoughtBlock({
                   >
                     {content}
                   </Markdown>
+                </ScrollContainer>
+              </div>
             </CardContent>
           </Card>
         </CollapsibleContent>