From 5c8e06ed94b71e78995200e22d0d706b5115b923 Mon Sep 17 00:00:00 2001
From: icarus <eurfelux@gmail.com>
Date: Fri, 26 Sep 2025 04:37:30 +0800
Subject: [PATCH] style(components): update button styling in AgentItem and
 SessionItem

- Change hover background color and add shadow in AgentItem
- Use cn utility for className in SessionItem
- Update height and background color for active state in SessionItem
---
 src/renderer/src/pages/home/Tabs/components/AgentItem.tsx | 2 +-
 .../src/pages/home/Tabs/components/SessionItem.tsx        | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/renderer/src/pages/home/Tabs/components/AgentItem.tsx b/src/renderer/src/pages/home/Tabs/components/AgentItem.tsx
index 3d1a61fd58..ec21ae81de 100644
--- a/src/renderer/src/pages/home/Tabs/components/AgentItem.tsx
+++ b/src/renderer/src/pages/home/Tabs/components/AgentItem.tsx
@@ -84,7 +84,7 @@ const ButtonContainer: React.FC<React.ComponentProps<typeof Button>> = ({ classN
       'rounded-[var(--list-item-border-radius)]',
       'border-[0.5px] border-transparent',
       'w-[calc(var(--assistants-width)_-_20px)]',
-      'bg-transparent hover:bg-[var(--color-list-item-hover)]',
+      'bg-transparent hover:bg-[var(--color-list-item)] hover:shadow-sm',
       'cursor-pointer',
       className?.includes('active') && 'bg-[var(--color-list-item)] shadow-sm',
       className
diff --git a/src/renderer/src/pages/home/Tabs/components/SessionItem.tsx b/src/renderer/src/pages/home/Tabs/components/SessionItem.tsx
index 9d92acf460..f23c7b2cc7 100644
--- a/src/renderer/src/pages/home/Tabs/components/SessionItem.tsx
+++ b/src/renderer/src/pages/home/Tabs/components/SessionItem.tsx
@@ -46,7 +46,7 @@ const SessionItem: FC<SessionItemProps> = ({ session, agentId, isDisabled, isLoa
             isDisabled={isDisabled}
             isLoading={isLoading}
             onPress={onPress}
-            className={isActive ? 'active' : ''}
+            className={cn(isActive ? 'active' : '')}
             onDoubleClick={() => startEdit(session.name ?? '')}>
             <SessionLabelContainer className="name h-full w-full" title={session.name ?? session.id}>
               {isEditing && (
@@ -99,14 +99,14 @@ const SessionItem: FC<SessionItemProps> = ({ session, agentId, isDisabled, isLoa
 const ButtonContainer: React.FC<React.ComponentProps<typeof Button>> = ({ className, children, ...props }) => (
   <Button
     {...props}
+    variant="light"
     className={cn(
-      'relative mb-2 flex h-[37px] flex-row justify-between p-0',
+      'relative mb-2 flex h-9 flex-row justify-between p-0',
       'rounded-[var(--list-item-border-radius)]',
       'border-[0.5px] border-transparent',
       'w-[calc(var(--assistants-width)_-_20px)]',
-      'bg-transparent hover:bg-[var(--color-list-item-hover)]',
       'cursor-pointer',
-      className?.includes('active') && 'bg-[var(--color-list-item)] shadow-sm',
+      className?.includes('active') && 'bg-foreground-100 shadow-sm',
       className
     )}>
     {children}