fix(web): make the selected agent-explore session visually distinct (#18253)

This commit is contained in:
euvre
2026-08-14 03:24:20 -07:00
committed by GitHub
parent 6a35e8d806
commit 94f535f364
2 changed files with 1 additions and 39 deletions

View File

@@ -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>
);
}

View File

@@ -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">