fix(ui): distinguish EventProcessor with a trigger icon

web/src/app/home/plugins/components/plugin-installed/PluginComponentList.tsx

@@ -7,7 +7,7 @@ import {
   FileText,
   PanelTop,
   Bot,
-  Puzzle,
+  Zap,
 } from 'lucide-react';
 import { Badge } from '@/components/ui/badge';
 
@@ -34,7 +34,7 @@ export default function PluginComponentList({
     Parser: <FileText className="w-5 h-5" />,
     Page: <PanelTop className="w-5 h-5" />,
     AgentRunner: <Bot className="w-5 h-5" />,
-    EventProcessor: <Puzzle className="w-5 h-5" />,
+    EventProcessor: <Zap className="w-5 h-5" />,
   };
 
   const componentKindList = Object.keys(components || {});

web/src/app/home/plugins/components/plugin-market/PluginComponentIcons.ts

@@ -5,7 +5,7 @@ import {
   Book,
   FileText,
   Hash,
-  Puzzle,
+  Zap,
   Wrench,
   type LucideIcon,
 } from 'lucide-react';
@@ -18,5 +18,5 @@ export const pluginComponentIconMap: Record<string, LucideIcon> = {
   Parser: FileText,
   Page: AppWindow,
   AgentRunner: Bot,
-  EventProcessor: Puzzle,
+  EventProcessor: Zap,
 };

web/src/app/home/plugins/components/plugin-market/PluginMarketComponent.tsx

@@ -18,6 +18,7 @@ import { ToggleGroup, ToggleGroupItem } from '@/components/ui/toggle-group';
 import {
   Search,
   Puzzle,
+  Zap,
   Server,
   Sparkles,
   Wrench,
@@ -248,7 +249,7 @@ function MarketPageContent({
     {
       value: 'EventProcessor',
       label: t('market.componentName.EventProcessor'),
-      icon: Puzzle,
+      icon: Zap,
     },
   ];