From a419aed40442ce2c806e436b46978a714fb984a5 Mon Sep 17 00:00:00 2001
From: icarus <eurfelux@gmail.com>
Date: Fri, 26 Sep 2025 01:42:31 +0800
Subject: [PATCH] refactor(animations): simplify motion animations in
 SessionsTab and Sessions components

Remove redundant motion animations and streamline transition properties to improve code maintainability
---
 src/renderer/src/pages/home/Tabs/SessionsTab.tsx         | 9 +--------
 src/renderer/src/pages/home/Tabs/components/Sessions.tsx | 8 ++------
 2 files changed, 3 insertions(+), 14 deletions(-)

diff --git a/src/renderer/src/pages/home/Tabs/SessionsTab.tsx b/src/renderer/src/pages/home/Tabs/SessionsTab.tsx
index fd75efc1e3..4ba565b710 100644
--- a/src/renderer/src/pages/home/Tabs/SessionsTab.tsx
+++ b/src/renderer/src/pages/home/Tabs/SessionsTab.tsx
@@ -43,14 +43,7 @@ const SessionsTab: FC<SessionsTabProps> = () => {
           </motion.p>
         </motion.div>
       ) : (
-        <motion.div
-          key={activeAgentId}
-          initial={{ opacity: 0, x: 20 }}
-          animate={{ opacity: 1, x: 0 }}
-          exit={{ opacity: 0, x: -20 }}
-          transition={{ duration: 0.3, ease: 'easeOut' }}>
-          <Sessions agentId={activeAgentId} />
-        </motion.div>
+        <Sessions agentId={activeAgentId} />
       )}
     </AnimatePresence>
   )
diff --git a/src/renderer/src/pages/home/Tabs/components/Sessions.tsx b/src/renderer/src/pages/home/Tabs/components/Sessions.tsx
index c8c30dcf5a..cf4f50e122 100644
--- a/src/renderer/src/pages/home/Tabs/components/Sessions.tsx
+++ b/src/renderer/src/pages/home/Tabs/components/Sessions.tsx
@@ -99,10 +99,7 @@ const Sessions: React.FC<SessionsProps> = ({ agentId }) => {
       animate={{ opacity: 1 }}
       transition={{ duration: 0.3 }}
       className="agents-tab h-full w-full p-2">
-      <motion.div
-        initial={{ opacity: 0, y: -10 }}
-        animate={{ opacity: 1, y: 0 }}
-        transition={{ duration: 0.2, delay: 0.1 }}>
+      <motion.div initial={{ opacity: 0, y: -10 }} animate={{ opacity: 1, y: 0 }}>
         <Button
           onPress={handleCreateSession}
           className="mb-2 w-full justify-start bg-transparent text-foreground-500 hover:bg-accent">
@@ -114,9 +111,8 @@ const Sessions: React.FC<SessionsProps> = ({ agentId }) => {
         {sessions.map((session, index) => (
           <motion.div
             key={session.id}
-            initial={{ opacity: 0, x: -20 }}
+            initial={{ opacity: 0, x: 20 }}
             animate={{ opacity: 1, x: 0 }}
-            exit={{ opacity: 0, x: 20, transition: { duration: 0.2 } }}
             transition={{ duration: 0.3, delay: index * 0.05 }}>
             <SessionItem
               session={session}