diff --git a/web/app/components/workflow/nodes/llm/components/tools/index.tsx b/web/app/components/workflow/nodes/llm/components/tools/index.tsx
new file mode 100644
index 0000000000..4b6fc3960d
--- /dev/null
+++ b/web/app/components/workflow/nodes/llm/components/tools/index.tsx
@@ -0,0 +1,29 @@
+import { memo } from 'react'
+import { useTranslation } from 'react-i18next'
+import Tooltip from '@/app/components/base/tooltip'
+import Field from '@/app/components/workflow/nodes/_base/components/field'
+
+const i18nPrefix = 'workflow.nodes.llm'
+
+const Tools = () => {
+  const { t } = useTranslation()
+
+  return (
+    <Field
+      title={t(`${i18nPrefix}.tools.title`)}
+      tooltip={t('appDebug.vision.description')!}
+      operations={(
+        <Tooltip
+          popupContent={t('appDebug.vision.onlySupportVisionModelTip')!}
+        >
+        </Tooltip>
+      )}
+    >
+      <div>
+        <div>Tools</div>
+      </div>
+    </Field>
+  )
+}
+
+export default memo(Tools)
diff --git a/web/i18n/en-US/workflow.ts b/web/i18n/en-US/workflow.ts
index a023ac2b91..b1f394f147 100644
--- a/web/i18n/en-US/workflow.ts
+++ b/web/i18n/en-US/workflow.ts
@@ -560,6 +560,9 @@ const translation = {
           saveSchema: 'Please finish editing the current field before saving the schema',
         },
       },
+      tools: {
+        title: 'Tools',
+      },
     },
     knowledgeRetrieval: {
       queryVariable: 'Query Variable',