diff --git a/web/app/components/base/icons/assets/vender/workflow/datasource.svg b/web/app/components/base/icons/assets/vender/workflow/datasource.svg
new file mode 100644
index 0000000000..dc33654146
--- /dev/null
+++ b/web/app/components/base/icons/assets/vender/workflow/datasource.svg
@@ -0,0 +1,3 @@
+
diff --git a/web/app/components/base/icons/src/vender/workflow/Datasource.json b/web/app/components/base/icons/src/vender/workflow/Datasource.json
new file mode 100644
index 0000000000..542f5c6924
--- /dev/null
+++ b/web/app/components/base/icons/src/vender/workflow/Datasource.json
@@ -0,0 +1,26 @@
+{
+ "icon": {
+ "type": "element",
+ "isRootNode": true,
+ "name": "svg",
+ "attributes": {
+ "width": "14",
+ "height": "14",
+ "viewBox": "0 0 14 14",
+ "fill": "none",
+ "xmlns": "http://www.w3.org/2000/svg"
+ },
+ "children": [
+ {
+ "type": "element",
+ "name": "path",
+ "attributes": {
+ "d": "M6.99967 1.16675C8.17599 1.16675 9.26631 1.33585 10.0833 1.6276C10.4891 1.77255 10.8588 1.95906 11.1383 2.19499C11.415 2.42869 11.6663 2.76876 11.6663 3.20841V10.7917C11.6663 11.2314 11.415 11.5715 11.1383 11.8052C10.8588 12.0411 10.4891 12.2276 10.0833 12.3726C9.26631 12.6643 8.17599 12.8334 6.99967 12.8334C5.82336 12.8334 4.73304 12.6643 3.9161 12.3726C3.51024 12.2276 3.14054 12.0411 2.86108 11.8052C2.58431 11.5715 2.33301 11.2314 2.33301 10.7917V3.20841C2.33301 2.76876 2.58431 2.42869 2.86108 2.19499C3.14054 1.95906 3.51023 1.77256 3.9161 1.6276C4.73304 1.33585 5.82336 1.16675 6.99967 1.16675ZM10.4997 8.40942C10.367 8.47176 10.2275 8.52936 10.0833 8.58089C9.26631 8.87265 8.17599 9.04175 6.99967 9.04175C5.82336 9.04175 4.73304 8.87265 3.9161 8.58089C3.77181 8.52936 3.6324 8.47176 3.49967 8.40942V10.7815C3.50345 10.7927 3.52369 10.8377 3.61361 10.9137C3.74739 11.0266 3.97559 11.1548 4.30859 11.2737C4.96952 11.5097 5.92091 11.6667 6.99967 11.6667C8.07844 11.6667 9.02984 11.5097 9.69076 11.2737C10.0238 11.1548 10.252 11.0266 10.3857 10.9137C10.4757 10.8377 10.4959 10.7927 10.4997 10.7815V8.40942ZM10.4997 4.61776C10.367 4.68009 10.2275 4.73769 10.0833 4.78923C9.26631 5.08098 8.17599 5.25008 6.99967 5.25008C5.82336 5.25008 4.73304 5.08098 3.9161 4.78923C3.77181 4.73769 3.6324 4.68009 3.49967 4.61776V6.98983C3.50345 7.00103 3.52369 7.04607 3.61361 7.12199C3.74739 7.23495 3.97559 7.36309 4.30859 7.48201C4.96952 7.71804 5.92091 7.87508 6.99967 7.87508C8.07844 7.87508 9.02984 7.71804 9.69076 7.48201C10.0238 7.36309 10.252 7.23495 10.3857 7.12199C10.4757 7.04607 10.4959 7.00103 10.4997 6.98983V4.61776ZM6.99967 2.33341C5.92091 2.33341 4.96951 2.49046 4.30859 2.72648C3.97559 2.84541 3.74739 2.97355 3.61361 3.08651C3.54094 3.14787 3.51356 3.189 3.50366 3.20841C3.51356 3.22783 3.54094 3.26896 3.61361 3.33032C3.74739 3.44328 3.97559 3.57142 4.30859 3.69035C4.96951 3.92637 5.92091 4.08341 6.99967 4.08341C8.07844 4.08341 9.02984 3.92637 9.69076 3.69035C10.0238 3.57142 10.252 3.44328 10.3857 3.33032C10.4581 3.26921 10.4851 3.22792 10.4951 3.20841C10.4851 3.18891 10.4581 3.14762 10.3857 3.08651C10.252 2.97355 10.0238 2.84541 9.69076 2.72648C9.02984 2.49046 8.07844 2.33341 6.99967 2.33341Z",
+ "fill": "currentColor"
+ },
+ "children": []
+ }
+ ]
+ },
+ "name": "Datasource"
+}
\ No newline at end of file
diff --git a/web/app/components/base/icons/src/vender/workflow/Datasource.tsx b/web/app/components/base/icons/src/vender/workflow/Datasource.tsx
new file mode 100644
index 0000000000..580251858e
--- /dev/null
+++ b/web/app/components/base/icons/src/vender/workflow/Datasource.tsx
@@ -0,0 +1,20 @@
+// GENERATE BY script
+// DON NOT EDIT IT MANUALLY
+
+import * as React from 'react'
+import data from './Datasource.json'
+import IconBase from '@/app/components/base/icons/IconBase'
+import type { IconData } from '@/app/components/base/icons/IconBase'
+
+const Icon = (
+ {
+ ref,
+ ...props
+ }: React.SVGProps & {
+ ref?: React.RefObject>;
+ },
+) =>
+
+Icon.displayName = 'Datasource'
+
+export default Icon
diff --git a/web/app/components/base/icons/src/vender/workflow/index.ts b/web/app/components/base/icons/src/vender/workflow/index.ts
index 086653291f..7640845421 100644
--- a/web/app/components/base/icons/src/vender/workflow/index.ts
+++ b/web/app/components/base/icons/src/vender/workflow/index.ts
@@ -2,6 +2,7 @@ export { default as Agent } from './Agent'
export { default as Answer } from './Answer'
export { default as Assigner } from './Assigner'
export { default as Code } from './Code'
+export { default as Datasource } from './Datasource'
export { default as DocsExtractor } from './DocsExtractor'
export { default as End } from './End'
export { default as Home } from './Home'
diff --git a/web/app/components/workflow/block-icon.tsx b/web/app/components/workflow/block-icon.tsx
index 234e20c7ff..0184c81702 100644
--- a/web/app/components/workflow/block-icon.tsx
+++ b/web/app/components/workflow/block-icon.tsx
@@ -6,6 +6,7 @@ import {
Answer,
Assigner,
Code,
+ Datasource,
DocsExtractor,
End,
Home,
@@ -62,7 +63,7 @@ const getIcon = (type: BlockEnum, className: string) => {
[BlockEnum.ListFilter]: ,
[BlockEnum.Agent]: ,
[BlockEnum.KnowledgeBase]: ,
- [BlockEnum.DataSource]: ,
+ [BlockEnum.DataSource]: ,
}[type]
}
const ICON_CONTAINER_BG_COLOR_MAP: Record = {
@@ -87,6 +88,7 @@ const ICON_CONTAINER_BG_COLOR_MAP: Record = {
[BlockEnum.ListFilter]: 'bg-util-colors-cyan-cyan-500',
[BlockEnum.Agent]: 'bg-util-colors-indigo-indigo-500',
[BlockEnum.KnowledgeBase]: 'bg-util-colors-warning-warning-500',
+ [BlockEnum.DataSource]: 'bg-components-icon-bg-midnight-solid',
}
const BlockIcon: FC = ({
type,