diff --git a/web/app/components/workflow/nodes/code/use-config.ts b/web/app/components/workflow/nodes/code/use-config.ts
index fdb1c8ce51..2655dd1d43 100644
--- a/web/app/components/workflow/nodes/code/use-config.ts
+++ b/web/app/components/workflow/nodes/code/use-config.ts
@@ -56,17 +56,21 @@ const useConfig = (id: string, payload: CodeNodeType) => {
     setInputs,
   })
 
-  const [outputKeyOrders, setOutputKeyOrders] = useState<string[]>([])
+  const [outputKeyOrders, setOutputKeyOrders] = useState<string[]>(() => Object.keys(payload.outputs || {}))
   const syncOutputKeyOrders = useCallback((outputs: OutputVar) => {
     setOutputKeyOrders(Object.keys(outputs))
   }, [])
   useEffect(() => {
-    if (inputs.code) {
-      if (inputs.outputs && Object.keys(inputs.outputs).length > 0)
-        syncOutputKeyOrders(inputs.outputs)
+    const outputKeys = inputs.outputs ? Object.keys(inputs.outputs) : []
+    if (outputKeys.length > 0 && outputKeyOrders.length === 0)
+      syncOutputKeyOrders(inputs.outputs)
 
+    const hasExistingConfig = Boolean(inputs.code)
+      || (inputs.variables?.length ?? 0) > 0
+      || outputKeys.length > 0
+
+    if (hasExistingConfig)
       return
-    }
 
     const isReady = defaultConfig && Object.keys(defaultConfig).length > 0
     if (isReady) {
@@ -76,7 +80,7 @@ const useConfig = (id: string, payload: CodeNodeType) => {
       })
       syncOutputKeyOrders(defaultConfig.outputs)
     }
-  }, [defaultConfig])
+  }, [defaultConfig, inputs.code, inputs.outputs, inputs.variables, outputKeyOrders.length, setInputs, syncOutputKeyOrders])
 
   const handleCodeChange = useCallback((code: string) => {
     const newInputs = produce(inputs, (draft) => {
diff --git a/web/app/components/workflow/nodes/tool/components/mixed-variable-text-input/index.tsx b/web/app/components/workflow/nodes/tool/components/mixed-variable-text-input/index.tsx
index 1527a27178..703559a2ee 100644
--- a/web/app/components/workflow/nodes/tool/components/mixed-variable-text-input/index.tsx
+++ b/web/app/components/workflow/nodes/tool/components/mixed-variable-text-input/index.tsx
@@ -334,6 +334,14 @@ const MixedVariableTextInput = ({
     return detectAgentFromText(value)
   }, [detectAgentFromText, value])
 
+  // Check if value only contains agent context variable without other user input
+  const isOnlyAgentContext = useMemo(() => {
+    if (!detectedAgentFromValue || !value)
+      return false
+    const valueWithoutAgentContext = value.replace(AGENT_CONTEXT_VAR_PATTERN, '').trim()
+    return valueWithoutAgentContext === ''
+  }, [detectedAgentFromValue, value])
+
   const agentNodes = useMemo(() => {
     if (!contextNodeIds.size)
       return []
@@ -574,39 +582,48 @@ const MixedVariableTextInput = ({
         />
       )}
       {!isAssembleValue && (
-        <PromptEditor
-          key={controlPromptEditorRerenderKey}
-          wrapperClassName="min-h-8 px-2 py-1"
-          className="caret:text-text-accent"
-          editable={!readOnly}
-          value={value}
-          workflowVariableBlock={{
-            show: !disableVariableInsertion,
-            variables: nodesOutputVars || [],
-            workflowNodesMap,
-            showManageInputField,
-            onManageInputField,
-            showAssembleVariables: !disableVariableInsertion && !!toolNodeId && !!paramKey,
-            onAssembleVariables: handleAssembleSelect,
-          }}
-          agentBlock={{
-            show: agentNodes.length > 0 && !detectedAgentFromValue,
-            agentNodes,
-            onSelect: handleAgentSelect,
-          }}
-          placeholder={<Placeholder disableVariableInsertion={disableVariableInsertion} hasSelectedAgent={!!detectedAgentFromValue} />}
-          onChange={(text) => {
-            const hasPlaceholder = new RegExp(AGENT_CONTEXT_VAR_PATTERN.source).test(text)
-            if (hasPlaceholder)
-              syncExtractorPromptFromText(text)
-            if (detectedAgentFromValue && !hasPlaceholder) {
-              removeExtractorNode()
-              onChange?.(text, VarKindTypeEnum.mixed, null)
-              return
-            }
-            onChange?.(text)
-          }}
-        />
+        <div className="relative">
+          <PromptEditor
+            key={controlPromptEditorRerenderKey}
+            wrapperClassName="min-h-8 px-2 py-1"
+            className="caret:text-text-accent"
+            editable={!readOnly}
+            value={value}
+            workflowVariableBlock={{
+              show: !disableVariableInsertion,
+              variables: nodesOutputVars || [],
+              workflowNodesMap,
+              showManageInputField,
+              onManageInputField,
+              showAssembleVariables: !disableVariableInsertion && !!toolNodeId && !!paramKey,
+              onAssembleVariables: handleAssembleSelect,
+            }}
+            agentBlock={{
+              show: agentNodes.length > 0 && !detectedAgentFromValue,
+              agentNodes,
+              onSelect: handleAgentSelect,
+            }}
+            placeholder={<Placeholder disableVariableInsertion={disableVariableInsertion} hasSelectedAgent={!!detectedAgentFromValue} />}
+            onChange={(text) => {
+              const hasPlaceholder = new RegExp(AGENT_CONTEXT_VAR_PATTERN.source).test(text)
+              if (hasPlaceholder)
+                syncExtractorPromptFromText(text)
+              if (detectedAgentFromValue && !hasPlaceholder) {
+                removeExtractorNode()
+                onChange?.(text, VarKindTypeEnum.mixed, null)
+                return
+              }
+              onChange?.(text)
+            }}
+          />
+          {isOnlyAgentContext && paramKey && (
+            <div className="pointer-events-none absolute left-0 top-0 flex h-full w-full items-center px-2 py-1">
+              <span className="system-sm-regular text-components-input-text-placeholder">
+                {t('nodes.tool.agentPlaceholder', { ns: 'workflow', paramKey })}
+              </span>
+            </div>
+          )}
+        </div>
       )}
       {toolNodeId && paramKey && isAssembleValue && (
         <SubGraphModal
diff --git a/web/i18n/en-US/workflow.json b/web/i18n/en-US/workflow.json
index 25812b9c6e..b5e86c21e5 100644
--- a/web/i18n/en-US/workflow.json
+++ b/web/i18n/en-US/workflow.json
@@ -766,6 +766,7 @@
   "nodes.templateTransform.codeSupportTip": "Only supports Jinja2",
   "nodes.templateTransform.inputVars": "Input Variables",
   "nodes.templateTransform.outputVars.output": "Transformed content",
+  "nodes.tool.agentPlaceholder": "Tell me the {{paramKey}}...",
   "nodes.tool.assembleVariables": "Assemble variables",
   "nodes.tool.authorize": "Authorize",
   "nodes.tool.inputVars": "Input Variables",
diff --git a/web/i18n/ja-JP/workflow.json b/web/i18n/ja-JP/workflow.json
index f1d3a02ca8..b38ccfc8ad 100644
--- a/web/i18n/ja-JP/workflow.json
+++ b/web/i18n/ja-JP/workflow.json
@@ -764,6 +764,7 @@
   "nodes.templateTransform.codeSupportTip": "Jinja2 のみをサポートしています",
   "nodes.templateTransform.inputVars": "入力変数",
   "nodes.templateTransform.outputVars.output": "変換されたコンテンツ",
+  "nodes.tool.agentPlaceholder": "{{paramKey}} を教えてください...",
   "nodes.tool.assembleVariables": "変数を組み立てる",
   "nodes.tool.authorize": "認証する",
   "nodes.tool.inputVars": "入力変数",
diff --git a/web/i18n/zh-Hans/workflow.json b/web/i18n/zh-Hans/workflow.json
index f943562ea6..10edd2453e 100644
--- a/web/i18n/zh-Hans/workflow.json
+++ b/web/i18n/zh-Hans/workflow.json
@@ -764,6 +764,7 @@
   "nodes.templateTransform.codeSupportTip": "只支持 Jinja2",
   "nodes.templateTransform.inputVars": "输入变量",
   "nodes.templateTransform.outputVars.output": "转换后内容",
+  "nodes.tool.agentPlaceholder": "告诉我 {{paramKey}}...",
   "nodes.tool.assembleVariables": "组装变量",
   "nodes.tool.authorize": "授权",
   "nodes.tool.inputVars": "输入变量",
diff --git a/web/i18n/zh-Hant/workflow.json b/web/i18n/zh-Hant/workflow.json
index b86da8e4db..2361389253 100644
--- a/web/i18n/zh-Hant/workflow.json
+++ b/web/i18n/zh-Hant/workflow.json
@@ -764,6 +764,7 @@
   "nodes.templateTransform.codeSupportTip": "只支持 Jinja2",
   "nodes.templateTransform.inputVars": "輸入變數",
   "nodes.templateTransform.outputVars.output": "轉換後內容",
+  "nodes.tool.agentPlaceholder": "告訴我 {{paramKey}}...",
   "nodes.tool.assembleVariables": "組裝變數",
   "nodes.tool.authorize": "授權",
   "nodes.tool.inputVars": "輸入變數",