From 94f535f364f74b068541dfcb0a39e4fc5077a4e7 Mon Sep 17 00:00:00 2001
From: euvre <93761161+euvre@users.noreply.github.com>
Date: Fri, 14 Aug 2026 03:24:20 -0700
Subject: [PATCH] fix(web): make the selected agent-explore session visually
 distinct (#18253)

---
 .../agent/explore/components/canvas-card.tsx  | 38 -------------------
 .../agent/explore/components/session-card.tsx |  2 +-
 2 files changed, 1 insertion(+), 39 deletions(-)
 delete mode 100644 web/src/pages/agent/explore/components/canvas-card.tsx

diff --git a/web/src/pages/agent/explore/components/canvas-card.tsx b/web/src/pages/agent/explore/components/canvas-card.tsx
deleted file mode 100644
index 12e3f354a7..0000000000
--- a/web/src/pages/agent/explore/components/canvas-card.tsx
+++ /dev/null
@@ -1,38 +0,0 @@
-import { RAGFlowAvatar } from '@/components/ragflow-avatar';
-import { Card, CardContent } from '@/components/ui/card';
-import { IFlow } from '@/interfaces/database/agent';
-import { cn } from '@/lib/utils';
-
-interface CanvasCardProps {
-  canvas: IFlow;
-  selected?: boolean;
-  onClick: () => void;
-}
-
-export function CanvasCard({ canvas, selected, onClick }: CanvasCardProps) {
-  return (
-    <Card
-      onClick={onClick}
-      className={cn(
-        'cursor-pointer hover:shadow-md transition-shadow',
-        selected && 'bg-bg-card',
-      )}
-    >
-      <CardContent className="p-3 flex gap-2 items-start">
-        <RAGFlowAvatar
-          className="w-[32px] h-[32px] flex-shrink-0"
-          avatar={canvas.avatar}
-          name={canvas.title}
-        />
-        <div className="flex-1 min-w-0">
-          <div className="text-base font-bold truncate">{canvas.title}</div>
-          {canvas.description && (
-            <div className="text-sm text-text-secondary truncate">
-              {canvas.description}
-            </div>
-          )}
-        </div>
-      </CardContent>
-    </Card>
-  );
-}
diff --git a/web/src/pages/agent/explore/components/session-card.tsx b/web/src/pages/agent/explore/components/session-card.tsx
index bf031c3e66..0f256cbb24 100644
--- a/web/src/pages/agent/explore/components/session-card.tsx
+++ b/web/src/pages/agent/explore/components/session-card.tsx
@@ -28,7 +28,7 @@ export function SessionCard({
       onClick={onClick}
       className={cn(
         'cursor-pointer hover:shadow-md transition-shadow',
-        selected && 'bg-bg-card',
+        selected && 'border-accent-primary bg-accent-primary/10',
       )}
     >
       <CardContent className="p-3 flex justify-between items-center gap-2 group">