diff --git a/public/images/emptyview/create.new.presentation.svg b/public/images/emptyview/create.new.presentation.svg
new file mode 100644
index 0000000000..49689ac074
--- /dev/null
+++ b/public/images/emptyview/create.new.presentation.svg
@@ -0,0 +1,11 @@
+<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="36" height="36" rx="6" fill="#F97A0B" fill-opacity="0.1"/>
+<g clip-path="url(#clip0_1180_13230)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13 11C13 10.4477 13.4477 10 14 10H15C15.5523 10 16 10.4477 16 11H20C20 10.4477 20.4477 10 21 10H22C22.5523 10 23 10.4477 23 11H25C25.5523 11 26 11.4477 26 12V13H25H24H22H21H15H14H12H11H10V12C10 11.4477 10.4477 11 11 11H13ZM13 14V21H16H20H23V14H25V21C25 22.1046 24.1046 23 23 23H21C21 24.6569 19.6569 26 18 26C16.3431 26 15 24.6569 15 23H13C11.8954 23 11 22.1046 11 21V14H13ZM17 23C17 23.5523 17.4477 24 18 24C18.5523 24 19 23.5523 19 23H17ZM16 14.5V19.5L21 17L16 14.5Z" fill="#F97A0B"/>
+</g>
+<defs>
+<clipPath id="clip0_1180_13230">
+<rect width="16" height="16" fill="white" transform="translate(10 10)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public/images/emptyview/create.new.spreadsheet.svg b/public/images/emptyview/create.new.spreadsheet.svg
new file mode 100644
index 0000000000..14e767a8b3
--- /dev/null
+++ b/public/images/emptyview/create.new.spreadsheet.svg
@@ -0,0 +1,4 @@
+<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="36" height="36" rx="6" fill="currentColor" fill-opacity="0.1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M16 11V16H11V18H16V25H18V18H25V16H18V11H16ZM11 13C11 11.8954 11.8954 11 13 11H15V13H13V15H11V13ZM19 13V11H23C24.1046 11 25 11.8954 25 13V15H23V13L19 13ZM23 19H25V23C25 24.1046 24.1046 25 23 25H19V23H23V19ZM15 23V25H13C11.8954 25 11 24.1046 11 23V19H13V23H15Z" fill="currentColor"/>
+</svg>
diff --git a/public/images/emptyview/empty.default.folder.dark.svg b/public/images/emptyview/empty.default.folder.dark.svg
new file mode 100644
index 0000000000..2401591ff7
--- /dev/null
+++ b/public/images/emptyview/empty.default.folder.dark.svg
@@ -0,0 +1,36 @@
+<svg width="200" height="140" viewBox="0 0 200 140" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_d_838_87117)">
+<path d="M64.0684 22C64.0684 20.8954 64.9638 20 66.0684 20H124.068L136.068 32V114C136.068 115.105 135.173 116 134.068 116H66.0684C64.9638 116 64.0684 115.105 64.0684 114V22Z" fill="#444444"/>
+<path d="M65.0684 22C65.0684 21.4477 65.5161 21 66.0684 21H123.654L135.068 32.4142V114C135.068 114.552 134.621 115 134.068 115H66.0684C65.5161 115 65.0684 114.552 65.0684 114V22Z" stroke="#AAAAAA" stroke-width="2"/>
+</g>
+<rect x="98" y="80" width="28" height="2" rx="1" fill="#808080"/>
+<rect x="74" y="74" width="21" height="2" rx="1" fill="#FF6F3D"/>
+<rect x="98" y="86" width="28" height="2" rx="1" fill="#808080"/>
+<rect x="98" y="92" width="28" height="2" rx="1" fill="#808080"/>
+<rect x="74" y="98" width="52" height="2" rx="1" fill="#808080"/>
+<rect x="74" y="104" width="52" height="2" rx="1" fill="#FF6F3D"/>
+<path d="M81 87L75 94H95L88 85L84 90L81 87Z" fill="#FF6F3D"/>
+<circle cx="79" cy="82" r="2" fill="#FF6F3D"/>
+<path d="M84 44C84.4091 45.5 86.4545 47 88.5 47C90.5455 47 92.5909 45.5 93 44" stroke="#AAAAAA" stroke-width="2" stroke-linecap="round"/>
+<path d="M107 44C107.409 45.5 109.455 47 111.5 47C113.545 47 115.591 45.5 116 44" stroke="#AAAAAA" stroke-width="2" stroke-linecap="round"/>
+<path d="M124 20L136 32H125C124.448 32 124 31.5523 124 31V20Z" fill="#AAAAAA"/>
+<circle cx="97.5" cy="57.5" r="2.5" fill="#AAAAAA"/>
+<path d="M19.5 19H26.5L21 28H27.5" stroke="#9ADAF3" stroke-width="2" stroke-linecap="round"/>
+<path d="M32 28H37.25L33.125 35H38" stroke="#9ADAF3" stroke-width="2" stroke-linecap="round"/>
+<path d="M43 34H48.25L44.125 41H49" stroke="#9ADAF3" stroke-width="2" stroke-linecap="round"/>
+<path d="M64.9994 65C57.4248 73.8738 55.8346 80.6079 60.2539 82.3776C64.6732 84.1473 71.4605 80.5056 74.3018 78.4636" stroke="#AAAAAA" stroke-width="2" stroke-linecap="round"/>
+<path d="M74.625 78.2046C75.4839 78.5489 76.8228 78.5125 78.1503 77.6777" stroke="#AAAAAA" stroke-width="2" stroke-linecap="round"/>
+<path d="M135.621 65.5038C143.196 74.3776 143.836 80.703 139.417 82.4727C134.998 84.2424 128.21 80.6007 125.369 78.5587" stroke="#AAAAAA" stroke-width="2" stroke-linecap="round"/>
+<path d="M125.045 78.2998C124.186 78.6441 122.847 78.6078 121.52 77.7729" stroke="#AAAAAA" stroke-width="2" stroke-linecap="round"/>
+<defs>
+<filter id="filter0_d_838_87117" x="49.0684" y="12" width="102" height="126" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix 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"/>
+<feOffset dy="7"/>
+<feGaussianBlur stdDeviation="7.5"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.333333 0 0 0 0 0.333333 0 0 0 0 0.333333 0 0 0 0.1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_838_87117"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_838_87117" result="shape"/>
+</filter>
+</defs>
+</svg>
diff --git a/public/images/emptyview/empty.default.folder.light.svg b/public/images/emptyview/empty.default.folder.light.svg
new file mode 100644
index 0000000000..107f3c6a6a
--- /dev/null
+++ b/public/images/emptyview/empty.default.folder.light.svg
@@ -0,0 +1,36 @@
+<svg width="200" height="140" viewBox="0 0 200 140" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_d_1180_13165)">
+<path d="M64.0684 22C64.0684 20.8954 64.9638 20 66.0684 20H124.068L136.068 32V114C136.068 115.105 135.173 116 134.068 116H66.0684C64.9638 116 64.0684 115.105 64.0684 114V22Z" fill="white"/>
+<path d="M65.0684 22C65.0684 21.4477 65.5161 21 66.0684 21H123.654L135.068 32.4142V114C135.068 114.552 134.621 115 134.068 115H66.0684C65.5161 115 65.0684 114.552 65.0684 114V22Z" stroke="#AAAAAA" stroke-width="2"/>
+</g>
+<rect x="98" y="80" width="28" height="2" rx="1" fill="#CCCCCC"/>
+<rect x="74" y="74" width="21" height="2" rx="1" fill="#FF6F3D"/>
+<rect x="98" y="86" width="28" height="2" rx="1" fill="#CCCCCC"/>
+<rect x="98" y="92" width="28" height="2" rx="1" fill="#CCCCCC"/>
+<rect x="74" y="98" width="52" height="2" rx="1" fill="#CCCCCC"/>
+<rect x="74" y="104" width="52" height="2" rx="1" fill="#FF6F3D"/>
+<path d="M81 87L75 94H95L88 85L84 90L81 87Z" fill="#FF6F3D"/>
+<circle cx="79" cy="82" r="2" fill="#FF6F3D"/>
+<path d="M84 44C84.4091 45.5 86.4545 47 88.5 47C90.5455 47 92.5909 45.5 93 44" stroke="#AAAAAA" stroke-width="2" stroke-linecap="round"/>
+<path d="M107 44C107.409 45.5 109.455 47 111.5 47C113.545 47 115.591 45.5 116 44" stroke="#AAAAAA" stroke-width="2" stroke-linecap="round"/>
+<path d="M124 20L136 32H125C124.448 32 124 31.5523 124 31V20Z" fill="#AAAAAA"/>
+<circle cx="97.5" cy="57.5" r="2.5" fill="#AAAAAA"/>
+<path d="M19.5 19H26.5L21 28H27.5" stroke="#9ADAF3" stroke-width="2" stroke-linecap="round"/>
+<path d="M32 28H37.25L33.125 35H38" stroke="#9ADAF3" stroke-width="2" stroke-linecap="round"/>
+<path d="M43 34H48.25L44.125 41H49" stroke="#9ADAF3" stroke-width="2" stroke-linecap="round"/>
+<path d="M64.9994 65C57.4248 73.8738 55.8346 80.6079 60.2539 82.3776C64.6732 84.1473 71.4605 80.5056 74.3018 78.4636" stroke="#AAAAAA" stroke-width="2" stroke-linecap="round"/>
+<path d="M74.625 78.2046C75.4839 78.5489 76.8228 78.5125 78.1503 77.6777" stroke="#AAAAAA" stroke-width="2" stroke-linecap="round"/>
+<path d="M135.621 65.5038C143.196 74.3776 143.836 80.703 139.417 82.4727C134.998 84.2424 128.21 80.6007 125.369 78.5587" stroke="#AAAAAA" stroke-width="2" stroke-linecap="round"/>
+<path d="M125.045 78.2998C124.186 78.6441 122.847 78.6078 121.52 77.7729" stroke="#AAAAAA" stroke-width="2" stroke-linecap="round"/>
+<defs>
+<filter id="filter0_d_1180_13165" x="49.0684" y="12" width="102" height="126" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix 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"/>
+<feOffset dy="7"/>
+<feGaussianBlur stdDeviation="7.5"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.333333 0 0 0 0 0.333333 0 0 0 0 0.333333 0 0 0 0.1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1180_13165"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1180_13165" result="shape"/>
+</filter>
+</defs>
+</svg>
diff --git a/public/images/emptyview/empty.default.folder.user.dark.svg b/public/images/emptyview/empty.default.folder.user.dark.svg
new file mode 100644
index 0000000000..e6fa2a9429
--- /dev/null
+++ b/public/images/emptyview/empty.default.folder.user.dark.svg
@@ -0,0 +1,37 @@
+<svg width="200" height="147" viewBox="0 0 200 147" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_d_838_73128)">
+<path d="M64 31C64 29.8954 64.8954 29 66 29H124L136 41V123C136 124.105 135.105 125 134 125H66C64.8954 125 64 124.105 64 123V31Z" fill="#444444"/>
+<path d="M65 31C65 30.4477 65.4477 30 66 30H123.586L135 41.4142V123C135 123.552 134.552 124 134 124H66C65.4477 124 65 123.552 65 123V31Z" stroke="#AAAAAA" stroke-width="2"/>
+</g>
+<rect x="98" y="90" width="28" height="2" rx="1" fill="#808080"/>
+<rect x="74" y="84" width="21" height="2" rx="1" fill="#5FC1E8"/>
+<rect x="98" y="96" width="28" height="2" rx="1" fill="#808080"/>
+<rect x="98" y="102" width="28" height="2" rx="1" fill="#808080"/>
+<rect x="74" y="108" width="52" height="2" rx="1" fill="#808080"/>
+<rect x="74" y="114" width="52" height="2" rx="1" fill="#5FC1E8"/>
+<path d="M81 98L75 104H95L88 95L84 100L81 98Z" fill="#5FC1E8"/>
+<circle cx="79.5" cy="92.5" r="1.5" fill="#5FC1E8"/>
+<path d="M93 66.2477C94.8583 67.9655 97.2546 69 99.8703 69C102.609 69 105.108 67.8656 107 66" stroke="#AAAAAA" stroke-width="2" stroke-linecap="round"/>
+<path d="M124 29L136 41H125C124.448 41 124 40.5523 124 40V29Z" fill="#AAAAAA"/>
+<path d="M64.998 72C62.5378 75.4404 55.6719 80.1905 50.7371 78.5615C47.6341 77.5372 45.9716 75.6154 45.4175 74.6191" stroke="#AAAAAA" stroke-width="2" stroke-linecap="round"/>
+<path d="M41.2142 72.4952C41.2148 73.0482 41.5481 73.9686 42.3719 74.5004C43.4738 75.2117 44.5301 74.8839 45.419 74.6197" stroke="#AAAAAA" stroke-width="2" stroke-linecap="round"/>
+<path d="M135.185 72.4185C137.645 75.8589 143.694 80.1909 148.629 78.5619C151.732 77.5376 153.394 75.6157 153.948 74.6195" stroke="#AAAAAA" stroke-width="2" stroke-linecap="round"/>
+<path d="M158.151 72.4952C158.15 73.0482 157.817 73.9686 156.993 74.5004C155.891 75.2117 154.835 74.8839 153.946 74.6197" stroke="#AAAAAA" stroke-width="2" stroke-linecap="round"/>
+<rect x="45" y="15" width="32" height="32" rx="16" fill="#333333"/>
+<rect x="45" y="15" width="32" height="32" rx="16" stroke="#FF6F3D" stroke-width="2"/>
+<path d="M53 42.6878C53 38.9942 55.9942 36 59.6878 36H62.3122C66.0058 36 69 38.9942 69 42.6878C69 43.4849 68.5281 44.2064 67.7978 44.5259L67.2486 44.7662C63.2651 46.509 58.7349 46.509 54.7514 44.7662L54.2022 44.5259C53.4719 44.2064 53 43.4849 53 42.6878Z" fill="#FF6F3D"/>
+<circle cx="61" cy="27" r="6" fill="#FF6F3D"/>
+<circle cx="90.5" cy="53.5" r="2.5" fill="#AAAAAA"/>
+<circle cx="109.5" cy="53.5" r="2.5" fill="#AAAAAA"/>
+<defs>
+<filter id="filter0_d_838_73128" x="49" y="21" width="102" height="126" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix 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"/>
+<feOffset dy="7"/>
+<feGaussianBlur stdDeviation="7.5"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.333333 0 0 0 0 0.333333 0 0 0 0 0.333333 0 0 0 0.1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_838_73128"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_838_73128" result="shape"/>
+</filter>
+</defs>
+</svg>
diff --git a/public/images/emptyview/empty.default.folder.user.light.svg b/public/images/emptyview/empty.default.folder.user.light.svg
new file mode 100644
index 0000000000..1870e78495
--- /dev/null
+++ b/public/images/emptyview/empty.default.folder.user.light.svg
@@ -0,0 +1,37 @@
+<svg width="200" height="147" viewBox="0 0 200 147" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_d_838_73150)">
+<path d="M64 31C64 29.8954 64.8954 29 66 29H124L136 41V123C136 124.105 135.105 125 134 125H66C64.8954 125 64 124.105 64 123V31Z" fill="white"/>
+<path d="M65 31C65 30.4477 65.4477 30 66 30H123.586L135 41.4142V123C135 123.552 134.552 124 134 124H66C65.4477 124 65 123.552 65 123V31Z" stroke="#AAAAAA" stroke-width="2"/>
+</g>
+<rect x="98" y="90" width="28" height="2" rx="1" fill="#CCCCCC"/>
+<rect x="74" y="84" width="21" height="2" rx="1" fill="#5FC1E8"/>
+<rect x="98" y="96" width="28" height="2" rx="1" fill="#CCCCCC"/>
+<rect x="98" y="102" width="28" height="2" rx="1" fill="#CCCCCC"/>
+<rect x="74" y="108" width="52" height="2" rx="1" fill="#CCCCCC"/>
+<rect x="74" y="114" width="52" height="2" rx="1" fill="#5FC1E8"/>
+<path d="M81 98L75 104H95L88 95L84 100L81 98Z" fill="#5FC1E8"/>
+<circle cx="79.5" cy="92.5" r="1.5" fill="#5FC1E8"/>
+<path d="M93 66.2477C94.8583 67.9655 97.2546 69 99.8703 69C102.609 69 105.108 67.8656 107 66" stroke="#AAAAAA" stroke-width="2" stroke-linecap="round"/>
+<path d="M124 29L136 41H125C124.448 41 124 40.5523 124 40V29Z" fill="#AAAAAA"/>
+<path d="M64.998 72C62.5378 75.4404 55.6719 80.1905 50.7371 78.5615C47.6341 77.5372 45.9716 75.6154 45.4175 74.6191" stroke="#AAAAAA" stroke-width="2" stroke-linecap="round"/>
+<path d="M41.2142 72.4952C41.2148 73.0482 41.5481 73.9686 42.3719 74.5004C43.4738 75.2117 44.5301 74.8839 45.419 74.6197" stroke="#AAAAAA" stroke-width="2" stroke-linecap="round"/>
+<path d="M135.185 72.4185C137.645 75.8589 143.694 80.1909 148.629 78.5619C151.732 77.5376 153.394 75.6157 153.948 74.6195" stroke="#AAAAAA" stroke-width="2" stroke-linecap="round"/>
+<path d="M158.151 72.4952C158.15 73.0482 157.817 73.9686 156.993 74.5004C155.891 75.2117 154.835 74.8839 153.946 74.6197" stroke="#AAAAAA" stroke-width="2" stroke-linecap="round"/>
+<rect x="45" y="15" width="32" height="32" rx="16" fill="white"/>
+<rect x="45" y="15" width="32" height="32" rx="16" stroke="#FF6F3D" stroke-width="2"/>
+<path d="M53 42.6878C53 38.9942 55.9942 36 59.6878 36H62.3122C66.0058 36 69 38.9942 69 42.6878C69 43.4849 68.5281 44.2064 67.7978 44.5259L67.2486 44.7662C63.2651 46.509 58.7349 46.509 54.7514 44.7662L54.2022 44.5259C53.4719 44.2064 53 43.4849 53 42.6878Z" fill="#FF6F3D"/>
+<circle cx="61" cy="27" r="6" fill="#FF6F3D"/>
+<circle cx="90.5" cy="53.5" r="2.5" fill="#AAAAAA"/>
+<circle cx="109.5" cy="53.5" r="2.5" fill="#AAAAAA"/>
+<defs>
+<filter id="filter0_d_838_73150" x="49" y="21" width="102" height="126" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix 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"/>
+<feOffset dy="7"/>
+<feGaussianBlur stdDeviation="7.5"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.333333 0 0 0 0 0.333333 0 0 0 0 0.333333 0 0 0 0.1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_838_73150"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_838_73150" result="shape"/>
+</filter>
+</defs>
+</svg>