diff --git a/web/app/components/base/prompt-editor/plugins/component-picker-block/index.tsx b/web/app/components/base/prompt-editor/plugins/component-picker-block/index.tsx
index fa7d78de70..a983fd1d7d 100644
--- a/web/app/components/base/prompt-editor/plugins/component-picker-block/index.tsx
+++ b/web/app/components/base/prompt-editor/plugins/component-picker-block/index.tsx
@@ -381,20 +381,25 @@ const ComponentPicker = ({
               >
                 {isAgentTrigger
                   ? (
-                      <AgentNodeList
-                        nodes={agentNodes.map(node => ({
-                          ...node,
-                          type: BlockEnum.Agent || BlockEnum.LLM,
-                        }))}
-                        onSelect={handleSelectAgent}
-                        onClose={handleClose}
-                        onBlur={handleClose}
-                        maxHeightClass="max-h-[34vh]"
-                        autoFocus={false}
-                        hideSearch={useExternalSearch}
-                        externalSearchText={useExternalSearch ? (queryString ?? '') : undefined}
-                        enableKeyboardNavigation={useExternalSearch}
-                      />
+                      <div>
+                        <div className="system-xs-medium-uppercase mx-auto flex w-fit items-center py-1 text-text-tertiary">
+                          {t('nodes.tool.agentPopupHeader', { ns: 'workflow' })}
+                        </div>
+                        <AgentNodeList
+                          nodes={agentNodes.map(node => ({
+                            ...node,
+                            type: BlockEnum.Agent || BlockEnum.LLM,
+                          }))}
+                          onSelect={handleSelectAgent}
+                          onClose={handleClose}
+                          onBlur={handleClose}
+                          maxHeightClass="max-h-[34vh]"
+                          autoFocus={false}
+                          hideSearch={useExternalSearch}
+                          externalSearchText={useExternalSearch ? (queryString ?? '') : undefined}
+                          enableKeyboardNavigation={useExternalSearch}
+                        />
+                      </div>
                     )
                   : (
                       <>
diff --git a/web/app/components/sub-graph/index.tsx b/web/app/components/sub-graph/index.tsx
index 97df309767..1934558332 100644
--- a/web/app/components/sub-graph/index.tsx
+++ b/web/app/components/sub-graph/index.tsx
@@ -27,7 +27,7 @@ const SUB_GRAPH_EXTRACTOR_POSITION = {
 const defaultViewport: Viewport = {
   x: SUB_GRAPH_EDGE_GAP,
   y: 50,
-  zoom: 1.3,
+  zoom: 1,
 }
 
 const SubGraphContent: FC<SubGraphProps> = (props) => {
diff --git a/web/app/components/workflow/nodes/sub-graph-start/index.tsx b/web/app/components/workflow/nodes/sub-graph-start/index.tsx
index b5fff65994..a4af387bcb 100644
--- a/web/app/components/workflow/nodes/sub-graph-start/index.tsx
+++ b/web/app/components/workflow/nodes/sub-graph-start/index.tsx
@@ -38,7 +38,14 @@ const SubGraphStartNode = ({ id, data }: NodeProps<SubGraphStartNodeData>) => {
       )}
     >
       <Tooltip popupContent={tooltip} asChild={false}>
-        <div className="flex h-6 w-6 items-center justify-center rounded-full border-[0.5px] border-components-panel-border-subtle bg-util-colors-blue-brand-blue-brand-500">
+        <div
+          className={cn(
+            'flex h-6 w-6 items-center justify-center border-[0.5px] border-components-panel-border-subtle',
+            iconType === 'agent'
+              ? 'rounded-[8px] bg-util-colors-indigo-indigo-500'
+              : 'rounded-full bg-util-colors-blue-brand-blue-brand-500',
+          )}
+        >
           <Icon className="h-3 w-3 text-text-primary-on-surface" />
         </div>
       </Tooltip>
diff --git a/web/i18n/en-US/workflow.json b/web/i18n/en-US/workflow.json
index 7eb6ea8927..0c55e44245 100644
--- a/web/i18n/en-US/workflow.json
+++ b/web/i18n/en-US/workflow.json
@@ -823,6 +823,7 @@
   "nodes.templateTransform.inputVars": "Input Variables",
   "nodes.templateTransform.outputVars.output": "Transformed content",
   "nodes.tool.agentPlaceholder": "Tell me the {{paramKey}}...",
+  "nodes.tool.agentPopupHeader": "EXTRACT CONTENT FROM",
   "nodes.tool.assembleVariables": "Assemble variables",
   "nodes.tool.authorize": "Authorize",
   "nodes.tool.contextGenerate.apply": "Apply",
@@ -847,7 +848,7 @@
   "nodes.tool.inputVars": "Input Variables",
   "nodes.tool.insertPlaceholder1": "Type or press",
   "nodes.tool.insertPlaceholder2": "insert variable",
-  "nodes.tool.insertPlaceholder3": "add agent",
+  "nodes.tool.insertPlaceholder3": "extract",
   "nodes.tool.outputVars.files.title": "tool generated files",
   "nodes.tool.outputVars.files.transfer_method": "Transfer method.Value is  remote_url or local_file",
   "nodes.tool.outputVars.files.type": "Support type. Now only support image",
diff --git a/web/i18n/ja-JP/workflow.json b/web/i18n/ja-JP/workflow.json
index dbf0a4f341..1e84148160 100644
--- a/web/i18n/ja-JP/workflow.json
+++ b/web/i18n/ja-JP/workflow.json
@@ -792,6 +792,7 @@
   "nodes.templateTransform.inputVars": "入力変数",
   "nodes.templateTransform.outputVars.output": "変換されたコンテンツ",
   "nodes.tool.agentPlaceholder": "{{paramKey}} を教えてください...",
+  "nodes.tool.agentPopupHeader": "次の内容から抽出",
   "nodes.tool.assembleVariables": "変数を組み立てる",
   "nodes.tool.authorize": "認証する",
   "nodes.tool.contextGenerate.apply": "適用",
@@ -815,7 +816,7 @@
   "nodes.tool.inputVars": "入力変数",
   "nodes.tool.insertPlaceholder1": "タイプするか押してください",
   "nodes.tool.insertPlaceholder2": "変数を挿入する",
-  "nodes.tool.insertPlaceholder3": "エージェントを追加",
+  "nodes.tool.insertPlaceholder3": "抽出",
   "nodes.tool.outputVars.files.title": "ツールが生成したファイル",
   "nodes.tool.outputVars.files.transfer_method": "転送方法。値は remote_url または local_file です",
   "nodes.tool.outputVars.files.type": "サポートタイプ。現在は画像のみサポートされています",
diff --git a/web/i18n/zh-Hans/workflow.json b/web/i18n/zh-Hans/workflow.json
index b97a545b87..a083cccaef 100644
--- a/web/i18n/zh-Hans/workflow.json
+++ b/web/i18n/zh-Hans/workflow.json
@@ -815,6 +815,7 @@
   "nodes.templateTransform.inputVars": "输入变量",
   "nodes.templateTransform.outputVars.output": "转换后内容",
   "nodes.tool.agentPlaceholder": "告诉我 {{paramKey}}...",
+  "nodes.tool.agentPopupHeader": "从以下内容提取",
   "nodes.tool.assembleVariables": "组装变量",
   "nodes.tool.authorize": "授权",
   "nodes.tool.contextGenerate.apply": "应用",
@@ -839,7 +840,7 @@
   "nodes.tool.inputVars": "输入变量",
   "nodes.tool.insertPlaceholder1": "键入",
   "nodes.tool.insertPlaceholder2": "插入变量",
-  "nodes.tool.insertPlaceholder3": "添加代理",
+  "nodes.tool.insertPlaceholder3": "提取",
   "nodes.tool.outputVars.files.title": "工具生成的文件",
   "nodes.tool.outputVars.files.transfer_method": "传输方式。值为 remote_url 或 local_file",
   "nodes.tool.outputVars.files.type": "支持类型。现在只支持图片",
diff --git a/web/i18n/zh-Hant/workflow.json b/web/i18n/zh-Hant/workflow.json
index 0b0cf26cf0..3d86a5c4f3 100644
--- a/web/i18n/zh-Hant/workflow.json
+++ b/web/i18n/zh-Hant/workflow.json
@@ -793,6 +793,7 @@
   "nodes.templateTransform.inputVars": "輸入變數",
   "nodes.templateTransform.outputVars.output": "轉換後內容",
   "nodes.tool.agentPlaceholder": "告訴我 {{paramKey}}...",
+  "nodes.tool.agentPopupHeader": "從以下內容提取",
   "nodes.tool.assembleVariables": "組裝變數",
   "nodes.tool.authorize": "授權",
   "nodes.tool.contextGenerate.apply": "套用",
@@ -817,7 +818,7 @@
   "nodes.tool.inputVars": "輸入變數",
   "nodes.tool.insertPlaceholder1": "輸入或按壓",
   "nodes.tool.insertPlaceholder2": "插入變數",
-  "nodes.tool.insertPlaceholder3": "添加代理",
+  "nodes.tool.insertPlaceholder3": "提取",
   "nodes.tool.outputVars.files.title": "工具生成的文件",
   "nodes.tool.outputVars.files.transfer_method": "傳輸方式。值為 remote_url 或 local_file",
   "nodes.tool.outputVars.files.type": "支持類型。現在只支持圖片",