From affad91b08138d4f27773d0aa52935606f5ec841 Mon Sep 17 00:00:00 2001
From: balibabu <cike8899@users.noreply.github.com>
Date: Wed, 5 Aug 2026 15:58:06 +0800
Subject: [PATCH] Fix: Add an icon to the tag on the agent card to distinguish
 it from the wiki card type. (#17847)

---
 web/src/pages/agents/agent-card.tsx | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/web/src/pages/agents/agent-card.tsx b/web/src/pages/agents/agent-card.tsx
index 82731d5cfb..23661bda9e 100644
--- a/web/src/pages/agents/agent-card.tsx
+++ b/web/src/pages/agents/agent-card.tsx
@@ -9,6 +9,7 @@ import { AgentListItemType, IFlow } from '@/interfaces/database/agent';
 import { CanvasCategoryToFlowType, FlowType, FlowTypeConfig } from './constant';
 import { AgentDropdown } from './agent-dropdown';
 import { useRenameAgent } from './use-rename-agent';
+import { Tag } from 'lucide-react';
 
 export type DatasetCardProps = {
   data: IFlow & { type?: AgentListItemType };
@@ -48,8 +49,13 @@ function AgentTags({ tags }: { tags?: string }) {
   return (
     <div className="flex flex-wrap gap-1 mt-1">
       {list.map((tag) => (
-        <Badge key={tag} variant="secondary" className="text-xs font-normal">
-          {tag}
+        <Badge
+          key={tag}
+          variant="secondary"
+          className="text-xs font-normal space-x-1"
+        >
+          <Tag className="size-3" />
+          <span>{tag}</span>
         </Badge>
       ))}
     </div>