From c52cc5a94ff71ecee161c7121f12143391c8b4be Mon Sep 17 00:00:00 2001
From: icarus <eurfelux@gmail.com>
Date: Fri, 26 Sep 2025 14:01:16 +0800
Subject: [PATCH] style(sessions): update styling and add scrollbar props to
 DynamicVirtualList

- Change class name from agents-tab to sessions-tab and add flex layout
- Add overflowX hidden and autoHideScrollbar props to DynamicVirtualList
---
 .../src/pages/home/Tabs/components/Sessions.tsx       | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/renderer/src/pages/home/Tabs/components/Sessions.tsx b/src/renderer/src/pages/home/Tabs/components/Sessions.tsx
index 4479aaa89a..713b97cf2f 100644
--- a/src/renderer/src/pages/home/Tabs/components/Sessions.tsx
+++ b/src/renderer/src/pages/home/Tabs/components/Sessions.tsx
@@ -99,7 +99,7 @@ const Sessions: React.FC<SessionsProps> = ({ agentId }) => {
       initial={{ opacity: 0 }}
       animate={{ opacity: 1 }}
       transition={{ duration: 0.3 }}
-      className="agents-tab h-full w-full p-2">
+      className="sessions-tab flex h-full w-full flex-col p-2">
       <motion.div initial={{ opacity: 0, y: -10 }} animate={{ opacity: 1, y: 0 }}>
         <Button
           onPress={handleCreateSession}
@@ -110,7 +110,14 @@ const Sessions: React.FC<SessionsProps> = ({ agentId }) => {
       </motion.div>
       <AnimatePresence>
         {/* h-9 */}
-        <DynamicVirtualList list={sessions} estimateSize={() => 9 * 4}>
+        <DynamicVirtualList
+          list={sessions}
+          estimateSize={() => 9 * 4}
+          scrollerStyle={{
+            // FIXME: This component only supports CSSProperties
+            overflowX: 'hidden'
+          }}
+          autoHideScrollbar>
           {(session, index) => (
             <motion.div
               key={session.id}