diff --git a/web/app/components/base/icons/assets/public/files/doc.svg b/web/app/components/base/icons/assets/public/files/doc.svg
new file mode 100644
index 0000000000..9a8aef563d
--- /dev/null
+++ b/web/app/components/base/icons/assets/public/files/doc.svg
@@ -0,0 +1,22 @@
+
diff --git a/web/app/components/base/icons/assets/public/files/docx.svg b/web/app/components/base/icons/assets/public/files/docx.svg
new file mode 100644
index 0000000000..5f8fa519c2
--- /dev/null
+++ b/web/app/components/base/icons/assets/public/files/docx.svg
@@ -0,0 +1,23 @@
+
diff --git a/web/app/components/base/icons/src/public/files/Doc.json b/web/app/components/base/icons/src/public/files/Doc.json
new file mode 100644
index 0000000000..f4513177a6
--- /dev/null
+++ b/web/app/components/base/icons/src/public/files/Doc.json
@@ -0,0 +1,169 @@
+{
+ "icon": {
+ "type": "element",
+ "isRootNode": true,
+ "name": "svg",
+ "attributes": {
+ "width": "32",
+ "height": "34",
+ "viewBox": "0 0 32 34",
+ "fill": "none",
+ "xmlns": "http://www.w3.org/2000/svg"
+ },
+ "children": [
+ {
+ "type": "element",
+ "name": "g",
+ "attributes": {
+ "filter": "url(#filter0_d_17194_49206)"
+ },
+ "children": [
+ {
+ "type": "element",
+ "name": "path",
+ "attributes": {
+ "d": "M4 7.73301C4 5.4928 4 4.37269 4.43597 3.51705C4.81947 2.7644 5.43139 2.15248 6.18404 1.76898C7.03969 1.33301 8.15979 1.33301 10.4 1.33301H18.6667L28 10.6663V24.2663C28 26.5066 28 27.6267 27.564 28.4823C27.1805 29.2349 26.5686 29.8469 25.816 30.2304C24.9603 30.6663 23.8402 30.6663 21.6 30.6663H10.4C8.15979 30.6663 7.03969 30.6663 6.18404 30.2304C5.43139 29.8469 4.81947 29.2349 4.43597 28.4823C4 27.6267 4 26.5066 4 24.2663V7.73301Z",
+ "fill": "#2349A9"
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "type": "element",
+ "name": "path",
+ "attributes": {
+ "opacity": "0.5",
+ "d": "M18.6665 1.33301L27.9998 10.6663H21.3332C19.8604 10.6663 18.6665 9.47243 18.6665 7.99967V1.33301Z",
+ "fill": "white"
+ },
+ "children": []
+ },
+ {
+ "type": "element",
+ "name": "g",
+ "attributes": {
+ "opacity": "0.96"
+ },
+ "children": [
+ {
+ "type": "element",
+ "name": "path",
+ "attributes": {
+ "d": "M13.6329 21.4112C13.6329 22.2603 13.7059 22.9501 13.0326 23.5793C12.6351 23.9508 12.0754 24.11 11.4751 24.11H9.3335V18.7125H11.4751C12.0754 18.7125 12.6351 18.8717 13.0326 19.2431C13.7059 19.8723 13.6329 20.5622 13.6329 21.4112ZM12.2133 21.4112C12.2133 20.5015 12.1727 20.3499 12.0591 20.1983C11.9293 20.0164 11.7347 19.8951 11.3777 19.8951H10.7531V22.9274H11.3777C11.7347 22.9274 11.9293 22.8061 12.0591 22.6242C12.1727 22.4725 12.2133 22.3285 12.2133 21.4112Z",
+ "fill": "white"
+ },
+ "children": []
+ },
+ {
+ "type": "element",
+ "name": "path",
+ "attributes": {
+ "d": "M18.8275 21.4112C18.8275 22.2224 18.8519 22.9805 18.2435 23.549C17.8217 23.9432 17.3349 24.1555 16.6292 24.1555C15.9234 24.1555 15.4367 23.9432 15.0149 23.549C14.4065 22.9805 14.4308 22.2224 14.4308 21.4112C14.4308 20.6001 14.4065 19.842 15.0149 19.2735C15.4367 18.8793 15.9234 18.667 16.6292 18.667C17.3349 18.667 17.8217 18.8793 18.2435 19.2735C18.8519 19.842 18.8275 20.6001 18.8275 21.4112ZM17.4079 21.4112C17.4079 20.4257 17.3268 20.2438 17.197 20.0846C17.0916 19.9557 16.8888 19.8496 16.6292 19.8496C16.3696 19.8496 16.1668 19.9557 16.0613 20.0846C15.9316 20.2438 15.8504 20.4257 15.8504 21.4112C15.8504 22.3967 15.9316 22.5711 16.0613 22.7303C16.1668 22.8592 16.3696 22.9729 16.6292 22.9729C16.8888 22.9729 17.0916 22.8592 17.197 22.7303C17.3268 22.5711 17.4079 22.3967 17.4079 21.4112Z",
+ "fill": "white"
+ },
+ "children": []
+ },
+ {
+ "type": "element",
+ "name": "path",
+ "attributes": {
+ "d": "M24.0002 22.3967C23.7893 23.5869 22.905 24.1555 21.8099 24.1555C21.1366 24.1555 20.6256 23.9432 20.2037 23.549C19.5953 22.9805 19.6197 22.2224 19.6197 21.4112C19.6197 20.6001 19.5953 19.842 20.2037 19.2735C20.6256 18.8793 21.1366 18.667 21.8099 18.667C22.905 18.667 23.7893 19.2356 24.0002 20.4257H22.5562C22.467 20.1225 22.2885 19.8496 21.818 19.8496C21.5584 19.8496 21.3638 19.9481 21.2583 20.077C21.1285 20.2362 21.0393 20.4257 21.0393 21.4112C21.0393 22.3967 21.1285 22.5863 21.2583 22.7455C21.3638 22.8743 21.5584 22.9729 21.818 22.9729C22.2885 22.9729 22.467 22.7 22.5562 22.3967H24.0002Z",
+ "fill": "white"
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "type": "element",
+ "name": "defs",
+ "attributes": {},
+ "children": [
+ {
+ "type": "element",
+ "name": "filter",
+ "attributes": {
+ "id": "filter0_d_17194_49206",
+ "x": "2",
+ "y": "0.333008",
+ "width": "28",
+ "height": "33.333",
+ "filterUnits": "userSpaceOnUse",
+ "color-interpolation-filters": "sRGB"
+ },
+ "children": [
+ {
+ "type": "element",
+ "name": "feFlood",
+ "attributes": {
+ "flood-opacity": "0",
+ "result": "BackgroundImageFix"
+ },
+ "children": []
+ },
+ {
+ "type": "element",
+ "name": "feColorMatrix",
+ "attributes": {
+ "in": "SourceAlpha",
+ "type": "matrix",
+ "values": "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
+ "result": "hardAlpha"
+ },
+ "children": []
+ },
+ {
+ "type": "element",
+ "name": "feOffset",
+ "attributes": {
+ "dy": "1"
+ },
+ "children": []
+ },
+ {
+ "type": "element",
+ "name": "feGaussianBlur",
+ "attributes": {
+ "stdDeviation": "1"
+ },
+ "children": []
+ },
+ {
+ "type": "element",
+ "name": "feColorMatrix",
+ "attributes": {
+ "type": "matrix",
+ "values": "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.05 0"
+ },
+ "children": []
+ },
+ {
+ "type": "element",
+ "name": "feBlend",
+ "attributes": {
+ "mode": "normal",
+ "in2": "BackgroundImageFix",
+ "result": "effect1_dropShadow_17194_49206"
+ },
+ "children": []
+ },
+ {
+ "type": "element",
+ "name": "feBlend",
+ "attributes": {
+ "mode": "normal",
+ "in": "SourceGraphic",
+ "in2": "effect1_dropShadow_17194_49206",
+ "result": "shape"
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ "name": "Doc"
+}
\ No newline at end of file
diff --git a/web/app/components/base/icons/src/public/files/Doc.tsx b/web/app/components/base/icons/src/public/files/Doc.tsx
new file mode 100644
index 0000000000..7a73e51819
--- /dev/null
+++ b/web/app/components/base/icons/src/public/files/Doc.tsx
@@ -0,0 +1,16 @@
+// GENERATE BY script
+// DON NOT EDIT IT MANUALLY
+
+import * as React from 'react'
+import data from './Doc.json'
+import IconBase from '@/app/components/base/icons/IconBase'
+import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
+
+const Icon = React.forwardRef, Omit>((
+ props,
+ ref,
+) => )
+
+Icon.displayName = 'Doc'
+
+export default Icon
diff --git a/web/app/components/base/icons/src/public/files/Docx.json b/web/app/components/base/icons/src/public/files/Docx.json
new file mode 100644
index 0000000000..5054f083b4
--- /dev/null
+++ b/web/app/components/base/icons/src/public/files/Docx.json
@@ -0,0 +1,178 @@
+{
+ "icon": {
+ "type": "element",
+ "isRootNode": true,
+ "name": "svg",
+ "attributes": {
+ "width": "32",
+ "height": "34",
+ "viewBox": "0 0 32 34",
+ "fill": "none",
+ "xmlns": "http://www.w3.org/2000/svg"
+ },
+ "children": [
+ {
+ "type": "element",
+ "name": "g",
+ "attributes": {
+ "filter": "url(#filter0_d_10291_62253)"
+ },
+ "children": [
+ {
+ "type": "element",
+ "name": "path",
+ "attributes": {
+ "d": "M4 7.73301C4 5.4928 4 4.37269 4.43597 3.51705C4.81947 2.7644 5.43139 2.15248 6.18404 1.76898C7.03969 1.33301 8.15979 1.33301 10.4 1.33301H18.6667L28 10.6663V24.2663C28 26.5065 28 27.6267 27.564 28.4823C27.1805 29.2349 26.5686 29.8469 25.816 30.2304C24.9603 30.6663 23.8402 30.6663 21.6 30.6663H10.4C8.15979 30.6663 7.03969 30.6663 6.18404 30.2304C5.43139 29.8469 4.81947 29.2349 4.43597 28.4823C4 27.6267 4 26.5065 4 24.2663V7.73301Z",
+ "fill": "#2349A9"
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "type": "element",
+ "name": "path",
+ "attributes": {
+ "opacity": "0.5",
+ "d": "M18.6665 1.33301L27.9998 10.6663H21.3332C19.8604 10.6663 18.6665 9.47243 18.6665 7.99967V1.33301Z",
+ "fill": "white"
+ },
+ "children": []
+ },
+ {
+ "type": "element",
+ "name": "g",
+ "attributes": {
+ "opacity": "0.96"
+ },
+ "children": [
+ {
+ "type": "element",
+ "name": "path",
+ "attributes": {
+ "d": "M10.8443 21.3337C10.8443 22.1587 10.9153 22.8291 10.261 23.4405C9.87477 23.8014 9.33086 23.9561 8.74754 23.9561H6.6665V18.7112H8.74754C9.33086 18.7112 9.87477 18.8659 10.261 19.2268C10.9153 19.8383 10.8443 20.5086 10.8443 21.3337ZM9.46487 21.3337C9.46487 20.4497 9.42545 20.3024 9.31509 20.155C9.18897 19.9782 8.99979 19.8604 8.65295 19.8604H8.04598V22.807H8.65295C8.99979 22.807 9.18897 22.6891 9.31509 22.5123C9.42545 22.365 9.46487 22.225 9.46487 21.3337Z",
+ "fill": "white"
+ },
+ "children": []
+ },
+ {
+ "type": "element",
+ "name": "path",
+ "attributes": {
+ "d": "M15.8922 21.3337C15.8922 22.1219 15.9158 22.8585 15.3246 23.411C14.9147 23.7941 14.4418 24.0003 13.756 24.0003C13.0702 24.0003 12.5972 23.7941 12.1873 23.411C11.5961 22.8585 11.6197 22.1219 11.6197 21.3337C11.6197 20.5454 11.5961 19.8088 12.1873 19.2563C12.5972 18.8733 13.0702 18.667 13.756 18.667C14.4418 18.667 14.9147 18.8733 15.3246 19.2563C15.9158 19.8088 15.8922 20.5454 15.8922 21.3337ZM14.5127 21.3337C14.5127 20.376 14.4339 20.1992 14.3077 20.0445C14.2053 19.9193 14.0082 19.8162 13.756 19.8162C13.5037 19.8162 13.3066 19.9193 13.2042 20.0445C13.078 20.1992 12.9992 20.376 12.9992 21.3337C12.9992 22.2913 13.078 22.4607 13.2042 22.6154C13.3066 22.7407 13.5037 22.8512 13.756 22.8512C14.0082 22.8512 14.2053 22.7407 14.3077 22.6154C14.4339 22.4607 14.5127 22.2913 14.5127 21.3337Z",
+ "fill": "white"
+ },
+ "children": []
+ },
+ {
+ "type": "element",
+ "name": "path",
+ "attributes": {
+ "d": "M20.9186 22.2913C20.7136 23.4478 19.8544 24.0003 18.7902 24.0003C18.136 24.0003 17.6394 23.7941 17.2295 23.411C16.6383 22.8585 16.6619 22.1219 16.6619 21.3337C16.6619 20.5454 16.6383 19.8088 17.2295 19.2563C17.6394 18.8733 18.136 18.667 18.7902 18.667C19.8544 18.667 20.7136 19.2195 20.9186 20.376H19.5154C19.4287 20.0814 19.2553 19.8162 18.7981 19.8162C18.5459 19.8162 18.3567 19.9119 18.2542 20.0372C18.1281 20.1919 18.0414 20.376 18.0414 21.3337C18.0414 22.2913 18.1281 22.4755 18.2542 22.6302C18.3567 22.7554 18.5459 22.8512 18.7981 22.8512C19.2553 22.8512 19.4287 22.586 19.5154 22.2913H20.9186Z",
+ "fill": "white"
+ },
+ "children": []
+ },
+ {
+ "type": "element",
+ "name": "path",
+ "attributes": {
+ "d": "M25.9998 23.9561H24.4233L23.501 22.3429L22.5787 23.9561H21.0022L22.7522 21.2674L21.1126 18.7112H22.6812L23.501 20.1919L24.3208 18.7112H25.8895L24.2499 21.2674L25.9998 23.9561Z",
+ "fill": "white"
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "type": "element",
+ "name": "defs",
+ "attributes": {},
+ "children": [
+ {
+ "type": "element",
+ "name": "filter",
+ "attributes": {
+ "id": "filter0_d_10291_62253",
+ "x": "2",
+ "y": "0.333008",
+ "width": "28",
+ "height": "33.333",
+ "filterUnits": "userSpaceOnUse",
+ "color-interpolation-filters": "sRGB"
+ },
+ "children": [
+ {
+ "type": "element",
+ "name": "feFlood",
+ "attributes": {
+ "flood-opacity": "0",
+ "result": "BackgroundImageFix"
+ },
+ "children": []
+ },
+ {
+ "type": "element",
+ "name": "feColorMatrix",
+ "attributes": {
+ "in": "SourceAlpha",
+ "type": "matrix",
+ "values": "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
+ "result": "hardAlpha"
+ },
+ "children": []
+ },
+ {
+ "type": "element",
+ "name": "feOffset",
+ "attributes": {
+ "dy": "1"
+ },
+ "children": []
+ },
+ {
+ "type": "element",
+ "name": "feGaussianBlur",
+ "attributes": {
+ "stdDeviation": "1"
+ },
+ "children": []
+ },
+ {
+ "type": "element",
+ "name": "feColorMatrix",
+ "attributes": {
+ "type": "matrix",
+ "values": "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.05 0"
+ },
+ "children": []
+ },
+ {
+ "type": "element",
+ "name": "feBlend",
+ "attributes": {
+ "mode": "normal",
+ "in2": "BackgroundImageFix",
+ "result": "effect1_dropShadow_10291_62253"
+ },
+ "children": []
+ },
+ {
+ "type": "element",
+ "name": "feBlend",
+ "attributes": {
+ "mode": "normal",
+ "in": "SourceGraphic",
+ "in2": "effect1_dropShadow_10291_62253",
+ "result": "shape"
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ "name": "Docx"
+}
\ No newline at end of file
diff --git a/web/app/components/base/icons/src/public/files/Docx.tsx b/web/app/components/base/icons/src/public/files/Docx.tsx
new file mode 100644
index 0000000000..912d3a2fd4
--- /dev/null
+++ b/web/app/components/base/icons/src/public/files/Docx.tsx
@@ -0,0 +1,16 @@
+// GENERATE BY script
+// DON NOT EDIT IT MANUALLY
+
+import * as React from 'react'
+import data from './Docx.json'
+import IconBase from '@/app/components/base/icons/IconBase'
+import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
+
+const Icon = React.forwardRef, Omit>((
+ props,
+ ref,
+) => )
+
+Icon.displayName = 'Docx'
+
+export default Icon
diff --git a/web/app/components/datasets/create/assets/doc.svg b/web/app/components/datasets/create/assets/doc.svg
new file mode 100644
index 0000000000..9a8aef563d
--- /dev/null
+++ b/web/app/components/datasets/create/assets/doc.svg
@@ -0,0 +1,22 @@
+
diff --git a/web/assets/doc.svg b/web/assets/doc.svg
new file mode 100644
index 0000000000..9a8aef563d
--- /dev/null
+++ b/web/assets/doc.svg
@@ -0,0 +1,22 @@
+