优化会话列表显示效果

src/app/globals.css

@@ -44,7 +44,7 @@
   --sidebar-foreground: oklch(0.145 0 0);
   --sidebar-primary: oklch(0.205 0 0);
   --sidebar-primary-foreground: oklch(0.985 0 0);
-  --sidebar-accent: oklch(0.97 0 0);
+  --sidebar-accent: oklch(0.94 0 0);
   --sidebar-accent-foreground: oklch(0.205 0 0);
   --sidebar-border: oklch(0.922 0 0);
   --sidebar-ring: oklch(0.708 0 0);
@@ -78,7 +78,7 @@
   --sidebar-foreground: oklch(0.985 0 0);
   --sidebar-primary: oklch(0.488 0.243 264.376);
   --sidebar-primary-foreground: oklch(0.985 0 0);
-  --sidebar-accent: oklch(0.269 0 0);
+  --sidebar-accent: oklch(0.28 0 0);
   --sidebar-accent-foreground: oklch(0.985 0 0);
   --sidebar-border: oklch(1 0 0 / 10%);
   --sidebar-ring: oklch(0.556 0 0);
@@ -108,7 +108,7 @@
     --sidebar-foreground: oklch(0.985 0 0);
     --sidebar-primary: oklch(0.488 0.243 264.376);
     --sidebar-primary-foreground: oklch(0.985 0 0);
-    --sidebar-accent: oklch(0.269 0 0);
+    --sidebar-accent: oklch(0.28 0 0);
     --sidebar-accent-foreground: oklch(0.985 0 0);
     --sidebar-border: oklch(1 0 0 / 10%);
     --sidebar-ring: oklch(0.556 0 0);

src/components/conversations/sidebar-conversation-card.tsx

@@ -117,9 +117,10 @@ export const SidebarConversationCard = memo(function SidebarConversationCard({
             onClick={handleClick}
             onDoubleClick={handleDblClick}
             className={cn(
-              "w-full text-left px-3 py-2.5 rounded-md transition-colors",
+              "w-full text-left px-3 py-2.5 mb-1 rounded-md transition-colors",
-              "hover:bg-sidebar-accent/50",
+              isSelected
-              isSelected && "bg-sidebar-accent text-sidebar-accent-foreground"
+                ? "bg-sidebar-accent text-sidebar-accent-foreground"
+                : "hover:bg-sidebar-accent/50"
             )}
           >
             <div className="flex items-center gap-1.5 min-w-0">

src/components/conversations/sidebar-conversation-list.tsx

@@ -72,7 +72,7 @@ type FlatItem =
   | { type: "conversation"; conversation: DbConversationSummary }
 
 const HEADER_HEIGHT = 32
-const CARD_HEIGHT = 58
+const CARD_HEIGHT = 62
 
 const GroupHeader = memo(function GroupHeader({
   status,
@@ -102,9 +102,7 @@ const GroupHeader = memo(function GroupHeader({
         className={cn("w-2 h-2 rounded-full shrink-0", STATUS_COLORS[status])}
       />
       <span>{tStatus(status)}</span>
-      <span className="ml-auto text-muted-foreground/60 tabular-nums">
+      <span className="text-muted-foreground/60 tabular-nums">({count})</span>
-        {count}
-      </span>
     </button>
   )
 })
@@ -148,8 +146,8 @@ const PendingReviewHeader = memo(function PendingReviewHeader({
             )}
           />
           <span>{tStatus("pending_review")}</span>
-          <span className="ml-auto text-muted-foreground/60 tabular-nums">
+          <span className="text-muted-foreground/60 tabular-nums">
-            {count}
+            ({count})
           </span>
         </button>
       </ContextMenuTrigger>