Sync main to dev after 0.5.10

web/screens/Thread/ThreadCenterPanel/ChatBody/index.tsx

@@ -16,29 +16,29 @@
 import { getCurrentChatMessagesAtom } from '@/helpers/atoms/ChatMessage.atom'
 
 const ChatConfigurator = memo(() => {
   const messages = useAtomValue(getCurrentChatMessagesAtom)
 
   const [current, setCurrent] = useState<ThreadMessage[]>([])
   const loadModelError = useAtomValue(loadModelErrorAtom)
 
   const isMessagesIdentificial = (
     arr1: ThreadMessage[],
     arr2: ThreadMessage[]
   ): boolean => {
     if (arr1.length !== arr2.length) return false
     return arr1.every((item, index) => item.id === arr2[index].id)
   }
 
   useEffect(() => {
     if (
       messages?.length !== current?.length ||
       !isMessagesIdentificial(messages, current)
     ) {
       setCurrent(messages)
     }
   }, [messages, current, loadModelError])
 
   if (!messages.length) return <EmptyThread />
   return (
     <div className="flex h-full w-full flex-col">
       <ChatBody loadModelError={loadModelError} messages={current} />
@@ -55,15 +55,15 @@
     loadModelError?: string
   }) => {
     // The scrollable element for your list
     const parentRef = useRef(null)
 
     const count = useMemo(
       () => (messages?.length ?? 0) + (loadModelError ? 1 : 0),
       [messages, loadModelError]
     )
 
     // The virtualizer
     const virtualizer = useVirtualizer({
       count,
       getScrollElement: () => parentRef.current,
       estimateSize: () => 35,
@@ -88,7 +88,7 @@
     }
 
     return (
-      <div className="scroll-area flex h-full w-full flex-col overflow-x-hidden">
+      <div className="flex h-full w-full flex-col overflow-x-hidden">
         <div
           ref={parentRef}
           className="List"