diff --git a/web/src/app/home/agents/components/ProcessorTypeDiagram.tsx b/web/src/app/home/agents/components/ProcessorTypeDiagram.tsx
index bae285498..3e83ac235 100644
--- a/web/src/app/home/agents/components/ProcessorTypeDiagram.tsx
+++ b/web/src/app/home/agents/components/ProcessorTypeDiagram.tsx
@@ -66,7 +66,8 @@ function AgentDiagram() {
             fill="none"
             stroke={LANGBOT_BLUE}
             strokeWidth="2"
-            opacity="0.22"
+            opacity="0.32"
+            markerEnd={`url(#${arrowId})`}
           />
           <rect
             x="64"
@@ -113,15 +114,25 @@ function AgentDiagram() {
         {t('agents.agentType')}
       </text>
 
-      {outputs.map((item, index) => (
+      <text
+        x="538"
+        y="112"
+        fill="var(--muted-foreground)"
+        fontSize="13"
+        fontWeight="600"
+      >
+        {t('agents.diagramAgentInitiated')}
+      </text>
+
+      {outputs.map((item) => (
         <g key={item.label}>
           <path
             d={`M436 310 C468 310 474 ${item.y + 29} 538 ${item.y + 29}`}
             fill="none"
             stroke={LANGBOT_BLUE}
             strokeWidth="2"
-            opacity="0.22"
-            markerEnd={index === 2 ? `url(#${arrowId})` : undefined}
+            opacity="0.38"
+            markerEnd={`url(#${arrowId})`}
           />
           <rect
             x="538"
@@ -129,14 +140,26 @@ function AgentDiagram() {
             width="158"
             height="58"
             rx="14"
-            fill={`color-mix(in srgb, ${LANGBOT_CYAN} 7%, var(--card))`}
+            fill="var(--card)"
+            stroke={LANGBOT_CYAN}
+            strokeOpacity="0.45"
+            strokeWidth="1.5"
           />
           <circle
             cx="565"
             cy={item.y + 29}
-            r="5"
-            fill={index === 1 ? LANGBOT_CYAN : LANGBOT_BLUE}
-            opacity={index === 1 ? 1 : 0.48}
+            r="11"
+            fill={`color-mix(in srgb, ${LANGBOT_CYAN} 10%, var(--card))`}
+            stroke={LANGBOT_CYAN}
+            strokeOpacity="0.5"
+          />
+          <path
+            d={`M559 ${item.y + 29}h12m-4-4 4 4-4 4`}
+            fill="none"
+            stroke={LANGBOT_CYAN}
+            strokeWidth="1.7"
+            strokeLinecap="round"
+            strokeLinejoin="round"
           />
           <text
             x="584"
diff --git a/web/src/i18n/locales/en-US.ts b/web/src/i18n/locales/en-US.ts
index dce936579..6347fee28 100644
--- a/web/src/i18n/locales/en-US.ts
+++ b/web/src/i18n/locales/en-US.ts
@@ -723,6 +723,7 @@ const enUS = {
       'A Pipeline handles message events only and runs each step in the order you configure.',
     pipelineDiagramFlow: 'Messages move through a fixed sequence',
     diagramEvents: 'Platform events',
+    diagramAgentInitiated: 'Initiated by Agent',
     diagramMessages: 'Messages',
     diagramMembers: 'Members',
     diagramFeedback: 'Feedback',
diff --git a/web/src/i18n/locales/ja-JP.ts b/web/src/i18n/locales/ja-JP.ts
index 5249a71f5..8f581a6f6 100644
--- a/web/src/i18n/locales/ja-JP.ts
+++ b/web/src/i18n/locales/ja-JP.ts
@@ -736,6 +736,7 @@ const jaJP = {
       'Pipeline はメッセージイベントのみを、設定した固定ステップの順番で処理します。',
     pipelineDiagramFlow: 'メッセージを固定フローで順番に処理',
     diagramEvents: 'イベント',
+    diagramAgentInitiated: 'Agent が実行',
     diagramMessages: 'メッセージ',
     diagramMembers: 'メンバー',
     diagramFeedback: 'フィードバック',
diff --git a/web/src/i18n/locales/zh-Hans.ts b/web/src/i18n/locales/zh-Hans.ts
index 3be6af458..d14b1e228 100644
--- a/web/src/i18n/locales/zh-Hans.ts
+++ b/web/src/i18n/locales/zh-Hans.ts
@@ -692,6 +692,7 @@ const zhHans = {
       'Pipeline 只处理消息事件，并严格按照你编排的固定步骤依次执行。',
     pipelineDiagramFlow: '消息沿固定流程依次处理',
     diagramEvents: '平台事件',
+    diagramAgentInitiated: 'Agent 主动发起',
     diagramMessages: '消息',
     diagramMembers: '群成员',
     diagramFeedback: '反馈',