Merge pull request #1207 from logto-io/charles-log-2494-log-2938-dark-images-and-parcel-svg-transformer

refactor(console, demo-app): add dark images with parcel svg transformer plugin

packages/console/.parcelrc

@@ -0,0 +1,8 @@
+{
+  "extends": "@parcel/config-default",
+  "transformers": {
+    "*.svg": [
+      "@parcel/transformer-svg-react"
+    ]
+  }
+}

packages/console/package.json

@@ -25,6 +25,7 @@
     "@parcel/core": "2.6.2",
     "@parcel/transformer-mdx": "2.6.2",
     "@parcel/transformer-sass": "2.6.2",
+    "@parcel/transformer-svg-react": "2.6.2",
     "@silverhand/eslint-config": "^0.14.0",
     "@silverhand/eslint-config-react": "^0.14.0",
     "@silverhand/essentials": "^1.1.6",

packages/console/src/assets/images/api-resource-dark.svg

@@ -0,0 +1,53 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 8C0 3.58172 3.58172 0 8 0H32C36.4183 0 40 3.58172 40 8V32C40 36.4183 36.4183 40 32 40H8C3.58172 40 0 36.4183 0 32V8Z" fill="#3A3B59"/>
+<mask id="path-1-inside-1_274_11096" fill="white">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18.7808 6C18.3219 6 17.9219 6.3123 17.8106 6.75746L17 10L20 11L23 10L22.1894 6.75746C22.0781 6.3123 21.6781 6 21.2192 6H18.7808ZM18.7808 34C18.3219 34 17.9219 33.6877 17.8106 33.2425L17 30L20 29L23 30L22.1894 33.2425C22.0781 33.6877 21.6781 34 21.2192 34H18.7808Z"/>
+</mask>
+<path d="M17.8106 6.75746L16.8405 6.51493H16.8405L17.8106 6.75746ZM17 10L16.0299 9.75746L15.8053 10.6558L16.6838 10.9487L17 10ZM20 11L19.6838 11.9487L20 12.0541L20.3162 11.9487L20 11ZM23 10L23.3162 10.9487L24.1947 10.6558L23.9701 9.75746L23 10ZM22.1894 6.75746L21.2192 7L21.2192 7L22.1894 6.75746ZM17.8106 33.2425L16.8405 33.4851H16.8405L17.8106 33.2425ZM17 30L16.6838 29.0513L15.8053 29.3442L16.0299 30.2425L17 30ZM20 29L20.3162 28.0513L20 27.9459L19.6838 28.0513L20 29ZM23 30L23.9701 30.2425L24.1947 29.3442L23.3162 29.0513L23 30ZM18.7808 7L18.7808 7V5C17.863 5 17.0631 5.62459 16.8405 6.51493L18.7808 7ZM17.9701 10.2425L18.7808 7L16.8405 6.51493L16.0299 9.75746L17.9701 10.2425ZM20.3162 10.0513L17.3162 9.05132L16.6838 10.9487L19.6838 11.9487L20.3162 10.0513ZM22.6838 9.05132L19.6838 10.0513L20.3162 11.9487L23.3162 10.9487L22.6838 9.05132ZM21.2192 7L22.0299 10.2425L23.9701 9.75746L23.1595 6.51493L21.2192 7ZM21.2192 7L21.2192 7L23.1595 6.51493C22.9369 5.62459 22.137 5 21.2192 5V7ZM18.7808 7H21.2192V5H18.7808V7ZM16.8405 33.4851C17.0631 34.3754 17.863 35 18.7808 35V33L16.8405 33.4851ZM16.0299 30.2425L16.8405 33.4851L18.7808 33L17.9701 29.7575L16.0299 30.2425ZM19.6838 28.0513L16.6838 29.0513L17.3162 30.9487L20.3162 29.9487L19.6838 28.0513ZM23.3162 29.0513L20.3162 28.0513L19.6838 29.9487L22.6838 30.9487L23.3162 29.0513ZM23.1595 33.4851L23.9701 30.2425L22.0299 29.7575L21.2192 33L23.1595 33.4851ZM21.2192 35C22.137 35 22.9369 34.3754 23.1595 33.4851L21.2192 33V35ZM18.7808 35H21.2192V33H18.7808V35Z" fill="#F4A6FE" mask="url(#path-1-inside-1_274_11096)"/>
+<mask id="path-3-inside-2_274_11096" fill="white">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.23833 10.9626C8.91386 11.2871 8.85185 11.7908 9.08794 12.1842L10.8076 15.0503L14 14L15.0502 10.8076L12.1842 9.088C11.7907 8.85192 11.287 8.91392 10.9626 9.23839L9.23833 10.9626ZM29.0373 30.7616C28.7128 31.0861 28.2092 31.1481 27.8157 30.912L24.9497 29.1924L26 26.0001L29.1923 24.9498L30.9119 27.8158C31.148 28.2093 31.086 28.7129 30.7616 29.0374L29.0373 30.7616Z"/>
+</mask>
+<path d="M9.08794 12.1842L8.23045 12.6987L8.23045 12.6987L9.08794 12.1842ZM9.23833 10.9626L9.94543 11.6697L9.23833 10.9626ZM10.8076 15.0503L9.95006 15.5648L10.3611 16.2498L11.1201 16.0002L10.8076 15.0503ZM14 14L14.3125 14.9499L14.7921 14.7922L14.9499 14.3125L14 14ZM15.0502 10.8076L16.0001 11.1201L16.2498 10.3612L15.5647 9.95013L15.0502 10.8076ZM12.1842 9.088L11.6697 9.9455L11.6697 9.9455L12.1842 9.088ZM10.9626 9.23839L10.2555 8.53128L10.9626 9.23839ZM27.8157 30.912L27.3012 31.7695L27.3012 31.7695L27.8157 30.912ZM29.0373 30.7616L29.7444 31.4687L29.0373 30.7616ZM24.9497 29.1924L23.9998 28.8799L23.7501 29.6388L24.4352 30.0499L24.9497 29.1924ZM26 26.0001L25.6875 25.0502L25.2079 25.208L25.0501 25.6875L26 26.0001ZM29.1923 24.9498L30.0498 24.4353L29.6388 23.7501L28.8798 23.9998L29.1923 24.9498ZM30.9119 27.8158L31.7694 27.3013L30.9119 27.8158ZM30.7616 29.0374L30.0545 28.3303L30.7616 29.0374ZM9.94543 11.6697L9.94543 11.6697L8.53122 10.2555C7.88228 10.9045 7.75827 11.9118 8.23045 12.6987L9.94543 11.6697ZM11.665 14.5358L9.94543 11.6697L8.23045 12.6987L9.95006 15.5648L11.665 14.5358ZM13.6875 13.0501L10.4951 14.1003L11.1201 16.0002L14.3125 14.9499L13.6875 13.0501ZM14.1003 10.4951L13.0501 13.6875L14.9499 14.3125L16.0001 11.1201L14.1003 10.4951ZM11.6697 9.9455L14.5357 11.6651L15.5647 9.95013L12.6987 8.23051L11.6697 9.9455ZM11.6697 9.9455L11.6697 9.9455L12.6987 8.23051C11.9117 7.75834 10.9044 7.88235 10.2555 8.53128L11.6697 9.9455ZM9.94543 11.6697L11.6697 9.9455L10.2555 8.53128L8.53122 10.2555L9.94543 11.6697ZM27.3012 31.7695C28.0882 32.2417 29.0955 32.1177 29.7444 31.4687L28.3302 30.0545L27.3012 31.7695ZM24.4352 30.0499L27.3012 31.7695L28.3302 30.0545L25.4642 28.3349L24.4352 30.0499ZM25.0501 25.6875L23.9998 28.8799L25.8996 29.5049L26.9499 26.3126L25.0501 25.6875ZM28.8798 23.9998L25.6875 25.0502L26.3126 26.95L29.5049 25.8997L28.8798 23.9998ZM31.7694 27.3013L30.0498 24.4353L28.3348 25.4642L30.0545 28.3303L31.7694 27.3013ZM31.4687 29.7445C32.1176 29.0956 32.2416 28.0882 31.7694 27.3013L30.0545 28.3303L31.4687 29.7445ZM29.7444 31.4687L31.4687 29.7445L30.0545 28.3303L28.3302 30.0545L29.7444 31.4687Z" fill="#F4A6FE" mask="url(#path-3-inside-2_274_11096)"/>
+<mask id="path-5-inside-3_274_11096" fill="white">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M30.7616 10.9626C31.086 11.2871 31.148 11.7907 30.9119 12.1842L29.1923 15.0502L26 14L24.9497 10.8076L27.8157 9.08797C28.2092 8.85189 28.7128 8.91389 29.0373 9.23836L30.7616 10.9626ZM10.9626 30.7616C11.287 31.0861 11.7907 31.1481 12.1842 30.912L15.0502 29.1924L14 26L10.8075 24.9497L9.08793 27.8157C8.85185 28.2092 8.91385 28.7129 9.23832 29.0373L10.9626 30.7616Z"/>
+</mask>
+<path d="M30.9119 12.1842L31.7694 12.6987L31.7694 12.6987L30.9119 12.1842ZM30.7616 10.9626L30.0544 11.6697L30.7616 10.9626ZM29.1923 15.0502L30.0498 15.5647L29.6388 16.2498L28.8798 16.0001L29.1923 15.0502ZM26 14L25.6875 14.9499L25.2079 14.7921L25.0501 14.3125L26 14ZM24.9497 10.8076L23.9998 11.1201L23.7501 10.3612L24.4352 9.9501L24.9497 10.8076ZM27.8157 9.08797L28.3302 9.94547L28.3302 9.94547L27.8157 9.08797ZM29.0373 9.23836L29.7444 8.53125L29.0373 9.23836ZM12.1842 30.912L12.6987 31.7695L12.6987 31.7695L12.1842 30.912ZM10.9626 30.7616L10.2555 31.4687L10.9626 30.7616ZM15.0502 29.1924L16.0001 28.8799L16.2498 29.6388L15.5647 30.0499L15.0502 29.1924ZM14 26L14.3125 25.0501L14.7921 25.2079L14.9499 25.6875L14 26ZM10.8075 24.9497L9.95006 24.4352L10.3611 23.7501L11.1201 23.9998L10.8075 24.9497ZM9.08793 27.8157L8.23044 27.3013L9.08793 27.8157ZM9.23832 29.0373L9.94543 28.3302L9.23832 29.0373ZM30.0544 11.6697L30.0544 11.6697L31.4687 10.2555C32.1176 10.9044 32.2416 11.9117 31.7694 12.6987L30.0544 11.6697ZM28.3348 14.5357L30.0544 11.6697L31.7694 12.6987L30.0498 15.5647L28.3348 14.5357ZM26.3125 13.0501L29.5048 14.1003L28.8798 16.0001L25.6875 14.9499L26.3125 13.0501ZM25.8996 10.4951L26.9499 13.6875L25.0501 14.3125L23.9998 11.1201L25.8996 10.4951ZM28.3302 9.94547L25.4642 11.6651L24.4352 9.9501L27.3012 8.23048L28.3302 9.94547ZM28.3302 9.94547L28.3302 9.94547L27.3012 8.23048C28.0882 7.75831 29.0955 7.88232 29.7444 8.53125L28.3302 9.94547ZM30.0544 11.6697L28.3302 9.94547L29.7444 8.53125L31.4687 10.2555L30.0544 11.6697ZM12.6987 31.7695C11.9117 32.2416 10.9044 32.1176 10.2555 31.4687L11.6697 30.0545L12.6987 31.7695ZM15.5647 30.0499L12.6987 31.7695L11.6697 30.0545L14.5357 28.3349L15.5647 30.0499ZM14.9499 25.6875L16.0001 28.8799L14.1003 29.5049L13.05 26.3125L14.9499 25.6875ZM11.1201 23.9998L14.3125 25.0501L13.6874 26.9499L10.495 25.8996L11.1201 23.9998ZM8.23044 27.3013L9.95006 24.4352L11.665 25.4642L9.94543 28.3302L8.23044 27.3013ZM8.53121 29.7445C7.88228 29.0955 7.75827 28.0882 8.23044 27.3013L9.94543 28.3302L8.53121 29.7445ZM10.2555 31.4687L8.53121 29.7445L9.94543 28.3302L11.6697 30.0545L10.2555 31.4687Z" fill="#F4A6FE" mask="url(#path-5-inside-3_274_11096)"/>
+<mask id="path-7-inside-4_274_11096" fill="white">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6 21.2192C6 21.6781 6.3123 22.0781 6.75746 22.1894L10 23L11 20L10 17L6.75746 17.8106C6.3123 17.9219 6 18.3219 6 18.7808V21.2192ZM34 21.2192C34 21.6781 33.6877 22.0781 33.2425 22.1894L30 23L29 20L30 17L33.2425 17.8106C33.6877 17.9219 34 18.3219 34 18.7808V21.2192Z"/>
+</mask>
+<path d="M6.75746 22.1894L6.51493 23.1595V23.1595L6.75746 22.1894ZM10 23L9.75746 23.9701L10.6558 24.1947L10.9487 23.3162L10 23ZM11 20L11.9487 20.3162L12.0541 20L11.9487 19.6838L11 20ZM10 17L10.9487 16.6838L10.6558 15.8053L9.75746 16.0299L10 17ZM6.75746 17.8106L7 18.7808L7 18.7808L6.75746 17.8106ZM33.2425 22.1894L33.4851 23.1595V23.1595L33.2425 22.1894ZM30 23L29.0513 23.3162L29.3442 24.1947L30.2425 23.9701L30 23ZM29 20L28.0513 19.6838L27.9459 20L28.0513 20.3162L29 20ZM30 17L30.2425 16.0299L29.3442 15.8053L29.0513 16.6838L30 17ZM7 21.2192L7 21.2192H5C5 22.137 5.62459 22.9369 6.51493 23.1595L7 21.2192ZM10.2425 22.0299L7 21.2192L6.51493 23.1595L9.75746 23.9701L10.2425 22.0299ZM10.0513 19.6838L9.05132 22.6838L10.9487 23.3162L11.9487 20.3162L10.0513 19.6838ZM9.05132 17.3162L10.0513 20.3162L11.9487 19.6838L10.9487 16.6838L9.05132 17.3162ZM7 18.7808L10.2425 17.9701L9.75746 16.0299L6.51493 16.8405L7 18.7808ZM7 18.7808L7 18.7808L6.51493 16.8405C5.62459 17.0631 5 17.863 5 18.7808H7ZM7 21.2192V18.7808H5V21.2192H7ZM33.4851 23.1595C34.3754 22.9369 35 22.137 35 21.2192H33L33.4851 23.1595ZM30.2425 23.9701L33.4851 23.1595L33 21.2192L29.7575 22.0299L30.2425 23.9701ZM28.0513 20.3162L29.0513 23.3162L30.9487 22.6838L29.9487 19.6838L28.0513 20.3162ZM29.0513 16.6838L28.0513 19.6838L29.9487 20.3162L30.9487 17.3162L29.0513 16.6838ZM33.4851 16.8405L30.2425 16.0299L29.7575 17.9701L33 18.7808L33.4851 16.8405ZM35 18.7808C35 17.863 34.3754 17.0631 33.4851 16.8405L33 18.7808H35ZM35 21.2192V18.7808H33V21.2192H35Z" fill="#F4A6FE" mask="url(#path-7-inside-4_274_11096)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M20 31C26.0751 31 31 26.0751 31 20C31 13.9249 26.0751 9 20 9C13.9249 9 9 13.9249 9 20C9 26.0751 13.9249 31 20 31ZM20 27C23.866 27 27 23.866 27 20C27 16.134 23.866 13 20 13C16.134 13 13 16.134 13 20C13 23.866 16.134 27 20 27Z" fill="url(#paint0_linear_274_11096)"/>
+<rect x="15" y="18" width="1" height="1" fill="#F0DAFF"/>
+<rect x="14" y="18" width="1" height="1" fill="#F0DAFF"/>
+<rect x="14" y="19" width="1" height="1" fill="#F0DAFF"/>
+<rect x="14" y="20" width="1" height="1" fill="#F0DAFF"/>
+<rect x="15" y="20" width="1" height="1" fill="#F0DAFF"/>
+<rect x="16" y="20" width="1" height="1" fill="#F0DAFF"/>
+<rect x="14" y="21" width="1" height="1" fill="#F0DAFF"/>
+<rect x="16" y="18" width="1" height="1" fill="#F0DAFF"/>
+<rect x="17" y="18" width="1" height="1" fill="#F0DAFF"/>
+<rect x="19" y="18" width="1" height="1" fill="#F0DAFF"/>
+<rect x="20" y="18" width="1" height="1" fill="#F0DAFF"/>
+<rect x="21" y="18" width="1" height="1" fill="#F0DAFF"/>
+<rect x="22" y="18" width="1" height="1" fill="#F0DAFF"/>
+<rect x="22" y="19" width="1" height="1" fill="#F0DAFF"/>
+<rect x="24" y="19" width="1" height="1" fill="#F0DAFF"/>
+<rect x="24" y="20" width="1" height="1" fill="#F0DAFF"/>
+<rect x="24" y="21" width="1" height="1" fill="#F0DAFF"/>
+<rect x="24" y="18" width="1" height="1" fill="#F0DAFF"/>
+<rect x="22" y="20" width="1" height="1" fill="#F0DAFF"/>
+<rect x="21" y="20" width="1" height="1" fill="#F0DAFF"/>
+<rect x="20" y="20" width="1" height="1" fill="#F0DAFF"/>
+<rect x="19" y="21" width="1" height="1" fill="#F0DAFF"/>
+<rect x="19" y="20" width="1" height="1" fill="#F0DAFF"/>
+<rect x="19" y="19" width="1" height="1" fill="#F0DAFF"/>
+<rect x="17" y="19" width="1" height="1" fill="#F0DAFF"/>
+<rect x="17" y="20" width="1" height="1" fill="#F0DAFF"/>
+<rect x="17" y="21" width="1" height="1" fill="#F0DAFF"/>
+<defs>
+<linearGradient id="paint0_linear_274_11096" x1="7.19286" y1="21.6042" x2="30.7074" y2="12.9219" gradientUnits="userSpaceOnUse">
+<stop stop-color="#614DDD"/>
+<stop offset="1" stop-color="#D47AFE"/>
+</linearGradient>
+</defs>
+</svg>

packages/console/src/assets/images/check-demo-dark.svg

@@ -0,0 +1,18 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 8C0 3.58172 3.58172 0 8 0H40C44.4183 0 48 3.58172 48 8V40C48 44.4183 44.4183 48 40 48H8C3.58172 48 0 44.4183 0 40V8Z" fill="#3A3B59"/>
+<rect x="12" y="6" width="20" height="36" rx="4" fill="url(#paint0_linear_289_11388)"/>
+<circle cx="22" cy="38" r="1.5" stroke="#F5EEFF"/>
+<path d="M17 6H27V8C27 8.55228 26.5523 9 26 9H18C17.4477 9 17 8.55228 17 8V6Z" fill="#5938A3"/>
+<path d="M41.5 24C41.5 24.0667 41.4631 24.2311 41.3162 24.5033C41.1765 24.7621 40.9619 25.0736 40.673 25.4201C40.0959 26.1121 39.2493 26.911 38.1938 27.6685C36.0789 29.1863 33.179 30.5 30 30.5C26.821 30.5 23.9211 29.1863 21.8062 27.6685C20.7507 26.911 19.9041 26.1121 19.327 25.4201C19.0381 25.0736 18.8235 24.7621 18.6838 24.5033C18.5369 24.2311 18.5 24.0667 18.5 24C18.5 23.9333 18.5369 23.7689 18.6838 23.4967C18.8235 23.2379 19.0381 22.9264 19.327 22.5799C19.9041 21.8879 20.7507 21.089 21.8062 20.3315C23.9211 18.8137 26.821 17.5 30 17.5C33.179 17.5 36.0789 18.8137 38.1938 20.3315C39.2493 21.089 40.0959 21.8879 40.673 22.5799C40.9619 22.9264 41.1765 23.2379 41.3162 23.4967C41.4631 23.7689 41.5 23.9333 41.5 24Z" fill="#F5EEFF" stroke="#343653"/>
+<circle cx="30" cy="24" r="4" fill="#191C1D"/>
+<circle cx="33" cy="24" r="2" fill="#F07EFF"/>
+<rect x="30" y="12" width="1" height="4" rx="0.5" fill="#F4E560"/>
+<rect x="36.5605" y="13.2324" width="1" height="4" rx="0.5" transform="rotate(45 36.5605 13.2324)" fill="#7072A0"/>
+<rect width="1" height="4" rx="0.5" transform="matrix(0.707107 -0.707107 -0.707107 -0.707107 26.5605 16.7681)" fill="#F4E560"/>
+<defs>
+<linearGradient id="paint0_linear_289_11388" x1="10.3571" y1="26.625" x2="33.6675" y2="21.8434" gradientUnits="userSpaceOnUse">
+<stop stop-color="#492EF3"/>
+<stop offset="1" stop-color="#CF69FF"/>
+</linearGradient>
+</defs>
+</svg>

packages/console/src/assets/images/circle-tick.svg

@@ -1,4 +1,4 @@
 <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<circle cx="10" cy="10" r="9" fill="#4EA254" stroke="white" stroke-width="2"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M5.75789 8.99992C5.36736 9.39045 5.36736 10.0236 5.75789 10.4141L8.58632 13.2426C8.97684 13.6331 9.61 13.6331 10.0005 13.2426L14.2432 8.99992C14.6337 8.6094 14.6337 7.97624 14.2432 7.58571C13.8526 7.19519 13.2195 7.19519 12.829 7.58571L9.29342 11.1212L7.1721 8.99992C6.78158 8.6094 6.14841 8.6094 5.75789 8.99992Z" fill="white"/>
+<circle cx="10" cy="10" r="9" fill="#4EA254" stroke="currentColor" stroke-width="2"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5.75789 8.99992C5.36736 9.39045 5.36736 10.0236 5.75789 10.4141L8.58632 13.2426C8.97684 13.6331 9.61 13.6331 10.0005 13.2426L14.2432 8.99992C14.6337 8.6094 14.6337 7.97624 14.2432 7.58571C13.8526 7.19519 13.2195 7.19519 12.829 7.58571L9.29342 11.1212L7.1721 8.99992C6.78158 8.6094 6.14841 8.6094 5.75789 8.99992Z" fill="currentColor"/>
 </svg>

packages/console/src/assets/images/congrats-dark.svg

@@ -0,0 +1,33 @@
+<svg width="256" height="256" viewBox="0 0 256 256" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M128 208C172.183 208 208 172.183 208 128C208 83.8172 172.183 48 128 48C83.8172 48 48 83.8172 48 128C48 172.183 83.8172 208 128 208ZM128 168C150.091 168 168 150.091 168 128C168 105.909 150.091 88 128 88C105.909 88 88 105.909 88 128C88 150.091 105.909 168 128 168Z" fill="#434966"/>
+<path d="M71.3203 82.2193L75.0494 77.9656C77.1089 75.6163 76.8739 72.0423 74.5247 69.9828V69.9828C72.1754 67.9233 71.9405 64.3493 74 62V62C76.0595 59.6507 75.8246 56.0767 73.4753 54.0172V54.0172C71.126 51.9577 70.8911 48.3837 72.9506 46.0345L76.6797 41.7807" stroke="#81A281" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
+<rect x="89" y="44.1564" width="16" height="16" rx="4" transform="rotate(-30.6488 89 44.1564)" fill="#B68FB9"/>
+<rect x="217.074" y="72.5758" width="8" height="8" transform="rotate(35.5802 217.074 72.5758)" fill="#B6A2B8"/>
+<rect x="142" y="128" width="24" height="24" fill="#B98EBC"/>
+<path d="M120.586 58.0008C120.528 57.892 120.61 57.7615 120.733 57.7659L138.643 58.4036C138.766 58.4079 138.838 58.5439 138.773 58.6483L129.266 73.8397C129.2 73.9441 129.046 73.9386 128.989 73.8298L120.586 58.0008Z" fill="#68BE6C"/>
+<path d="M172.277 123.132C172.23 122.979 172.366 122.833 172.522 122.868L195.213 128.073C195.369 128.109 195.428 128.3 195.319 128.417L179.466 145.466C179.357 145.583 179.162 145.538 179.115 145.385L172.277 123.132Z" fill="#85C086"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M104.663 86.3338C104.663 86.1494 104.812 86 104.997 86H111.005C111.189 86 111.338 86.1494 111.338 86.3338V96.9075L120.495 91.6207C120.655 91.5285 120.859 91.5832 120.951 91.7429L123.955 96.9459C124.048 97.1056 123.993 97.3097 123.833 97.4019L114.676 102.689L123.832 107.976C123.992 108.068 124.047 108.272 123.955 108.432L120.951 113.635C120.859 113.794 120.654 113.849 120.495 113.757L111.338 108.471V119.044C111.338 119.228 111.189 119.378 111.005 119.378H104.997C104.812 119.378 104.663 119.228 104.663 119.044V108.47L95.5054 113.757C95.3458 113.849 95.1416 113.794 95.0495 113.635L92.0455 108.432C91.9533 108.272 92.008 108.068 92.1676 107.976L101.325 102.689L92.1669 97.4019C92.0073 97.3097 91.9526 97.1056 92.0448 96.9459L95.0488 91.7429C95.1409 91.5832 95.3451 91.5285 95.5047 91.6207L104.663 96.9081V86.3338Z" fill="#7075CB"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M152.2 124.399C162.803 124.399 171.399 115.803 171.399 105.2C171.399 94.596 162.803 86 152.2 86C141.596 86 133 94.596 133 105.2C133 115.803 141.596 124.399 152.2 124.399ZM152.2 114.799C157.502 114.799 161.799 110.502 161.799 105.2C161.799 99.8978 157.502 95.5998 152.2 95.5998C146.898 95.5998 142.6 99.8978 142.6 105.2C142.6 110.502 146.898 114.799 152.2 114.799Z" fill="#EFD2AA"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M40 64C44.4183 64 48 60.4183 48 56C48 51.5817 44.4183 48 40 48C35.5817 48 32 51.5817 32 56C32 60.4183 35.5817 64 40 64ZM40 60C42.2091 60 44 58.2091 44 56C44 53.7909 42.2091 52 40 52C37.7909 52 36 53.7909 36 56C36 58.2091 37.7909 60 40 60Z" fill="#948E86"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M218 41C220.209 41 222 39.2091 222 37C222 34.7909 220.209 33 218 33C215.791 33 214 34.7909 214 37C214 39.2091 215.791 41 218 41ZM218 39C219.105 39 220 38.1046 220 37C220 35.8954 219.105 35 218 35C216.895 35 216 35.8954 216 37C216 38.1046 216.895 39 218 39Z" fill="#AEA090"/>
+<path d="M126.596 48C134.408 48 141.959 49.1198 149.096 51.2075C167.283 56.5275 182.787 68.1329 193.096 83.5131M187.817 179.5C186.054 181.595 184.184 183.597 182.218 185.5C180.27 187.384 178.227 189.171 176.096 190.851C172.499 193.688 168.653 196.222 164.596 198.416C159.713 201.057 154.524 203.205 149.096 204.792C141.959 206.88 134.408 208 126.596 208C107.907 208 90.714 201.591 77.096 190.851C62.2562 179.148 51.6613 162.301 48 143M61.1356 82C58.27 86.0704 55.7745 90.42 53.6979 95C51.6743 99.463 50.0486 104.145 48.8659 109" stroke="#555D86" stroke-width="2" stroke-linecap="round"/>
+<path d="M69.2328 218.378C68.9073 221.79 72.7428 224.004 75.5347 222.017L169.01 155.465C171.382 153.776 171.212 150.199 168.69 148.743L86.1124 101.066C83.5902 99.6102 80.4071 101.251 80.1305 104.151L69.2328 218.378Z" fill="url(#paint0_linear_277_11257)"/>
+<mask id="mask0_277_11257" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="69" y="100" width="102" height="123">
+<path d="M69.233 218.378C68.9075 221.79 72.7429 224.004 75.5348 222.017L169.01 155.465C171.382 153.776 171.212 150.199 168.69 148.743L86.1125 101.066C83.5904 99.6103 80.4072 101.252 80.1306 104.151L69.233 218.378Z" fill="#AF9EFF"/>
+</mask>
+<g mask="url(#mask0_277_11257)">
+<rect x="57.255" y="123.748" width="128" height="16" rx="1.28" fill="#E0A1E9"/>
+<rect x="37.255" y="158.389" width="128" height="16" rx="1.28" fill="#E0A1E9"/>
+<rect x="17.255" y="193.03" width="128" height="16" rx="1.28" fill="#E0A1E9"/>
+</g>
+<path d="M165.054 60.6419L169.361 56.9744C171.739 54.9489 172.026 51.3787 170 49V49C167.975 46.6214 168.261 43.0511 170.64 41.0256L174.946 37.3581" stroke="#8288A6" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M169 82.4208L174.61 83.1467C177.708 83.5476 180.545 81.3609 180.946 78.2626V78.2626C181.347 75.1642 184.184 72.9775 187.282 73.3784V73.3784C190.38 73.7793 193.217 71.5926 193.618 68.4943V68.4943C194.019 65.3959 196.856 63.2092 199.954 63.6101L205.564 64.336" stroke="#B0A7D9" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M122.186 33.6255L120.821 28.1358C120.067 25.1039 121.914 22.035 124.946 21.2813V21.2813C127.978 20.5276 129.825 17.4588 129.071 14.4269L127.706 8.93708" stroke="#68617E" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M190.03 114.09L194.015 110.075C196.216 107.858 199.798 107.844 202.015 110.045V110.045C204.233 112.246 207.814 112.232 210.015 110.015L214 106" stroke="#958CB2" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
+<defs>
+<linearGradient id="paint0_linear_277_11257" x1="67.5" y1="223.5" x2="173.05" y2="155.153" gradientUnits="userSpaceOnUse">
+<stop stop-color="#5E49DC"/>
+<stop offset="1" stop-color="#D279FC"/>
+</linearGradient>
+</defs>
+</svg>

packages/console/src/assets/images/congrats.svg

@@ -1,31 +1,31 @@
-<svg width="160" height="160" viewBox="0 0 160 160" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M80 130C107.614 130 130 107.614 130 80C130 52.3858 107.614 30 80 30C52.3858 30 30 52.3858 30 80C30 107.614 52.3858 130 80 130ZM80 105C93.8071 105 105 93.8071 105 80C105 66.1929 93.8071 55 80 55C66.1929 55 55 66.1929 55 80C55 93.8071 66.1929 105 80 105Z" fill="#EFF1F1"/>
-<path d="M44.5752 51.3872L46.9058 48.7286C48.193 47.2603 48.0462 45.0266 46.5779 43.7394V43.7394C45.1096 42.4522 44.9628 40.2185 46.25 38.7502V38.7502C47.5372 37.2819 47.3904 35.0481 45.9221 33.7609V33.7609C44.4538 32.4737 44.3069 30.24 45.5941 28.7717L47.9248 26.1131" stroke="#83DA85" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
-<rect x="55.625" y="27.5977" width="10" height="10" transform="rotate(-30.6488 55.625 27.5977)" fill="#FAABFF"/>
-<rect x="135.671" y="45.3599" width="5" height="5" transform="rotate(35.5802 135.671 45.3599)" fill="#FAABFF"/>
-<rect x="88.75" y="80" width="15" height="15" fill="#FAABFF"/>
-<path d="M75.3662 36.2506C75.3301 36.1826 75.3812 36.101 75.4581 36.1038L86.6516 36.5023C86.7285 36.505 86.7737 36.59 86.7328 36.6553L80.7909 46.1499C80.7501 46.2151 80.6539 46.2117 80.6178 46.1437L75.3662 36.2506Z" fill="#68BE6C"/>
-<path d="M107.673 76.9575C107.644 76.8619 107.729 76.7704 107.827 76.7928L122.008 80.0457C122.106 80.068 122.142 80.1875 122.074 80.2608L112.166 90.916C112.098 90.9893 111.976 90.9613 111.947 90.8657L107.673 76.9575Z" fill="#68BE6C"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M65.4142 53.9586C65.4142 53.8434 65.5076 53.75 65.6229 53.75H69.3778C69.4931 53.75 69.5865 53.8434 69.5865 53.9586V60.5671L75.3095 57.2629C75.4093 57.2053 75.5369 57.2394 75.5945 57.3392L77.472 60.5911C77.5296 60.6909 77.4954 60.8185 77.3956 60.8761L71.6722 64.1805L77.3953 67.4848C77.4951 67.5424 77.5293 67.67 77.4717 67.7697L75.5942 71.0216C75.5366 71.1214 75.409 71.1556 75.3092 71.098L69.5865 67.794V74.4024C69.5865 74.5176 69.4931 74.611 69.3778 74.611H65.6229C65.5076 74.611 65.4142 74.5176 65.4142 74.4024V67.7935L59.6907 71.098C59.591 71.1556 59.4634 71.1214 59.4058 71.0216L57.5283 67.7697C57.4707 67.67 57.5049 67.5424 57.6046 67.4848L63.3278 64.1805L57.6043 60.8761C57.5046 60.8185 57.4704 60.6909 57.528 60.5911L59.4055 57.3392C59.4631 57.2394 59.5907 57.2053 59.6904 57.2629L65.4142 60.5675V53.9586Z" fill="#7958FF"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M95.1248 77.7496C101.752 77.7496 107.125 72.3771 107.125 65.7498C107.125 59.1225 101.752 53.75 95.1248 53.75C88.4975 53.75 83.125 59.1225 83.125 65.7498C83.125 72.3771 88.4975 77.7496 95.1248 77.7496ZM95.1248 71.7495C98.4385 71.7495 101.125 69.0633 101.125 65.7497C101.125 62.436 98.4385 59.7498 95.1248 59.7498C91.8112 59.7498 89.1249 62.436 89.1249 65.7497C89.1249 69.0633 91.8112 71.7495 95.1248 71.7495Z" fill="#FFB95A"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M25 40C27.7614 40 30 37.7614 30 35C30 32.2386 27.7614 30 25 30C22.2386 30 20 32.2386 20 35C20 37.7614 22.2386 40 25 40ZM25 37.5C26.3807 37.5 27.5 36.3807 27.5 35C27.5 33.6193 26.3807 32.5 25 32.5C23.6193 32.5 22.5 33.6193 22.5 35C22.5 36.3807 23.6193 37.5 25 37.5Z" fill="#FFB95A"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M136.25 25.625C137.631 25.625 138.75 24.5057 138.75 23.125C138.75 21.7443 137.631 20.625 136.25 20.625C134.869 20.625 133.75 21.7443 133.75 23.125C133.75 24.5057 134.869 25.625 136.25 25.625ZM136.25 24.375C136.94 24.375 137.5 23.8154 137.5 23.125C137.5 22.4346 136.94 21.875 136.25 21.875C135.56 21.875 135 22.4346 135 23.125C135 23.8154 135.56 24.375 136.25 24.375Z" fill="#FFDDB5"/>
-<path d="M79.1225 30C84.0051 30 88.7242 30.6998 93.185 32.0047C104.552 35.3297 114.242 42.5831 120.685 52.1957M117.386 112.188C116.283 113.497 115.115 114.748 113.886 115.938C112.669 117.115 111.392 118.232 110.06 119.282C107.812 121.055 105.408 122.639 102.873 124.01C99.8206 125.661 96.5775 127.003 93.185 127.995C88.7242 129.3 84.0051 130 79.1225 130C67.4416 130 56.6962 125.994 48.185 119.282C38.9101 111.967 32.2883 101.438 30 89.375M38.2097 51.25C36.4188 53.794 34.859 56.5125 33.5612 59.375C32.2965 62.1644 31.2804 65.0905 30.5412 68.125" stroke="#E6DEFF" stroke-width="1.25"/>
-<path d="M43.2706 136.487C43.0672 138.619 45.4644 140.003 47.2093 138.761L105.631 97.1659C107.114 96.1102 107.008 93.8744 105.431 92.9642L53.8204 63.1667C52.244 62.2566 50.2546 63.2823 50.0817 65.0943L43.2706 136.487Z" fill="url(#paint0_linear_3293_164131)"/>
-<mask id="mask0_3293_164131" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="43" y="62" width="64" height="78">
-<path d="M43.2706 136.487C43.0672 138.619 45.4644 140.003 47.2093 138.761L105.631 97.1659C107.114 96.1102 107.008 93.8744 105.431 92.9642L53.8204 63.1667C52.244 62.2566 50.2546 63.2823 50.0817 65.0943L43.2706 136.487Z" fill="#AF9EFF"/>
+<svg width="256" height="256" viewBox="0 0 256 256" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M128 208C172.183 208 208 172.183 208 128C208 83.8172 172.183 48 128 48C83.8172 48 48 83.8172 48 128C48 172.183 83.8172 208 128 208ZM128 168C150.091 168 168 150.091 168 128C168 105.909 150.091 88 128 88C105.909 88 88 105.909 88 128C88 150.091 105.909 168 128 168Z" fill="#EFF1F1"/>
+<path d="M71.3203 82.2193L75.0494 77.9656C77.1089 75.6163 76.8739 72.0423 74.5247 69.9828V69.9828C72.1754 67.9233 71.9405 64.3493 74 62V62C76.0595 59.6507 75.8246 56.0767 73.4753 54.0172V54.0172C71.126 51.9577 70.8911 48.3837 72.9506 46.0345L76.6797 41.7807" stroke="#83DA85" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
+<rect x="89" y="44.1564" width="16" height="16" transform="rotate(-30.6488 89 44.1564)" fill="#FAABFF"/>
+<rect x="217.074" y="72.5758" width="8" height="8" transform="rotate(35.5802 217.074 72.5758)" fill="#FAABFF"/>
+<rect x="142" y="128" width="24" height="24" fill="#FAABFF"/>
+<path d="M120.586 58.0008C120.528 57.892 120.61 57.7615 120.733 57.7659L138.643 58.4036C138.766 58.4079 138.838 58.5439 138.773 58.6483L129.266 73.8397C129.2 73.9441 129.046 73.9386 128.989 73.8298L120.586 58.0008Z" fill="#68BE6C"/>
+<path d="M172.277 123.132C172.23 122.979 172.366 122.833 172.522 122.868L195.213 128.073C195.369 128.109 195.428 128.3 195.319 128.417L179.466 145.466C179.357 145.583 179.162 145.538 179.115 145.385L172.277 123.132Z" fill="#68BE6C"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M104.663 86.3338C104.663 86.1494 104.812 86 104.997 86H111.005C111.189 86 111.338 86.1494 111.338 86.3338V96.9075L120.495 91.6207C120.655 91.5285 120.859 91.5832 120.951 91.7429L123.955 96.9459C124.047 97.1056 123.993 97.3097 123.833 97.4019L114.676 102.689L123.832 107.976C123.992 108.068 124.047 108.272 123.955 108.432L120.951 113.635C120.859 113.794 120.654 113.849 120.495 113.757L111.338 108.471V119.044C111.338 119.228 111.189 119.378 111.005 119.378H104.997C104.812 119.378 104.663 119.228 104.663 119.044V108.47L95.5053 113.757C95.3456 113.849 95.1415 113.794 95.0493 113.635L92.0453 108.432C91.9532 108.272 92.0079 108.068 92.1675 107.976L101.324 102.689L92.1669 97.4019C92.0073 97.3097 91.9526 97.1056 92.0448 96.9459L95.0488 91.7429C95.1409 91.5832 95.3451 91.5285 95.5047 91.6207L104.663 96.9081V86.3338Z" fill="#7958FF"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M152.2 124.399C162.803 124.399 171.399 115.803 171.399 105.2C171.399 94.596 162.803 86 152.2 86C141.596 86 133 94.596 133 105.2C133 115.803 141.596 124.399 152.2 124.399ZM152.2 114.799C157.502 114.799 161.799 110.502 161.799 105.2C161.799 99.8978 157.502 95.5998 152.2 95.5998C146.898 95.5998 142.6 99.8978 142.6 105.2C142.6 110.502 146.898 114.799 152.2 114.799Z" fill="#FFB95A"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M40 64C44.4183 64 48 60.4183 48 56C48 51.5817 44.4183 48 40 48C35.5817 48 32 51.5817 32 56C32 60.4183 35.5817 64 40 64ZM40 60C42.2091 60 44 58.2091 44 56C44 53.7909 42.2091 52 40 52C37.7909 52 36 53.7909 36 56C36 58.2091 37.7909 60 40 60Z" fill="#FFB95A"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M218 41C220.209 41 222 39.2091 222 37C222 34.7909 220.209 33 218 33C215.791 33 214 34.7909 214 37C214 39.2091 215.791 41 218 41ZM218 39C219.105 39 220 38.1046 220 37C220 35.8954 219.105 35 218 35C216.895 35 216 35.8954 216 37C216 38.1046 216.895 39 218 39Z" fill="#FFDDB5"/>
+<path d="M126.596 48C134.408 48 141.959 49.1198 149.096 51.2075C167.283 56.5275 182.787 68.1329 193.096 83.5131M187.817 179.5C186.054 181.595 184.184 183.597 182.218 185.5C180.27 187.384 178.227 189.171 176.096 190.851C172.499 193.688 168.653 196.222 164.596 198.416C159.713 201.057 154.524 203.205 149.096 204.792C141.959 206.88 134.408 208 126.596 208C107.907 208 90.714 201.591 77.096 190.851C62.2562 179.148 51.6613 162.301 48 143M61.1356 82C58.27 86.0704 55.7745 90.42 53.6979 95C51.6743 99.463 50.0486 104.145 48.8659 109" stroke="#E6DEFF" stroke-width="2"/>
+<path d="M69.2328 218.378C68.9073 221.79 72.7428 224.004 75.5347 222.017L169.01 155.465C171.382 153.776 171.212 150.199 168.69 148.743L86.1124 101.066C83.5902 99.6102 80.4071 101.251 80.1305 104.151L69.2328 218.378Z" fill="url(#paint0_linear_422_12204)"/>
+<mask id="mask0_422_12204" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="69" y="100" width="102" height="123">
+<path d="M69.2331 218.378C68.9076 221.79 72.7431 224.004 75.5349 222.017L169.01 155.465C171.383 153.776 171.212 150.199 168.69 148.743L86.1127 101.066C83.5905 99.6103 80.4073 101.251 80.1308 104.151L69.2331 218.378Z" fill="#AF9EFF"/>
 </mask>
-<g mask="url(#mask0_3293_164131)">
-<rect x="35.7844" y="77.3428" width="80" height="10" rx="0.8" fill="#F07EFF"/>
-<rect x="23.2844" y="98.9932" width="80" height="10" rx="0.8" fill="#F07EFF"/>
-<rect x="10.7844" y="120.644" width="80" height="10" rx="0.8" fill="#F07EFF"/>
+<g mask="url(#mask0_422_12204)">
+<rect x="57.2549" y="123.748" width="128" height="16" rx="1.28" fill="#EA9DF4"/>
+<rect x="37.2549" y="158.389" width="128" height="16" rx="1.28" fill="#EA9DF4"/>
+<rect x="17.2549" y="193.03" width="128" height="16" rx="1.28" fill="#EA9DF4"/>
 </g>
-<path d="M103.159 37.9014L105.851 35.6092C107.337 34.3433 107.516 32.1118 106.25 30.6252V30.6252C104.984 29.1385 105.163 26.9071 106.65 25.6412L109.342 23.349" stroke="#C4C7C7" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M105.625 51.5132L109.131 51.9669C111.068 52.2175 112.841 50.8508 113.091 48.9143V48.9143C113.342 46.9778 115.115 45.6111 117.051 45.8617V45.8617C118.988 46.1123 120.761 44.7456 121.011 42.8091V42.8091C121.262 40.8726 123.035 39.5059 124.971 39.7565L128.478 40.2102" stroke="#AF9EFF" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M76.366 21.0161L75.513 17.585C75.042 15.6901 76.1963 13.772 78.0912 13.301V13.301C79.9862 12.8299 81.1405 10.9119 80.6694 9.01693L79.8165 5.58582" stroke="#E6DEFF" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M118.769 71.3066L121.26 68.7973C122.635 67.4114 124.874 67.4029 126.26 68.7785V68.7785C127.645 70.154 129.884 70.1455 131.26 68.7596L133.75 66.2503" stroke="#E6DEFF" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M165.054 60.6419L169.361 56.9744C171.739 54.9489 172.026 51.3787 170 49V49C167.975 46.6214 168.261 43.0511 170.64 41.0256L174.946 37.3581" stroke="#C4C7C7" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M169 82.4208L174.61 83.1467C177.708 83.5476 180.545 81.3609 180.946 78.2626V78.2626C181.347 75.1642 184.184 72.9775 187.282 73.3784V73.3784C190.38 73.7793 193.217 71.5926 193.618 68.4943V68.4943C194.019 65.3959 196.856 63.2092 199.954 63.6101L205.564 64.336" stroke="#AF9EFF" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M122.186 33.6255L120.821 28.1358C120.067 25.1039 121.914 22.035 124.946 21.2813V21.2813C127.978 20.5276 129.825 17.4588 129.071 14.4269L127.706 8.93708" stroke="#E6DEFF" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M190.03 114.09L194.015 110.075C196.216 107.858 199.798 107.844 202.015 110.045V110.045C204.233 112.246 207.814 112.232 210.015 110.015L214 106" stroke="#E6DEFF" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
 <defs>
-<linearGradient id="paint0_linear_3293_164131" x1="42.1876" y1="139.688" x2="108.156" y2="96.9709" gradientUnits="userSpaceOnUse">
+<linearGradient id="paint0_linear_422_12204" x1="67.5" y1="223.5" x2="173.05" y2="155.153" gradientUnits="userSpaceOnUse">
 <stop stop-color="#492EF3"/>
 <stop offset="1" stop-color="#CF69FF"/>
 </linearGradient>

packages/console/src/assets/images/connector-email-dark.svg

@@ -0,0 +1,10 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 8C0 3.58172 3.58172 0 8 0H32C36.4183 0 40 3.58172 40 8V32C40 36.4183 36.4183 40 32 40H8C3.58172 40 0 36.4183 0 32V8Z" fill="#3A3B59"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M28.5496 10.0374L20.001 18.5861L11.4521 10.0372C11.6312 10.0127 11.8141 10 12 10H28C28.1865 10 28.3699 10.0128 28.5496 10.0374ZM20.001 20.9485C19.7285 20.9622 19.4514 20.865 19.2433 20.6569L9.47995 10.8935C8.57699 11.6269 8 12.7461 8 14V26C8 28.2091 9.79086 30 12 30H28C30.2091 30 32 28.2091 32 26V14C32 12.7466 31.4235 11.6278 30.5211 10.8944L20.7586 20.6569C20.5505 20.865 20.2735 20.9622 20.001 20.9485Z" fill="url(#paint0_linear_307_11896)"/>
+<defs>
+<linearGradient id="paint0_linear_307_11896" x1="25" y1="10" x2="6.5" y2="30" gradientUnits="userSpaceOnUse">
+<stop stop-color="#E37EF4"/>
+<stop offset="1" stop-color="#6847EA"/>
+</linearGradient>
+</defs>
+</svg>

packages/console/src/assets/images/connector-sms-dark.svg

@@ -0,0 +1,14 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 8C0 3.58172 3.58172 0 8 0H32C36.4183 0 40 3.58172 40 8V32C40 36.4183 36.4183 40 32 40H8C3.58172 40 0 36.4183 0 32V8Z" fill="#3A3B59"/>
+<rect x="8" y="6" width="16" height="28" rx="4" fill="url(#paint0_linear_307_11895)"/>
+<circle cx="16" cy="31" r="1.5" stroke="#D6C6ED"/>
+<path d="M12 6H20V7C20 8.10457 19.1046 9 18 9H14C12.8954 9 12 8.10457 12 7V6Z" fill="#5938A3"/>
+<path d="M16 15C16 12.7909 17.7909 11 20 11H30C32.2091 11 34 12.7909 34 15V20C34 22.2091 32.2091 24 30 24H22.1079C21.383 24 20.6716 24.197 20.05 24.57L17.5145 26.0913C16.848 26.4912 16 26.0111 16 25.2338V15Z" fill="#F7EB81"/>
+<path d="M20.0771 20.1143C21.1904 20.1143 21.8555 19.5635 21.8555 18.6992V18.6963C21.8555 18.0137 21.4453 17.6533 20.5459 17.4775L20.1094 17.3926C19.6523 17.3018 19.459 17.1699 19.459 16.9297V16.9268C19.459 16.6748 19.6875 16.502 20.0742 16.502C20.4639 16.502 20.7275 16.6777 20.7715 16.9414L20.7773 16.9766H21.7734L21.7705 16.9414C21.7061 16.1943 21.1289 15.6582 20.0684 15.6582C19.0957 15.6582 18.3926 16.1914 18.3896 17.0205V17.0234C18.3896 17.6826 18.7764 18.1045 19.6699 18.2773L20.1064 18.3623C20.6016 18.459 20.7891 18.5703 20.7891 18.8076V18.8105C20.7891 19.0801 20.5137 19.2705 20.0947 19.2705C19.6611 19.2705 19.3711 19.083 19.3418 18.8223L19.3389 18.7959H18.3135L18.3164 18.8486C18.3604 19.6338 19.0225 20.1143 20.0771 20.1143ZM22.5499 20H23.4962V17.3076H23.5548L24.5157 20H25.128L26.089 17.3076H26.1505V20H27.0939V15.7725H25.8722L24.8527 18.6406H24.797L23.7745 15.7725H22.5499V20ZM29.552 20.1143C30.6653 20.1143 31.3303 19.5635 31.3303 18.6992V18.6963C31.3303 18.0137 30.9202 17.6533 30.0207 17.4775L29.5842 17.3926C29.1272 17.3018 28.9338 17.1699 28.9338 16.9297V16.9268C28.9338 16.6748 29.1623 16.502 29.5491 16.502C29.9387 16.502 30.2024 16.6777 30.2463 16.9414L30.2522 16.9766H31.2483L31.2454 16.9414C31.1809 16.1943 30.6038 15.6582 29.5432 15.6582C28.5705 15.6582 27.8674 16.1914 27.8645 17.0205V17.0234C27.8645 17.6826 28.2512 18.1045 29.1448 18.2773L29.5813 18.3623C30.0764 18.459 30.2639 18.5703 30.2639 18.8076V18.8105C30.2639 19.0801 29.9885 19.2705 29.5696 19.2705C29.136 19.2705 28.8459 19.083 28.8166 18.8223L28.8137 18.7959H27.7883L27.7913 18.8486C27.8352 19.6338 28.4973 20.1143 29.552 20.1143Z" fill="#191C1D"/>
+<defs>
+<linearGradient id="paint0_linear_307_11895" x1="6.68571" y1="22.0417" x2="25.2905" y2="18.1163" gradientUnits="userSpaceOnUse">
+<stop stop-color="#5239EE"/>
+<stop offset="1" stop-color="#CF69FF"/>
+</linearGradient>
+</defs>
+</svg>

packages/console/src/assets/images/create-app-dark.svg

@@ -0,0 +1,18 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 8C0 3.58172 3.58172 0 8 0H40C44.4183 0 48 3.58172 48 8V40C48 44.4183 44.4183 48 40 48H8C3.58172 48 0 44.4183 0 40V8Z" fill="#3A3B59"/>
+<path d="M7 12C7 9.79086 8.79086 8 11 8L37 8C39.2091 8 41 9.79086 41 12V30C41 32.2091 39.2091 34 37 34H11C8.79086 34 7 32.2091 7 30L7 12Z" fill="url(#paint0_linear_289_11389)"/>
+<rect x="10.25" y="14.25" width="27.5" height="0.5" rx="0.25" stroke="#3A3B59" stroke-width="0.5"/>
+<rect x="10.25" y="21.25" width="27.5" height="0.5" rx="0.25" stroke="#3A3B59" stroke-width="0.5"/>
+<rect x="10.25" y="28.25" width="27.5" height="0.5" rx="0.25" stroke="#3A3B59" stroke-width="0.5"/>
+<rect x="14" y="11" width="4" height="6" rx="2" fill="#7958FF"/>
+<rect x="30" y="18" width="4" height="6" rx="2" fill="#7958FF"/>
+<rect x="19" y="25" width="4" height="6" rx="2" fill="#7958FF"/>
+<rect x="14.5" y="36.5" width="19" height="3" rx="1.5" fill="#878ABF" stroke="#555786"/>
+<defs>
+<linearGradient id="paint0_linear_289_11389" x1="5.11111" y1="26.5714" x2="36.9255" y2="7.71964" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFF06A"/>
+<stop offset="0.5" stop-color="#FC85E9"/>
+<stop offset="1" stop-color="#EC78FF"/>
+</linearGradient>
+</defs>
+</svg>

packages/console/src/assets/images/customize-dark.svg

@@ -0,0 +1,26 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 8C0 3.58172 3.58172 0 8 0H40C44.4183 0 48 3.58172 48 8V40C48 44.4183 44.4183 48 40 48H8C3.58172 48 0 44.4183 0 40V8Z" fill="#3A3B59"/>
+<path d="M12.1319 13.1007C11.7414 12.7101 11.7414 12.077 12.1319 11.6864C12.5224 11.2959 13.1556 11.2959 13.5461 11.6864L22.7385 20.8788L21.3243 22.293L12.1319 13.1007Z" fill="#7958FF"/>
+<path d="M8.59634 10.9793C7.81529 10.1983 7.81529 8.93196 8.59634 8.15091C9.37739 7.36986 10.6437 7.36986 11.4248 8.15091L14.2532 10.9793C15.0342 11.7604 15.0342 13.0267 14.2532 13.8078C13.4721 14.5888 12.2058 14.5888 11.4248 13.8078L8.59634 10.9793Z" fill="#7958FF"/>
+<path d="M21.3242 29.3641C18.981 27.021 18.981 23.222 21.3242 20.8788C23.6673 18.5357 27.4663 18.5357 29.8095 20.8788L38.2947 29.3641C40.6379 31.7072 40.6379 35.5062 38.2947 37.8494C35.9516 40.1925 32.1526 40.1925 29.8095 37.8494L21.3242 29.3641Z" fill="url(#paint0_linear_289_11391)"/>
+<rect x="22.0312" y="25.8286" width="2" height="16" rx="1" transform="rotate(-45 22.0312 25.8286)" fill="#CABEFF"/>
+<rect x="24.8599" y="23.0001" width="2" height="16" rx="1" transform="rotate(-45 24.8599 23.0001)" fill="#CABEFF"/>
+<path d="M23.2946 16.051C24.8567 14.4889 27.3894 14.4889 28.9515 16.051L30.3657 17.4652C31.9278 19.0273 31.9278 21.56 30.3657 23.1221L14.8093 38.6784C13.2472 40.2405 10.7146 40.2405 9.15248 38.6784L7.73827 37.2642C6.17617 35.7021 6.17617 33.1695 7.73827 31.6074L23.2946 16.051Z" fill="url(#paint1_linear_289_11391)"/>
+<rect x="21.1733" y="23.8292" width="2" height="16" rx="1" transform="rotate(45 21.1733 23.8292)" fill="#B545CA"/>
+<path d="M37.7903 22.0614C34.0803 25.7714 28.0652 25.7714 24.3552 22.0614C20.6453 18.3514 20.6453 12.3363 24.3552 8.62635C26.3753 6.60625 29.0781 5.68597 31.722 5.86593C32.2149 5.89948 32.5008 6.19053 32.5993 6.56284C32.7027 6.95322 32.5994 7.45322 32.2123 7.84039L29.305 10.7477C28.3287 11.724 28.3287 13.3069 29.305 14.2832L32.1334 17.1116C33.1097 18.0879 34.6926 18.0879 35.6689 17.1116L38.5762 14.2044C38.9634 13.8172 39.4634 13.714 39.8538 13.8173C40.2261 13.9158 40.5171 14.2017 40.5507 14.6946C40.7306 17.3385 39.8104 20.0413 37.7903 22.0614Z" fill="#E6DEFF" stroke="#2C2D44"/>
+<circle cx="7" cy="19" r="1.5" stroke="#83B983"/>
+<circle cx="42" cy="27" r="1.5" stroke="#ACA5C0"/>
+<rect x="36.879" y="7" width="3" height="3" rx="0.5" transform="rotate(-45 36.879 7)" stroke="#8B87A6"/>
+<rect x="19.879" y="40" width="3" height="3" rx="0.5" transform="rotate(-45 19.879 40)" stroke="#787A9B"/>
+<defs>
+<linearGradient id="paint0_linear_289_11391" x1="40.3536" y1="40.8534" x2="21.8724" y2="15.8606" gradientUnits="userSpaceOnUse">
+<stop stop-color="#492EF3"/>
+<stop offset="1" stop-color="#CF69FF"/>
+</linearGradient>
+<linearGradient id="paint1_linear_289_11391" x1="28.7933" y1="16.207" x2="3.05751" y2="23.2677" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFF06A"/>
+<stop offset="0.5" stop-color="#FC85E9"/>
+<stop offset="1" stop-color="#E264F7"/>
+</linearGradient>
+</defs>
+</svg>

packages/console/src/assets/images/default-placeholder.svg

@@ -1,7 +0,0 @@
-<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M18 36C27.9411 36 36 27.9411 36 18C36 8.05887 27.9411 0 18 0C8.05887 0 0 8.05887 0 18C0 27.9411 8.05887 36 18 36Z" fill="#FFCC4D"/>
-<path d="M18 21C14.377 21 11.973 20.578 9 20C8.321 19.869 7 20 7 22C7 26 11.595 31 18 31C24.404 31 29 26 29 22C29 20 27.679 19.868 27 20C24.027 20.578 21.623 21 18 21Z" fill="#664500"/>
-<path d="M9 22C9 22 12 23 18 23C24 23 27 22 27 22C27 22 25 26 18 26C11 26 9 22 9 22Z" fill="white"/>
-<path d="M12 17C13.3807 17 14.5 15.433 14.5 13.5C14.5 11.567 13.3807 10 12 10C10.6193 10 9.5 11.567 9.5 13.5C9.5 15.433 10.6193 17 12 17Z" fill="#664500"/>
-<path d="M24 17C25.3807 17 26.5 15.433 26.5 13.5C26.5 11.567 25.3807 10 24 10C22.6193 10 21.5 11.567 21.5 13.5C21.5 15.433 22.6193 17 24 17Z" fill="#664500"/>
-</svg>

packages/console/src/assets/images/discord-dark.svg

@@ -0,0 +1,4 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 12C0 5.37258 5.37258 0 12 0H36C42.6274 0 48 5.37258 48 12V36C48 42.6274 42.6274 48 36 48H12C5.37258 48 0 42.6274 0 36V12Z" fill="#3A3B59"/>
+<path d="M35.0894 14.0219C33.0498 13.086 30.8626 12.3966 28.5759 12.0017C28.5342 11.994 28.4926 12.0131 28.4712 12.0512C28.1899 12.5515 27.8783 13.2041 27.6601 13.7171C25.2005 13.3489 22.7536 13.3489 20.3444 13.7171C20.1262 13.1927 19.8033 12.5515 19.5208 12.0512C19.4993 12.0144 19.4577 11.9953 19.4161 12.0017C17.1305 12.3953 14.9434 13.0848 12.9026 14.0219C12.8849 14.0295 12.8698 14.0422 12.8597 14.0587C8.71119 20.2565 7.57473 26.302 8.13224 32.2725C8.13476 32.3017 8.15116 32.3297 8.17386 32.3474C10.9109 34.3575 13.5623 35.5778 16.1644 36.3866C16.206 36.3993 16.2501 36.3841 16.2766 36.3498C16.8922 35.5092 17.4409 34.6229 17.9113 33.6908C17.9391 33.6363 17.9126 33.5715 17.8558 33.5499C16.9855 33.2198 16.1568 32.8172 15.3596 32.3601C15.2966 32.3233 15.2915 32.2331 15.3495 32.19C15.5173 32.0643 15.6851 31.9335 15.8453 31.8014C15.8743 31.7773 15.9146 31.7722 15.9487 31.7874C21.1857 34.1785 26.8554 34.1785 32.0306 31.7874C32.0647 31.7709 32.1051 31.776 32.1353 31.8001C32.2955 31.9322 32.4633 32.0643 32.6323 32.19C32.6903 32.2331 32.6865 32.3233 32.6235 32.3601C31.8263 32.8261 30.9976 33.2198 30.126 33.5486C30.0693 33.5702 30.044 33.6363 30.0718 33.6908C30.5523 34.6216 31.101 35.5079 31.7052 36.3485C31.7304 36.3841 31.7758 36.3993 31.8175 36.3866C34.4322 35.5778 37.0835 34.3575 39.8206 32.3474C39.8446 32.3297 39.8597 32.303 39.8622 32.2738C40.5294 25.3712 38.7447 19.3753 35.131 14.06C35.1221 14.0422 35.107 14.0295 35.0894 14.0219ZM18.6934 28.6371C17.1167 28.6371 15.8175 27.1896 15.8175 25.4119C15.8175 23.6341 17.0915 22.1866 18.6934 22.1866C20.3078 22.1866 21.5944 23.6469 21.5692 25.4119C21.5692 27.1896 20.2952 28.6371 18.6934 28.6371ZM29.3263 28.6371C27.7497 28.6371 26.4505 27.1896 26.4505 25.4119C26.4505 23.6341 27.7244 22.1866 29.3263 22.1866C30.9408 22.1866 32.2274 23.6469 32.2022 25.4119C32.2022 27.1896 30.9408 28.6371 29.3263 28.6371Z" fill="#A5ABF0"/>
+</svg>

packages/console/src/assets/images/email-dark.svg

@@ -0,0 +1,4 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 12C0 5.37258 5.37258 0 12 0H36C42.6274 0 48 5.37258 48 12V36C48 42.6274 42.6274 48 36 48H12C5.37258 48 0 42.6274 0 36V12Z" fill="#3A3B59"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M24 40C32.8366 40 40 32.8366 40 24C40 15.1634 32.8366 8 24 8C15.1634 8 8 15.1634 8 24C8 32.8366 15.1634 40 24 40ZM30 16C30.4747 16 30.9301 16.0827 31.3526 16.2345L24.001 23.5861L16.6488 16.234C17.0709 16.0825 17.5258 16 18 16H30ZM24.7586 25.6569C24.5505 25.865 24.2735 25.9622 24.001 25.9485C23.7285 25.9622 23.4514 25.865 23.2433 25.6569L14.9723 17.3859C14.3665 18.087 14 19.0007 14 20V28C14 30.2091 15.7909 32 18 32H30C32.2091 32 34 30.2091 34 28V20C34 19.0012 33.6339 18.0879 33.0286 17.3869L24.7586 25.6569Z" fill="#8ECF8E"/>
+</svg>

packages/console/src/assets/images/error-dark.svg

@@ -0,0 +1,48 @@
+<svg width="256" height="256" viewBox="0 0 256 256" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="58" y="74" width="140" height="108" rx="12.1905" fill="#C2BDD5"/>
+<mask id="mask0_274_17729" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="58" y="74" width="140" height="108">
+<rect x="58" y="74" width="140" height="108" rx="12.1905" fill="#CABEFF"/>
+</mask>
+<g mask="url(#mask0_274_17729)">
+<rect x="64.8008" y="142.2" width="128" height="0.8" transform="rotate(-90 64.8008 142.2)" fill="#B4AFCC"/>
+<rect x="73" y="142" width="128" height="0.8" transform="rotate(-90 73 142)" fill="#B4AFCC"/>
+<rect x="81" y="142" width="128" height="0.8" transform="rotate(-90 81 142)" fill="#B4AFCC"/>
+<rect x="89" y="142" width="128" height="0.8" transform="rotate(-90 89 142)" fill="#B4AFCC"/>
+<rect x="97" y="142" width="128" height="0.8" transform="rotate(-90 97 142)" fill="#B4AFCC"/>
+<rect x="105" y="142" width="128" height="0.8" transform="rotate(-90 105 142)" fill="#B4AFCC"/>
+<rect x="113" y="142" width="128" height="0.8" transform="rotate(-90 113 142)" fill="#B4AFCC"/>
+<rect x="121" y="142" width="128" height="0.8" transform="rotate(-90 121 142)" fill="#B4AFCC"/>
+<rect x="129" y="142" width="128" height="0.8" transform="rotate(-90 129 142)" fill="#B4AFCC"/>
+<rect x="137" y="142" width="128" height="0.8" transform="rotate(-90 137 142)" fill="#B4AFCC"/>
+<rect x="145" y="142" width="128" height="0.8" transform="rotate(-90 145 142)" fill="#B4AFCC"/>
+<rect x="153" y="142" width="128" height="0.8" transform="rotate(-90 153 142)" fill="#B4AFCC"/>
+<rect x="161" y="142" width="128" height="0.8" transform="rotate(-90 161 142)" fill="#B4AFCC"/>
+<rect x="169" y="142" width="128" height="0.8" transform="rotate(-90 169 142)" fill="#B4AFCC"/>
+<rect x="177" y="142" width="128" height="0.8" transform="rotate(-90 177 142)" fill="#B4AFCC"/>
+<rect x="57" y="78" width="128" height="0.8" fill="#B4AFCC"/>
+<rect x="57" y="86" width="128" height="0.8" fill="#B4AFCC"/>
+<rect x="57" y="94" width="128" height="0.8" fill="#B4AFCC"/>
+<rect x="57" y="102" width="128" height="0.8" fill="#B4AFCC"/>
+<rect x="57" y="110" width="128" height="0.8" fill="#B4AFCC"/>
+<rect x="57" y="118" width="128" height="0.8" fill="#B4AFCC"/>
+<rect x="57" y="126" width="128" height="0.8" fill="#B4AFCC"/>
+<rect x="57" y="134" width="128" height="0.8" fill="#B4AFCC"/>
+</g>
+<path d="M125.333 107.619C126.519 105.566 129.481 105.566 130.667 107.619L157.333 153.807C158.519 155.86 157.037 158.426 154.667 158.426H101.333C98.963 158.426 97.4815 155.86 98.6667 153.807L125.333 107.619Z" fill="#F9EF95"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M128 119C125.791 119 124 120.791 124 123V135C124 137.209 125.791 139 128 139C130.209 139 132 137.209 132 135V123C132 120.791 130.209 119 128 119ZM128 143C125.791 143 124 144.791 124 147C124 149.209 125.791 151 128 151C130.209 151 132 149.209 132 147C132 144.791 130.209 143 128 143Z" fill="#444748"/>
+<path d="M58 86C58 79.3726 63.3726 74 70 74H186C192.627 74 198 79.3726 198 86V94H58V86Z" fill="#78767F"/>
+<circle cx="77" cy="84" r="3" fill="#E5E1EC"/>
+<circle cx="87" cy="84" r="3" fill="#47464E"/>
+<circle cx="97" cy="84" r="3" fill="#47464E"/>
+<rect x="203.134" y="214.277" width="8" height="8" transform="rotate(-35.523 203.134 214.277)" fill="#4E5065"/>
+<rect x="206" y="27.6482" width="8" height="8" rx="0.16" transform="rotate(-35.523 206 27.6482)" fill="#41485E"/>
+<rect x="172.452" y="171" width="16" height="16" rx="4" transform="rotate(50.249 172.452 171)" fill="#5C6273"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M221.914 96.2086C221.914 96.0934 222.008 96 222.123 96H225.878C225.993 96 226.087 96.0934 226.087 96.2086V102.817L231.81 99.513C231.91 99.4554 232.037 99.4896 232.095 99.5894L233.972 102.841C234.03 102.941 233.996 103.069 233.896 103.126L228.172 106.431L233.896 109.735C233.995 109.793 234.03 109.92 233.972 110.02L232.094 113.272C232.037 113.372 231.909 113.406 231.81 113.348L226.087 110.044V116.653C226.087 116.768 225.993 116.861 225.878 116.861H222.123C222.008 116.861 221.914 116.768 221.914 116.653V110.044L216.191 113.348C216.091 113.406 215.963 113.372 215.906 113.272L214.028 110.02C213.971 109.92 214.005 109.793 214.105 109.735L219.828 106.431L214.104 103.126C214.005 103.069 213.97 102.941 214.028 102.841L215.906 99.5894C215.963 99.4896 216.091 99.4554 216.19 99.513L221.914 102.818V96.2086Z" fill="#4E5075"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M94.3314 193.209C94.3314 193.093 94.4248 193 94.54 193H97.4606C97.5758 193 97.6692 193.093 97.6692 193.209V198.454L102.212 195.831C102.311 195.774 102.439 195.808 102.496 195.908L103.957 198.437C104.014 198.537 103.98 198.664 103.88 198.722L99.3378 201.344L103.88 203.967C103.98 204.025 104.014 204.152 103.956 204.252L102.496 206.781C102.439 206.881 102.311 206.915 102.211 206.858L97.6692 204.235V209.48C97.6692 209.595 97.5758 209.689 97.4606 209.689H94.54C94.4248 209.689 94.3314 209.595 94.3314 209.48V204.235L89.7888 206.858C89.689 206.915 89.5614 206.881 89.5038 206.781L88.0435 204.252C87.9859 204.152 88.0201 204.025 88.1199 203.967L92.6622 201.344L88.1196 198.722C88.0198 198.664 87.9856 198.537 88.0432 198.437L89.5035 195.908C89.5611 195.808 89.6887 195.774 89.7885 195.831L94.3314 198.454V193.209Z" fill="#4E5075"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M52 62C56.4183 62 60 58.4183 60 54C60 49.5817 56.4183 46 52 46C47.5817 46 44 49.5817 44 54C44 58.4183 47.5817 62 52 62ZM52 58C54.2091 58 56 56.2091 56 54C56 51.7909 54.2091 50 52 50C49.7909 50 48 51.7909 48 54C48 56.2091 49.7909 58 52 58Z" fill="#626685"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M39 167C43.4183 167 47 163.418 47 159C47 154.582 43.4183 151 39 151C34.5817 151 31 154.582 31 159C31 163.418 34.5817 167 39 167ZM39 163C41.2091 163 43 161.209 43 159C43 156.791 41.2091 155 39 155C36.7909 155 35 156.791 35 159C35 161.209 36.7909 163 39 163Z" fill="#4A475C"/>
+<path d="M153.212 48.3137C153.169 48.1981 153.267 48.0798 153.389 48.1006L168.611 50.7166C168.733 50.7375 168.786 50.8819 168.707 50.9766L158.83 62.8518C158.752 62.9465 158.6 62.9204 158.557 62.8048L153.212 48.3137Z" fill="#373C4A"/>
+<path d="M117.818 59.5458L119.926 55.5412C121.091 53.3296 120.241 50.5929 118.03 49.4287V49.4287C115.818 48.2645 114.969 45.5278 116.133 43.3162V43.3162C117.298 41.1045 116.448 38.3678 114.237 37.2036V37.2036C112.025 36.0394 111.176 33.3027 112.34 31.0911L114.448 27.0865" stroke="#5E6775" stroke-width="3.2" stroke-linecap="round" stroke-linejoin="round"/>
+<rect x="75" y="220" width="80" height="4" rx="2" fill="#4E5075"/>
+<rect x="167" y="220" width="19" height="4" rx="2" fill="#4E5075"/>
+</svg>

packages/console/src/assets/images/error.svg

@@ -1,66 +1,53 @@
-<svg width="230" height="230" viewBox="0 0 230 230" fill="none" xmlns="http://www.w3.org/2000/svg" id="error">
-<rect width="230" height="230" />
-<rect x="52.1094" y="66.4844" width="125.781" height="97.0312" rx="10.9524" fill="#CABEFF"/>
-<mask id="mask0_300_6026" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="52" y="66" width="126" height="98">
-<rect x="52.1094" y="66.4844" width="125.781" height="97.0312" rx="10.9524" fill="#CABEFF"/>
+<svg width="256" height="256" viewBox="0 0 256 256" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="58" y="74" width="140" height="108" rx="12.1905" fill="#C9C5D0"/>
+<mask id="mask0_3312_122828" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="58" y="74" width="140" height="108">
+<rect x="58" y="74" width="140" height="108" rx="12.1905" fill="#CABEFF"/>
 </mask>
-<g mask="url(#mask0_300_6026)">
+<g mask="url(#mask0_3312_122828)">
+<rect x="64.8008" y="142.2" width="128" height="0.4" transform="rotate(-90 64.8008 142.2)" fill="black"/>
+<rect x="73" y="142" width="128" height="0.4" transform="rotate(-90 73 142)" fill="black"/>
+<rect x="81" y="142" width="128" height="0.4" transform="rotate(-90 81 142)" fill="black"/>
+<rect x="89" y="142" width="128" height="0.4" transform="rotate(-90 89 142)" fill="black"/>
+<rect x="97" y="142" width="128" height="0.4" transform="rotate(-90 97 142)" fill="black"/>
+<rect x="105" y="142" width="128" height="0.4" transform="rotate(-90 105 142)" fill="black"/>
+<rect x="113" y="142" width="128" height="0.4" transform="rotate(-90 113 142)" fill="black"/>
+<rect x="121" y="142" width="128" height="0.4" transform="rotate(-90 121 142)" fill="black"/>
+<rect x="129" y="142" width="128" height="0.4" transform="rotate(-90 129 142)" fill="black"/>
+<rect x="137" y="142" width="128" height="0.4" transform="rotate(-90 137 142)" fill="black"/>
+<rect x="145" y="142" width="128" height="0.4" transform="rotate(-90 145 142)" fill="black"/>
+<rect x="153" y="142" width="128" height="0.4" transform="rotate(-90 153 142)" fill="black"/>
+<rect x="161" y="142" width="128" height="0.4" transform="rotate(-90 161 142)" fill="black"/>
+<rect x="169" y="142" width="128" height="0.4" transform="rotate(-90 169 142)" fill="black"/>
+<rect x="177" y="142" width="128" height="0.4" transform="rotate(-90 177 142)" fill="black"/>
+<rect x="57" y="78" width="128" height="0.4" fill="black"/>
+<rect x="57" y="86" width="128" height="0.4" fill="black"/>
+<rect x="57" y="94" width="128" height="0.4" fill="black"/>
+<rect x="57" y="102" width="128" height="0.4" fill="black"/>
+<rect x="57" y="110" width="128" height="0.4" fill="black"/>
+<rect x="57" y="118" width="128" height="0.4" fill="black"/>
+<rect x="57" y="126" width="128" height="0.4" fill="black"/>
+<rect x="57" y="134" width="128" height="0.4" fill="black"/>
 </g>
-<path d="M52.1094 77.2656C52.1094 71.3113 56.9363 66.4844 62.8906 66.4844H167.109C173.064 66.4844 177.891 71.3113 177.891 77.2656V84.4531H52.1094V77.2656Z" fill="#5D34F2"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M91.3598 112.023C89.9564 113.426 89.9564 115.701 91.3598 117.105L96.4423 122.187L91.3602 127.27C89.9567 128.673 89.9567 130.948 91.3602 132.352C92.7636 133.755 95.039 133.755 96.4425 132.352L101.525 127.27L106.607 132.352C108.01 133.755 110.286 133.755 111.689 132.352C113.093 130.948 113.093 128.673 111.689 127.269L106.607 122.187L111.689 117.105C113.093 115.701 113.093 113.426 111.689 112.023C110.286 110.619 108.011 110.619 106.607 112.023L101.525 117.105L96.4421 112.023C95.0387 110.619 92.7633 110.619 91.3598 112.023Z" fill="#7958FF"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M134.485 112.023C133.081 113.426 133.081 115.701 134.485 117.105L139.567 122.187L134.485 127.27C133.082 128.673 133.082 130.948 134.485 132.352C135.889 133.755 138.164 133.755 139.567 132.352L144.65 127.27L149.732 132.352C151.135 133.755 153.411 133.755 154.814 132.352C156.218 130.948 156.218 128.673 154.814 127.269L149.732 122.187L154.814 117.105C156.218 115.701 156.218 113.426 154.814 112.023C153.411 110.619 151.136 110.619 149.732 112.023L144.65 117.105L139.567 112.023C138.164 110.619 135.888 110.619 134.485 112.023Z" fill="#7958FF"/>
-<circle cx="69.1797" cy="75.4688" r="2.69531" fill="#947DFF"/>
-<circle cx="78.1641" cy="75.4688" r="2.69531" fill="#E6DEFF"/>
-<circle cx="87.1484" cy="75.4688" r="2.69531" fill="#E6DEFF"/>
-<rect x="66.4844" y="91.6406" width="57.5" height="3.59375" rx="1.79688" fill="#E6DEFF"/>
-<rect x="66.4844" y="97.9297" width="12.5781" height="3.59375" rx="1.79688" fill="#E6DEFF"/>
-<rect x="154.531" y="97.9297" width="8.98438" height="3.59375" rx="1.79688" fill="#E6DEFF"/>
-<rect x="82.6562" y="97.9297" width="66.4844" height="3.59375" rx="1.79688" fill="#E6DEFF"/>
-<rect x="131.172" y="91.6406" width="8.98438" height="3.59375" rx="1.79688" fill="#E6DEFF"/>
-<rect x="142.852" y="91.6406" width="20.6641" height="3.59375" rx="1.79688" fill="#E6DEFF"/>
-<mask id="mask1_300_6026" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="22" y="84" width="83" height="89">
-<path d="M104.219 88.4961V84.4531H22.9102V172.051H56.6016C68.5102 172.051 78.1641 162.397 78.1641 150.488V114.551C78.1641 107.356 83.9966 101.523 91.1914 101.523C98.3862 101.523 104.219 95.6909 104.219 88.4961Z" fill="white"/>
-</mask>
-<g mask="url(#mask1_300_6026)">
-<path d="M-3.59375 84.4533L1.28523e-05 86.2501C2.26232 87.3813 4.92519 87.3813 7.18748 86.2501V86.2501C9.44979 85.1189 12.1127 85.1189 14.375 86.2501V86.2501C16.6373 87.3813 19.3002 87.3813 21.5625 86.2501V86.2501C23.8248 85.1189 26.4877 85.1189 28.75 86.2501V86.2501C31.0123 87.3813 33.6752 87.3813 35.9375 86.2502V86.2502C38.1998 85.119 40.8745 85.1249 43.1368 86.2561V86.2561C45.3874 87.3813 48.0452 87.401 50.3074 86.2993L50.5853 86.1639C52.7963 85.0871 55.3855 85.1147 57.5731 86.2385V86.2385C59.7862 87.3753 62.4086 87.3896 64.6339 86.2769L64.7119 86.2379C66.9588 85.1145 69.6158 85.1205 71.8628 86.244V86.244C74.1251 87.3752 76.8028 87.38 79.0651 86.2488V86.2488C81.3248 85.119 84.0136 85.128 86.276 86.2526V86.2526C88.5318 87.3739 91.2111 87.3824 93.4631 86.2532V86.2532C95.7217 85.1205 98.3828 85.1195 100.642 86.2508V86.2508C102.9 87.3814 105.559 87.3814 107.816 86.2508L111.406 84.4533" stroke="#947DFF" stroke-width="0.71875"/>
-<path d="M-3.59375 88.047L1.28523e-05 89.8439C2.26232 90.975 4.92519 90.975 7.18748 89.8438V89.8438C9.44979 88.7126 12.1127 88.7126 14.375 89.8438V89.8438C16.6373 90.975 19.3002 90.975 21.5625 89.8438V89.8438C23.8248 88.7127 26.4877 88.7127 28.75 89.8439V89.8439C31.0123 90.975 33.6752 90.9751 35.9375 89.8439V89.8439C38.1998 88.7128 40.8745 88.7187 43.1368 89.8498V89.8498C45.3874 90.9751 48.0452 90.9948 50.3074 89.893L50.5853 89.7577C52.7963 88.6809 55.3855 88.7085 57.5731 89.8322V89.8322C59.7862 90.9691 62.4086 90.9834 64.6339 89.8707L64.7119 89.8317C66.9588 88.7082 69.6158 88.7143 71.8628 89.8378V89.8378C74.1251 90.9689 76.8028 90.9737 79.0651 89.8426V89.8426C81.3248 88.7127 84.0136 88.7217 86.276 89.8463V89.8463C88.5318 90.9677 91.2111 90.9762 93.4631 89.8469V89.8469C95.7217 88.7143 98.3828 88.7132 100.642 89.8445V89.8445C102.9 90.9751 105.559 90.9751 107.816 89.8445L111.406 88.047" stroke="#947DFF" stroke-width="0.71875"/>
-<path d="M-3.59375 91.6408L1.28523e-05 93.4376C2.26232 94.5688 4.92519 94.5688 7.18748 93.4376V93.4376C9.44979 92.3064 12.1127 92.3064 14.375 93.4376V93.4376C16.6373 94.5688 19.3002 94.5688 21.5625 93.4376V93.4376C23.8248 92.3064 26.4877 92.3064 28.75 93.4376V93.4376C31.0123 94.5688 33.6752 94.5688 35.9375 93.4377V93.4377C38.1998 92.3065 40.8745 92.3124 43.1368 93.4436V93.4436C45.3874 94.5688 48.0452 94.5885 50.3074 93.4868L50.5853 93.3514C52.7963 92.2746 55.3855 92.3022 57.5731 93.426V93.426C59.7862 94.5628 62.4086 94.5771 64.6339 93.4644L64.7119 93.4254C66.9588 92.302 69.6158 92.308 71.8628 93.4315V93.4315C74.1251 94.5627 76.8028 94.5675 79.0651 93.4363V93.4363C81.3248 92.3065 84.0136 92.3155 86.276 93.4401V93.4401C88.5318 94.5614 91.2111 94.5699 93.4631 93.4407V93.4407C95.7217 92.308 98.3828 92.307 100.642 93.4383V93.4383C102.9 94.5689 105.559 94.5689 107.816 93.4383L111.406 91.6408" stroke="#947DFF" stroke-width="0.71875"/>
-<path d="M-3.59375 95.2345L1.28523e-05 97.0314C2.26232 98.1625 4.92519 98.1625 7.18748 97.0313V97.0313C9.44979 95.9001 12.1127 95.9001 14.375 97.0313V97.0313C16.6373 98.1625 19.3002 98.1625 21.5625 97.0313V97.0313C23.8248 95.9002 26.4877 95.9002 28.75 97.0314V97.0314C31.0123 98.1625 33.6752 98.1626 35.9375 97.0314V97.0314C38.1998 95.9003 40.8745 95.9062 43.1368 97.0373V97.0373C45.3874 98.1626 48.0452 98.1823 50.3074 97.0805L50.5853 96.9452C52.7963 95.8684 55.3855 95.896 57.5731 97.0197V97.0197C59.7862 98.1566 62.4086 98.1709 64.6339 97.0582L64.7119 97.0192C66.9588 95.8957 69.6158 95.9018 71.8628 97.0253V97.0253C74.1251 98.1564 76.8028 98.1612 79.0651 97.0301V97.0301C81.3248 95.9002 84.0136 95.9092 86.276 97.0338V97.0338C88.5318 98.1552 91.2111 98.1637 93.4631 97.0344V97.0344C95.7217 95.9018 98.3828 95.9007 100.642 97.032V97.032C102.9 98.1626 105.559 98.1626 107.816 97.032L111.406 95.2345" stroke="#947DFF" stroke-width="0.71875"/>
-<path d="M-3.59375 98.8283L1.28523e-05 100.625C2.26232 101.756 4.92519 101.756 7.18748 100.625V100.625C9.44979 99.4939 12.1127 99.4939 14.375 100.625V100.625C16.6373 101.756 19.3002 101.756 21.5625 100.625V100.625C23.8248 99.4939 26.4877 99.4939 28.75 100.625V100.625C31.0123 101.756 33.6752 101.756 35.9375 100.625V100.625C38.1998 99.494 40.8745 99.4999 43.1368 100.631V100.631C45.3874 101.756 48.0452 101.776 50.3074 100.674L50.5853 100.539C52.7963 99.4621 55.3855 99.4897 57.5731 100.613V100.613C59.7862 101.75 62.4086 101.765 64.6339 100.652L64.7119 100.613C66.9588 99.4895 69.6158 99.4955 71.8628 100.619V100.619C74.1251 101.75 76.8028 101.755 79.0651 100.624V100.624C81.3248 99.494 84.0136 99.503 86.276 100.628V100.628C88.5318 101.749 91.2111 101.757 93.4631 100.628V100.628C95.7217 99.4955 98.3828 99.4945 100.642 100.626V100.626C102.9 101.756 105.559 101.756 107.816 100.626L111.406 98.8283" stroke="#947DFF" stroke-width="0.71875"/>
-<path d="M-3.59375 102.422L1.28523e-05 104.219C2.26232 105.35 4.92519 105.35 7.18748 104.219V104.219C9.44979 103.088 12.1127 103.088 14.375 104.219V104.219C16.6373 105.35 19.3002 105.35 21.5625 104.219V104.219C23.8248 103.088 26.4877 103.088 28.75 104.219V104.219C31.0123 105.35 33.6752 105.35 35.9375 104.219V104.219C38.1998 103.088 40.8745 103.094 43.1368 104.225V104.225C45.3874 105.35 48.0452 105.37 50.3074 104.268L50.5853 104.133C52.7963 103.056 55.3855 103.083 57.5731 104.207V104.207C59.7862 105.344 62.4086 105.358 64.6339 104.246L64.7119 104.207C66.9588 103.083 69.6158 103.089 71.8628 104.213V104.213C74.1251 105.344 76.8028 105.349 79.0651 104.218V104.218C81.3248 103.088 84.0136 103.097 86.276 104.221V104.221C88.5318 105.343 91.2111 105.351 93.4631 104.222V104.222C95.7217 103.089 98.3828 103.088 100.642 104.22V104.22C102.9 105.35 105.559 105.35 107.816 104.22L111.406 102.422" stroke="#947DFF" stroke-width="0.71875"/>
-<path d="M-3.59375 106.016L1.28523e-05 107.813C2.26232 108.944 4.92519 108.944 7.18748 107.813V107.813C9.44979 106.681 12.1127 106.681 14.375 107.813V107.813C16.6373 108.944 19.3002 108.944 21.5625 107.813V107.813C23.8248 106.681 26.4877 106.681 28.75 107.813V107.813C31.0123 108.944 33.6752 108.944 35.9375 107.813V107.813C38.1998 106.682 40.8745 106.687 43.1368 107.819V107.819C45.3874 108.944 48.0452 108.964 50.3074 107.862L50.5853 107.726C52.7963 106.65 55.3855 106.677 57.5731 107.801V107.801C59.7862 108.938 62.4086 108.952 64.6339 107.839L64.7119 107.8C66.9588 106.677 69.6158 106.683 71.8628 107.807V107.807C74.1251 108.938 76.8028 108.942 79.0651 107.811V107.811C81.3248 106.681 84.0136 106.69 86.276 107.815V107.815C88.5318 108.936 91.2111 108.945 93.4631 107.816V107.816C95.7217 106.683 98.3828 106.682 100.642 107.813V107.813C102.9 108.944 105.559 108.944 107.816 107.813L111.406 106.016" stroke="#947DFF" stroke-width="0.71875"/>
-<path d="M-3.59375 109.61L1.28523e-05 111.406C2.26232 112.538 4.92519 112.538 7.18748 111.406V111.406C9.44979 110.275 12.1127 110.275 14.375 111.406V111.406C16.6373 112.538 19.3002 112.538 21.5625 111.406V111.406C23.8248 110.275 26.4877 110.275 28.75 111.406V111.406C31.0123 112.538 33.6752 112.538 35.9375 111.406V111.406C38.1998 110.275 40.8745 110.281 43.1368 111.412V111.412C45.3874 112.538 48.0452 112.557 50.3074 111.456L50.5853 111.32C52.7963 110.243 55.3855 110.271 57.5731 111.395V111.395C59.7862 112.532 62.4086 112.546 64.6339 111.433L64.7119 111.394C66.9588 110.271 69.6158 110.277 71.8628 111.4V111.4C74.1251 112.531 76.8028 112.536 79.0651 111.405V111.405C81.3248 110.275 84.0136 110.284 86.276 111.409V111.409C88.5318 112.53 91.2111 112.539 93.4631 111.409V111.409C95.7217 110.277 98.3828 110.276 100.642 111.407V111.407C102.9 112.538 105.559 112.538 107.816 111.407L111.406 109.61" stroke="#947DFF" stroke-width="0.71875"/>
-<path d="M-3.59375 113.203L1.28523e-05 115C2.26232 116.131 4.92519 116.131 7.18748 115V115C9.44979 113.869 12.1127 113.869 14.375 115V115C16.6373 116.131 19.3002 116.131 21.5625 115V115C23.8248 113.869 26.4877 113.869 28.75 115V115C31.0123 116.131 33.6752 116.131 35.9375 115V115C38.1998 113.869 40.8745 113.875 43.1368 115.006V115.006C45.3874 116.131 48.0452 116.151 50.3074 115.049L50.5853 114.914C52.7963 113.837 55.3855 113.865 57.5731 114.988V114.988C59.7862 116.125 62.4086 116.14 64.6339 115.027L64.7119 114.988C66.9588 113.864 69.6158 113.871 71.8628 114.994V114.994C74.1251 116.125 76.8028 116.13 79.0651 114.999V114.999C81.3248 113.869 84.0136 113.878 86.276 115.003V115.003C88.5318 116.124 91.2111 116.132 93.4631 115.003V115.003C95.7217 113.871 98.3828 113.869 100.642 115.001V115.001C102.9 116.131 105.559 116.131 107.816 115.001L111.406 113.203" stroke="#947DFF" stroke-width="0.71875"/>
-<path d="M-3.59375 116.797L1.28523e-05 118.594C2.26232 119.725 4.92519 119.725 7.18748 118.594V118.594C9.44979 117.463 12.1127 117.463 14.375 118.594V118.594C16.6373 119.725 19.3002 119.725 21.5625 118.594V118.594C23.8248 117.463 26.4877 117.463 28.75 118.594V118.594C31.0123 119.725 33.6752 119.725 35.9375 118.594V118.594C38.1998 117.463 40.8745 117.469 43.1368 118.6V118.6C45.3874 119.725 48.0452 119.745 50.3074 118.643L50.5853 118.508C52.7963 117.431 55.3855 117.458 57.5731 118.582V118.582C59.7862 119.719 62.4086 119.733 64.6339 118.621L64.7119 118.582C66.9588 117.458 69.6158 117.464 71.8628 118.588V118.588C74.1251 119.719 76.8028 119.724 79.0651 118.593V118.593C81.3248 117.463 84.0136 117.472 86.276 118.596V118.596C88.5318 119.718 91.2111 119.726 93.4631 118.597V118.597C95.7217 117.464 98.3828 117.463 100.642 118.595V118.595C102.9 119.725 105.559 119.725 107.816 118.595L111.406 116.797" stroke="#947DFF" stroke-width="0.71875"/>
-<path d="M-3.59375 120.391L1.28523e-05 122.188C2.26232 123.319 4.92519 123.319 7.18748 122.188V122.188C9.44979 121.056 12.1127 121.056 14.375 122.188V122.188C16.6373 123.319 19.3002 123.319 21.5625 122.188V122.188C23.8248 121.056 26.4877 121.056 28.75 122.188V122.188C31.0123 123.319 33.6752 123.319 35.9375 122.188V122.188C38.1998 121.057 40.8745 121.062 43.1368 122.194V122.194C45.3874 123.319 48.0452 123.339 50.3074 122.237L50.5853 122.101C52.7963 121.025 55.3855 121.052 57.5731 122.176V122.176C59.7862 123.313 62.4086 123.327 64.6339 122.214L64.7119 122.175C66.9588 121.052 69.6158 121.058 71.8628 122.182V122.182C74.1251 123.313 76.8028 123.317 79.0651 122.186V122.186C81.3248 121.056 84.0136 121.065 86.276 122.19V122.19C88.5318 123.311 91.2111 123.32 93.4631 122.191V122.191C95.7217 121.058 98.3828 121.057 100.642 122.188V122.188C102.9 123.319 105.559 123.319 107.816 122.188L111.406 120.391" stroke="#947DFF" stroke-width="0.71875"/>
-<path d="M-3.59375 123.985L1.28523e-05 125.781C2.26232 126.913 4.92519 126.913 7.18748 125.781V125.781C9.44979 124.65 12.1127 124.65 14.375 125.781V125.781C16.6373 126.913 19.3002 126.913 21.5625 125.781V125.781C23.8248 124.65 26.4877 124.65 28.75 125.781V125.781C31.0123 126.913 33.6752 126.913 35.9375 125.781V125.781C38.1998 124.65 40.8745 124.656 43.1368 125.787V125.787C45.3874 126.913 48.0452 126.932 50.3074 125.831L50.5853 125.695C52.7963 124.618 55.3855 124.646 57.5731 125.77V125.77C59.7862 126.907 62.4086 126.921 64.6339 125.808L64.7119 125.769C66.9588 124.646 69.6158 124.652 71.8628 125.775V125.775C74.1251 126.906 76.8028 126.911 79.0651 125.78V125.78C81.3248 124.65 84.0136 124.659 86.276 125.784V125.784C88.5318 126.905 91.2111 126.914 93.4631 125.784V125.784C95.7217 124.652 98.3828 124.651 100.642 125.782V125.782C102.9 126.913 105.559 126.913 107.816 125.782L111.406 123.985" stroke="#947DFF" stroke-width="0.71875"/>
-<path d="M-3.59375 127.578L1.28523e-05 129.375C2.26232 130.506 4.92519 130.506 7.18748 129.375V129.375C9.44979 128.244 12.1127 128.244 14.375 129.375V129.375C16.6373 130.506 19.3002 130.506 21.5625 129.375V129.375C23.8248 128.244 26.4877 128.244 28.75 129.375V129.375C31.0123 130.506 33.6752 130.506 35.9375 129.375V129.375C38.1998 128.244 40.8745 128.25 43.1368 129.381V129.381C45.3874 130.506 48.0452 130.526 50.3074 129.424L50.5853 129.289C52.7963 128.212 55.3855 128.24 57.5731 129.363V129.363C59.7862 130.5 62.4086 130.515 64.6339 129.402L64.7119 129.363C66.9588 128.239 69.6158 128.246 71.8628 129.369V129.369C74.1251 130.5 76.8028 130.505 79.0651 129.374V129.374C81.3248 128.244 84.0136 128.253 86.276 129.378V129.378C88.5318 130.499 91.2111 130.507 93.4631 129.378V129.378C95.7217 128.246 98.3828 128.244 100.642 129.376V129.376C102.9 130.506 105.559 130.506 107.816 129.376L111.406 127.578" stroke="#947DFF" stroke-width="0.71875"/>
-<path d="M-3.59375 131.172L1.28523e-05 132.969C2.26232 134.1 4.92519 134.1 7.18748 132.969V132.969C9.44979 131.838 12.1127 131.838 14.375 132.969V132.969C16.6373 134.1 19.3002 134.1 21.5625 132.969V132.969C23.8248 131.838 26.4877 131.838 28.75 132.969V132.969C31.0123 134.1 33.6752 134.1 35.9375 132.969V132.969C38.1998 131.838 40.8745 131.844 43.1368 132.975V132.975C45.3874 134.1 48.0452 134.12 50.3074 133.018L50.5853 132.883C52.7963 131.806 55.3855 131.833 57.5731 132.957V132.957C59.7862 134.094 62.4086 134.108 64.6339 132.996L64.7119 132.957C66.9588 131.833 69.6158 131.839 71.8628 132.963V132.963C74.1251 134.094 76.8028 134.099 79.0651 132.968V132.968C81.3248 131.838 84.0136 131.847 86.276 132.971V132.971C88.5318 134.093 91.2111 134.101 93.4631 132.972V132.972C95.7217 131.839 98.3828 131.838 100.642 132.97V132.97C102.9 134.1 105.559 134.1 107.816 132.97L111.406 131.172" stroke="#947DFF" stroke-width="0.71875"/>
-<path d="M-3.59375 134.766L1.28523e-05 136.563C2.26232 137.694 4.92519 137.694 7.18748 136.563V136.563C9.44979 135.431 12.1127 135.431 14.375 136.563V136.563C16.6373 137.694 19.3002 137.694 21.5625 136.563V136.563C23.8248 135.431 26.4877 135.431 28.75 136.563V136.563C31.0123 137.694 33.6752 137.694 35.9375 136.563V136.563C38.1998 135.432 40.8745 135.437 43.1368 136.569V136.569C45.3874 137.694 48.0452 137.714 50.3074 136.612L50.5853 136.476C52.7963 135.4 55.3855 135.427 57.5731 136.551V136.551C59.7862 137.688 62.4086 137.702 64.6339 136.589L64.7119 136.55C66.9588 135.427 69.6158 135.433 71.8628 136.557V136.557C74.1251 137.688 76.8028 137.692 79.0651 136.561V136.561C81.3248 135.431 84.0136 135.44 86.276 136.565V136.565C88.5318 137.686 91.2111 137.695 93.4631 136.566V136.566C95.7217 135.433 98.3828 135.432 100.642 136.563V136.563C102.9 137.694 105.559 137.694 107.816 136.563L111.406 134.766" stroke="#947DFF" stroke-width="0.71875"/>
-<path d="M-3.59375 138.36L1.28523e-05 140.156C2.26232 141.288 4.92519 141.288 7.18748 140.156V140.156C9.44979 139.025 12.1127 139.025 14.375 140.156V140.156C16.6373 141.288 19.3002 141.288 21.5625 140.156V140.156C23.8248 139.025 26.4877 139.025 28.75 140.156V140.156C31.0123 141.288 33.6752 141.288 35.9375 140.156V140.156C38.1998 139.025 40.8745 139.031 43.1368 140.162V140.162C45.3874 141.288 48.0452 141.307 50.3074 140.206L50.5853 140.07C52.7963 138.993 55.3855 139.021 57.5731 140.145V140.145C59.7862 141.282 62.4086 141.296 64.6339 140.183L64.7119 140.144C66.9588 139.021 69.6158 139.027 71.8628 140.15V140.15C74.1251 141.281 76.8028 141.286 79.0651 140.155V140.155C81.3248 139.025 84.0136 139.034 86.276 140.159V140.159C88.5318 141.28 91.2111 141.289 93.4631 140.159V140.159C95.7217 139.027 98.3828 139.026 100.642 140.157V140.157C102.9 141.288 105.559 141.288 107.816 140.157L111.406 138.36" stroke="#947DFF" stroke-width="0.71875"/>
-<path d="M-3.59375 141.953L1.28523e-05 143.75C2.26232 144.881 4.92519 144.881 7.18748 143.75V143.75C9.44979 142.619 12.1127 142.619 14.375 143.75V143.75C16.6373 144.881 19.3002 144.881 21.5625 143.75V143.75C23.8248 142.619 26.4877 142.619 28.75 143.75V143.75C31.0123 144.881 33.6752 144.881 35.9375 143.75V143.75C38.1998 142.619 40.8745 142.625 43.1368 143.756V143.756C45.3874 144.881 48.0452 144.901 50.3074 143.799L50.5853 143.664C52.7963 142.587 55.3855 142.615 57.5731 143.738V143.738C59.7862 144.875 62.4086 144.89 64.6339 143.777L64.7119 143.738C66.9588 142.614 69.6158 142.621 71.8628 143.744V143.744C74.1251 144.875 76.8028 144.88 79.0651 143.749V143.749C81.3248 142.619 84.0136 142.628 86.276 143.753V143.753C88.5318 144.874 91.2111 144.882 93.4631 143.753V143.753C95.7217 142.621 98.3828 142.619 100.642 143.751V143.751C102.9 144.881 105.559 144.881 107.816 143.751L111.406 141.953" stroke="#947DFF" stroke-width="0.71875"/>
-<path d="M-3.59375 145.547L1.28523e-05 147.344C2.26232 148.475 4.92519 148.475 7.18748 147.344V147.344C9.44979 146.213 12.1127 146.213 14.375 147.344V147.344C16.6373 148.475 19.3002 148.475 21.5625 147.344V147.344C23.8248 146.213 26.4877 146.213 28.75 147.344V147.344C31.0123 148.475 33.6752 148.475 35.9375 147.344V147.344C38.1998 146.213 40.8745 146.219 43.1368 147.35V147.35C45.3874 148.475 48.0452 148.495 50.3074 147.393L50.5853 147.258C52.7963 146.181 55.3855 146.208 57.5731 147.332V147.332C59.7862 148.469 62.4086 148.483 64.6339 147.371L64.7119 147.332C66.9588 146.208 69.6158 146.214 71.8628 147.338V147.338C74.1251 148.469 76.8028 148.474 79.0651 147.343V147.343C81.3248 146.213 84.0136 146.222 86.276 147.346V147.346C88.5318 148.468 91.2111 148.476 93.4631 147.347V147.347C95.7217 146.214 98.3828 146.213 100.642 147.345V147.345C102.9 148.475 105.559 148.475 107.816 147.345L111.406 145.547" stroke="#947DFF" stroke-width="0.71875"/>
-<path d="M-3.59375 149.141L1.28523e-05 150.938C2.26232 152.069 4.92519 152.069 7.18748 150.938V150.938C9.44979 149.806 12.1127 149.806 14.375 150.938V150.938C16.6373 152.069 19.3002 152.069 21.5625 150.938V150.938C23.8248 149.806 26.4877 149.806 28.75 150.938V150.938C31.0123 152.069 33.6752 152.069 35.9375 150.938V150.938C38.1998 149.807 40.8745 149.812 43.1368 150.944V150.944C45.3874 152.069 48.0452 152.089 50.3074 150.987L50.5853 150.851C52.7963 149.775 55.3855 149.802 57.5731 150.926V150.926C59.7862 152.063 62.4086 152.077 64.6339 150.964L64.7119 150.925C66.9588 149.802 69.6158 149.808 71.8628 150.932V150.932C74.1251 152.063 76.8028 152.067 79.0651 150.936V150.936C81.3248 149.806 84.0136 149.815 86.276 150.94V150.94C88.5318 152.061 91.2111 152.07 93.4631 150.941V150.941C95.7217 149.808 98.3828 149.807 100.642 150.938V150.938C102.9 152.069 105.559 152.069 107.816 150.938L111.406 149.141" stroke="#947DFF" stroke-width="0.71875"/>
-<path d="M-3.59375 152.735L1.28523e-05 154.531C2.26232 155.663 4.92519 155.663 7.18748 154.531V154.531C9.44979 153.4 12.1127 153.4 14.375 154.531V154.531C16.6373 155.663 19.3002 155.663 21.5625 154.531V154.531C23.8248 153.4 26.4877 153.4 28.75 154.531V154.531C31.0123 155.663 33.6752 155.663 35.9375 154.531V154.531C38.1998 153.4 40.8745 153.406 43.1368 154.537V154.537C45.3874 155.663 48.0452 155.682 50.3074 154.581L50.5853 154.445C52.7963 153.368 55.3855 153.396 57.5731 154.52V154.52C59.7862 155.657 62.4086 155.671 64.6339 154.558L64.7119 154.519C66.9588 153.396 69.6158 153.402 71.8628 154.525V154.525C74.1251 155.656 76.8028 155.661 79.0651 154.53V154.53C81.3248 153.4 84.0136 153.409 86.276 154.534V154.534C88.5318 155.655 91.2111 155.664 93.4631 154.534V154.534C95.7217 153.402 98.3828 153.401 100.642 154.532V154.532C102.9 155.663 105.559 155.663 107.816 154.532L111.406 152.735" stroke="#947DFF" stroke-width="0.71875"/>
-<path d="M-3.59375 156.328L1.28523e-05 158.125C2.26232 159.256 4.92519 159.256 7.18748 158.125V158.125C9.44979 156.994 12.1127 156.994 14.375 158.125V158.125C16.6373 159.256 19.3002 159.256 21.5625 158.125V158.125C23.8248 156.994 26.4877 156.994 28.75 158.125V158.125C31.0123 159.256 33.6752 159.256 35.9375 158.125V158.125C38.1998 156.994 40.8745 157 43.1368 158.131V158.131C45.3874 159.256 48.0452 159.276 50.3074 158.174L50.5853 158.039C52.7963 156.962 55.3855 156.99 57.5731 158.113V158.113C59.7862 159.25 62.4086 159.265 64.6339 158.152L64.7119 158.113C66.9588 156.989 69.6158 156.996 71.8628 158.119V158.119C74.1251 159.25 76.8028 159.255 79.0651 158.124V158.124C81.3248 156.994 84.0136 157.003 86.276 158.128V158.128C88.5318 159.249 91.2111 159.257 93.4631 158.128V158.128C95.7217 156.996 98.3828 156.994 100.642 158.126V158.126C102.9 159.256 105.559 159.256 107.816 158.126L111.406 156.328" stroke="#947DFF" stroke-width="0.71875"/>
-<path d="M-3.59375 159.922L1.28523e-05 161.719C2.26232 162.85 4.92519 162.85 7.18748 161.719V161.719C9.44979 160.588 12.1127 160.588 14.375 161.719V161.719C16.6373 162.85 19.3002 162.85 21.5625 161.719V161.719C23.8248 160.588 26.4877 160.588 28.75 161.719V161.719C31.0123 162.85 33.6752 162.85 35.9375 161.719V161.719C38.1998 160.588 40.8745 160.594 43.1368 161.725V161.725C45.3874 162.85 48.0452 162.87 50.3074 161.768L50.5853 161.633C52.7963 160.556 55.3855 160.583 57.5731 161.707V161.707C59.7862 162.844 62.4086 162.858 64.6339 161.746L64.7119 161.707C66.9588 160.583 69.6158 160.589 71.8628 161.713V161.713C74.1251 162.844 76.8028 162.849 79.0651 161.718V161.718C81.3248 160.588 84.0136 160.597 86.276 161.721V161.721C88.5318 162.843 91.2111 162.851 93.4631 161.722V161.722C95.7217 160.589 98.3828 160.588 100.642 161.72V161.72C102.9 162.85 105.559 162.85 107.816 161.72L111.406 159.922" stroke="#947DFF" stroke-width="0.71875"/>
-<path d="M-3.59375 163.516L1.28523e-05 165.313C2.26232 166.444 4.92519 166.444 7.18748 165.313V165.313C9.44979 164.181 12.1127 164.181 14.375 165.313V165.313C16.6373 166.444 19.3002 166.444 21.5625 165.313V165.313C23.8248 164.181 26.4877 164.181 28.75 165.313V165.313C31.0123 166.444 33.6752 166.444 35.9375 165.313V165.313C38.1998 164.182 40.8745 164.187 43.1368 165.319V165.319C45.3874 166.444 48.0452 166.464 50.3074 165.362L50.5853 165.226C52.7963 164.15 55.3855 164.177 57.5731 165.301V165.301C59.7862 166.438 62.4086 166.452 64.6339 165.339L64.7119 165.3C66.9588 164.177 69.6158 164.183 71.8628 165.307V165.307C74.1251 166.438 76.8028 166.442 79.0651 165.311V165.311C81.3248 164.181 84.0136 164.19 86.276 165.315V165.315C88.5318 166.436 91.2111 166.445 93.4631 165.316V165.316C95.7217 164.183 98.3828 164.182 100.642 165.313V165.313C102.9 166.444 105.559 166.444 107.816 165.313L111.406 163.516" stroke="#947DFF" stroke-width="0.71875"/>
-<path d="M-3.59375 167.11L1.28523e-05 168.906C2.26232 170.038 4.92519 170.038 7.18748 168.906V168.906C9.44979 167.775 12.1127 167.775 14.375 168.906V168.906C16.6373 170.038 19.3002 170.038 21.5625 168.906V168.906C23.8248 167.775 26.4877 167.775 28.75 168.906V168.906C31.0123 170.038 33.6752 170.038 35.9375 168.906V168.906C38.1998 167.775 40.8745 167.781 43.1368 168.912V168.912C45.3874 170.038 48.0452 170.057 50.3074 168.956L50.5853 168.82C52.7963 167.743 55.3855 167.771 57.5731 168.895V168.895C59.7862 170.032 62.4086 170.046 64.6339 168.933L64.7119 168.894C66.9588 167.771 69.6158 167.777 71.8628 168.9V168.9C74.1251 170.031 76.8028 170.036 79.0651 168.905V168.905C81.3248 167.775 84.0136 167.784 86.276 168.909V168.909C88.5318 170.03 91.2111 170.039 93.4631 168.909V168.909C95.7217 167.777 98.3828 167.776 100.642 168.907V168.907C102.9 170.038 105.559 170.038 107.816 168.907L111.406 167.11" stroke="#947DFF" stroke-width="0.71875"/>
-<path d="M-3.59375 170.703L1.28523e-05 172.5C2.26232 173.631 4.92519 173.631 7.18748 172.5V172.5C9.44979 171.369 12.1127 171.369 14.375 172.5V172.5C16.6373 173.631 19.3002 173.631 21.5625 172.5V172.5C23.8248 171.369 26.4877 171.369 28.75 172.5V172.5C31.0123 173.631 33.6752 173.631 35.9375 172.5V172.5C38.1998 171.369 40.8745 171.375 43.1368 172.506V172.506C45.3874 173.631 48.0452 173.651 50.3074 172.549L50.5853 172.414C52.7963 171.337 55.3855 171.365 57.5731 172.488V172.488C59.7862 173.625 62.4086 173.64 64.6339 172.527L64.7119 172.488C66.9588 171.364 69.6158 171.371 71.8628 172.494V172.494C74.1251 173.625 76.8028 173.63 79.0651 172.499V172.499C81.3248 171.369 84.0136 171.378 86.276 172.503V172.503C88.5318 173.624 91.2111 173.632 93.4631 172.503V172.503C95.7217 171.371 98.3828 171.369 100.642 172.501V172.501C102.9 173.631 105.559 173.631 107.816 172.501L111.406 170.703" stroke="#947DFF" stroke-width="0.71875"/>
-</g>
-<rect x="182.503" y="192.514" width="7.1875" height="7.1875" transform="rotate(-35.523 182.503 192.514)" fill="#C4C4C4"/>
+<path d="M125.333 107.619C126.519 105.566 129.481 105.566 130.667 107.619L157.333 153.807C158.519 155.86 157.037 158.426 154.667 158.426H101.333C98.963 158.426 97.4815 155.86 98.6667 153.807L125.333 107.619Z" fill="#F4E560"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M128 119C125.791 119 124 120.791 124 123V135C124 137.209 125.791 139 128 139C130.209 139 132 137.209 132 135V123C132 120.791 130.209 119 128 119ZM128 143C125.791 143 124 144.791 124 147C124 149.209 125.791 151 128 151C130.209 151 132 149.209 132 147C132 144.791 130.209 143 128 143Z" fill="#444748"/>
+<path d="M58 86C58 79.3726 63.3726 74 70 74H186C192.627 74 198 79.3726 198 86V94H58V86Z" fill="#78767F"/>
+<circle cx="77" cy="84" r="3" fill="#E5E1EC"/>
+<circle cx="87" cy="84" r="3" fill="#47464E"/>
+<circle cx="97" cy="84" r="3" fill="#47464E"/>
+<rect x="203.133" y="214.277" width="8" height="8" transform="rotate(-35.523 203.133 214.277)" fill="#C4C4C4"/>
+<rect x="206" y="27.6482" width="8" height="8" rx="0.16" transform="rotate(-35.523 206 27.6482)" fill="#E5E1EC"/>
 <g style="mix-blend-mode:multiply">
-<rect x="150.445" y="46.7188" width="21.5625" height="21.5625" transform="rotate(50.249 150.445 46.7188)" fill="#FAABFF"/>
+<rect x="172.453" y="171" width="16" height="16" transform="rotate(50.249 172.453 171)" fill="#C4C7C7"/>
 </g>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M185.001 25.3437C185.001 25.2402 185.085 25.1562 185.188 25.1562H188.562C188.665 25.1562 188.749 25.2402 188.749 25.3437V31.2816L193.892 28.3124C193.982 28.2607 194.096 28.2914 194.148 28.381L195.835 31.3027C195.887 31.3924 195.856 31.507 195.766 31.5588L190.624 34.5277L195.766 37.4963C195.855 37.5481 195.886 37.6627 195.834 37.7524L194.147 40.6741C194.096 40.7637 193.981 40.7944 193.891 40.7427L188.749 37.7739V43.7115C188.749 43.815 188.665 43.8989 188.562 43.8989H185.188C185.085 43.8989 185.001 43.815 185.001 43.7115V37.7742L179.859 40.7427C179.77 40.7944 179.655 40.7637 179.603 40.6741L177.916 37.7524C177.865 37.6627 177.895 37.5481 177.985 37.4963L183.127 34.5277L177.984 31.5588C177.895 31.507 177.864 31.3924 177.916 31.3027L179.603 28.381C179.654 28.2914 179.769 28.2607 179.859 28.3124L185.001 31.2813V25.3437Z" fill="#E0E3E3"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M86.1727 173.586C86.1727 173.482 86.2566 173.398 86.3601 173.398H89.7338C89.8373 173.398 89.9212 173.482 89.9212 173.586V179.524L95.0638 176.555C95.1535 176.503 95.2681 176.534 95.3199 176.623L97.0067 179.545C97.0585 179.635 97.0278 179.749 96.9381 179.801L91.7957 182.77L96.9375 185.739C97.0271 185.79 97.0579 185.905 97.0061 185.995L95.3193 188.916C95.2675 189.006 95.1529 189.037 95.0632 188.985L89.9212 186.016V191.954C89.9212 192.057 89.8373 192.141 89.7338 192.141H86.3601C86.2566 192.141 86.1727 192.057 86.1727 191.954V186.016L81.0311 188.985C80.9415 189.037 80.8268 189.006 80.7751 188.916L79.0882 185.995C79.0365 185.905 79.0672 185.79 79.1569 185.739L84.2986 182.77L79.1562 179.801C79.0666 179.749 79.0359 179.635 79.0876 179.545L80.7745 176.623C80.8262 176.534 80.9409 176.503 81.0305 176.555L86.1727 179.523V173.586Z" fill="#E6DEFF"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M28.75 47.6172C32.7195 47.6172 35.9375 44.3992 35.9375 40.4297C35.9375 36.4601 32.7195 33.2422 28.75 33.2422C24.7805 33.2422 21.5625 36.4601 21.5625 40.4297C21.5625 44.3992 24.7805 47.6172 28.75 47.6172ZM28.75 44.0234C30.7348 44.0234 32.3438 42.4145 32.3438 40.4297C32.3438 38.4449 30.7348 36.8359 28.75 36.8359C26.7652 36.8359 25.1562 38.4449 25.1562 40.4297C25.1562 42.4145 26.7652 44.0234 28.75 44.0234Z" fill="#C4C7C7"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M174.297 170.703C180.251 170.703 185.078 165.876 185.078 159.922C185.078 153.968 180.251 149.141 174.297 149.141C168.343 149.141 163.516 153.968 163.516 159.922C163.516 165.876 168.343 170.703 174.297 170.703ZM174.297 165.312C177.274 165.312 179.688 162.899 179.688 159.922C179.688 156.945 177.274 154.531 174.297 154.531C171.32 154.531 168.906 156.945 168.906 159.922C168.906 162.899 171.32 165.312 174.297 165.312Z" fill="#FFDDB5"/>
-<path d="M66.487 42.552C66.4487 42.4481 66.5371 42.3418 66.6462 42.3605L82.5145 45.0875C82.6235 45.1062 82.6714 45.236 82.6006 45.3211L72.3049 57.6999C72.2342 57.785 72.0978 57.7616 72.0595 57.6577L66.487 42.552Z" fill="#68BE6C"/>
-<path d="M105.853 53.498L107.746 49.9002C108.792 47.9132 108.03 45.4545 106.043 44.4085V44.4085C104.056 43.3625 103.293 40.9038 104.339 38.9167V38.9167C105.385 36.9297 104.622 34.471 102.635 33.425V33.425C100.648 32.379 99.8848 29.9203 100.931 27.9333L102.825 24.3354" stroke="#F7F8F8" stroke-width="2.875" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M105.853 53.498L107.746 49.9002C108.792 47.9132 108.03 45.4545 106.043 44.4085V44.4085C104.056 43.3625 103.293 40.9038 104.339 38.9167V38.9167C105.385 36.9297 104.622 34.471 102.635 33.425V33.425C100.648 32.379 99.8848 29.9203 100.931 27.9333L102.825 24.3354" stroke="#78767F" stroke-opacity="0.02" stroke-width="2.875" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M105.853 53.498L107.746 49.9002C108.792 47.9132 108.03 45.4545 106.043 44.4085V44.4085C104.056 43.3625 103.293 40.9038 104.339 38.9167V38.9167C105.385 36.9297 104.622 34.471 102.635 33.425V33.425C100.648 32.379 99.8848 29.9203 100.931 27.9333L102.825 24.3354" stroke="#5D34F2" stroke-opacity="0.11" stroke-width="2.875" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M39.411 196.482C39.4196 196.435 39.476 196.414 39.5126 196.445L44.8257 200.96C44.8622 200.991 44.8515 201.049 44.8064 201.066L38.2404 203.41C38.1953 203.426 38.1497 203.387 38.1583 203.34L39.411 196.482Z" fill="#68BE6C"/>
-<rect x="67.3828" y="197.656" width="71.875" height="3.59375" rx="1.79688" fill="#747778"/>
-<rect x="150.039" y="197.656" width="17.0703" height="3.59375" rx="1.79688" fill="#747778"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M221.914 96.2086C221.914 96.0934 222.008 96 222.123 96H225.878C225.993 96 226.087 96.0934 226.087 96.2086V102.817L231.81 99.513C231.91 99.4554 232.037 99.4896 232.095 99.5894L233.972 102.841C234.03 102.941 233.996 103.069 233.896 103.126L228.172 106.431L233.896 109.735C233.995 109.793 234.03 109.92 233.972 110.02L232.094 113.272C232.037 113.372 231.909 113.406 231.81 113.348L226.087 110.044V116.653C226.087 116.768 225.993 116.861 225.878 116.861H222.123C222.008 116.861 221.914 116.768 221.914 116.653V110.044L216.191 113.348C216.091 113.406 215.963 113.372 215.906 113.272L214.028 110.02C213.971 109.92 214.005 109.793 214.105 109.735L219.828 106.431L214.104 103.126C214.005 103.069 213.97 102.941 214.028 102.841L215.906 99.5894C215.963 99.4896 216.091 99.4554 216.19 99.513L221.914 102.818V96.2086Z" fill="#E0E3E3"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M94.3314 193.209C94.3314 193.093 94.4248 193 94.54 193H97.4606C97.5758 193 97.6692 193.093 97.6692 193.209V198.454L102.212 195.831C102.311 195.774 102.439 195.808 102.496 195.908L103.957 198.437C104.014 198.537 103.98 198.664 103.88 198.722L99.3378 201.344L103.88 203.967C103.98 204.025 104.014 204.152 103.956 204.252L102.496 206.781C102.439 206.881 102.311 206.915 102.211 206.858L97.6692 204.235V209.48C97.6692 209.595 97.5758 209.689 97.4606 209.689H94.54C94.4248 209.689 94.3314 209.595 94.3314 209.48V204.235L89.7888 206.858C89.689 206.915 89.5614 206.881 89.5038 206.781L88.0435 204.252C87.9859 204.152 88.0201 204.025 88.1199 203.967L92.6622 201.344L88.1196 198.722C88.0198 198.664 87.9856 198.537 88.0432 198.437L89.5035 195.908C89.5611 195.808 89.6887 195.774 89.7885 195.831L94.3314 198.454V193.209Z" fill="#E0E3E3"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M52 62C56.4183 62 60 58.4183 60 54C60 49.5817 56.4183 46 52 46C47.5817 46 44 49.5817 44 54C44 58.4183 47.5817 62 52 62ZM52 58C54.2091 58 56 56.2091 56 54C56 51.7909 54.2091 50 52 50C49.7909 50 48 51.7909 48 54C48 56.2091 49.7909 58 52 58Z" fill="#C4C7C7"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M39 167C43.4183 167 47 163.418 47 159C47 154.582 43.4183 151 39 151C34.5817 151 31 154.582 31 159C31 163.418 34.5817 167 39 167ZM39 163C41.2091 163 43 161.209 43 159C43 156.791 41.2091 155 39 155C36.7909 155 35 156.791 35 159C35 161.209 36.7909 163 39 163Z" fill="#E0E3E3"/>
+<path d="M153.212 48.3137C153.169 48.1981 153.267 48.0798 153.389 48.1006L168.611 50.7166C168.733 50.7375 168.786 50.8819 168.707 50.9766L158.83 62.8518C158.752 62.9465 158.6 62.9204 158.557 62.8048L153.212 48.3137Z" fill="#C9C5D0"/>
+<path d="M117.818 59.5458L119.926 55.5412C121.091 53.3296 120.241 50.5929 118.03 49.4287V49.4287C115.818 48.2645 114.969 45.5278 116.133 43.3162V43.3162C117.298 41.1045 116.448 38.3678 114.237 37.2036V37.2036C112.025 36.0394 111.176 33.3027 112.34 31.0911L114.448 27.0865" stroke="#F7F8F8" stroke-width="3.2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M117.818 59.5458L119.926 55.5412C121.091 53.3296 120.241 50.5929 118.03 49.4287V49.4287C115.818 48.2645 114.969 45.5278 116.133 43.3162V43.3162C117.298 41.1045 116.448 38.3678 114.237 37.2036V37.2036C112.025 36.0394 111.176 33.3027 112.34 31.0911L114.448 27.0865" stroke="#78767F" stroke-opacity="0.02" stroke-width="3.2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M117.818 59.5458L119.926 55.5412C121.091 53.3296 120.241 50.5929 118.03 49.4287V49.4287C115.818 48.2645 114.969 45.5278 116.133 43.3162V43.3162C117.298 41.1045 116.448 38.3678 114.237 37.2036V37.2036C112.025 36.0394 111.176 33.3027 112.34 31.0911L114.448 27.0865" stroke="#5D34F2" stroke-opacity="0.11" stroke-width="3.2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M29.7173 172.618C29.7394 172.496 29.8844 172.445 29.9783 172.524L35.6526 177.345C35.7465 177.425 35.7188 177.577 35.6028 177.618L28.5906 180.122C28.4746 180.163 28.3573 180.063 28.3794 179.942L29.7173 172.618Z" fill="#E5E1EC"/>
+<rect x="75" y="220" width="80" height="4" rx="2" fill="#747778"/>
+<rect x="167" y="220" width="19" height="4" rx="2" fill="#747778"/>
 </svg>

packages/console/src/assets/images/further-readings-dark.svg

@@ -0,0 +1,21 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 8C0 3.58172 3.58172 0 8 0H40C44.4183 0 48 3.58172 48 8V40C48 44.4183 44.4183 48 40 48H8C3.58172 48 0 44.4183 0 40V8Z" fill="#3A3B59"/>
+<path d="M8 11C8 8.79086 9.79086 7 12 7L32 7C34.2091 7 36 8.79086 36 11V35C36 37.2091 34.2091 39 32 39H12C9.79086 39 8 37.2091 8 35L8 11Z" fill="url(#paint0_linear_289_11390)"/>
+<rect x="12" y="20" width="10" height="2" rx="1" fill="#F4E560"/>
+<rect x="12" y="24" width="12" height="2" rx="1" fill="#F4E560"/>
+<rect x="12" y="28" width="4" height="2" rx="1" fill="#F4E560"/>
+<rect x="12.5" y="10.5" width="7" height="7" rx="1.5" stroke="#983C8F"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M29 21C29 20.4477 29.4477 20 30 20H32C32.5523 20 33 20.4477 33 21V23H29V21ZM29 41C29 41.5523 29.4477 42 30 42H32C32.5523 42 33 41.5523 33 41V39H29V41ZM21 33C20.4477 33 20 32.5523 20 32V30C20 29.4477 20.4477 29 21 29H23V33H21ZM41 33C41.5523 33 42 32.5523 42 32V30C42 29.4477 41.5523 29 41 29H39V33H41Z" fill="#AC65FC"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M22.5149 25.3431C22.1244 24.9526 22.1244 24.3195 22.5149 23.9289L23.9291 22.5147C24.3197 22.1242 24.9528 22.1242 25.3433 22.5147L26.7576 23.9289L23.9291 26.7574L22.5149 25.3431ZM36.6571 39.4853C37.0476 39.8758 37.6807 39.8758 38.0713 39.4853L39.4855 38.0711C39.876 37.6805 39.876 37.0474 39.4855 36.6569L38.0713 35.2426L35.2428 38.0711L36.6571 39.4853ZM25.3433 39.4853C24.9528 39.8758 24.3197 39.8758 23.9291 39.4853L22.5149 38.0711C22.1244 37.6805 22.1244 37.0474 22.5149 36.6569L23.9291 35.2426L26.7576 38.0711L25.3433 39.4853ZM39.4855 25.3431C39.876 24.9526 39.876 24.3195 39.4855 23.9289L38.0713 22.5147C37.6807 22.1242 37.0476 22.1242 36.6571 22.5147L35.2428 23.9289L38.0713 26.7574L39.4855 25.3431Z" fill="#AC65FC"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M31 40C35.9706 40 40 35.9706 40 31C40 26.0294 35.9706 22 31 22C26.0294 22 22 26.0294 22 31C22 35.9706 26.0294 40 31 40ZM31 34C32.6569 34 34 32.6569 34 31C34 29.3431 32.6569 28 31 28C29.3431 28 28 29.3431 28 31C28 32.6569 29.3431 34 31 34Z" fill="url(#paint1_linear_289_11390)"/>
+<defs>
+<linearGradient id="paint0_linear_289_11390" x1="8" y1="41.5" x2="31.504" y2="7.61547" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F9CB54"/>
+<stop offset="1" stop-color="#E45CFA"/>
+</linearGradient>
+<linearGradient id="paint1_linear_289_11390" x1="20.5214" y1="32.3125" x2="39.7606" y2="25.2088" gradientUnits="userSpaceOnUse">
+<stop stop-color="#492EF3"/>
+<stop offset="1" stop-color="#D57CFF"/>
+</linearGradient>
+</defs>
+</svg>

packages/console/src/assets/images/github-dark.svg

@@ -0,0 +1,4 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 12C0 5.37258 5.37258 0 12 0H36C42.6274 0 48 5.37258 48 12V36C48 42.6274 42.6274 48 36 48H12C5.37258 48 0 42.6274 0 36V12Z" fill="#3A3B59"/>
+<path d="M23.9999 8C20.2007 8.00016 16.5255 9.38638 13.6319 11.9106C10.7384 14.4349 8.81524 17.9324 8.20666 21.7774C7.59807 25.6225 8.34375 29.5641 10.3103 32.897C12.2768 36.2299 15.3358 38.7366 18.94 39.9686C19.74 40.1122 20.04 39.62 20.04 39.1894C20.04 38.7998 20.02 37.5079 20.02 36.134C16 36.8927 14.96 35.1293 14.64 34.2065C14.2849 33.3091 13.722 32.5138 13 31.8893C12.44 31.5817 11.64 30.823 12.98 30.8025C13.4916 30.8595 13.9824 31.042 14.4106 31.3347C14.8388 31.6274 15.1919 32.0216 15.44 32.484C15.6588 32.887 15.9531 33.2419 16.3059 33.5281C16.6587 33.8144 17.0631 34.0264 17.496 34.1522C17.9289 34.2779 18.3817 34.3148 18.8286 34.2608C19.2754 34.2068 19.7074 34.0629 20.0999 33.8373C20.1692 33.0034 20.5317 32.2236 21.12 31.6433C17.56 31.2332 13.84 29.8182 13.84 23.5435C13.8175 21.9131 14.4043 20.3357 15.48 19.1347C14.9908 17.7177 15.0481 16.1627 15.64 14.7875C15.64 14.7875 16.9799 14.3568 20.04 16.469C22.658 15.7307 25.4219 15.7307 28.0399 16.469C31.0998 14.3364 32.4399 14.7875 32.4399 14.7875C33.0319 16.1626 33.0891 17.7177 32.5999 19.1347C33.6788 20.3336 34.2661 21.9124 34.2399 23.5435C34.2399 29.8387 30.4999 31.2332 26.9399 31.6433C27.3217 32.0401 27.6158 32.5165 27.8022 33.0402C27.9885 33.5638 28.0628 34.1225 28.0199 34.6782C28.0199 36.8723 27.9999 38.6357 27.9999 39.1894C27.9999 39.6201 28.2999 40.1327 29.0999 39.9687C32.6977 38.7266 35.748 36.214 37.7061 32.8794C39.6642 29.5448 40.4028 25.6052 39.79 21.7639C39.1772 17.9226 37.2529 14.4296 34.3606 11.9084C31.4683 9.38726 27.7962 8.00203 23.9999 8Z" fill="#B3A6DA"/>
+</svg>

packages/console/src/assets/images/loading-illustration-dark.svg

@@ -0,0 +1,63 @@
+<svg width="256" height="256" viewBox="0 0 256 256" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="128" cy="114" r="78" stroke="#3D3C5A" stroke-width="60"/>
+<rect x="55" y="36" width="4" height="160" rx="2" fill="#545B8C"/>
+<rect x="142.243" y="27" width="4" height="140" rx="2" transform="rotate(60 142.243 27)" fill="#545B8C"/>
+<path d="M42.6221 187.732C42.6221 183.314 46.2038 179.732 50.6221 179.732H74.6221C79.0403 179.732 82.6221 183.314 82.6221 187.732V195.732H42.6221V187.732Z" fill="#D9D9D9"/>
+<circle cx="57" cy="78" r="8" fill="#9F9EC8"/>
+<circle cx="57" cy="78" r="4" fill="#545B8C"/>
+<circle cx="146.548" cy="54.5476" r="12" transform="rotate(-45 146.548 54.5476)" fill="#FFB95A"/>
+<path d="M169.882 32.6273C169.882 32.6273 159.752 42.7579 147.255 55.2547C134.758 67.7515 124.627 77.8821 124.627 77.8821C112.131 65.3853 112.131 45.1241 124.627 32.6273C137.124 20.1305 157.385 20.1305 169.882 32.6273Z" fill="url(#paint0_linear_308_11878)"/>
+<path d="M40 124C40 119.582 43.5817 116 48 116H176C180.418 116 184 119.582 184 124V224H40V124Z" fill="#9388C1"/>
+<path d="M44 124C44 121.791 45.7909 120 48 120H176C178.209 120 180 121.791 180 124V220H44V124Z" fill="#3D3B47"/>
+<path d="M40 218H232V220C232 222.209 230.209 224 228 224H40V218Z" fill="#8870E9"/>
+<path d="M102 120H122V122C122 124.209 120.209 126 118 126H106C103.791 126 102 124.209 102 122V120Z" fill="#1F1E25"/>
+<rect x="84" y="147" width="80" height="48" rx="4" fill="#585469"/>
+<path d="M84 151C84 148.791 85.7909 147 88 147H160C162.209 147 164 148.791 164 151V153H84V151Z" fill="#6F6988"/>
+<circle cx="89" cy="150" r="1" fill="#CB777C"/>
+<circle cx="93" cy="150" r="1" fill="#D1AA75"/>
+<circle cx="97" cy="150" r="1" fill="#86A988"/>
+<rect x="92" y="161" width="20" height="4" rx="2" fill="#6F6988"/>
+<rect x="128" y="161" width="28" height="26" rx="2" fill="#6F6988"/>
+<rect x="92" y="169" width="28" height="4" rx="2" fill="#6E678B"/>
+<rect x="92" y="183" width="8" height="4" rx="2" fill="#6F6988"/>
+<path d="M21 152H69L63.6113 216.664C63.3212 220.146 63.1761 221.887 62.0279 222.944C60.8797 224 59.1328 224 55.6389 224H34.3611C30.8672 224 29.1203 224 27.9721 222.944C26.8239 221.887 26.6788 220.146 26.3887 216.664L21 152Z" fill="#8F8BB8"/>
+<g opacity="0.06">
+<path d="M69 152H61L55 224H55.6389C59.1328 224 60.8797 224 62.0279 222.944C63.1761 221.887 63.3212 220.146 63.6113 216.664L69 152Z" fill="black" style="mix-blend-mode:soft-light"/>
+</g>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M69 152H21L21.1667 154H68.8333L69 152Z" fill="black" fill-opacity="0.06"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M26.6801 200C24.9331 200 24.0597 200 23.4856 199.472C22.9115 198.944 22.839 198.073 22.6939 196.332L20.3606 168.332C20.1916 166.305 20.1072 165.292 20.7014 164.646C21.2956 164 22.3126 164 24.3467 164H65.6523C67.6865 164 68.7035 164 69.2977 164.646C69.8919 165.292 69.8074 166.305 69.6385 168.332L67.3052 196.332C67.1601 198.073 67.0876 198.944 66.5135 199.472C65.9394 200 65.0659 200 63.319 200H26.6801Z" fill="#AF9EFF"/>
+<path style="mix-blend-mode:soft-light" fill-rule="evenodd" clip-rule="evenodd" d="M63 200H63.3195C65.0664 200 65.9399 200 66.514 199.472C67.088 198.944 67.1606 198.073 67.3057 196.332L69.639 168.332C69.8079 166.305 69.8924 165.292 69.2982 164.646C68.7388 164.038 67.8046 164.002 66 164L63 200Z" fill="black" fill-opacity="0.4"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M28 174C28 173.448 28.4477 173 29 173C29.5523 173 30 173.448 30 174V190C30 190.552 29.5523 191 29 191C28.4477 191 28 190.552 28 190V174ZM32 174C32 173.448 32.4477 173 33 173C33.5523 173 34 173.448 34 174V190C34 190.552 33.5523 191 33 191C32.4477 191 32 190.552 32 190V174ZM37 173C36.4477 173 36 173.448 36 174V190C36 190.552 36.4477 191 37 191C37.5523 191 38 190.552 38 190V174C38 173.448 37.5523 173 37 173ZM40 174C40 173.448 40.4477 173 41 173C41.5523 173 42 173.448 42 174V190C42 190.552 41.5523 191 41 191C40.4477 191 40 190.552 40 190V174ZM45 173C44.4477 173 44 173.448 44 174V190C44 190.552 44.4477 191 45 191C45.5523 191 46 190.552 46 190V174C46 173.448 45.5523 173 45 173ZM48 174C48 173.448 48.4477 173 49 173C49.5523 173 50 173.448 50 174V190C50 190.552 49.5523 191 49 191C48.4477 191 48 190.552 48 190V174ZM53 173C52.4477 173 52 173.448 52 174V190C52 190.552 52.4477 191 53 191C53.5523 191 54 190.552 54 190V174C54 173.448 53.5523 173 53 173ZM56 174C56 173.448 56.4477 173 57 173C57.5523 173 58 173.448 58 174V190C58 190.552 57.5523 191 57 191C56.4477 191 56 190.552 56 190V174ZM61 173C60.4477 173 60 173.448 60 174V190C60 190.552 60.4477 191 61 191C61.5523 191 62 190.552 62 190V174C62 173.448 61.5523 173 61 173Z" fill="#7D6FBD"/>
+<path d="M23.1766 137.47C24.0566 134.83 24.4966 133.51 25.5442 132.755C26.5917 132 27.9832 132 30.7661 132H59.2339C62.0168 132 63.4083 132 64.4558 132.755C65.5034 133.51 65.9434 134.83 66.8234 137.47L69 144H21L23.1766 137.47Z" fill="#C9C2DE"/>
+<g opacity="0.06">
+<path d="M61 144H69L66.8234 137.47C65.9434 134.83 65.5034 133.51 64.4558 132.755C63.4083 132 62.0168 132 59.2339 132H57L61 144Z" fill="black" style="mix-blend-mode:soft-light"/>
+</g>
+<rect x="15" y="144" width="60" height="8" rx="2" fill="#C9C2DE"/>
+<g opacity="0.06">
+<path d="M67 144H71C72.8856 144 73.8284 144 74.4142 144.586C75 145.172 75 146.114 75 148C75 149.886 75 150.828 74.4142 151.414C73.8284 152 72.8856 152 71 152H67V144Z" fill="black" style="mix-blend-mode:soft-light"/>
+</g>
+<path d="M151 211H214V218H155C152.791 218 151 216.209 151 214V211Z" fill="#F4E560"/>
+<path d="M207 211H240V214C240 216.209 238.209 218 236 218H211C208.791 218 207 216.209 207 214V211Z" fill="#5F5D67"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M211.5 213C211.224 213 211 213.224 211 213.5C211 213.776 211.224 214 211.5 214H212.5C212.776 214 213 213.776 213 213.5C213 213.224 212.776 213 212.5 213H211.5ZM211.5 215C211.224 215 211 215.224 211 215.5C211 215.776 211.224 216 211.5 216H212.5C212.776 216 213 215.776 213 215.5C213 215.224 212.776 215 212.5 215H211.5ZM214 215.5C214 215.224 214.224 215 214.5 215H215.5C215.776 215 216 215.224 216 215.5C216 215.776 215.776 216 215.5 216H214.5C214.224 216 214 215.776 214 215.5ZM217.5 215C217.224 215 217 215.224 217 215.5C217 215.776 217.224 216 217.5 216H218.5C218.776 216 219 215.776 219 215.5C219 215.224 218.776 215 218.5 215H217.5ZM220 215.5C220 215.224 220.224 215 220.5 215H221.5C221.776 215 222 215.224 222 215.5C222 215.776 221.776 216 221.5 216H220.5C220.224 216 220 215.776 220 215.5ZM214.5 213C214.224 213 214 213.224 214 213.5C214 213.776 214.224 214 214.5 214H215.5C215.776 214 216 213.776 216 213.5C216 213.224 215.776 213 215.5 213H214.5ZM217 213.5C217 213.224 217.224 213 217.5 213H218.5C218.776 213 219 213.224 219 213.5C219 213.776 218.776 214 218.5 214H217.5C217.224 214 217 213.776 217 213.5ZM220.5 213C220.224 213 220 213.224 220 213.5C220 213.776 220.224 214 220.5 214H221.5C221.776 214 222 213.776 222 213.5C222 213.224 221.776 213 221.5 213H220.5Z" fill="#F4E560"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M230.5 213C230.224 213 230 213.224 230 213.5C230 213.776 230.224 214 230.5 214H231.5C231.776 214 232 213.776 232 213.5C232 213.224 231.776 213 231.5 213H230.5ZM230.5 215C230.224 215 230 215.224 230 215.5C230 215.776 230.224 216 230.5 216H231.5C231.776 216 232 215.776 232 215.5C232 215.224 231.776 215 231.5 215H230.5ZM233.5 215C233.224 215 233 215.224 233 215.5C233 215.776 233.224 216 233.5 216H234.5C234.776 216 235 215.776 235 215.5C235 215.224 234.776 215 234.5 215H233.5ZM236 215.5C236 215.224 236.224 215 236.5 215H237.5C237.776 215 238 215.224 238 215.5C238 215.776 237.776 216 237.5 216H236.5C236.224 216 236 215.776 236 215.5ZM233 213.5C233 213.224 233.224 213 233.5 213H234.5C234.776 213 235 213.224 235 213.5C235 213.776 234.776 214 234.5 214H233.5C233.224 214 233 213.776 233 213.5ZM236.5 213C236.224 213 236 213.224 236 213.5C236 213.776 236.224 214 236.5 214H237.5C237.776 214 238 213.776 238 213.5C238 213.224 237.776 213 237.5 213H236.5Z" fill="#F4E560"/>
+<rect x="224" y="214" width="4" height="2" rx="1" fill="#F4E560"/>
+<path d="M236 178C236 189.046 227.046 198 216 198C213.91 198 207 203.5 206 203.084C205.032 202.682 205.024 194.932 203 193.199C198.715 189.531 196 184.083 196 178C196 166.954 204.954 158 216 158C227.046 158 236 166.954 236 178Z" fill="#F1B86A"/>
+<circle cx="216" cy="178" r="12" fill="#FFF06A"/>
+<path d="M221 168H224L221 171H224" stroke="#7958FF" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M226 165H229L226 168H229" stroke="#7958FF" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M217 170H219L217 172H219" stroke="#7958FF" stroke-linecap="round" stroke-linejoin="round"/>
+<circle cx="216" cy="184" r="2" fill="#7958FF"/>
+<path d="M207.17 177C207.582 178.165 208.693 179 209.999 179C211.305 179 212.417 178.165 212.829 177" stroke="#7958FF" stroke-width="2" stroke-linecap="round"/>
+<path d="M219.17 177C219.582 178.165 220.693 179 221.999 179C223.305 179 224.417 178.165 224.829 177" stroke="#7958FF" stroke-width="2" stroke-linecap="round"/>
+<rect x="71.3594" y="8.57092" width="8" height="8" transform="rotate(-40.65 71.3594 8.57092)" fill="#5F6387"/>
+<rect x="220.613" y="87.5157" width="8" height="8" transform="rotate(30.813 220.613 87.5157)" fill="#CABEFF"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M214.957 18.1043C214.957 18.0467 215.004 18 215.061 18H216.939C216.997 18 217.043 18.0467 217.043 18.1043V21.4086L219.905 19.7565C219.955 19.7277 220.018 19.7448 220.047 19.7947L220.986 21.4207C221.015 21.4705 220.998 21.5343 220.948 21.5631L218.086 23.2153L220.948 24.8675C220.998 24.8963 221.015 24.9601 220.986 25.01L220.047 26.636C220.019 26.6859 219.955 26.703 219.905 26.6742L217.043 25.022V28.3264C217.043 28.384 216.997 28.4307 216.939 28.4307H215.061C215.004 28.4307 214.957 28.384 214.957 28.3264V25.0219L212.095 26.6742C212.045 26.703 211.982 26.6859 211.953 26.636L211.014 25.01C210.985 24.9601 211.002 24.8963 211.052 24.8675L213.914 23.2153L211.052 21.5631C211.002 21.5343 210.985 21.4705 211.014 21.4207L211.953 19.7947C211.982 19.7448 212.046 19.7277 212.095 19.7565L214.957 21.4087V18.1043Z" fill="#8881AA"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M160.957 97C163.166 97 164.957 95.2091 164.957 93C164.957 90.7909 163.166 89 160.957 89C158.748 89 156.957 90.7909 156.957 93C156.957 95.2091 158.748 97 160.957 97ZM160.957 95C162.062 95 162.957 94.1046 162.957 93C162.957 91.8954 162.062 91 160.957 91C159.852 91 158.957 91.8954 158.957 93C158.957 94.1046 159.852 95 160.957 95Z" fill="#757CA4"/>
+<path d="M12.2891 104.696L13.4832 107.26C14.1427 108.676 15.8253 109.29 17.2414 108.63V108.63C18.6574 107.971 20.34 108.584 20.9995 110V110C21.659 111.416 23.3416 112.029 24.7576 111.37V111.37C26.1737 110.71 27.8562 111.324 28.5158 112.74L29.7099 115.304" stroke="#8183AA" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<defs>
+<linearGradient id="paint0_linear_308_11878" x1="125.5" y1="28.9999" x2="122" y2="80.4999" gradientUnits="userSpaceOnUse">
+<stop stop-color="#7958FF"/>
+<stop offset="1" stop-color="#FD8EFF"/>
+</linearGradient>
+</defs>
+</svg>

packages/console/src/assets/images/logo.svg

@@ -1,58 +0,0 @@
-<svg width="891" height="274" viewBox="0 0 891 274" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M375.888 195.694C378.108 195.694 379.218 194.584 379.218 192.363V181.26C379.218 179.039 378.108 177.929 375.888 177.929H312.616V65.786C312.616 63.5654 311.506 62.455 309.285 62.455H291.525C289.305 62.455 288.195 63.5654 288.195 65.786V192.363C288.195 194.584 289.305 195.694 291.525 195.694H375.888Z" fill="#111111"/>
-<path d="M468.052 60.2344H439.191C413.29 60.2344 400.339 73.1882 400.339 99.0959V159.054C400.339 184.961 413.29 197.915 439.191 197.915H468.052C493.953 197.915 506.903 184.961 506.903 159.054V99.0959C506.903 73.1882 493.953 60.2344 468.052 60.2344ZM482.482 159.054C482.482 173.118 475.452 180.15 461.392 180.15H445.851C431.79 180.15 424.76 173.118 424.76 159.054V99.0959C424.76 85.0317 431.79 77.9996 445.851 77.9996H461.392C475.452 77.9996 482.482 85.0317 482.482 99.0959V159.054Z" fill="#111111"/>
-<path d="M634.508 117.971H590.106C587.886 117.971 586.776 119.082 586.776 121.302V132.406C586.776 134.626 587.886 135.737 590.106 135.737H613.417V159.054C613.417 173.118 606.386 180.15 592.326 180.15H579.005C564.945 180.15 557.915 173.118 557.915 159.054V101.317C557.915 87.2524 564.945 80.2203 579.005 80.2203H625.627C627.847 80.2203 628.957 79.1099 628.957 76.8893V65.786C628.957 63.5654 627.847 62.455 625.627 62.455H572.345C546.444 62.455 533.494 75.4089 533.494 101.317V159.054C533.494 184.961 546.444 197.915 572.345 197.915H598.986C624.887 197.915 637.838 184.961 637.838 159.054V121.302C637.838 119.082 636.728 117.971 634.508 117.971Z" fill="#111111"/>
-<path d="M758.86 62.455H661.176C658.956 62.455 657.846 63.5654 657.846 65.786V76.8893C657.846 79.1099 658.956 80.2203 661.176 80.2203H697.807V192.363C697.807 194.584 698.917 195.694 701.138 195.694H718.898C721.118 195.694 722.228 194.584 722.228 192.363V80.2203H758.86C761.08 80.2203 762.19 79.1099 762.19 76.8893V65.786C762.19 63.5654 761.08 62.455 758.86 62.455Z" fill="#111111"/>
-<path d="M851.074 60.2344H822.213C796.312 60.2344 783.362 73.1882 783.362 99.0959V159.054C783.362 184.961 796.312 197.915 822.213 197.915H851.074C876.975 197.915 889.926 184.961 889.926 159.054V99.0959C889.926 73.1882 876.975 60.2344 851.074 60.2344ZM865.505 159.054C865.505 173.118 858.474 180.15 844.414 180.15H828.873C814.813 180.15 807.782 173.118 807.782 159.054V99.0959C807.782 85.0317 814.813 77.9996 828.873 77.9996H844.414C858.474 77.9996 865.505 85.0317 865.505 99.0959V159.054Z" fill="#111111"/>
-<path d="M0 37.5117C0 28.6752 7.16344 21.5117 16 21.5117H186.166C195.003 21.5117 202.166 28.6752 202.166 37.5117V220.638C202.166 229.474 195.003 236.638 186.166 236.638H16C7.16344 236.638 0 229.474 0 220.638V37.5117Z" fill="url(#paint0_linear_935_668)"/>
-<path d="M231.201 273.748L34.949 235.025L318.305 238.252L231.201 273.748Z" fill="url(#paint1_linear_935_668)"/>
-<path d="M0 35.3888C0 27.4266 5.85456 20.676 13.7367 19.5497L132.286 2.60972C141.925 1.23235 150.549 8.7118 150.549 18.4488V239.702C150.549 249.439 141.925 256.919 132.286 255.542L13.7367 238.602C5.85457 237.475 0 230.725 0 222.762V35.3888Z" fill="url(#paint2_linear_935_668)"/>
-<g filter="url(#filter0_d_935_668)">
-<ellipse cx="116.138" cy="129.076" rx="12.9042" ry="12.9076" fill="url(#paint3_linear_935_668)"/>
-</g>
-<g filter="url(#filter1_d_935_668)">
-<rect x="109.686" y="123.697" width="12.9042" height="34.4202" rx="6.45212" fill="url(#paint4_linear_935_668)"/>
-</g>
-<defs>
-<filter id="filter0_d_935_668" x="102.234" y="116.168" width="27.8085" height="27.8145" 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="1"/>
-<feGaussianBlur stdDeviation="0.5"/>
-<feComposite in2="hardAlpha" operator="out"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0.104304 0 0 0 0 0.0825 0 0 0 0 0.2 0 0 0 0.02 0"/>
-<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_935_668"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_935_668" result="shape"/>
-</filter>
-<filter id="filter1_d_935_668" x="105.686" y="123.697" width="18.9043" height="41.4199" 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 dx="-1" dy="4"/>
-<feGaussianBlur stdDeviation="1.5"/>
-<feComposite in2="hardAlpha" operator="out"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0.104304 0 0 0 0 0.0825 0 0 0 0 0.2 0 0 0 0.08 0"/>
-<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_935_668"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_935_668" result="shape"/>
-</filter>
-<linearGradient id="paint0_linear_935_668" x1="4.83909" y1="136.604" x2="205.001" y2="72.5859" gradientUnits="userSpaceOnUse">
-<stop stop-color="#FFF06A"/>
-<stop offset="1" stop-color="#EC78FF"/>
-</linearGradient>
-<linearGradient id="paint1_linear_935_668" x1="118.827" y1="241.479" x2="240.344" y2="266.206" gradientUnits="userSpaceOnUse">
-<stop stop-color="#ECB6FF"/>
-<stop offset="1" stop-color="#FFF4F4" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint2_linear_935_668" x1="-12.3666" y1="147.899" x2="162.382" y2="110.271" gradientUnits="userSpaceOnUse">
-<stop stop-color="#492EF3"/>
-<stop offset="1" stop-color="#CF69FF"/>
-</linearGradient>
-<linearGradient id="paint3_linear_935_668" x1="116.138" y1="116.168" x2="110.759" y2="141.983" gradientUnits="userSpaceOnUse">
-<stop stop-color="#E1BFFF"/>
-<stop offset="1" stop-color="#AF68EE"/>
-</linearGradient>
-<linearGradient id="paint4_linear_935_668" x1="116.138" y1="123.697" x2="100.89" y2="151.138" gradientUnits="userSpaceOnUse">
-<stop stop-color="#F8F2FF"/>
-<stop offset="1" stop-color="#D185F5"/>
-</linearGradient>
-</defs>
-</svg>

packages/console/src/assets/images/native-app-dark.svg

@@ -0,0 +1,16 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="40" height="40" rx="8" fill="#3A3B59"/>
+<rect x="12" y="5" width="16" height="30" rx="4" fill="url(#paint0_linear_270_11564)"/>
+<g style="mix-blend-mode:overlay">
+<circle cx="10" cy="26" r="6" fill="#E09AEA"/>
+</g>
+<circle cx="20" cy="31" r="1.5" stroke="#D3BCF3"/>
+<path d="M16 5H24V7C24 7.55228 23.5523 8 23 8H17C16.4477 8 16 7.55228 16 7V5Z" fill="#5938A3"/>
+<path d="M28.3509 4C28.6075 3.55555 29.249 3.55556 29.5056 4L35.2791 14C35.5357 14.4444 35.2149 15 34.7017 15H23.1547C22.6415 15 22.3208 14.4444 22.5774 14L28.3509 4Z" fill="#EEE591"/>
+<defs>
+<linearGradient id="paint0_linear_270_11564" x1="10.6857" y1="22.1875" x2="29.3932" y2="18.5036" gradientUnits="userSpaceOnUse">
+<stop stop-color="#614DDD"/>
+<stop offset="1" stop-color="#D47AFE"/>
+</linearGradient>
+</defs>
+</svg>

packages/console/src/assets/images/not-found-dark.svg

@@ -0,0 +1,61 @@
+<svg width="256" height="256" viewBox="0 0 256 256" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="58" y="74" width="140" height="108" rx="12.1905" fill="#CABEFF"/>
+<mask id="mask0_274_17728" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="58" y="74" width="140" height="108">
+<rect x="58" y="74" width="140" height="108" rx="12.1905" fill="#CABEFF"/>
+</mask>
+<g mask="url(#mask0_274_17728)">
+</g>
+<path d="M58 86C58 79.3726 63.3726 74 70 74H186C192.627 74 198 79.3726 198 86V94H58V86Z" fill="#7964C4"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M101.687 124.686C100.125 126.248 100.125 128.781 101.687 130.343L107.344 136L101.687 141.657C100.125 143.219 100.125 145.752 101.687 147.314C103.249 148.876 105.782 148.876 107.344 147.314L113 141.657L118.657 147.314C120.219 148.876 122.752 148.876 124.314 147.314C125.876 145.752 125.876 143.219 124.314 141.657L118.657 136L124.314 130.343C125.876 128.781 125.876 126.248 124.314 124.686C122.752 123.124 120.219 123.124 118.657 124.686L113 130.343L107.344 124.686C105.782 123.124 103.249 123.124 101.687 124.686Z" fill="#8167EC"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M149.687 124.686C148.125 126.248 148.125 128.781 149.687 130.343L155.344 136L149.687 141.657C148.125 143.219 148.125 145.752 149.687 147.314C151.249 148.876 153.782 148.876 155.344 147.314L161 141.657L166.657 147.314C168.219 148.876 170.752 148.876 172.314 147.314C173.876 145.752 173.876 143.219 172.314 141.657L166.657 136L172.314 130.343C173.876 128.781 173.876 126.248 172.314 124.686C170.752 123.124 168.219 123.124 166.657 124.686L161 130.343L155.344 124.686C153.782 123.124 151.249 123.124 149.687 124.686Z" fill="#8167EC"/>
+<circle cx="77" cy="84" r="3" fill="#947DFF"/>
+<circle cx="87" cy="84" r="3" fill="#E6DEFF"/>
+<circle cx="97" cy="84" r="3" fill="#E6DEFF"/>
+<rect x="74" y="102" width="64" height="4" rx="2" fill="#E6DEFF"/>
+<rect x="74" y="109" width="14" height="4" rx="2" fill="#E6DEFF"/>
+<rect x="172" y="109" width="10" height="4" rx="2" fill="#E6DEFF"/>
+<rect x="92" y="109" width="74" height="4" rx="2" fill="#E6DEFF"/>
+<rect x="146" y="102" width="10" height="4" rx="2" fill="#E6DEFF"/>
+<rect x="159" y="102" width="23" height="4" rx="2" fill="#E6DEFF"/>
+<mask id="mask1_274_17728" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="25" y="94" width="91" height="98">
+<path d="M116 98.5V94H25.5V191.5H63C76.2548 191.5 87 180.755 87 167.5V127.5C87 119.492 93.4919 113 101.5 113C109.508 113 116 106.508 116 98.5Z" fill="white"/>
+</mask>
+<g mask="url(#mask1_274_17728)">
+<path d="M-4 94L1.52588e-05 96C2.51806 97.2591 5.48195 97.259 7.99997 96V96C10.518 94.7409 13.482 94.7409 16 96V96C18.5181 97.259 21.482 97.259 24 96V96C26.5181 94.7409 29.482 94.7409 32 96V96C34.518 97.259 37.482 97.2591 40 96V96C42.5181 94.741 45.4951 94.7476 48.0131 96.0066V96.0066C50.5181 97.2591 53.4764 97.281 55.9943 96.0547L56.3036 95.9041C58.7646 94.7055 61.6464 94.7363 64.0813 95.987V95.987C66.5446 97.2524 69.4634 97.2683 71.9404 96.0298L72.0271 95.9865C74.5281 94.736 77.4854 94.7427 79.9864 95.9932V95.9932C82.5045 97.2522 85.4849 97.2576 88.0029 95.9986V95.9986C90.5181 94.741 93.5108 94.751 96.0289 96.0027V96.0027C98.5398 97.2509 101.522 97.2603 104.028 96.0034V96.0034C106.542 94.7427 109.504 94.7416 112.019 96.0008V96.0008C114.532 97.2591 117.491 97.2591 120.004 96.0008L124 94" stroke="#947DFF" stroke-width="0.8"/>
+<path d="M-4 98L1.52588e-05 100C2.51806 101.259 5.48195 101.259 7.99997 100V100C10.518 98.7409 13.482 98.7409 16 100V100C18.5181 101.259 21.482 101.259 24 100V100C26.5181 98.7409 29.482 98.7409 32 100V100C34.518 101.259 37.482 101.259 40 100V100C42.5181 98.741 45.4951 98.7476 48.0131 100.007V100.007C50.5181 101.259 53.4764 101.281 55.9943 100.055L56.3036 99.9041C58.7646 98.7055 61.6464 98.7363 64.0813 99.987V99.987C66.5446 101.252 69.4634 101.268 71.9404 100.03L72.0271 99.9865C74.5281 98.736 77.4854 98.7427 79.9864 99.9932V99.9932C82.5045 101.252 85.4849 101.258 88.0029 99.9986V99.9986C90.5181 98.741 93.5108 98.751 96.0289 100.003V100.003C98.5398 101.251 101.522 101.26 104.028 100.003V100.003C106.542 98.7427 109.504 98.7416 112.019 100.001V100.001C114.532 101.259 117.491 101.259 120.004 100.001L124 98" stroke="#947DFF" stroke-width="0.8"/>
+<path d="M-4 102L1.52588e-05 104C2.51806 105.259 5.48195 105.259 7.99997 104V104C10.518 102.741 13.482 102.741 16 104V104C18.5181 105.259 21.482 105.259 24 104V104C26.5181 102.741 29.482 102.741 32 104V104C34.518 105.259 37.482 105.259 40 104V104C42.5181 102.741 45.4951 102.748 48.0131 104.007V104.007C50.5181 105.259 53.4764 105.281 55.9943 104.055L56.3036 103.904C58.7646 102.706 61.6464 102.736 64.0813 103.987V103.987C66.5446 105.252 69.4634 105.268 71.9404 104.03L72.0271 103.986C74.5281 102.736 77.4854 102.743 79.9864 103.993V103.993C82.5045 105.252 85.4849 105.258 88.0029 103.999V103.999C90.5181 102.741 93.5108 102.751 96.0289 104.003V104.003C98.5398 105.251 101.522 105.26 104.028 104.003V104.003C106.542 102.743 109.504 102.742 112.019 104.001V104.001C114.532 105.259 117.491 105.259 120.004 104.001L124 102" stroke="#947DFF" stroke-width="0.8"/>
+<path d="M-4 106L1.52588e-05 108C2.51806 109.259 5.48195 109.259 7.99997 108V108C10.518 106.741 13.482 106.741 16 108V108C18.5181 109.259 21.482 109.259 24 108V108C26.5181 106.741 29.482 106.741 32 108V108C34.518 109.259 37.482 109.259 40 108V108C42.5181 106.741 45.4951 106.748 48.0131 108.007V108.007C50.5181 109.259 53.4764 109.281 55.9943 108.055L56.3036 107.904C58.7646 106.706 61.6464 106.736 64.0813 107.987V107.987C66.5446 109.252 69.4634 109.268 71.9404 108.03L72.0271 107.986C74.5281 106.736 77.4854 106.743 79.9864 107.993V107.993C82.5045 109.252 85.4849 109.258 88.0029 107.999V107.999C90.5181 106.741 93.5108 106.751 96.0289 108.003V108.003C98.5398 109.251 101.522 109.26 104.028 108.003V108.003C106.542 106.743 109.504 106.742 112.019 108.001V108.001C114.532 109.259 117.491 109.259 120.004 108.001L124 106" stroke="#947DFF" stroke-width="0.8"/>
+<path d="M-4 110L1.52588e-05 112C2.51806 113.259 5.48195 113.259 7.99997 112V112C10.518 110.741 13.482 110.741 16 112V112C18.5181 113.259 21.482 113.259 24 112V112C26.5181 110.741 29.482 110.741 32 112V112C34.518 113.259 37.482 113.259 40 112V112C42.5181 110.741 45.4951 110.748 48.0131 112.007V112.007C50.5181 113.259 53.4764 113.281 55.9943 112.055L56.3036 111.904C58.7646 110.706 61.6464 110.736 64.0813 111.987V111.987C66.5446 113.252 69.4634 113.268 71.9404 112.03L72.0271 111.986C74.5281 110.736 77.4854 110.743 79.9864 111.993V111.993C82.5045 113.252 85.4849 113.258 88.0029 111.999V111.999C90.5181 110.741 93.5108 110.751 96.0289 112.003V112.003C98.5398 113.251 101.522 113.26 104.028 112.003V112.003C106.542 110.743 109.504 110.742 112.019 112.001V112.001C114.532 113.259 117.491 113.259 120.004 112.001L124 110" stroke="#947DFF" stroke-width="0.8"/>
+<path d="M-4 114L1.52588e-05 116C2.51806 117.259 5.48195 117.259 7.99997 116V116C10.518 114.741 13.482 114.741 16 116V116C18.5181 117.259 21.482 117.259 24 116V116C26.5181 114.741 29.482 114.741 32 116V116C34.518 117.259 37.482 117.259 40 116V116C42.5181 114.741 45.4951 114.748 48.0131 116.007V116.007C50.5181 117.259 53.4764 117.281 55.9943 116.055L56.3036 115.904C58.7646 114.706 61.6464 114.736 64.0813 115.987V115.987C66.5446 117.252 69.4634 117.268 71.9404 116.03L72.0271 115.986C74.5281 114.736 77.4854 114.743 79.9864 115.993V115.993C82.5045 117.252 85.4849 117.258 88.0029 115.999V115.999C90.5181 114.741 93.5108 114.751 96.0289 116.003V116.003C98.5398 117.251 101.522 117.26 104.028 116.003V116.003C106.542 114.743 109.504 114.742 112.019 116.001V116.001C114.532 117.259 117.491 117.259 120.004 116.001L124 114" stroke="#947DFF" stroke-width="0.8"/>
+<path d="M-4 118L1.52588e-05 120C2.51806 121.259 5.48195 121.259 7.99997 120V120C10.518 118.741 13.482 118.741 16 120V120C18.5181 121.259 21.482 121.259 24 120V120C26.5181 118.741 29.482 118.741 32 120V120C34.518 121.259 37.482 121.259 40 120V120C42.5181 118.741 45.4951 118.748 48.0131 120.007V120.007C50.5181 121.259 53.4764 121.281 55.9943 120.055L56.3036 119.904C58.7646 118.706 61.6464 118.736 64.0813 119.987V119.987C66.5446 121.252 69.4634 121.268 71.9404 120.03L72.0271 119.986C74.5281 118.736 77.4854 118.743 79.9864 119.993V119.993C82.5045 121.252 85.4849 121.258 88.0029 119.999V119.999C90.5181 118.741 93.5108 118.751 96.0289 120.003V120.003C98.5398 121.251 101.522 121.26 104.028 120.003V120.003C106.542 118.743 109.504 118.742 112.019 120.001V120.001C114.532 121.259 117.491 121.259 120.004 120.001L124 118" stroke="#947DFF" stroke-width="0.8"/>
+<path d="M-4 122L1.52588e-05 124C2.51806 125.259 5.48195 125.259 7.99997 124V124C10.518 122.741 13.482 122.741 16 124V124C18.5181 125.259 21.482 125.259 24 124V124C26.5181 122.741 29.482 122.741 32 124V124C34.518 125.259 37.482 125.259 40 124V124C42.5181 122.741 45.4951 122.748 48.0131 124.007V124.007C50.5181 125.259 53.4764 125.281 55.9943 124.055L56.3036 123.904C58.7646 122.706 61.6464 122.736 64.0813 123.987V123.987C66.5446 125.252 69.4634 125.268 71.9404 124.03L72.0271 123.986C74.5281 122.736 77.4854 122.743 79.9864 123.993V123.993C82.5045 125.252 85.4849 125.258 88.0029 123.999V123.999C90.5181 122.741 93.5108 122.751 96.0289 124.003V124.003C98.5398 125.251 101.522 125.26 104.028 124.003V124.003C106.542 122.743 109.504 122.742 112.019 124.001V124.001C114.532 125.259 117.491 125.259 120.004 124.001L124 122" stroke="#947DFF" stroke-width="0.8"/>
+<path d="M-4 126L1.52588e-05 128C2.51806 129.259 5.48195 129.259 7.99997 128V128C10.518 126.741 13.482 126.741 16 128V128C18.5181 129.259 21.482 129.259 24 128V128C26.5181 126.741 29.482 126.741 32 128V128C34.518 129.259 37.482 129.259 40 128V128C42.5181 126.741 45.4951 126.748 48.0131 128.007V128.007C50.5181 129.259 53.4764 129.281 55.9943 128.055L56.3036 127.904C58.7646 126.706 61.6464 126.736 64.0813 127.987V127.987C66.5446 129.252 69.4634 129.268 71.9404 128.03L72.0271 127.986C74.5281 126.736 77.4854 126.743 79.9864 127.993V127.993C82.5045 129.252 85.4849 129.258 88.0029 127.999V127.999C90.5181 126.741 93.5108 126.751 96.0289 128.003V128.003C98.5398 129.251 101.522 129.26 104.028 128.003V128.003C106.542 126.743 109.504 126.742 112.019 128.001V128.001C114.532 129.259 117.491 129.259 120.004 128.001L124 126" stroke="#947DFF" stroke-width="0.8"/>
+<path d="M-4 130L1.52588e-05 132C2.51806 133.259 5.48195 133.259 7.99997 132V132C10.518 130.741 13.482 130.741 16 132V132C18.5181 133.259 21.482 133.259 24 132V132C26.5181 130.741 29.482 130.741 32 132V132C34.518 133.259 37.482 133.259 40 132V132C42.5181 130.741 45.4951 130.748 48.0131 132.007V132.007C50.5181 133.259 53.4764 133.281 55.9943 132.055L56.3036 131.904C58.7646 130.706 61.6464 130.736 64.0813 131.987V131.987C66.5446 133.252 69.4634 133.268 71.9404 132.03L72.0271 131.986C74.5281 130.736 77.4854 130.743 79.9864 131.993V131.993C82.5045 133.252 85.4849 133.258 88.0029 131.999V131.999C90.5181 130.741 93.5108 130.751 96.0289 132.003V132.003C98.5398 133.251 101.522 133.26 104.028 132.003V132.003C106.542 130.743 109.504 130.742 112.019 132.001V132.001C114.532 133.259 117.491 133.259 120.004 132.001L124 130" stroke="#947DFF" stroke-width="0.8"/>
+<path d="M-4 134L1.52588e-05 136C2.51806 137.259 5.48195 137.259 7.99997 136V136C10.518 134.741 13.482 134.741 16 136V136C18.5181 137.259 21.482 137.259 24 136V136C26.5181 134.741 29.482 134.741 32 136V136C34.518 137.259 37.482 137.259 40 136V136C42.5181 134.741 45.4951 134.748 48.0131 136.007V136.007C50.5181 137.259 53.4764 137.281 55.9943 136.055L56.3036 135.904C58.7646 134.706 61.6464 134.736 64.0813 135.987V135.987C66.5446 137.252 69.4634 137.268 71.9404 136.03L72.0271 135.986C74.5281 134.736 77.4854 134.743 79.9864 135.993V135.993C82.5045 137.252 85.4849 137.258 88.0029 135.999V135.999C90.5181 134.741 93.5108 134.751 96.0289 136.003V136.003C98.5398 137.251 101.522 137.26 104.028 136.003V136.003C106.542 134.743 109.504 134.742 112.019 136.001V136.001C114.532 137.259 117.491 137.259 120.004 136.001L124 134" stroke="#947DFF" stroke-width="0.8"/>
+<path d="M-4 138L1.52588e-05 140C2.51806 141.259 5.48195 141.259 7.99997 140V140C10.518 138.741 13.482 138.741 16 140V140C18.5181 141.259 21.482 141.259 24 140V140C26.5181 138.741 29.482 138.741 32 140V140C34.518 141.259 37.482 141.259 40 140V140C42.5181 138.741 45.4951 138.748 48.0131 140.007V140.007C50.5181 141.259 53.4764 141.281 55.9943 140.055L56.3036 139.904C58.7646 138.706 61.6464 138.736 64.0813 139.987V139.987C66.5446 141.252 69.4634 141.268 71.9404 140.03L72.0271 139.986C74.5281 138.736 77.4854 138.743 79.9864 139.993V139.993C82.5045 141.252 85.4849 141.258 88.0029 139.999V139.999C90.5181 138.741 93.5108 138.751 96.0289 140.003V140.003C98.5398 141.251 101.522 141.26 104.028 140.003V140.003C106.542 138.743 109.504 138.742 112.019 140.001V140.001C114.532 141.259 117.491 141.259 120.004 140.001L124 138" stroke="#947DFF" stroke-width="0.8"/>
+<path d="M-4 142L1.52588e-05 144C2.51806 145.259 5.48195 145.259 7.99997 144V144C10.518 142.741 13.482 142.741 16 144V144C18.5181 145.259 21.482 145.259 24 144V144C26.5181 142.741 29.482 142.741 32 144V144C34.518 145.259 37.482 145.259 40 144V144C42.5181 142.741 45.4951 142.748 48.0131 144.007V144.007C50.5181 145.259 53.4764 145.281 55.9943 144.055L56.3036 143.904C58.7646 142.706 61.6464 142.736 64.0813 143.987V143.987C66.5446 145.252 69.4634 145.268 71.9404 144.03L72.0271 143.986C74.5281 142.736 77.4854 142.743 79.9864 143.993V143.993C82.5045 145.252 85.4849 145.258 88.0029 143.999V143.999C90.5181 142.741 93.5108 142.751 96.0289 144.003V144.003C98.5398 145.251 101.522 145.26 104.028 144.003V144.003C106.542 142.743 109.504 142.742 112.019 144.001V144.001C114.532 145.259 117.491 145.259 120.004 144.001L124 142" stroke="#947DFF" stroke-width="0.8"/>
+<path d="M-4 146L1.52588e-05 148C2.51806 149.259 5.48195 149.259 7.99997 148V148C10.518 146.741 13.482 146.741 16 148V148C18.5181 149.259 21.482 149.259 24 148V148C26.5181 146.741 29.482 146.741 32 148V148C34.518 149.259 37.482 149.259 40 148V148C42.5181 146.741 45.4951 146.748 48.0131 148.007V148.007C50.5181 149.259 53.4764 149.281 55.9943 148.055L56.3036 147.904C58.7646 146.706 61.6464 146.736 64.0813 147.987V147.987C66.5446 149.252 69.4634 149.268 71.9404 148.03L72.0271 147.986C74.5281 146.736 77.4854 146.743 79.9864 147.993V147.993C82.5045 149.252 85.4849 149.258 88.0029 147.999V147.999C90.5181 146.741 93.5108 146.751 96.0289 148.003V148.003C98.5398 149.251 101.522 149.26 104.028 148.003V148.003C106.542 146.743 109.504 146.742 112.019 148.001V148.001C114.532 149.259 117.491 149.259 120.004 148.001L124 146" stroke="#947DFF" stroke-width="0.8"/>
+<path d="M-4 150L1.52588e-05 152C2.51806 153.259 5.48195 153.259 7.99997 152V152C10.518 150.741 13.482 150.741 16 152V152C18.5181 153.259 21.482 153.259 24 152V152C26.5181 150.741 29.482 150.741 32 152V152C34.518 153.259 37.482 153.259 40 152V152C42.5181 150.741 45.4951 150.748 48.0131 152.007V152.007C50.5181 153.259 53.4764 153.281 55.9943 152.055L56.3036 151.904C58.7646 150.706 61.6464 150.736 64.0813 151.987V151.987C66.5446 153.252 69.4634 153.268 71.9404 152.03L72.0271 151.986C74.5281 150.736 77.4854 150.743 79.9864 151.993V151.993C82.5045 153.252 85.4849 153.258 88.0029 151.999V151.999C90.5181 150.741 93.5108 150.751 96.0289 152.003V152.003C98.5398 153.251 101.522 153.26 104.028 152.003V152.003C106.542 150.743 109.504 150.742 112.019 152.001V152.001C114.532 153.259 117.491 153.259 120.004 152.001L124 150" stroke="#947DFF" stroke-width="0.8"/>
+<path d="M-4 154L1.52588e-05 156C2.51806 157.259 5.48195 157.259 7.99997 156V156C10.518 154.741 13.482 154.741 16 156V156C18.5181 157.259 21.482 157.259 24 156V156C26.5181 154.741 29.482 154.741 32 156V156C34.518 157.259 37.482 157.259 40 156V156C42.5181 154.741 45.4951 154.748 48.0131 156.007V156.007C50.5181 157.259 53.4764 157.281 55.9943 156.055L56.3036 155.904C58.7646 154.706 61.6464 154.736 64.0813 155.987V155.987C66.5446 157.252 69.4634 157.268 71.9404 156.03L72.0271 155.986C74.5281 154.736 77.4854 154.743 79.9864 155.993V155.993C82.5045 157.252 85.4849 157.258 88.0029 155.999V155.999C90.5181 154.741 93.5108 154.751 96.0289 156.003V156.003C98.5398 157.251 101.522 157.26 104.028 156.003V156.003C106.542 154.743 109.504 154.742 112.019 156.001V156.001C114.532 157.259 117.491 157.259 120.004 156.001L124 154" stroke="#947DFF" stroke-width="0.8"/>
+<path d="M-4 158L1.52588e-05 160C2.51806 161.259 5.48195 161.259 7.99997 160V160C10.518 158.741 13.482 158.741 16 160V160C18.5181 161.259 21.482 161.259 24 160V160C26.5181 158.741 29.482 158.741 32 160V160C34.518 161.259 37.482 161.259 40 160V160C42.5181 158.741 45.4951 158.748 48.0131 160.007V160.007C50.5181 161.259 53.4764 161.281 55.9943 160.055L56.3036 159.904C58.7646 158.706 61.6464 158.736 64.0813 159.987V159.987C66.5446 161.252 69.4634 161.268 71.9404 160.03L72.0271 159.986C74.5281 158.736 77.4854 158.743 79.9864 159.993V159.993C82.5045 161.252 85.4849 161.258 88.0029 159.999V159.999C90.5181 158.741 93.5108 158.751 96.0289 160.003V160.003C98.5398 161.251 101.522 161.26 104.028 160.003V160.003C106.542 158.743 109.504 158.742 112.019 160.001V160.001C114.532 161.259 117.491 161.259 120.004 160.001L124 158" stroke="#947DFF" stroke-width="0.8"/>
+<path d="M-4 162L1.52588e-05 164C2.51806 165.259 5.48195 165.259 7.99997 164V164C10.518 162.741 13.482 162.741 16 164V164C18.5181 165.259 21.482 165.259 24 164V164C26.5181 162.741 29.482 162.741 32 164V164C34.518 165.259 37.482 165.259 40 164V164C42.5181 162.741 45.4951 162.748 48.0131 164.007V164.007C50.5181 165.259 53.4764 165.281 55.9943 164.055L56.3036 163.904C58.7646 162.706 61.6464 162.736 64.0813 163.987V163.987C66.5446 165.252 69.4634 165.268 71.9404 164.03L72.0271 163.986C74.5281 162.736 77.4854 162.743 79.9864 163.993V163.993C82.5045 165.252 85.4849 165.258 88.0029 163.999V163.999C90.5181 162.741 93.5108 162.751 96.0289 164.003V164.003C98.5398 165.251 101.522 165.26 104.028 164.003V164.003C106.542 162.743 109.504 162.742 112.019 164.001V164.001C114.532 165.259 117.491 165.259 120.004 164.001L124 162" stroke="#947DFF" stroke-width="0.8"/>
+<path d="M-4 166L1.52588e-05 168C2.51806 169.259 5.48195 169.259 7.99997 168V168C10.518 166.741 13.482 166.741 16 168V168C18.5181 169.259 21.482 169.259 24 168V168C26.5181 166.741 29.482 166.741 32 168V168C34.518 169.259 37.482 169.259 40 168V168C42.5181 166.741 45.4951 166.748 48.0131 168.007V168.007C50.5181 169.259 53.4764 169.281 55.9943 168.055L56.3036 167.904C58.7646 166.706 61.6464 166.736 64.0813 167.987V167.987C66.5446 169.252 69.4634 169.268 71.9404 168.03L72.0271 167.986C74.5281 166.736 77.4854 166.743 79.9864 167.993V167.993C82.5045 169.252 85.4849 169.258 88.0029 167.999V167.999C90.5181 166.741 93.5108 166.751 96.0289 168.003V168.003C98.5398 169.251 101.522 169.26 104.028 168.003V168.003C106.542 166.743 109.504 166.742 112.019 168.001V168.001C114.532 169.259 117.491 169.259 120.004 168.001L124 166" stroke="#947DFF" stroke-width="0.8"/>
+<path d="M-4 170L1.52588e-05 172C2.51806 173.259 5.48195 173.259 7.99997 172V172C10.518 170.741 13.482 170.741 16 172V172C18.5181 173.259 21.482 173.259 24 172V172C26.5181 170.741 29.482 170.741 32 172V172C34.518 173.259 37.482 173.259 40 172V172C42.5181 170.741 45.4951 170.748 48.0131 172.007V172.007C50.5181 173.259 53.4764 173.281 55.9943 172.055L56.3036 171.904C58.7646 170.706 61.6464 170.736 64.0813 171.987V171.987C66.5446 173.252 69.4634 173.268 71.9404 172.03L72.0271 171.986C74.5281 170.736 77.4854 170.743 79.9864 171.993V171.993C82.5045 173.252 85.4849 173.258 88.0029 171.999V171.999C90.5181 170.741 93.5108 170.751 96.0289 172.003V172.003C98.5398 173.251 101.522 173.26 104.028 172.003V172.003C106.542 170.743 109.504 170.742 112.019 172.001V172.001C114.532 173.259 117.491 173.259 120.004 172.001L124 170" stroke="#947DFF" stroke-width="0.8"/>
+<path d="M-4 174L1.52588e-05 176C2.51806 177.259 5.48195 177.259 7.99997 176V176C10.518 174.741 13.482 174.741 16 176V176C18.5181 177.259 21.482 177.259 24 176V176C26.5181 174.741 29.482 174.741 32 176V176C34.518 177.259 37.482 177.259 40 176V176C42.5181 174.741 45.4951 174.748 48.0131 176.007V176.007C50.5181 177.259 53.4764 177.281 55.9943 176.055L56.3036 175.904C58.7646 174.706 61.6464 174.736 64.0813 175.987V175.987C66.5446 177.252 69.4634 177.268 71.9404 176.03L72.0271 175.986C74.5281 174.736 77.4854 174.743 79.9864 175.993V175.993C82.5045 177.252 85.4849 177.258 88.0029 175.999V175.999C90.5181 174.741 93.5108 174.751 96.0289 176.003V176.003C98.5398 177.251 101.522 177.26 104.028 176.003V176.003C106.542 174.743 109.504 174.742 112.019 176.001V176.001C114.532 177.259 117.491 177.259 120.004 176.001L124 174" stroke="#947DFF" stroke-width="0.8"/>
+<path d="M-4 178L1.52588e-05 180C2.51806 181.259 5.48195 181.259 7.99997 180V180C10.518 178.741 13.482 178.741 16 180V180C18.5181 181.259 21.482 181.259 24 180V180C26.5181 178.741 29.482 178.741 32 180V180C34.518 181.259 37.482 181.259 40 180V180C42.5181 178.741 45.4951 178.748 48.0131 180.007V180.007C50.5181 181.259 53.4764 181.281 55.9943 180.055L56.3036 179.904C58.7646 178.706 61.6464 178.736 64.0813 179.987V179.987C66.5446 181.252 69.4634 181.268 71.9404 180.03L72.0271 179.986C74.5281 178.736 77.4854 178.743 79.9864 179.993V179.993C82.5045 181.252 85.4849 181.258 88.0029 179.999V179.999C90.5181 178.741 93.5108 178.751 96.0289 180.003V180.003C98.5398 181.251 101.522 181.26 104.028 180.003V180.003C106.542 178.743 109.504 178.742 112.019 180.001V180.001C114.532 181.259 117.491 181.259 120.004 180.001L124 178" stroke="#947DFF" stroke-width="0.8"/>
+<path d="M-4 182L1.52588e-05 184C2.51806 185.259 5.48195 185.259 7.99997 184V184C10.518 182.741 13.482 182.741 16 184V184C18.5181 185.259 21.482 185.259 24 184V184C26.5181 182.741 29.482 182.741 32 184V184C34.518 185.259 37.482 185.259 40 184V184C42.5181 182.741 45.4951 182.748 48.0131 184.007V184.007C50.5181 185.259 53.4764 185.281 55.9943 184.055L56.3036 183.904C58.7646 182.706 61.6464 182.736 64.0813 183.987V183.987C66.5446 185.252 69.4634 185.268 71.9404 184.03L72.0271 183.986C74.5281 182.736 77.4854 182.743 79.9864 183.993V183.993C82.5045 185.252 85.4849 185.258 88.0029 183.999V183.999C90.5181 182.741 93.5108 182.751 96.0289 184.003V184.003C98.5398 185.251 101.522 185.26 104.028 184.003V184.003C106.542 182.743 109.504 182.742 112.019 184.001V184.001C114.532 185.259 117.491 185.259 120.004 184.001L124 182" stroke="#947DFF" stroke-width="0.8"/>
+<path d="M-4 186L1.52588e-05 188C2.51806 189.259 5.48195 189.259 7.99997 188V188C10.518 186.741 13.482 186.741 16 188V188C18.5181 189.259 21.482 189.259 24 188V188C26.5181 186.741 29.482 186.741 32 188V188C34.518 189.259 37.482 189.259 40 188V188C42.5181 186.741 45.4951 186.748 48.0131 188.007V188.007C50.5181 189.259 53.4764 189.281 55.9943 188.055L56.3036 187.904C58.7646 186.706 61.6464 186.736 64.0813 187.987V187.987C66.5446 189.252 69.4634 189.268 71.9404 188.03L72.0271 187.986C74.5281 186.736 77.4854 186.743 79.9864 187.993V187.993C82.5045 189.252 85.4849 189.258 88.0029 187.999V187.999C90.5181 186.741 93.5108 186.751 96.0289 188.003V188.003C98.5398 189.251 101.522 189.26 104.028 188.003V188.003C106.542 186.743 109.504 186.742 112.019 188.001V188.001C114.532 189.259 117.491 189.259 120.004 188.001L124 186" stroke="#947DFF" stroke-width="0.8"/>
+<path d="M-4 190L1.52588e-05 192C2.51806 193.259 5.48195 193.259 7.99997 192V192C10.518 190.741 13.482 190.741 16 192V192C18.5181 193.259 21.482 193.259 24 192V192C26.5181 190.741 29.482 190.741 32 192V192C34.518 193.259 37.482 193.259 40 192V192C42.5181 190.741 45.4951 190.748 48.0131 192.007V192.007C50.5181 193.259 53.4764 193.281 55.9943 192.055L56.3036 191.904C58.7646 190.706 61.6464 190.736 64.0813 191.987V191.987C66.5446 193.252 69.4634 193.268 71.9404 192.03L72.0271 191.986C74.5281 190.736 77.4854 190.743 79.9864 191.993V191.993C82.5045 193.252 85.4849 193.258 88.0029 191.999V191.999C90.5181 190.741 93.5108 190.751 96.0289 192.003V192.003C98.5398 193.251 101.522 193.26 104.028 192.003V192.003C106.542 190.743 109.504 190.742 112.019 192.001V192.001C114.532 193.259 117.491 193.259 120.004 192.001L124 190" stroke="#947DFF" stroke-width="0.8"/>
+</g>
+<rect x="203.134" y="214.277" width="8" height="8" rx="4" transform="rotate(-35.523 203.134 214.277)" fill="#D194D5"/>
+<rect x="167.452" y="52" width="24" height="24" rx="2" transform="rotate(50.249 167.452 52)" fill="#D89BDC"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M205.914 28.2086C205.914 28.0934 206.008 28 206.123 28H209.878C209.993 28 210.087 28.0934 210.087 28.2086V34.8173L215.81 31.513C215.91 31.4554 216.037 31.4896 216.095 31.5894L217.972 34.8413C218.03 34.9411 217.996 35.0687 217.896 35.1263L212.172 38.4308L217.896 41.7351C217.995 41.7927 218.03 41.9203 217.972 42.0201L216.094 45.272C216.037 45.3718 215.909 45.406 215.81 45.3484L210.087 42.0443V48.6528C210.087 48.768 209.993 48.8614 209.878 48.8614H206.123C206.008 48.8614 205.914 48.768 205.914 48.6528V42.0439L200.191 45.3484C200.091 45.406 199.963 45.3718 199.906 45.272L198.028 42.0201C197.971 41.9203 198.005 41.7927 198.105 41.7351L203.828 38.4308L198.104 35.1263C198.005 35.0687 197.97 34.9411 198.028 34.8413L199.906 31.5894C199.963 31.4896 200.091 31.4554 200.19 31.513L205.914 34.8177V28.2086Z" fill="#636685"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M95.9144 193.209C95.9144 193.093 96.0078 193 96.123 193H99.8781C99.9933 193 100.087 193.093 100.087 193.209V199.817L105.81 196.513C105.91 196.455 106.037 196.49 106.095 196.589L107.972 199.841C108.03 199.941 107.996 200.069 107.896 200.126L102.172 203.431L107.896 206.735C107.995 206.793 108.03 206.92 107.972 207.02L106.094 210.272C106.037 210.372 105.909 210.406 105.81 210.348L100.087 207.044V213.653C100.087 213.768 99.9933 213.861 99.8781 213.861H96.123C96.0078 213.861 95.9144 213.768 95.9144 213.653V207.044L90.1908 210.348C90.0911 210.406 89.9635 210.372 89.9059 210.272L88.0283 207.02C87.9707 206.92 88.0049 206.793 88.1047 206.735L93.8279 203.431L88.1043 200.126C88.0046 200.069 87.9704 199.941 88.028 199.841L89.9055 196.589C89.9631 196.49 90.0907 196.455 90.1905 196.513L95.9144 199.818V193.209Z" fill="#626685"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M32 53C36.4183 53 40 49.4183 40 45C40 40.5817 36.4183 37 32 37C27.5817 37 24 40.5817 24 45C24 49.4183 27.5817 53 32 53ZM32 49C34.2091 49 36 47.2091 36 45C36 42.7909 34.2091 41 32 41C29.7909 41 28 42.7909 28 45C28 47.2091 29.7909 49 32 49Z" fill="#6F6C83"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M194 190C200.627 190 206 184.627 206 178C206 171.373 200.627 166 194 166C187.373 166 182 171.373 182 178C182 184.627 187.373 190 194 190ZM194 184C197.314 184 200 181.314 200 178C200 174.686 197.314 172 194 172C190.686 172 188 174.686 188 178C188 181.314 190.686 184 194 184Z" fill="#FFDDB5"/>
+<path d="M74.0029 47.3622C73.9603 47.2466 74.0587 47.1283 74.1801 47.1491L91.8422 50.1843C91.9636 50.2052 92.0169 50.3496 91.9381 50.4443L80.4785 64.2225C80.3998 64.3172 80.248 64.2911 80.2054 64.1756L74.0029 47.3622Z" fill="#86BE89"/>
+<path d="M117.818 59.5458L119.926 55.5412C121.091 53.3296 120.241 50.5929 118.03 49.4287V49.4287C115.818 48.2645 114.969 45.5278 116.133 43.3162V43.3162C117.298 41.1045 116.448 38.3678 114.237 37.2036V37.2036C112.025 36.0394 111.176 33.3027 112.34 31.0911L114.448 27.0865" stroke="#839999" stroke-width="3.2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M43.8666 218.692C43.8762 218.64 43.939 218.618 43.9796 218.652L49.8934 223.677C49.9341 223.711 49.9221 223.777 49.8719 223.795L42.5637 226.404C42.5135 226.422 42.4627 226.379 42.4723 226.326L43.8666 218.692Z" fill="#86BE89"/>
+<rect x="75" y="220" width="80" height="4" rx="2" fill="#4E4F75"/>
+<rect x="167" y="220" width="19" height="4" rx="2" fill="#4E4F75"/>
+</svg>

packages/console/src/assets/images/not-found.svg

@@ -0,0 +1,66 @@
+<svg width="230" height="230" viewBox="0 0 230 230" fill="none" xmlns="http://www.w3.org/2000/svg" id="error">
+<rect width="230" height="230" />
+<rect x="52.1094" y="66.4844" width="125.781" height="97.0312" rx="10.9524" fill="#CABEFF"/>
+<mask id="mask0_300_6026" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="52" y="66" width="126" height="98">
+<rect x="52.1094" y="66.4844" width="125.781" height="97.0312" rx="10.9524" fill="#CABEFF"/>
+</mask>
+<g mask="url(#mask0_300_6026)">
+</g>
+<path d="M52.1094 77.2656C52.1094 71.3113 56.9363 66.4844 62.8906 66.4844H167.109C173.064 66.4844 177.891 71.3113 177.891 77.2656V84.4531H52.1094V77.2656Z" fill="#5D34F2"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M91.3598 112.023C89.9564 113.426 89.9564 115.701 91.3598 117.105L96.4423 122.187L91.3602 127.27C89.9567 128.673 89.9567 130.948 91.3602 132.352C92.7636 133.755 95.039 133.755 96.4425 132.352L101.525 127.27L106.607 132.352C108.01 133.755 110.286 133.755 111.689 132.352C113.093 130.948 113.093 128.673 111.689 127.269L106.607 122.187L111.689 117.105C113.093 115.701 113.093 113.426 111.689 112.023C110.286 110.619 108.011 110.619 106.607 112.023L101.525 117.105L96.4421 112.023C95.0387 110.619 92.7633 110.619 91.3598 112.023Z" fill="#7958FF"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M134.485 112.023C133.081 113.426 133.081 115.701 134.485 117.105L139.567 122.187L134.485 127.27C133.082 128.673 133.082 130.948 134.485 132.352C135.889 133.755 138.164 133.755 139.567 132.352L144.65 127.27L149.732 132.352C151.135 133.755 153.411 133.755 154.814 132.352C156.218 130.948 156.218 128.673 154.814 127.269L149.732 122.187L154.814 117.105C156.218 115.701 156.218 113.426 154.814 112.023C153.411 110.619 151.136 110.619 149.732 112.023L144.65 117.105L139.567 112.023C138.164 110.619 135.888 110.619 134.485 112.023Z" fill="#7958FF"/>
+<circle cx="69.1797" cy="75.4688" r="2.69531" fill="#947DFF"/>
+<circle cx="78.1641" cy="75.4688" r="2.69531" fill="#E6DEFF"/>
+<circle cx="87.1484" cy="75.4688" r="2.69531" fill="#E6DEFF"/>
+<rect x="66.4844" y="91.6406" width="57.5" height="3.59375" rx="1.79688" fill="#E6DEFF"/>
+<rect x="66.4844" y="97.9297" width="12.5781" height="3.59375" rx="1.79688" fill="#E6DEFF"/>
+<rect x="154.531" y="97.9297" width="8.98438" height="3.59375" rx="1.79688" fill="#E6DEFF"/>
+<rect x="82.6562" y="97.9297" width="66.4844" height="3.59375" rx="1.79688" fill="#E6DEFF"/>
+<rect x="131.172" y="91.6406" width="8.98438" height="3.59375" rx="1.79688" fill="#E6DEFF"/>
+<rect x="142.852" y="91.6406" width="20.6641" height="3.59375" rx="1.79688" fill="#E6DEFF"/>
+<mask id="mask1_300_6026" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="22" y="84" width="83" height="89">
+<path d="M104.219 88.4961V84.4531H22.9102V172.051H56.6016C68.5102 172.051 78.1641 162.397 78.1641 150.488V114.551C78.1641 107.356 83.9966 101.523 91.1914 101.523C98.3862 101.523 104.219 95.6909 104.219 88.4961Z" fill="white"/>
+</mask>
+<g mask="url(#mask1_300_6026)">
+<path d="M-3.59375 84.4533L1.28523e-05 86.2501C2.26232 87.3813 4.92519 87.3813 7.18748 86.2501V86.2501C9.44979 85.1189 12.1127 85.1189 14.375 86.2501V86.2501C16.6373 87.3813 19.3002 87.3813 21.5625 86.2501V86.2501C23.8248 85.1189 26.4877 85.1189 28.75 86.2501V86.2501C31.0123 87.3813 33.6752 87.3813 35.9375 86.2502V86.2502C38.1998 85.119 40.8745 85.1249 43.1368 86.2561V86.2561C45.3874 87.3813 48.0452 87.401 50.3074 86.2993L50.5853 86.1639C52.7963 85.0871 55.3855 85.1147 57.5731 86.2385V86.2385C59.7862 87.3753 62.4086 87.3896 64.6339 86.2769L64.7119 86.2379C66.9588 85.1145 69.6158 85.1205 71.8628 86.244V86.244C74.1251 87.3752 76.8028 87.38 79.0651 86.2488V86.2488C81.3248 85.119 84.0136 85.128 86.276 86.2526V86.2526C88.5318 87.3739 91.2111 87.3824 93.4631 86.2532V86.2532C95.7217 85.1205 98.3828 85.1195 100.642 86.2508V86.2508C102.9 87.3814 105.559 87.3814 107.816 86.2508L111.406 84.4533" stroke="#947DFF" stroke-width="0.71875"/>
+<path d="M-3.59375 88.047L1.28523e-05 89.8439C2.26232 90.975 4.92519 90.975 7.18748 89.8438V89.8438C9.44979 88.7126 12.1127 88.7126 14.375 89.8438V89.8438C16.6373 90.975 19.3002 90.975 21.5625 89.8438V89.8438C23.8248 88.7127 26.4877 88.7127 28.75 89.8439V89.8439C31.0123 90.975 33.6752 90.9751 35.9375 89.8439V89.8439C38.1998 88.7128 40.8745 88.7187 43.1368 89.8498V89.8498C45.3874 90.9751 48.0452 90.9948 50.3074 89.893L50.5853 89.7577C52.7963 88.6809 55.3855 88.7085 57.5731 89.8322V89.8322C59.7862 90.9691 62.4086 90.9834 64.6339 89.8707L64.7119 89.8317C66.9588 88.7082 69.6158 88.7143 71.8628 89.8378V89.8378C74.1251 90.9689 76.8028 90.9737 79.0651 89.8426V89.8426C81.3248 88.7127 84.0136 88.7217 86.276 89.8463V89.8463C88.5318 90.9677 91.2111 90.9762 93.4631 89.8469V89.8469C95.7217 88.7143 98.3828 88.7132 100.642 89.8445V89.8445C102.9 90.9751 105.559 90.9751 107.816 89.8445L111.406 88.047" stroke="#947DFF" stroke-width="0.71875"/>
+<path d="M-3.59375 91.6408L1.28523e-05 93.4376C2.26232 94.5688 4.92519 94.5688 7.18748 93.4376V93.4376C9.44979 92.3064 12.1127 92.3064 14.375 93.4376V93.4376C16.6373 94.5688 19.3002 94.5688 21.5625 93.4376V93.4376C23.8248 92.3064 26.4877 92.3064 28.75 93.4376V93.4376C31.0123 94.5688 33.6752 94.5688 35.9375 93.4377V93.4377C38.1998 92.3065 40.8745 92.3124 43.1368 93.4436V93.4436C45.3874 94.5688 48.0452 94.5885 50.3074 93.4868L50.5853 93.3514C52.7963 92.2746 55.3855 92.3022 57.5731 93.426V93.426C59.7862 94.5628 62.4086 94.5771 64.6339 93.4644L64.7119 93.4254C66.9588 92.302 69.6158 92.308 71.8628 93.4315V93.4315C74.1251 94.5627 76.8028 94.5675 79.0651 93.4363V93.4363C81.3248 92.3065 84.0136 92.3155 86.276 93.4401V93.4401C88.5318 94.5614 91.2111 94.5699 93.4631 93.4407V93.4407C95.7217 92.308 98.3828 92.307 100.642 93.4383V93.4383C102.9 94.5689 105.559 94.5689 107.816 93.4383L111.406 91.6408" stroke="#947DFF" stroke-width="0.71875"/>
+<path d="M-3.59375 95.2345L1.28523e-05 97.0314C2.26232 98.1625 4.92519 98.1625 7.18748 97.0313V97.0313C9.44979 95.9001 12.1127 95.9001 14.375 97.0313V97.0313C16.6373 98.1625 19.3002 98.1625 21.5625 97.0313V97.0313C23.8248 95.9002 26.4877 95.9002 28.75 97.0314V97.0314C31.0123 98.1625 33.6752 98.1626 35.9375 97.0314V97.0314C38.1998 95.9003 40.8745 95.9062 43.1368 97.0373V97.0373C45.3874 98.1626 48.0452 98.1823 50.3074 97.0805L50.5853 96.9452C52.7963 95.8684 55.3855 95.896 57.5731 97.0197V97.0197C59.7862 98.1566 62.4086 98.1709 64.6339 97.0582L64.7119 97.0192C66.9588 95.8957 69.6158 95.9018 71.8628 97.0253V97.0253C74.1251 98.1564 76.8028 98.1612 79.0651 97.0301V97.0301C81.3248 95.9002 84.0136 95.9092 86.276 97.0338V97.0338C88.5318 98.1552 91.2111 98.1637 93.4631 97.0344V97.0344C95.7217 95.9018 98.3828 95.9007 100.642 97.032V97.032C102.9 98.1626 105.559 98.1626 107.816 97.032L111.406 95.2345" stroke="#947DFF" stroke-width="0.71875"/>
+<path d="M-3.59375 98.8283L1.28523e-05 100.625C2.26232 101.756 4.92519 101.756 7.18748 100.625V100.625C9.44979 99.4939 12.1127 99.4939 14.375 100.625V100.625C16.6373 101.756 19.3002 101.756 21.5625 100.625V100.625C23.8248 99.4939 26.4877 99.4939 28.75 100.625V100.625C31.0123 101.756 33.6752 101.756 35.9375 100.625V100.625C38.1998 99.494 40.8745 99.4999 43.1368 100.631V100.631C45.3874 101.756 48.0452 101.776 50.3074 100.674L50.5853 100.539C52.7963 99.4621 55.3855 99.4897 57.5731 100.613V100.613C59.7862 101.75 62.4086 101.765 64.6339 100.652L64.7119 100.613C66.9588 99.4895 69.6158 99.4955 71.8628 100.619V100.619C74.1251 101.75 76.8028 101.755 79.0651 100.624V100.624C81.3248 99.494 84.0136 99.503 86.276 100.628V100.628C88.5318 101.749 91.2111 101.757 93.4631 100.628V100.628C95.7217 99.4955 98.3828 99.4945 100.642 100.626V100.626C102.9 101.756 105.559 101.756 107.816 100.626L111.406 98.8283" stroke="#947DFF" stroke-width="0.71875"/>
+<path d="M-3.59375 102.422L1.28523e-05 104.219C2.26232 105.35 4.92519 105.35 7.18748 104.219V104.219C9.44979 103.088 12.1127 103.088 14.375 104.219V104.219C16.6373 105.35 19.3002 105.35 21.5625 104.219V104.219C23.8248 103.088 26.4877 103.088 28.75 104.219V104.219C31.0123 105.35 33.6752 105.35 35.9375 104.219V104.219C38.1998 103.088 40.8745 103.094 43.1368 104.225V104.225C45.3874 105.35 48.0452 105.37 50.3074 104.268L50.5853 104.133C52.7963 103.056 55.3855 103.083 57.5731 104.207V104.207C59.7862 105.344 62.4086 105.358 64.6339 104.246L64.7119 104.207C66.9588 103.083 69.6158 103.089 71.8628 104.213V104.213C74.1251 105.344 76.8028 105.349 79.0651 104.218V104.218C81.3248 103.088 84.0136 103.097 86.276 104.221V104.221C88.5318 105.343 91.2111 105.351 93.4631 104.222V104.222C95.7217 103.089 98.3828 103.088 100.642 104.22V104.22C102.9 105.35 105.559 105.35 107.816 104.22L111.406 102.422" stroke="#947DFF" stroke-width="0.71875"/>
+<path d="M-3.59375 106.016L1.28523e-05 107.813C2.26232 108.944 4.92519 108.944 7.18748 107.813V107.813C9.44979 106.681 12.1127 106.681 14.375 107.813V107.813C16.6373 108.944 19.3002 108.944 21.5625 107.813V107.813C23.8248 106.681 26.4877 106.681 28.75 107.813V107.813C31.0123 108.944 33.6752 108.944 35.9375 107.813V107.813C38.1998 106.682 40.8745 106.687 43.1368 107.819V107.819C45.3874 108.944 48.0452 108.964 50.3074 107.862L50.5853 107.726C52.7963 106.65 55.3855 106.677 57.5731 107.801V107.801C59.7862 108.938 62.4086 108.952 64.6339 107.839L64.7119 107.8C66.9588 106.677 69.6158 106.683 71.8628 107.807V107.807C74.1251 108.938 76.8028 108.942 79.0651 107.811V107.811C81.3248 106.681 84.0136 106.69 86.276 107.815V107.815C88.5318 108.936 91.2111 108.945 93.4631 107.816V107.816C95.7217 106.683 98.3828 106.682 100.642 107.813V107.813C102.9 108.944 105.559 108.944 107.816 107.813L111.406 106.016" stroke="#947DFF" stroke-width="0.71875"/>
+<path d="M-3.59375 109.61L1.28523e-05 111.406C2.26232 112.538 4.92519 112.538 7.18748 111.406V111.406C9.44979 110.275 12.1127 110.275 14.375 111.406V111.406C16.6373 112.538 19.3002 112.538 21.5625 111.406V111.406C23.8248 110.275 26.4877 110.275 28.75 111.406V111.406C31.0123 112.538 33.6752 112.538 35.9375 111.406V111.406C38.1998 110.275 40.8745 110.281 43.1368 111.412V111.412C45.3874 112.538 48.0452 112.557 50.3074 111.456L50.5853 111.32C52.7963 110.243 55.3855 110.271 57.5731 111.395V111.395C59.7862 112.532 62.4086 112.546 64.6339 111.433L64.7119 111.394C66.9588 110.271 69.6158 110.277 71.8628 111.4V111.4C74.1251 112.531 76.8028 112.536 79.0651 111.405V111.405C81.3248 110.275 84.0136 110.284 86.276 111.409V111.409C88.5318 112.53 91.2111 112.539 93.4631 111.409V111.409C95.7217 110.277 98.3828 110.276 100.642 111.407V111.407C102.9 112.538 105.559 112.538 107.816 111.407L111.406 109.61" stroke="#947DFF" stroke-width="0.71875"/>
+<path d="M-3.59375 113.203L1.28523e-05 115C2.26232 116.131 4.92519 116.131 7.18748 115V115C9.44979 113.869 12.1127 113.869 14.375 115V115C16.6373 116.131 19.3002 116.131 21.5625 115V115C23.8248 113.869 26.4877 113.869 28.75 115V115C31.0123 116.131 33.6752 116.131 35.9375 115V115C38.1998 113.869 40.8745 113.875 43.1368 115.006V115.006C45.3874 116.131 48.0452 116.151 50.3074 115.049L50.5853 114.914C52.7963 113.837 55.3855 113.865 57.5731 114.988V114.988C59.7862 116.125 62.4086 116.14 64.6339 115.027L64.7119 114.988C66.9588 113.864 69.6158 113.871 71.8628 114.994V114.994C74.1251 116.125 76.8028 116.13 79.0651 114.999V114.999C81.3248 113.869 84.0136 113.878 86.276 115.003V115.003C88.5318 116.124 91.2111 116.132 93.4631 115.003V115.003C95.7217 113.871 98.3828 113.869 100.642 115.001V115.001C102.9 116.131 105.559 116.131 107.816 115.001L111.406 113.203" stroke="#947DFF" stroke-width="0.71875"/>
+<path d="M-3.59375 116.797L1.28523e-05 118.594C2.26232 119.725 4.92519 119.725 7.18748 118.594V118.594C9.44979 117.463 12.1127 117.463 14.375 118.594V118.594C16.6373 119.725 19.3002 119.725 21.5625 118.594V118.594C23.8248 117.463 26.4877 117.463 28.75 118.594V118.594C31.0123 119.725 33.6752 119.725 35.9375 118.594V118.594C38.1998 117.463 40.8745 117.469 43.1368 118.6V118.6C45.3874 119.725 48.0452 119.745 50.3074 118.643L50.5853 118.508C52.7963 117.431 55.3855 117.458 57.5731 118.582V118.582C59.7862 119.719 62.4086 119.733 64.6339 118.621L64.7119 118.582C66.9588 117.458 69.6158 117.464 71.8628 118.588V118.588C74.1251 119.719 76.8028 119.724 79.0651 118.593V118.593C81.3248 117.463 84.0136 117.472 86.276 118.596V118.596C88.5318 119.718 91.2111 119.726 93.4631 118.597V118.597C95.7217 117.464 98.3828 117.463 100.642 118.595V118.595C102.9 119.725 105.559 119.725 107.816 118.595L111.406 116.797" stroke="#947DFF" stroke-width="0.71875"/>
+<path d="M-3.59375 120.391L1.28523e-05 122.188C2.26232 123.319 4.92519 123.319 7.18748 122.188V122.188C9.44979 121.056 12.1127 121.056 14.375 122.188V122.188C16.6373 123.319 19.3002 123.319 21.5625 122.188V122.188C23.8248 121.056 26.4877 121.056 28.75 122.188V122.188C31.0123 123.319 33.6752 123.319 35.9375 122.188V122.188C38.1998 121.057 40.8745 121.062 43.1368 122.194V122.194C45.3874 123.319 48.0452 123.339 50.3074 122.237L50.5853 122.101C52.7963 121.025 55.3855 121.052 57.5731 122.176V122.176C59.7862 123.313 62.4086 123.327 64.6339 122.214L64.7119 122.175C66.9588 121.052 69.6158 121.058 71.8628 122.182V122.182C74.1251 123.313 76.8028 123.317 79.0651 122.186V122.186C81.3248 121.056 84.0136 121.065 86.276 122.19V122.19C88.5318 123.311 91.2111 123.32 93.4631 122.191V122.191C95.7217 121.058 98.3828 121.057 100.642 122.188V122.188C102.9 123.319 105.559 123.319 107.816 122.188L111.406 120.391" stroke="#947DFF" stroke-width="0.71875"/>
+<path d="M-3.59375 123.985L1.28523e-05 125.781C2.26232 126.913 4.92519 126.913 7.18748 125.781V125.781C9.44979 124.65 12.1127 124.65 14.375 125.781V125.781C16.6373 126.913 19.3002 126.913 21.5625 125.781V125.781C23.8248 124.65 26.4877 124.65 28.75 125.781V125.781C31.0123 126.913 33.6752 126.913 35.9375 125.781V125.781C38.1998 124.65 40.8745 124.656 43.1368 125.787V125.787C45.3874 126.913 48.0452 126.932 50.3074 125.831L50.5853 125.695C52.7963 124.618 55.3855 124.646 57.5731 125.77V125.77C59.7862 126.907 62.4086 126.921 64.6339 125.808L64.7119 125.769C66.9588 124.646 69.6158 124.652 71.8628 125.775V125.775C74.1251 126.906 76.8028 126.911 79.0651 125.78V125.78C81.3248 124.65 84.0136 124.659 86.276 125.784V125.784C88.5318 126.905 91.2111 126.914 93.4631 125.784V125.784C95.7217 124.652 98.3828 124.651 100.642 125.782V125.782C102.9 126.913 105.559 126.913 107.816 125.782L111.406 123.985" stroke="#947DFF" stroke-width="0.71875"/>
+<path d="M-3.59375 127.578L1.28523e-05 129.375C2.26232 130.506 4.92519 130.506 7.18748 129.375V129.375C9.44979 128.244 12.1127 128.244 14.375 129.375V129.375C16.6373 130.506 19.3002 130.506 21.5625 129.375V129.375C23.8248 128.244 26.4877 128.244 28.75 129.375V129.375C31.0123 130.506 33.6752 130.506 35.9375 129.375V129.375C38.1998 128.244 40.8745 128.25 43.1368 129.381V129.381C45.3874 130.506 48.0452 130.526 50.3074 129.424L50.5853 129.289C52.7963 128.212 55.3855 128.24 57.5731 129.363V129.363C59.7862 130.5 62.4086 130.515 64.6339 129.402L64.7119 129.363C66.9588 128.239 69.6158 128.246 71.8628 129.369V129.369C74.1251 130.5 76.8028 130.505 79.0651 129.374V129.374C81.3248 128.244 84.0136 128.253 86.276 129.378V129.378C88.5318 130.499 91.2111 130.507 93.4631 129.378V129.378C95.7217 128.246 98.3828 128.244 100.642 129.376V129.376C102.9 130.506 105.559 130.506 107.816 129.376L111.406 127.578" stroke="#947DFF" stroke-width="0.71875"/>
+<path d="M-3.59375 131.172L1.28523e-05 132.969C2.26232 134.1 4.92519 134.1 7.18748 132.969V132.969C9.44979 131.838 12.1127 131.838 14.375 132.969V132.969C16.6373 134.1 19.3002 134.1 21.5625 132.969V132.969C23.8248 131.838 26.4877 131.838 28.75 132.969V132.969C31.0123 134.1 33.6752 134.1 35.9375 132.969V132.969C38.1998 131.838 40.8745 131.844 43.1368 132.975V132.975C45.3874 134.1 48.0452 134.12 50.3074 133.018L50.5853 132.883C52.7963 131.806 55.3855 131.833 57.5731 132.957V132.957C59.7862 134.094 62.4086 134.108 64.6339 132.996L64.7119 132.957C66.9588 131.833 69.6158 131.839 71.8628 132.963V132.963C74.1251 134.094 76.8028 134.099 79.0651 132.968V132.968C81.3248 131.838 84.0136 131.847 86.276 132.971V132.971C88.5318 134.093 91.2111 134.101 93.4631 132.972V132.972C95.7217 131.839 98.3828 131.838 100.642 132.97V132.97C102.9 134.1 105.559 134.1 107.816 132.97L111.406 131.172" stroke="#947DFF" stroke-width="0.71875"/>
+<path d="M-3.59375 134.766L1.28523e-05 136.563C2.26232 137.694 4.92519 137.694 7.18748 136.563V136.563C9.44979 135.431 12.1127 135.431 14.375 136.563V136.563C16.6373 137.694 19.3002 137.694 21.5625 136.563V136.563C23.8248 135.431 26.4877 135.431 28.75 136.563V136.563C31.0123 137.694 33.6752 137.694 35.9375 136.563V136.563C38.1998 135.432 40.8745 135.437 43.1368 136.569V136.569C45.3874 137.694 48.0452 137.714 50.3074 136.612L50.5853 136.476C52.7963 135.4 55.3855 135.427 57.5731 136.551V136.551C59.7862 137.688 62.4086 137.702 64.6339 136.589L64.7119 136.55C66.9588 135.427 69.6158 135.433 71.8628 136.557V136.557C74.1251 137.688 76.8028 137.692 79.0651 136.561V136.561C81.3248 135.431 84.0136 135.44 86.276 136.565V136.565C88.5318 137.686 91.2111 137.695 93.4631 136.566V136.566C95.7217 135.433 98.3828 135.432 100.642 136.563V136.563C102.9 137.694 105.559 137.694 107.816 136.563L111.406 134.766" stroke="#947DFF" stroke-width="0.71875"/>
+<path d="M-3.59375 138.36L1.28523e-05 140.156C2.26232 141.288 4.92519 141.288 7.18748 140.156V140.156C9.44979 139.025 12.1127 139.025 14.375 140.156V140.156C16.6373 141.288 19.3002 141.288 21.5625 140.156V140.156C23.8248 139.025 26.4877 139.025 28.75 140.156V140.156C31.0123 141.288 33.6752 141.288 35.9375 140.156V140.156C38.1998 139.025 40.8745 139.031 43.1368 140.162V140.162C45.3874 141.288 48.0452 141.307 50.3074 140.206L50.5853 140.07C52.7963 138.993 55.3855 139.021 57.5731 140.145V140.145C59.7862 141.282 62.4086 141.296 64.6339 140.183L64.7119 140.144C66.9588 139.021 69.6158 139.027 71.8628 140.15V140.15C74.1251 141.281 76.8028 141.286 79.0651 140.155V140.155C81.3248 139.025 84.0136 139.034 86.276 140.159V140.159C88.5318 141.28 91.2111 141.289 93.4631 140.159V140.159C95.7217 139.027 98.3828 139.026 100.642 140.157V140.157C102.9 141.288 105.559 141.288 107.816 140.157L111.406 138.36" stroke="#947DFF" stroke-width="0.71875"/>
+<path d="M-3.59375 141.953L1.28523e-05 143.75C2.26232 144.881 4.92519 144.881 7.18748 143.75V143.75C9.44979 142.619 12.1127 142.619 14.375 143.75V143.75C16.6373 144.881 19.3002 144.881 21.5625 143.75V143.75C23.8248 142.619 26.4877 142.619 28.75 143.75V143.75C31.0123 144.881 33.6752 144.881 35.9375 143.75V143.75C38.1998 142.619 40.8745 142.625 43.1368 143.756V143.756C45.3874 144.881 48.0452 144.901 50.3074 143.799L50.5853 143.664C52.7963 142.587 55.3855 142.615 57.5731 143.738V143.738C59.7862 144.875 62.4086 144.89 64.6339 143.777L64.7119 143.738C66.9588 142.614 69.6158 142.621 71.8628 143.744V143.744C74.1251 144.875 76.8028 144.88 79.0651 143.749V143.749C81.3248 142.619 84.0136 142.628 86.276 143.753V143.753C88.5318 144.874 91.2111 144.882 93.4631 143.753V143.753C95.7217 142.621 98.3828 142.619 100.642 143.751V143.751C102.9 144.881 105.559 144.881 107.816 143.751L111.406 141.953" stroke="#947DFF" stroke-width="0.71875"/>
+<path d="M-3.59375 145.547L1.28523e-05 147.344C2.26232 148.475 4.92519 148.475 7.18748 147.344V147.344C9.44979 146.213 12.1127 146.213 14.375 147.344V147.344C16.6373 148.475 19.3002 148.475 21.5625 147.344V147.344C23.8248 146.213 26.4877 146.213 28.75 147.344V147.344C31.0123 148.475 33.6752 148.475 35.9375 147.344V147.344C38.1998 146.213 40.8745 146.219 43.1368 147.35V147.35C45.3874 148.475 48.0452 148.495 50.3074 147.393L50.5853 147.258C52.7963 146.181 55.3855 146.208 57.5731 147.332V147.332C59.7862 148.469 62.4086 148.483 64.6339 147.371L64.7119 147.332C66.9588 146.208 69.6158 146.214 71.8628 147.338V147.338C74.1251 148.469 76.8028 148.474 79.0651 147.343V147.343C81.3248 146.213 84.0136 146.222 86.276 147.346V147.346C88.5318 148.468 91.2111 148.476 93.4631 147.347V147.347C95.7217 146.214 98.3828 146.213 100.642 147.345V147.345C102.9 148.475 105.559 148.475 107.816 147.345L111.406 145.547" stroke="#947DFF" stroke-width="0.71875"/>
+<path d="M-3.59375 149.141L1.28523e-05 150.938C2.26232 152.069 4.92519 152.069 7.18748 150.938V150.938C9.44979 149.806 12.1127 149.806 14.375 150.938V150.938C16.6373 152.069 19.3002 152.069 21.5625 150.938V150.938C23.8248 149.806 26.4877 149.806 28.75 150.938V150.938C31.0123 152.069 33.6752 152.069 35.9375 150.938V150.938C38.1998 149.807 40.8745 149.812 43.1368 150.944V150.944C45.3874 152.069 48.0452 152.089 50.3074 150.987L50.5853 150.851C52.7963 149.775 55.3855 149.802 57.5731 150.926V150.926C59.7862 152.063 62.4086 152.077 64.6339 150.964L64.7119 150.925C66.9588 149.802 69.6158 149.808 71.8628 150.932V150.932C74.1251 152.063 76.8028 152.067 79.0651 150.936V150.936C81.3248 149.806 84.0136 149.815 86.276 150.94V150.94C88.5318 152.061 91.2111 152.07 93.4631 150.941V150.941C95.7217 149.808 98.3828 149.807 100.642 150.938V150.938C102.9 152.069 105.559 152.069 107.816 150.938L111.406 149.141" stroke="#947DFF" stroke-width="0.71875"/>
+<path d="M-3.59375 152.735L1.28523e-05 154.531C2.26232 155.663 4.92519 155.663 7.18748 154.531V154.531C9.44979 153.4 12.1127 153.4 14.375 154.531V154.531C16.6373 155.663 19.3002 155.663 21.5625 154.531V154.531C23.8248 153.4 26.4877 153.4 28.75 154.531V154.531C31.0123 155.663 33.6752 155.663 35.9375 154.531V154.531C38.1998 153.4 40.8745 153.406 43.1368 154.537V154.537C45.3874 155.663 48.0452 155.682 50.3074 154.581L50.5853 154.445C52.7963 153.368 55.3855 153.396 57.5731 154.52V154.52C59.7862 155.657 62.4086 155.671 64.6339 154.558L64.7119 154.519C66.9588 153.396 69.6158 153.402 71.8628 154.525V154.525C74.1251 155.656 76.8028 155.661 79.0651 154.53V154.53C81.3248 153.4 84.0136 153.409 86.276 154.534V154.534C88.5318 155.655 91.2111 155.664 93.4631 154.534V154.534C95.7217 153.402 98.3828 153.401 100.642 154.532V154.532C102.9 155.663 105.559 155.663 107.816 154.532L111.406 152.735" stroke="#947DFF" stroke-width="0.71875"/>
+<path d="M-3.59375 156.328L1.28523e-05 158.125C2.26232 159.256 4.92519 159.256 7.18748 158.125V158.125C9.44979 156.994 12.1127 156.994 14.375 158.125V158.125C16.6373 159.256 19.3002 159.256 21.5625 158.125V158.125C23.8248 156.994 26.4877 156.994 28.75 158.125V158.125C31.0123 159.256 33.6752 159.256 35.9375 158.125V158.125C38.1998 156.994 40.8745 157 43.1368 158.131V158.131C45.3874 159.256 48.0452 159.276 50.3074 158.174L50.5853 158.039C52.7963 156.962 55.3855 156.99 57.5731 158.113V158.113C59.7862 159.25 62.4086 159.265 64.6339 158.152L64.7119 158.113C66.9588 156.989 69.6158 156.996 71.8628 158.119V158.119C74.1251 159.25 76.8028 159.255 79.0651 158.124V158.124C81.3248 156.994 84.0136 157.003 86.276 158.128V158.128C88.5318 159.249 91.2111 159.257 93.4631 158.128V158.128C95.7217 156.996 98.3828 156.994 100.642 158.126V158.126C102.9 159.256 105.559 159.256 107.816 158.126L111.406 156.328" stroke="#947DFF" stroke-width="0.71875"/>
+<path d="M-3.59375 159.922L1.28523e-05 161.719C2.26232 162.85 4.92519 162.85 7.18748 161.719V161.719C9.44979 160.588 12.1127 160.588 14.375 161.719V161.719C16.6373 162.85 19.3002 162.85 21.5625 161.719V161.719C23.8248 160.588 26.4877 160.588 28.75 161.719V161.719C31.0123 162.85 33.6752 162.85 35.9375 161.719V161.719C38.1998 160.588 40.8745 160.594 43.1368 161.725V161.725C45.3874 162.85 48.0452 162.87 50.3074 161.768L50.5853 161.633C52.7963 160.556 55.3855 160.583 57.5731 161.707V161.707C59.7862 162.844 62.4086 162.858 64.6339 161.746L64.7119 161.707C66.9588 160.583 69.6158 160.589 71.8628 161.713V161.713C74.1251 162.844 76.8028 162.849 79.0651 161.718V161.718C81.3248 160.588 84.0136 160.597 86.276 161.721V161.721C88.5318 162.843 91.2111 162.851 93.4631 161.722V161.722C95.7217 160.589 98.3828 160.588 100.642 161.72V161.72C102.9 162.85 105.559 162.85 107.816 161.72L111.406 159.922" stroke="#947DFF" stroke-width="0.71875"/>
+<path d="M-3.59375 163.516L1.28523e-05 165.313C2.26232 166.444 4.92519 166.444 7.18748 165.313V165.313C9.44979 164.181 12.1127 164.181 14.375 165.313V165.313C16.6373 166.444 19.3002 166.444 21.5625 165.313V165.313C23.8248 164.181 26.4877 164.181 28.75 165.313V165.313C31.0123 166.444 33.6752 166.444 35.9375 165.313V165.313C38.1998 164.182 40.8745 164.187 43.1368 165.319V165.319C45.3874 166.444 48.0452 166.464 50.3074 165.362L50.5853 165.226C52.7963 164.15 55.3855 164.177 57.5731 165.301V165.301C59.7862 166.438 62.4086 166.452 64.6339 165.339L64.7119 165.3C66.9588 164.177 69.6158 164.183 71.8628 165.307V165.307C74.1251 166.438 76.8028 166.442 79.0651 165.311V165.311C81.3248 164.181 84.0136 164.19 86.276 165.315V165.315C88.5318 166.436 91.2111 166.445 93.4631 165.316V165.316C95.7217 164.183 98.3828 164.182 100.642 165.313V165.313C102.9 166.444 105.559 166.444 107.816 165.313L111.406 163.516" stroke="#947DFF" stroke-width="0.71875"/>
+<path d="M-3.59375 167.11L1.28523e-05 168.906C2.26232 170.038 4.92519 170.038 7.18748 168.906V168.906C9.44979 167.775 12.1127 167.775 14.375 168.906V168.906C16.6373 170.038 19.3002 170.038 21.5625 168.906V168.906C23.8248 167.775 26.4877 167.775 28.75 168.906V168.906C31.0123 170.038 33.6752 170.038 35.9375 168.906V168.906C38.1998 167.775 40.8745 167.781 43.1368 168.912V168.912C45.3874 170.038 48.0452 170.057 50.3074 168.956L50.5853 168.82C52.7963 167.743 55.3855 167.771 57.5731 168.895V168.895C59.7862 170.032 62.4086 170.046 64.6339 168.933L64.7119 168.894C66.9588 167.771 69.6158 167.777 71.8628 168.9V168.9C74.1251 170.031 76.8028 170.036 79.0651 168.905V168.905C81.3248 167.775 84.0136 167.784 86.276 168.909V168.909C88.5318 170.03 91.2111 170.039 93.4631 168.909V168.909C95.7217 167.777 98.3828 167.776 100.642 168.907V168.907C102.9 170.038 105.559 170.038 107.816 168.907L111.406 167.11" stroke="#947DFF" stroke-width="0.71875"/>
+<path d="M-3.59375 170.703L1.28523e-05 172.5C2.26232 173.631 4.92519 173.631 7.18748 172.5V172.5C9.44979 171.369 12.1127 171.369 14.375 172.5V172.5C16.6373 173.631 19.3002 173.631 21.5625 172.5V172.5C23.8248 171.369 26.4877 171.369 28.75 172.5V172.5C31.0123 173.631 33.6752 173.631 35.9375 172.5V172.5C38.1998 171.369 40.8745 171.375 43.1368 172.506V172.506C45.3874 173.631 48.0452 173.651 50.3074 172.549L50.5853 172.414C52.7963 171.337 55.3855 171.365 57.5731 172.488V172.488C59.7862 173.625 62.4086 173.64 64.6339 172.527L64.7119 172.488C66.9588 171.364 69.6158 171.371 71.8628 172.494V172.494C74.1251 173.625 76.8028 173.63 79.0651 172.499V172.499C81.3248 171.369 84.0136 171.378 86.276 172.503V172.503C88.5318 173.624 91.2111 173.632 93.4631 172.503V172.503C95.7217 171.371 98.3828 171.369 100.642 172.501V172.501C102.9 173.631 105.559 173.631 107.816 172.501L111.406 170.703" stroke="#947DFF" stroke-width="0.71875"/>
+</g>
+<rect x="182.503" y="192.514" width="7.1875" height="7.1875" transform="rotate(-35.523 182.503 192.514)" fill="#C4C4C4"/>
+<g style="mix-blend-mode:multiply">
+<rect x="150.445" y="46.7188" width="21.5625" height="21.5625" transform="rotate(50.249 150.445 46.7188)" fill="#FAABFF"/>
+</g>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M185.001 25.3437C185.001 25.2402 185.085 25.1562 185.188 25.1562H188.562C188.665 25.1562 188.749 25.2402 188.749 25.3437V31.2816L193.892 28.3124C193.982 28.2607 194.096 28.2914 194.148 28.381L195.835 31.3027C195.887 31.3924 195.856 31.507 195.766 31.5588L190.624 34.5277L195.766 37.4963C195.855 37.5481 195.886 37.6627 195.834 37.7524L194.147 40.6741C194.096 40.7637 193.981 40.7944 193.891 40.7427L188.749 37.7739V43.7115C188.749 43.815 188.665 43.8989 188.562 43.8989H185.188C185.085 43.8989 185.001 43.815 185.001 43.7115V37.7742L179.859 40.7427C179.77 40.7944 179.655 40.7637 179.603 40.6741L177.916 37.7524C177.865 37.6627 177.895 37.5481 177.985 37.4963L183.127 34.5277L177.984 31.5588C177.895 31.507 177.864 31.3924 177.916 31.3027L179.603 28.381C179.654 28.2914 179.769 28.2607 179.859 28.3124L185.001 31.2813V25.3437Z" fill="#E0E3E3"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M86.1727 173.586C86.1727 173.482 86.2566 173.398 86.3601 173.398H89.7338C89.8373 173.398 89.9212 173.482 89.9212 173.586V179.524L95.0638 176.555C95.1535 176.503 95.2681 176.534 95.3199 176.623L97.0067 179.545C97.0585 179.635 97.0278 179.749 96.9381 179.801L91.7957 182.77L96.9375 185.739C97.0271 185.79 97.0579 185.905 97.0061 185.995L95.3193 188.916C95.2675 189.006 95.1529 189.037 95.0632 188.985L89.9212 186.016V191.954C89.9212 192.057 89.8373 192.141 89.7338 192.141H86.3601C86.2566 192.141 86.1727 192.057 86.1727 191.954V186.016L81.0311 188.985C80.9415 189.037 80.8268 189.006 80.7751 188.916L79.0882 185.995C79.0365 185.905 79.0672 185.79 79.1569 185.739L84.2986 182.77L79.1562 179.801C79.0666 179.749 79.0359 179.635 79.0876 179.545L80.7745 176.623C80.8262 176.534 80.9409 176.503 81.0305 176.555L86.1727 179.523V173.586Z" fill="#E6DEFF"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M28.75 47.6172C32.7195 47.6172 35.9375 44.3992 35.9375 40.4297C35.9375 36.4601 32.7195 33.2422 28.75 33.2422C24.7805 33.2422 21.5625 36.4601 21.5625 40.4297C21.5625 44.3992 24.7805 47.6172 28.75 47.6172ZM28.75 44.0234C30.7348 44.0234 32.3438 42.4145 32.3438 40.4297C32.3438 38.4449 30.7348 36.8359 28.75 36.8359C26.7652 36.8359 25.1562 38.4449 25.1562 40.4297C25.1562 42.4145 26.7652 44.0234 28.75 44.0234Z" fill="#C4C7C7"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M174.297 170.703C180.251 170.703 185.078 165.876 185.078 159.922C185.078 153.968 180.251 149.141 174.297 149.141C168.343 149.141 163.516 153.968 163.516 159.922C163.516 165.876 168.343 170.703 174.297 170.703ZM174.297 165.312C177.274 165.312 179.688 162.899 179.688 159.922C179.688 156.945 177.274 154.531 174.297 154.531C171.32 154.531 168.906 156.945 168.906 159.922C168.906 162.899 171.32 165.312 174.297 165.312Z" fill="#FFDDB5"/>
+<path d="M66.487 42.552C66.4487 42.4481 66.5371 42.3418 66.6462 42.3605L82.5145 45.0875C82.6235 45.1062 82.6714 45.236 82.6006 45.3211L72.3049 57.6999C72.2342 57.785 72.0978 57.7616 72.0595 57.6577L66.487 42.552Z" fill="#68BE6C"/>
+<path d="M105.853 53.498L107.746 49.9002C108.792 47.9132 108.03 45.4545 106.043 44.4085V44.4085C104.056 43.3625 103.293 40.9038 104.339 38.9167V38.9167C105.385 36.9297 104.622 34.471 102.635 33.425V33.425C100.648 32.379 99.8848 29.9203 100.931 27.9333L102.825 24.3354" stroke="#F7F8F8" stroke-width="2.875" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M105.853 53.498L107.746 49.9002C108.792 47.9132 108.03 45.4545 106.043 44.4085V44.4085C104.056 43.3625 103.293 40.9038 104.339 38.9167V38.9167C105.385 36.9297 104.622 34.471 102.635 33.425V33.425C100.648 32.379 99.8848 29.9203 100.931 27.9333L102.825 24.3354" stroke="#78767F" stroke-opacity="0.02" stroke-width="2.875" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M105.853 53.498L107.746 49.9002C108.792 47.9132 108.03 45.4545 106.043 44.4085V44.4085C104.056 43.3625 103.293 40.9038 104.339 38.9167V38.9167C105.385 36.9297 104.622 34.471 102.635 33.425V33.425C100.648 32.379 99.8848 29.9203 100.931 27.9333L102.825 24.3354" stroke="#5D34F2" stroke-opacity="0.11" stroke-width="2.875" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M39.411 196.482C39.4196 196.435 39.476 196.414 39.5126 196.445L44.8257 200.96C44.8622 200.991 44.8515 201.049 44.8064 201.066L38.2404 203.41C38.1953 203.426 38.1497 203.387 38.1583 203.34L39.411 196.482Z" fill="#68BE6C"/>
+<rect x="67.3828" y="197.656" width="71.875" height="3.59375" rx="1.79688" fill="#747778"/>
+<rect x="150.039" y="197.656" width="17.0703" height="3.59375" rx="1.79688" fill="#747778"/>
+</svg>

packages/console/src/assets/images/one-click-dark.svg

@@ -0,0 +1,15 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 8C0 3.58172 3.58172 0 8 0H40C44.4183 0 48 3.58172 48 8V40C48 44.4183 44.4183 48 40 48H8C3.58172 48 0 44.4183 0 40V8Z" fill="#3A3B59"/>
+<path d="M25.2916 19C26.9525 17.5341 28 15.3894 28 13C28 9.64265 25.9318 6.76832 23 5.58154M14 18.2917C12.7553 16.8814 12 15.0289 12 13C12 9.64265 14.0682 6.76832 17 5.58154" stroke="#696B9E" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M25 13C25 11.9869 24.6987 11.0441 24.1807 10.2564C23.287 8.89728 21.7483 8 20 8C17.2386 8 15 10.2386 15 13C15 13.431 15.0545 13.8492 15.1571 14.2482" stroke="#696B9E" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M10.8093 33.4583C9.06844 32.0982 8.75979 29.5844 10.1199 27.8436C11.48 26.1027 13.9937 25.7941 15.7346 27.1542L25.1907 34.5421C26.9315 35.9022 27.2402 38.416 25.8801 40.1568C24.52 41.8976 22.0062 42.2063 20.2654 40.8462L10.8093 33.4583Z" fill="#7958FF"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M20 12C17.7909 12 16 13.7909 16 16V26V31V33C16 38.5228 20.4772 43 26 43H30C35.5228 43 40 38.5228 40 33V27C40 24.7909 38.2091 23 36 23C36 21.3431 34.6569 20 33 20C31.3431 20 30 21.3431 30 23V22C30 20.3431 28.6569 19 27 19C25.3431 19 24 20.3431 24 22V16C24 13.7909 22.2091 12 20 12Z" fill="url(#paint0_linear_289_11392)"/>
+<circle cx="7" cy="20" r="1.5" stroke="#CF90D3"/>
+<rect x="35.7071" y="8.82861" width="3" height="3" rx="0.5" transform="rotate(-45 35.7071 8.82861)" stroke="#83B983"/>
+<defs>
+<linearGradient id="paint0_linear_289_11392" x1="19.7088" y1="10.6324" x2="22.8478" y2="43.466" gradientUnits="userSpaceOnUse">
+<stop stop-color="#DD7DFF"/>
+<stop offset="0.927083" stop-color="#694BF4"/>
+</linearGradient>
+</defs>
+</svg>

packages/console/src/assets/images/passwordless-dark.svg

@@ -0,0 +1,21 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_289_11393)">
+<path d="M0 8C0 3.58172 3.58172 0 8 0H40C44.4183 0 48 3.58172 48 8V40C48 44.4183 44.4183 48 40 48H8C3.58172 48 0 44.4183 0 40V8Z" fill="#3A3B59"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M21 8C21 6.89543 21.8954 6 23 6H25C26.1046 6 27 6.89543 27 8V12H21V8ZM21 40C21 41.1046 21.8954 42 23 42H25C26.1046 42 27 41.1046 27 40V36H21V40ZM8 27C6.89543 27 6 26.1046 6 25V23C6 21.8954 6.89543 21 8 21H12V27H8ZM40 27C41.1046 27 42 26.1046 42 25V23C42 21.8954 41.1046 21 40 21H36V27H40Z" fill="#AF9EFF"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.5648 14.8076C9.78371 14.0266 9.78371 12.7602 10.5648 11.9792L11.979 10.565C12.76 9.78392 14.0264 9.78392 14.8074 10.565L17.6358 13.3934L13.3932 17.636L10.5648 14.8076ZM33.1922 37.435C33.9732 38.2161 35.2396 38.2161 36.0206 37.435L37.4348 36.0208C38.2159 35.2398 38.2159 33.9734 37.4348 33.1924L34.6064 30.364L30.3637 34.6066L33.1922 37.435ZM14.8074 37.435C14.0264 38.2161 12.76 38.2161 11.979 37.435L10.5648 36.0208C9.78371 35.2398 9.78371 33.9734 10.5648 33.1924L13.3932 30.364L17.6358 34.6066L14.8074 37.435ZM37.4348 14.8076C38.2159 14.0266 38.2159 12.7602 37.4348 11.9792L36.0206 10.565C35.2396 9.78392 33.9732 9.78392 33.1922 10.565L30.3637 13.3934L34.6064 17.636L37.4348 14.8076Z" fill="#AF9EFF"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M24 38C31.732 38 38 31.732 38 24C38 16.268 31.732 10 24 10C16.268 10 10 16.268 10 24C10 31.732 16.268 38 24 38ZM24 29.6C27.0928 29.6 29.6 27.0928 29.6 24C29.6 20.9072 27.0928 18.4 24 18.4C20.9072 18.4 18.4 20.9072 18.4 24C18.4 27.0928 20.9072 29.6 24 29.6Z" fill="url(#paint0_linear_289_11393)"/>
+<path d="M16.5 36C16.5 34.067 18.067 32.5 20 32.5H38C39.933 32.5 41.5 34.067 41.5 36V38C41.5 39.933 39.933 41.5 38 41.5H20C18.067 41.5 16.5 39.933 16.5 38V36Z" fill="#E6DEFF" stroke="#9294D0"/>
+<circle cx="23" cy="37" r="2" fill="#3A3B59"/>
+<circle cx="29" cy="37" r="2" fill="#3A3B59"/>
+<circle cx="35" cy="37" r="2" fill="#3A3B59"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_289_11393" x1="7.7" y1="26.0417" x2="37.6276" y2="14.9915" gradientUnits="userSpaceOnUse">
+<stop stop-color="#492EF3"/>
+<stop offset="1" stop-color="#CF69FF"/>
+</linearGradient>
+<clipPath id="clip0_289_11393">
+<path d="M0 8C0 3.58172 3.58172 0 8 0H40C44.4183 0 48 3.58172 48 8V40C48 44.4183 44.4183 48 40 48H8C3.58172 48 0 44.4183 0 40V8Z" fill="white"/>
+</clipPath>
+</defs>
+</svg>

packages/console/src/assets/images/sign-in-experience-welcome-dark.svg

@@ -0,0 +1,44 @@
+<svg width="256" height="256" viewBox="0 0 256 256" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="24" y="136" width="128" height="96" rx="16" fill="#5B5F81"/>
+<g style="mix-blend-mode:multiply" opacity="0.24">
+<rect x="24" y="136" width="128" height="96" rx="16" fill="white"/>
+</g>
+<path d="M24 152C24 143.163 31.1634 136 40 136H136C144.837 136 152 143.163 152 152V156H24V152Z" fill="#8185AB"/>
+<path d="M40 179C40 177.343 41.3431 176 43 176H85C86.6569 176 88 177.343 88 179C88 180.657 86.6569 182 85 182H43C41.3431 182 40 180.657 40 179Z" fill="#787893"/>
+<path d="M40 193C40 191.343 41.3431 190 43 190H117C118.657 190 120 191.343 120 193C120 194.657 118.657 196 117 196H43C41.3431 196 40 194.657 40 193Z" fill="#787893"/>
+<path d="M40 207C40 205.343 41.3431 204 43 204H53C54.6569 204 56 205.343 56 207C56 208.657 54.6569 210 53 210H43C41.3431 210 40 208.657 40 207Z" fill="#787893"/>
+<circle cx="39" cy="146" r="3" fill="#FA9F94"/>
+<circle cx="49" cy="146" r="3" fill="#FDCF90"/>
+<circle cx="59" cy="146" r="3" fill="#E5E1EC"/>
+<rect x="85" y="54" width="86" height="176" rx="14" fill="#C1B2EA" stroke="#7964C3" stroke-width="4"/>
+<path d="M91 72V207C91 215.284 97.7157 222 106 222H110M165 69V94M165 172V144.5" stroke="#AA9BD9" stroke-linecap="round"/>
+<path d="M110.5 56H146.5V58C146.5 61.3137 143.814 64 140.5 64H116.5C113.186 64 110.5 61.3137 110.5 58V56Z" fill="#775BC1"/>
+<circle cx="128" cy="212" r="8.125" stroke="#F0EBFF" stroke-width="3.75"/>
+<rect x="102.5" y="110.5" width="107" height="25" rx="7.5" fill="#5D34F2" fill-opacity="0.16"/>
+<rect x="118" y="119" width="8" height="8" rx="2" fill="#E6DEFF"/>
+<rect x="132" y="119" width="8" height="8" rx="2" fill="#E6DEFF"/>
+<rect x="146" y="119" width="8" height="8" rx="2" fill="#E6DEFF"/>
+<rect x="160" y="119" width="8" height="8" rx="2" fill="#E6DEFF"/>
+<rect x="174" y="119" width="8" height="8" rx="2" fill="#9882D0"/>
+<rect x="188" y="119" width="8" height="8" rx="2" fill="#9882D0"/>
+<rect x="102.5" y="110.5" width="107" height="25" rx="7.5" stroke="#CBBBF4"/>
+<path d="M192 232C194.213 232 196.385 231.82 198.5 231.475C200.205 231.196 201.874 230.809 203.5 230.322M181 153.532C184.495 152.534 188.185 152 192 152C214.091 152 232 169.909 232 192C232 197.496 230.892 202.733 228.886 207.5C227.768 210.158 226.37 212.671 224.73 215C223.598 216.608 222.351 218.129 221 219.55C220.014 220.588 218.973 221.573 217.881 222.5C216.649 223.546 215.353 224.519 214 225.412M158.923 169.5C157.945 170.936 157.057 172.439 156.269 174C153.538 179.41 152 185.526 152 192C152 201.87 155.575 210.905 161.5 217.881C163.158 219.833 165 221.624 167 223.227" stroke="#AF9EFF" stroke-linecap="round"/>
+<circle opacity="0.2" cx="192" cy="192" r="30" fill="#E5E5E5"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M192 162V192H162C162 175.431 175.431 162 192 162Z" fill="#FA9F94"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M192 222V192H222C222 208.569 208.569 222 192 222Z" fill="#BE9FF3"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M192 162V192H222C222 175.431 208.569 162 192 162Z" fill="#FDCF90"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M192 222V192H162C162 208.569 175.431 222 192 222Z" fill="#FCCCF1"/>
+<rect x="116" y="76" width="24" height="24" rx="8" fill="#F0EBFF"/>
+<circle cx="128" cy="83" r="4" fill="#F2CE41"/>
+<path d="M122 92C122 89.7909 123.791 88 126 88H130C132.209 88 134 89.7909 134 92V94C134 95.1046 133.105 96 132 96H124C122.895 96 122 95.1046 122 94V92Z" fill="#775BC1"/>
+<rect x="32.0156" y="38.7031" width="8" height="8" transform="rotate(24.4506 32.0156 38.7031)" fill="#8185AB"/>
+<rect x="91.3594" y="24.5709" width="8" height="8" transform="rotate(-40.65 91.3594 24.5709)" fill="#736A8D"/>
+<rect x="220.613" y="89.5157" width="8" height="8" transform="rotate(30.813 220.613 89.5157)" fill="#5B5F81"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M212.957 21.1043C212.957 21.0467 213.004 21 213.062 21H214.939C214.997 21 215.043 21.0467 215.043 21.1043V24.4087L217.905 22.7565C217.955 22.7277 218.019 22.7448 218.047 22.7947L218.986 24.4207C219.015 24.4706 218.998 24.5344 218.948 24.5632L216.086 26.2154L218.948 27.8675C218.998 27.8964 219.015 27.9601 218.986 28.01L218.047 29.636C218.018 29.6859 217.955 29.703 217.905 29.6742L215.043 28.0222V31.3264C215.043 31.384 214.997 31.4307 214.939 31.4307H213.062C213.004 31.4307 212.957 31.384 212.957 31.3264V28.022L210.095 29.6742C210.046 29.703 209.982 29.6859 209.953 29.636L209.014 28.01C208.985 27.9601 209.002 27.8964 209.052 27.8675L211.914 26.2154L209.052 24.5632C209.002 24.5344 208.985 24.4706 209.014 24.4207L209.953 22.7947C209.982 22.7448 210.045 22.7277 210.095 22.7565L212.957 24.4089V21.1043Z" fill="#4E5075"/>
+<path d="M198.969 48.912C199.026 48.8892 199.086 48.9369 199.078 48.9979L197.784 57.8646C197.776 57.9255 197.704 57.954 197.656 57.9158L190.623 52.3627C190.575 52.3245 190.586 52.2483 190.643 52.2255L198.969 48.912Z" fill="#71AB74"/>
+<path d="M35.7451 83.0107L36.7284 85.6627C37.2715 87.1273 38.8991 87.8744 40.3638 87.3313V87.3313C41.8284 86.7883 43.456 87.5353 43.9991 89V89C44.5422 90.4647 46.1698 91.2117 47.6344 90.6687V90.6687C49.0991 90.1256 50.7267 90.8727 51.2697 92.3373L52.2531 94.9893" stroke="#655D82" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M205.425 72.4582L208.253 72.4914C209.815 72.5098 211.096 71.2585 211.115 69.6965V69.6965C211.133 68.1345 212.414 66.8832 213.976 66.9015V66.9015C215.538 66.9199 216.819 65.6686 216.838 64.1066L216.871 61.2784" stroke="#6E5AA4" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M71.5964 34.3086L72.1129 31.5277C72.3982 29.9919 71.3844 28.5156 69.8486 28.2303V28.2303C68.3127 27.9451 67.2989 26.4688 67.5842 24.933V24.933C67.8694 23.3971 66.8557 21.9208 65.3198 21.6356L62.539 21.1191" stroke="#80A181" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<rect x="107" y="144" width="42" height="4" rx="2" fill="#AF9FDB"/>
+<rect x="107" y="152" width="24" height="4" rx="2" fill="#AF9FDB"/>
+</svg>

packages/console/src/assets/images/single-page-app-dark.svg

@@ -0,0 +1,26 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="40" height="40" rx="8" fill="#3A3B59"/>
+<path d="M28.5 12C28.5 14.1483 28.0635 16.0686 27.3812 17.4332C26.6839 18.8278 25.8132 19.5 25 19.5C24.1868 19.5 23.3161 18.8278 22.6188 17.4332C21.9365 16.0686 21.5 14.1483 21.5 12C21.5 9.85165 21.9365 7.93141 22.6188 6.56675C23.3161 5.17219 24.1868 4.5 25 4.5C25.8132 4.5 26.6839 5.17219 27.3812 6.56675C28.0635 7.93141 28.5 9.85165 28.5 12Z" stroke="#9D85FD" stroke-miterlimit="16" stroke-linecap="round"/>
+<path d="M26.75 8.96892C28.6105 10.0431 30.0553 11.3812 30.8959 12.6544C31.755 13.9556 31.9017 15.0458 31.4952 15.75C31.0886 16.4542 30.0711 16.8722 28.5147 16.7788C26.9917 16.6874 25.1105 16.1053 23.25 15.0311C21.3895 13.9569 19.9447 12.6188 19.104 11.3456C18.245 10.0444 18.0982 8.95422 18.5048 8.25001C18.9114 7.5458 19.9289 7.12778 21.4853 7.22119C23.0082 7.31261 24.8895 7.89475 26.75 8.96892Z" stroke="#9D85FD" stroke-miterlimit="16" stroke-linecap="round"/>
+<path d="M23.25 8.96892C21.3895 10.0431 19.9447 11.3812 19.1041 12.6544C18.245 13.9556 18.0983 15.0458 18.5048 15.75C18.9114 16.4542 19.9289 16.8722 21.4853 16.7788C23.0083 16.6874 24.8895 16.1053 26.75 15.0311C28.6105 13.9569 30.0553 12.6188 30.896 11.3456C31.755 10.0444 31.9018 8.95422 31.4952 8.25001C31.0886 7.5458 30.0711 7.12778 28.5147 7.22119C26.9918 7.31261 25.1105 7.89475 23.25 8.96892Z" stroke="#9C85FD" stroke-miterlimit="16" stroke-linecap="round"/>
+<circle cx="25" cy="12" r="1" fill="#FAABFF"/>
+<path d="M4.77773 17.7408L9.68377 16.1054C9.88904 16.037 10.111 16.037 10.3162 16.1054L15.2223 17.7408C15.6745 17.8915 15.9574 18.3405 15.8983 18.8135L15.0732 25.4146C15.028 25.7758 14.7902 26.0839 14.4523 26.2191L10.3714 27.8514C10.133 27.9468 9.86702 27.9468 9.62861 27.8514L5.54772 26.2191C5.20978 26.0839 4.97198 25.7758 4.92683 25.4146L4.10168 18.8135C4.04256 18.3405 4.32551 17.8915 4.77773 17.7408Z" fill="url(#paint0_linear_270_11698)"/>
+<path d="M11.5817 25H13L10.782 19H9.21355L7 25H8.36966L8.85567 23.5447H11.0957L11.5817 25ZM9.96024 20.1476H9.99116L10.8085 22.605H9.14286L9.96024 20.1476Z" fill="#F5EEFF"/>
+<path d="M18.4952 22.7704L26.5794 35.3457C26.7762 35.6519 27.2238 35.6519 27.4206 35.3457L35.5048 22.7704C35.7187 22.4376 35.4797 22 35.0842 22H29.2676C29.1004 22 28.9443 22.0836 28.8516 22.2226L27 25L25.1484 22.2226C25.0557 22.0836 24.8996 22 24.7324 22H18.9158C18.5202 22 18.2813 22.4376 18.4952 22.7704Z" fill="url(#paint1_linear_270_11698)"/>
+<mask id="mask0_270_11698" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="18" y="22" width="18" height="14">
+<path opacity="0.7" d="M18.4952 22.7704L26.5794 35.3457C26.7762 35.6519 27.2238 35.6519 27.4206 35.3457L35.5048 22.7704C35.7187 22.4376 35.4797 22 35.0842 22H29.2676C29.1004 22 28.9443 22.0836 28.8516 22.2226L27 25L25.1484 22.2226C25.0557 22.0836 24.8996 22 24.7324 22H18.9158C18.5202 22 18.2813 22.4376 18.4952 22.7704Z" fill="#7958FF"/>
+</mask>
+<g mask="url(#mask0_270_11698)">
+<path d="M22 22L26.576 29.3216C26.7718 29.6349 27.2282 29.6349 27.424 29.3216L32 22H22Z" fill="#4300DA"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_270_11698" x1="1" y1="24" x2="16.9429" y2="21.125" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFF06A"/>
+<stop offset="1" stop-color="#EC78FF"/>
+</linearGradient>
+<linearGradient id="paint1_linear_270_11698" x1="16.5214" y1="30.0208" x2="34.3627" y2="21.5511" gradientUnits="userSpaceOnUse">
+<stop stop-color="#492EF3"/>
+<stop offset="1" stop-color="#CF69FF"/>
+</linearGradient>
+</defs>
+</svg>

packages/console/src/assets/images/social-connector-empty-dark.svg

@@ -0,0 +1,74 @@
+<svg width="256" height="256" viewBox="0 0 256 256" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M103.585 156H69.0479C49.2043 156 32.3606 170.548 29.4735 190.18L24.5 224H234L233.69 222.987C230.606 212.894 221.291 206 210.738 206H181.652C175.715 206 170.267 202.713 167.498 197.463L165.836 194.31C160.709 184.586 150.62 178.5 139.627 178.5H138.207C133.216 178.5 128.694 175.561 126.667 171C122.613 161.878 113.567 156 103.585 156Z" fill="#41425F"/>
+<path d="M61 75H30C27.7909 75 26 76.7909 26 79V79C26 81.2091 27.7909 83 30 83H61" stroke="#6669A8" stroke-width="2"/>
+<path d="M26.5 69.5L63.5 46.5" stroke="#A39BD8" stroke-width="2" stroke-linecap="round"/>
+<path d="M114.5 71.5L74.5 46.5" stroke="#A39BD8" stroke-width="2" stroke-linecap="round"/>
+<path d="M164.5 71.5L74.5 46.5" stroke="#A39BD8" stroke-width="2" stroke-linecap="round"/>
+<path d="M87 72H169.597C170.278 72 170.939 72.2318 171.471 72.6574L181.471 80.6574C183.685 82.4289 182.433 86 179.597 86H87C85.3431 86 84 84.6569 84 83V75C84 73.3431 85.3431 72 87 72Z" stroke="#6669A8" stroke-width="2"/>
+<path d="M45.8184 101.813C45.9196 98.5734 48.5747 96 51.8154 96H88.1846C91.4253 96 94.0804 98.5734 94.1816 101.813L97.8066 217.813C97.9124 221.198 95.1967 224 91.8096 224H48.1904C44.8033 224 42.0876 221.198 42.1934 217.813L45.8184 101.813Z" fill="#7B7EBB"/>
+<mask id="mask0_503_14464" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="42" y="96" width="56" height="128">
+<path d="M45.8184 101.813C45.9196 98.5734 48.5747 96 51.8154 96H88.1846C91.4253 96 94.0804 98.5734 94.1816 101.813L97.8066 217.813C97.9124 221.198 95.1967 224 91.8096 224H48.1904C44.8033 224 42.0876 221.198 42.1934 217.813L45.8184 101.813Z" fill="#3F375A"/>
+</mask>
+<g mask="url(#mask0_503_14464)">
+<rect x="39.8223" y="130.268" width="72" height="2" transform="rotate(-30 39.8223 130.268)" fill="#6669A8"/>
+<rect x="34" y="133" width="72" height="2" fill="#6669A8"/>
+<rect x="34" y="172.732" width="72" height="2" fill="#6669A8"/>
+<rect x="39.8223" y="170.268" width="72" height="2" transform="rotate(-30 39.8223 170.268)" fill="#6669A8"/>
+<rect x="39.8223" y="210.268" width="72" height="2" transform="rotate(-30 39.8223 210.268)" fill="#6669A8"/>
+<rect width="72" height="2" transform="matrix(0.866025 0.5 0.5 -0.866025 39.8223 97.7321)" fill="#6669A8"/>
+<rect width="72" height="2" transform="matrix(0.866025 0.5 0.5 -0.866025 39.8223 137.732)" fill="#6669A8"/>
+<rect width="72" height="2" transform="matrix(0.866025 0.5 0.5 -0.866025 39.8223 177.732)" fill="#6669A8"/>
+<g style="mix-blend-mode:multiply">
+<path d="M47.5 93.5H68.5L67.5 224H-1L47.5 93.5Z" fill="url(#paint0_linear_503_14464)"/>
+</g>
+</g>
+<path d="M62.6943 46.6678C62.8671 44.5946 64.6002 43 66.6805 43H71.3195C73.3998 43 75.1329 44.5946 75.3057 46.6678L78.639 86.6678C78.8333 88.9999 76.993 91 74.6528 91H63.3472C61.007 91 59.1667 88.9999 59.361 86.6678L62.6943 46.6678Z" fill="#7B7EBB"/>
+<rect x="70" y="67" width="24" height="24" rx="6" fill="url(#paint1_linear_503_14464)"/>
+<rect x="18" y="67" width="16" height="24" rx="4" fill="#5F5D67"/>
+<path d="M170 200.667C171.841 200.667 173.333 202.159 173.333 204V204C173.333 205.841 171.841 207.333 170 207.333H126.667V200.667H170Z" fill="#746A9A"/>
+<path d="M184 197.333C187.314 197.333 190 200.02 190 203.333V204.667C190 207.98 187.314 210.667 184 210.667H169.333C166.02 210.667 163.333 207.98 163.333 204.667V203.333C163.333 200.02 166.02 197.333 169.333 197.333H184Z" fill="#B780FE"/>
+<path d="M113.333 184C122.538 184 130 191.462 130 200.667V207.333C130 216.538 122.538 224 113.333 224H66.6667C57.4619 224 50 216.538 50 207.333V200.667C50 191.462 57.4619 184 66.6667 184H113.333Z" fill="url(#paint2_linear_503_14464)"/>
+<rect x="116.666" y="195" width="4" height="53.3333" rx="2" transform="rotate(90 116.666 195)" fill="#DA9FFF"/>
+<rect x="116.666" y="207.333" width="4" height="53.3333" rx="2" transform="rotate(90 116.666 207.333)" fill="#DA9FFF"/>
+<circle cx="214" cy="56" r="20" fill="#696B97"/>
+<path d="M208 46L224 56L208 66" stroke="#40456D" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<circle cx="224" cy="56" r="4" fill="#B19EFF"/>
+<circle cx="208" cy="66" r="4" fill="#B19EFF"/>
+<circle cx="208" cy="46" r="4" fill="#B19EFF"/>
+<circle cx="154" cy="124" r="20" fill="#696B97"/>
+<path d="M154 110.996C150.834 110.996 147.771 112.122 145.36 114.174C142.948 116.226 141.346 119.068 140.839 122.194C140.332 125.319 140.953 128.522 142.592 131.231C144.231 133.94 146.78 135.978 149.783 136.979C150.45 137.096 150.7 136.696 150.7 136.346C150.7 136.029 150.683 134.979 150.683 133.862C147.333 134.479 146.467 133.046 146.2 132.296C145.904 131.566 145.435 130.92 144.833 130.412C144.367 130.162 143.7 129.546 144.817 129.529C145.243 129.575 145.652 129.724 146.009 129.961C146.366 130.199 146.66 130.52 146.867 130.896C147.049 131.223 147.294 131.512 147.588 131.744C147.882 131.977 148.219 132.149 148.58 132.251C148.941 132.354 149.318 132.384 149.69 132.34C150.063 132.296 150.423 132.179 150.75 131.996C150.808 131.318 151.11 130.684 151.6 130.212C148.633 129.879 145.533 128.729 145.533 123.629C145.514 122.304 146.003 121.022 146.9 120.046C146.492 118.894 146.54 117.63 147.033 116.512C147.033 116.512 148.15 116.162 150.7 117.879C152.882 117.279 155.185 117.279 157.367 117.879C159.917 116.146 161.033 116.512 161.033 116.512C161.527 117.63 161.574 118.894 161.167 120.046C162.066 121.02 162.555 122.303 162.533 123.629C162.533 128.746 159.417 129.879 156.45 130.212C156.768 130.535 157.013 130.922 157.168 131.348C157.324 131.773 157.386 132.227 157.35 132.679C157.35 134.462 157.333 135.896 157.333 136.346C157.333 136.696 157.583 137.112 158.25 136.979C161.248 135.969 163.79 133.927 165.422 131.217C167.054 128.507 167.669 125.305 167.158 122.183C166.648 119.06 165.044 116.221 162.634 114.172C160.224 112.123 157.163 110.997 154 110.996V110.996Z" fill="#BFBEF0"/>
+<circle cx="126" cy="24" r="16" fill="#615984"/>
+<path d="M136.666 24C136.666 18.1084 131.891 13.3333 125.999 13.3333C120.108 13.3333 115.333 18.1084 115.333 24C115.333 29.325 119.233 33.7375 124.333 34.5375V27.0833H121.624V24H124.333V21.65C124.333 18.9771 125.924 17.5 128.362 17.5C129.528 17.5 130.749 17.7083 130.749 17.7083V20.3333H129.403C128.078 20.3333 127.666 21.1563 127.666 22V24H130.624L130.151 27.0833H127.666V34.5375C132.766 33.7375 136.666 29.325 136.666 24Z" fill="#947DFF"/>
+<path d="M130.151 27.0833L130.624 24H127.666V22C127.666 21.1563 128.078 20.3333 129.403 20.3333H130.749V17.7083C130.749 17.7083 129.528 17.5 128.362 17.5C125.924 17.5 124.332 18.9771 124.332 21.65V24H121.624V27.0833H124.332V34.5375C124.876 34.6229 125.432 34.6667 125.999 34.6667C126.566 34.6667 127.122 34.6229 127.666 34.5375V27.0833H130.151Z" fill="#F0EDFF"/>
+<path d="M246 172C246 166.928 244.112 162.297 241 158.771C239.08 156.596 236.695 154.842 234 153.664M212.771 157C211.151 158.43 209.764 160.118 208.676 162C207.78 163.548 207.087 165.226 206.63 167C206.219 168.598 206 170.274 206 172C206 174.275 206.38 176.462 207.08 178.5C207.501 179.725 208.037 180.896 208.676 182C210.491 185.139 213.136 187.739 216.31 189.5C219.181 191.093 222.484 192 226 192C229.516 192 232.819 191.093 235.69 189.5C238.343 188.028 240.627 185.969 242.365 183.5M219 153.259C218.137 153.582 217.302 153.962 216.5 154.396" stroke="#AF9EFF" stroke-width="2" stroke-linecap="round"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M237.52 172.273C237.52 171.422 237.444 170.604 237.302 169.818H226V174.46H232.458C232.18 175.96 231.335 177.231 230.064 178.082V181.093H233.942C236.211 179.004 237.52 175.927 237.52 172.273V172.273Z" fill="#AF9EFF"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M226 184C229.24 184 231.956 182.925 233.941 181.093L230.063 178.082C228.989 178.802 227.614 179.227 226 179.227C222.874 179.227 220.229 177.116 219.285 174.28H215.276V177.389C217.25 181.311 221.309 184 226 184V184Z" fill="#AF9EFF"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M219.285 174.28C219.045 173.56 218.909 172.791 218.909 172C218.909 171.209 219.045 170.44 219.285 169.72V166.611H215.276C214.464 168.231 214 170.064 214 172C214 173.936 214.464 175.769 215.276 177.389L219.285 174.28V174.28Z" fill="#AF9EFF"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M226 164.773C227.761 164.773 229.343 165.378 230.587 166.567L234.029 163.125C231.95 161.189 229.234 160 226 160C221.309 160 217.25 162.689 215.276 166.611L219.285 169.72C220.229 166.884 222.874 164.773 226 164.773V164.773Z" fill="#AF9EFF"/>
+<g style="mix-blend-mode:multiply">
+<circle cx="153" cy="180" r="8" fill="#E5E1EC"/>
+</g>
+<g style="mix-blend-mode:multiply">
+<circle cx="34" cy="34" r="7" stroke="#E0E3E3" stroke-width="2"/>
+</g>
+<g style="mix-blend-mode:multiply">
+<circle cx="238" cy="104" r="4" fill="#9FE79F"/>
+</g>
+<rect x="198.311" y="125" width="8" height="8" transform="rotate(24.4506 198.311 125)" fill="#C093C0"/>
+<rect x="168" y="46.2115" width="8" height="8" transform="rotate(-40.65 168 46.2115)" fill="#79709C"/>
+<path d="M15.6289 125L16.6404 127.641C17.199 129.1 18.8345 129.83 20.2933 129.271V129.271C21.7521 128.713 23.3875 129.442 23.9462 130.901V130.901C24.5048 132.36 26.1402 133.09 27.599 132.531V132.531C29.0578 131.972 30.6933 132.702 31.2519 134.161L32.2634 136.802" stroke="#9F96CD" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<defs>
+<linearGradient id="paint0_linear_503_14464" x1="37.5" y1="224" x2="69" y2="91.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#ADAAB4"/>
+<stop offset="1" stop-color="#ADAAB4" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint1_linear_503_14464" x1="67.5" y1="82.5" x2="90.1251" y2="68.1232" gradientUnits="userSpaceOnUse">
+<stop stop-color="#492EF3"/>
+<stop offset="1" stop-color="#DA8CFF"/>
+</linearGradient>
+<linearGradient id="paint2_linear_503_14464" x1="24" y1="214.5" x2="132.815" y2="216.789" gradientUnits="userSpaceOnUse">
+<stop stop-color="#492EF3"/>
+<stop offset="1" stop-color="#D376FF"/>
+</linearGradient>
+</defs>
+</svg>

packages/console/src/assets/images/social-connector-empty.svg

@@ -0,0 +1,74 @@
+<svg width="256" height="256" viewBox="0 0 256 256" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M103.585 156H69.0479C49.2043 156 32.3606 170.548 29.4735 190.18L24.5 224H234L233.69 222.987C230.606 212.894 221.291 206 210.738 206H181.652C175.715 206 170.267 202.713 167.498 197.463L165.836 194.31C160.709 184.586 150.62 178.5 139.627 178.5H138.207C133.216 178.5 128.694 175.561 126.667 171C122.613 161.878 113.567 156 103.585 156Z" fill="#E3E0ED"/>
+<path d="M26.5 69.5L63.5 46.5" stroke="#E5E1EC" stroke-width="2"/>
+<path d="M114.5 71.5L74.5 46.5" stroke="#E5E1EC" stroke-width="2"/>
+<path d="M61 75H30C27.7909 75 26 76.7909 26 79V79C26 81.2091 27.7909 83 30 83H61" stroke="#ADAAB4" stroke-width="2"/>
+<path d="M164.5 71.5L74.5 46.5" stroke="#E5E1EC" stroke-width="2"/>
+<path d="M84 75C84 73.3431 85.3431 72 87 72H169.597C170.278 72 170.939 72.2318 171.471 72.6574L181.471 80.6574C183.685 82.4289 182.433 86 179.597 86H87C85.3431 86 84 84.6569 84 83V75Z" stroke="#ADAAB4" stroke-width="2"/>
+<path d="M45.8184 101.813C45.9196 98.5734 48.5747 96 51.8154 96H88.1846C91.4253 96 94.0804 98.5734 94.1816 101.813L97.8066 217.813C97.9124 221.198 95.1967 224 91.8096 224H48.1904C44.8033 224 42.0876 221.198 42.1934 217.813L45.8184 101.813Z" fill="#ADAAB4"/>
+<mask id="mask0_422_12019" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="42" y="96" width="56" height="128">
+<path d="M45.8184 101.813C45.9196 98.5734 48.5747 96 51.8154 96H88.1846C91.4253 96 94.0804 98.5734 94.1816 101.813L97.8066 217.813C97.9124 221.198 95.1967 224 91.8096 224H48.1904C44.8033 224 42.0876 221.198 42.1934 217.813L45.8184 101.813Z" fill="#3F375A"/>
+</mask>
+<g mask="url(#mask0_422_12019)">
+<rect x="39.8223" y="130.268" width="72" height="2" transform="rotate(-30 39.8223 130.268)" fill="#C9C5D0"/>
+<rect x="34" y="133" width="72" height="2" fill="#C9C5D0"/>
+<rect x="34" y="172.732" width="72" height="2" fill="#C9C5D0"/>
+<rect x="39.8223" y="170.268" width="72" height="2" transform="rotate(-30 39.8223 170.268)" fill="#C9C5D0"/>
+<rect x="39.8223" y="210.268" width="72" height="2" transform="rotate(-30 39.8223 210.268)" fill="#C9C5D0"/>
+<rect width="72" height="2" transform="matrix(0.866025 0.5 0.5 -0.866025 39.8223 97.7321)" fill="#C9C5D0"/>
+<rect width="72" height="2" transform="matrix(0.866025 0.5 0.5 -0.866025 39.8223 137.732)" fill="#C9C5D0"/>
+<rect width="72" height="2" transform="matrix(0.866025 0.5 0.5 -0.866025 39.8223 177.732)" fill="#C9C5D0"/>
+<g style="mix-blend-mode:multiply">
+<path d="M47.5 93.5H68.5L67.5 224H-1L47.5 93.5Z" fill="url(#paint0_linear_422_12019)"/>
+</g>
+</g>
+<path d="M62.6943 46.6678C62.8671 44.5946 64.6002 43 66.6805 43H71.3195C73.3998 43 75.1329 44.5946 75.3057 46.6678L78.639 86.6678C78.8333 88.9999 76.993 91 74.6528 91H63.3472C61.007 91 59.1667 88.9999 59.361 86.6678L62.6943 46.6678Z" fill="#ADAAB4"/>
+<rect x="70" y="67" width="24" height="24" rx="6" fill="url(#paint1_linear_422_12019)"/>
+<rect x="18" y="67" width="16" height="24" rx="4" fill="#928F9A"/>
+<path d="M170 200.667C171.841 200.667 173.333 202.159 173.333 204C173.333 205.841 171.841 207.333 170 207.333H126.667V200.667H170Z" fill="#78767F"/>
+<path d="M184 197.333C187.314 197.333 190 200.02 190 203.333V204.667C190 207.98 187.314 210.667 184 210.667H169.333C166.02 210.667 163.333 207.98 163.333 204.667V203.333C163.333 200.02 166.02 197.333 169.333 197.333H184Z" fill="#8A63F0"/>
+<path d="M113.333 184C122.538 184 130 191.462 130 200.667V207.333C130 216.538 122.538 224 113.333 224H66.6667C57.4619 224 50 216.538 50 207.333V200.667C50 191.462 57.4619 184 66.6667 184H113.333Z" fill="url(#paint2_linear_422_12019)"/>
+<rect x="116.666" y="195" width="4" height="53.3333" rx="2" transform="rotate(90 116.666 195)" fill="#DFAEFF"/>
+<rect x="116.666" y="207.333" width="4" height="53.3333" rx="2" transform="rotate(90 116.666 207.333)" fill="#DFAEFF"/>
+<circle cx="214" cy="56" r="20" fill="#E6DEFF"/>
+<path d="M208 46L224 56L208 66" stroke="#78767F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<circle cx="224" cy="56" r="4" fill="#947DFF"/>
+<circle cx="208" cy="66" r="4" fill="#947DFF"/>
+<circle cx="208" cy="46" r="4" fill="#947DFF"/>
+<circle cx="154" cy="124" r="20" fill="#EFF1F1"/>
+<path d="M154 110.996C150.834 110.996 147.771 112.122 145.36 114.174C142.948 116.226 141.346 119.068 140.839 122.194C140.332 125.319 140.953 128.522 142.592 131.231C144.231 133.94 146.78 135.978 149.783 136.979C150.45 137.096 150.7 136.696 150.7 136.346C150.7 136.029 150.683 134.979 150.683 133.862C147.333 134.479 146.467 133.046 146.2 132.296C145.904 131.566 145.435 130.92 144.833 130.412C144.367 130.162 143.7 129.546 144.817 129.529C145.243 129.575 145.652 129.724 146.009 129.961C146.366 130.199 146.66 130.52 146.867 130.896C147.049 131.223 147.294 131.512 147.588 131.744C147.882 131.977 148.219 132.149 148.58 132.251C148.941 132.354 149.318 132.384 149.69 132.34C150.063 132.296 150.423 132.179 150.75 131.996C150.808 131.318 151.11 130.684 151.6 130.212C148.633 129.879 145.533 128.729 145.533 123.629C145.514 122.304 146.003 121.022 146.9 120.046C146.492 118.894 146.54 117.63 147.033 116.512C147.033 116.512 148.15 116.162 150.7 117.879C152.882 117.279 155.185 117.279 157.367 117.879C159.917 116.146 161.033 116.512 161.033 116.512C161.527 117.63 161.574 118.894 161.167 120.046C162.066 121.02 162.555 122.303 162.533 123.629C162.533 128.746 159.417 129.879 156.45 130.212C156.768 130.535 157.013 130.922 157.168 131.348C157.324 131.773 157.386 132.227 157.35 132.679C157.35 134.462 157.333 135.896 157.333 136.346C157.333 136.696 157.583 137.112 158.25 136.979C161.248 135.969 163.79 133.927 165.422 131.217C167.054 128.507 167.669 125.305 167.158 122.183C166.648 119.06 165.044 116.221 162.634 114.172C160.224 112.123 157.163 110.997 154 110.996Z" fill="#C4C7C7"/>
+<circle cx="126" cy="24" r="16" fill="#E6DEFF"/>
+<path d="M136.666 24C136.666 18.1084 131.891 13.3333 125.999 13.3333C120.108 13.3333 115.333 18.1084 115.333 24C115.333 29.325 119.233 33.7375 124.333 34.5375V27.0833H121.624V24H124.333V21.65C124.333 18.9771 125.924 17.5 128.362 17.5C129.528 17.5 130.749 17.7083 130.749 17.7083V20.3333H129.403C128.078 20.3333 127.666 21.1563 127.666 22V24H130.624L130.151 27.0833H127.666V34.5375C132.766 33.7375 136.666 29.325 136.666 24Z" fill="#AF9EFF"/>
+<path d="M130.151 27.0833L130.624 24H127.666V22C127.666 21.1563 128.078 20.3333 129.403 20.3333H130.749V17.7083C130.749 17.7083 129.528 17.5 128.362 17.5C125.924 17.5 124.332 18.9771 124.332 21.65V24H121.624V27.0833H124.332V34.5375C124.876 34.6229 125.432 34.6667 125.999 34.6667C126.566 34.6667 127.122 34.6229 127.666 34.5375V27.0833H130.151Z" fill="white"/>
+<path d="M246 172C246 166.928 244.112 162.297 241 158.771C239.08 156.596 236.695 154.842 234 153.664M212.771 157C211.151 158.43 209.764 160.118 208.676 162C207.78 163.548 207.087 165.226 206.63 167C206.219 168.598 206 170.274 206 172C206 174.275 206.38 176.462 207.08 178.5C207.501 179.725 208.037 180.896 208.676 182C210.491 185.139 213.136 187.739 216.31 189.5C219.181 191.093 222.484 192 226 192C229.516 192 232.819 191.093 235.69 189.5C238.343 188.028 240.627 185.969 242.365 183.5M219 153.259C218.137 153.582 217.302 153.962 216.5 154.396" stroke="#CABEFF" stroke-width="2" stroke-linecap="round"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M237.52 172.273C237.52 171.422 237.444 170.604 237.302 169.818H226V174.46H232.458C232.18 175.96 231.335 177.231 230.064 178.082V181.093H233.942C236.211 179.004 237.52 175.927 237.52 172.273Z" fill="#947DFF"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M226 184C229.24 184 231.956 182.925 233.942 181.093L230.064 178.082C228.989 178.802 227.615 179.227 226 179.227C222.875 179.227 220.229 177.116 219.285 174.28H215.276V177.389C217.251 181.311 221.309 184 226 184Z" fill="#947DFF"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M219.285 174.28C219.045 173.56 218.909 172.791 218.909 172C218.909 171.209 219.045 170.44 219.285 169.72V166.611H215.276C214.464 168.231 214 170.064 214 172C214 173.936 214.464 175.769 215.276 177.389L219.285 174.28Z" fill="#947DFF"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M226 164.773C227.762 164.773 229.344 165.378 230.587 166.567L234.029 163.125C231.951 161.189 229.235 160 226 160C221.309 160 217.251 162.689 215.276 166.611L219.285 169.72C220.229 166.884 222.875 164.773 226 164.773Z" fill="#947DFF"/>
+<g style="mix-blend-mode:multiply">
+<circle cx="153" cy="180" r="8" fill="#E5E1EC"/>
+</g>
+<g style="mix-blend-mode:multiply">
+<circle cx="34" cy="34" r="7" stroke="#E0E3E3" stroke-width="2"/>
+</g>
+<g style="mix-blend-mode:multiply">
+<circle cx="238" cy="104" r="4" fill="#9FE79F"/>
+</g>
+<rect x="198.311" y="125" width="8" height="8" transform="rotate(24.4506 198.311 125)" fill="#FFD5FF"/>
+<rect x="168" y="46.2115" width="8" height="8" transform="rotate(-40.65 168 46.2115)" fill="#C4C4C4"/>
+<path d="M15.6289 125L16.6404 127.641C17.199 129.1 18.8345 129.83 20.2933 129.271V129.271C21.7521 128.713 23.3875 129.442 23.9462 130.901V130.901C24.5048 132.36 26.1402 133.09 27.599 132.531V132.531C29.0578 131.972 30.6933 132.702 31.2519 134.161L32.2634 136.802" stroke="#AF9EFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<defs>
+<linearGradient id="paint0_linear_422_12019" x1="37.5" y1="224" x2="69" y2="91.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#ADAAB4"/>
+<stop offset="1" stop-color="#ADAAB4" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint1_linear_422_12019" x1="67.5" y1="82.5" x2="90.1251" y2="68.1232" gradientUnits="userSpaceOnUse">
+<stop stop-color="#7563E9"/>
+<stop offset="1" stop-color="#DCA2F8"/>
+</linearGradient>
+<linearGradient id="paint2_linear_422_12019" x1="24" y1="214.5" x2="132.815" y2="216.789" gradientUnits="userSpaceOnUse">
+<stop stop-color="#5C45E8"/>
+<stop offset="1" stop-color="#DE99FF"/>
+</linearGradient>
+</defs>
+</svg>

packages/console/src/assets/images/table-empty-dark.svg

@@ -0,0 +1,55 @@
+<svg width="256" height="256" viewBox="0 0 256 256" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M22.5 198H103.5M116.5 198H111.5H110.5" stroke="#4E5075" stroke-width="4" stroke-linecap="round"/>
+<path d="M40.8151 132.884C40.8151 131.5 41.7724 130.301 43.1214 129.994L105.344 115.853C105.776 115.755 106.225 115.755 106.657 115.853L168.879 129.994C170.228 130.301 171.186 131.5 171.186 132.884V196.302C171.186 197.685 170.228 198.884 168.879 199.191L106.657 213.332C106.225 213.43 105.776 213.43 105.344 213.332L43.1214 199.191C41.7724 198.884 40.8151 197.685 40.8151 196.302V132.884Z" fill="#47464E"/>
+<path d="M40.8151 134.23C40.8151 132.329 42.5806 130.92 44.4347 131.341L105.344 145.184C105.776 145.282 106.225 145.282 106.657 145.184L167.566 131.341C169.42 130.92 171.186 132.329 171.186 134.23V196.302C171.186 197.685 170.228 198.884 168.879 199.191L106.657 213.332C106.225 213.431 105.776 213.431 105.344 213.332L43.1214 199.191C41.7724 198.884 40.8151 197.685 40.8151 196.302V134.23Z" fill="#947DFF"/>
+<path d="M40.8154 134.23V196.302C40.8154 197.685 41.7727 198.884 43.1217 199.191L106.001 213.482V145.333L44.435 131.341C42.5809 130.92 40.8154 132.329 40.8154 134.23Z" fill="url(#paint0_linear_490_14139)"/>
+<path d="M40.327 132.697C40.8281 131.895 41.7818 131.498 42.7039 131.708L104.819 145.825L91.673 166.859C91.1719 167.661 90.2181 168.058 89.2961 167.848L30.2299 154.424C28.7386 154.085 28.0274 152.376 28.8379 151.079L40.327 132.697Z" fill="#CABEFF" fill-opacity="0.16" stroke="url(#paint1_linear_490_14139)" stroke-width="1.48148"/>
+<path d="M39.6988 128.733C40.367 129.802 41.6386 130.331 42.8681 130.052L106 115.704L92.3012 93.7856C91.6329 92.7165 90.3614 92.1873 89.1319 92.4667L30.0657 105.891C28.0773 106.343 27.1291 108.621 28.2098 110.35L39.6988 128.733Z" fill="#625881"/>
+<path d="M171.673 132.697C171.172 131.895 170.218 131.498 169.296 131.708L107.181 145.825L120.327 166.859C120.828 167.661 121.782 168.058 122.704 167.848L181.77 154.424C183.261 154.085 183.973 152.376 183.162 151.079L171.673 132.697Z" fill="#CABEFF" fill-opacity="0.16" stroke="url(#paint2_linear_490_14139)" stroke-width="1.48148"/>
+<path d="M172.301 128.733C171.633 129.802 170.361 130.331 169.132 130.052L106 115.704L119.699 93.7856C120.367 92.7165 121.639 92.1873 122.868 92.4667L181.934 105.891C183.923 106.343 184.871 108.621 183.79 110.35L172.301 128.733Z" fill="#625881"/>
+<path d="M14.4264 132.746L15.5399 134.027C16.155 134.734 17.2269 134.809 17.9341 134.194V134.194C18.6414 133.579 19.7133 133.654 20.3283 134.361V134.361C20.9433 135.068 22.0152 135.143 22.7225 134.528L24.0031 133.414" stroke="#947DFF" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M179.289 103.654C178.03 102.578 177.882 100.684 178.959 99.4247C180.035 98.1654 181.929 98.0175 183.188 99.0942L193.829 108.192C195.088 109.269 195.236 111.163 194.159 112.422C193.083 113.681 191.189 113.829 189.93 112.753L179.289 103.654Z" fill="#C4B4E0"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M182.759 102.674C192.808 90.9208 191.427 73.2461 179.674 63.1965C167.921 53.1468 150.246 54.5278 140.196 66.2811C130.147 78.0344 131.528 95.7091 143.281 105.759C155.034 115.808 172.709 114.427 182.759 102.674ZM178.199 98.7748C186.095 89.5401 185.01 75.6528 175.775 67.7567C166.541 59.8605 152.653 60.9456 144.757 70.1803C136.861 79.415 137.946 93.3023 147.181 101.198C156.416 109.095 170.303 108.01 178.199 98.7748Z" fill="#DDA8E0"/>
+<circle opacity="0.6" cx="161.478" cy="84.4776" r="22" transform="rotate(-49.4678 161.478 84.4776)" fill="#302F38"/>
+<path opacity="0.6" d="M161.458 67.9015C159.727 67.9015 158.061 68.1762 156.5 68.6845C155.448 69.0271 154.444 69.4757 153.5 70.0178M150.436 95.5C149.217 94.341 148.18 92.9919 147.374 91.5C146.152 89.2395 145.458 86.6515 145.458 83.9015C145.458 81.6254 145.933 79.4603 146.79 77.5" stroke="#FEE8FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<rect x="184.94" y="112.433" width="12" height="28" rx="6" transform="rotate(-49.4678 184.94 112.433)" fill="#C584D0"/>
+<rect x="90.9157" y="74.0159" width="2" height="4" rx="1" transform="rotate(-21.6568 90.9157 74.0159)" fill="#D7C947"/>
+<ellipse cx="89.9999" cy="68.9998" rx="4" ry="6" transform="rotate(-21.6568 89.9999 68.9998)" fill="#F4E560"/>
+<circle cx="87.4166" cy="62.4939" r="2" transform="rotate(-21.6568 87.4166 62.4939)" fill="#6D698D"/>
+<ellipse opacity="0.6" cx="82.004" cy="73.2507" rx="6" ry="3" transform="rotate(-37.6568 82.004 73.2507)" fill="#83DA85"/>
+<ellipse opacity="0.6" rx="6" ry="3" transform="matrix(0.99513 -0.0985689 -0.0985689 -0.99513 80.8969 70.4625)" fill="#83DA85"/>
+<ellipse opacity="0.6" rx="6" ry="3" transform="matrix(-0.99513 0.0985689 0.0985689 0.99513 98.733 66.6081)" fill="#83DA85"/>
+<ellipse opacity="0.6" cx="97.6258" cy="63.8199" rx="6" ry="3" transform="rotate(142.343 97.6258 63.8199)" fill="#83DA85"/>
+<path d="M95 82.5C98.8333 84.6667 105 91.5 99 101.5C93 111.5 99.1667 118 103 120" stroke="#CABEFF" stroke-linecap="round" stroke-dasharray="4 4"/>
+<path d="M141.5 209H222.5M235.5 209H230.5H229.5" stroke="#4E5075" stroke-width="4" stroke-linecap="round"/>
+<rect x="219.562" y="155.275" width="8" height="2" rx="1" transform="rotate(-47.5124 219.562 155.275)" fill="#807694"/>
+<rect x="215.622" y="151.748" width="8" height="2" rx="1" transform="rotate(-71.5124 215.622 151.748)" fill="#807694"/>
+<rect width="8" height="2" rx="1" transform="matrix(0.916974 -0.398948 -0.398948 -0.916974 224.894 160.241)" fill="#807694"/>
+<path d="M145 165C145 160.582 148.582 157 153 157H180.823C181.44 157 181.91 157.553 181.81 158.161L180.528 166L185.444 173L181.697 180.196L187.5 189L185.667 181L190.25 175L187 166L192.703 157.445C192.889 157.167 193.201 157 193.535 157H209C213.418 157 217 160.582 217 165V201C217 205.418 213.418 209 209 209H153C148.582 209 145 205.418 145 201V165Z" fill="#C4B4E0"/>
+<g style="mix-blend-mode:multiply">
+<path d="M141 167H210" stroke="#C9C5D0" stroke-linecap="round"/>
+</g>
+<rect x="154" y="171" width="12" height="12" rx="4" fill="#AC95D3"/>
+<rect x="154" y="189" width="24" height="2" rx="1" fill="#AC95D3"/>
+<rect x="154" y="195" width="51" height="2" rx="1" fill="#AC95D3"/>
+<circle cx="151.5" cy="162.5" r="1.5" fill="#FF897A"/>
+<circle cx="156.5" cy="162.5" r="1.5" fill="#FFF06A"/>
+<circle cx="161.5" cy="162.5" r="1.5" fill="#83DA85"/>
+<rect x="194.758" y="19.6211" width="6" height="6" rx="0.12" transform="rotate(-44.6341 194.758 19.6211)" fill="#47464E"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M234.009 76.3301C234.044 76.2704 234.121 76.2503 234.18 76.2851L236.127 77.4204C236.186 77.4552 236.206 77.5319 236.172 77.5916L234.174 81.0165L238.139 81.0344C238.208 81.0347 238.263 81.091 238.263 81.1601L238.253 83.4131C238.253 83.4822 238.196 83.538 238.127 83.5377L234.162 83.5198L236.129 86.9626C236.163 87.0226 236.142 87.099 236.082 87.1333L234.126 88.251C234.066 88.2853 233.99 88.2645 233.955 88.2044L231.989 84.7619L229.991 88.1867C229.956 88.2464 229.879 88.2666 229.819 88.2318L227.873 87.0965C227.814 87.0617 227.793 86.985 227.828 86.9253L229.826 83.5003L225.861 83.4824C225.792 83.4821 225.736 83.4258 225.736 83.3567L225.747 81.1037C225.747 81.0346 225.803 80.9788 225.872 80.9791L229.837 80.997L227.87 77.554C227.836 77.494 227.857 77.4175 227.917 77.3832L229.873 76.2655C229.933 76.2312 230.01 76.2521 230.044 76.3121L232.011 79.7553L234.009 76.3301Z" fill="#5F5D67"/>
+<path d="M45.2588 25.7574L45.2879 28.02C45.3039 29.2696 46.3299 30.2695 47.5795 30.2535V30.2535C48.8291 30.2374 49.8551 31.2374 49.8711 32.487V32.487C49.8872 33.7365 50.9132 34.7365 52.1627 34.7205V34.7205C53.4123 34.7044 54.4383 35.7044 54.4544 36.9539L54.4834 39.2165" stroke="#8983A2" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
+<defs>
+<linearGradient id="paint0_linear_490_14139" x1="73.408" y1="130.519" x2="73.408" y2="213.482" gradientUnits="userSpaceOnUse">
+<stop stop-color="#423379"/>
+<stop offset="1" stop-color="#473296" stop-opacity="0.49"/>
+</linearGradient>
+<linearGradient id="paint1_linear_490_14139" x1="66" y1="130.519" x2="53.4074" y2="165.333" gradientUnits="userSpaceOnUse">
+<stop stop-color="#2E2AF5" stop-opacity="0"/>
+<stop offset="1" stop-color="#CACCFE" stop-opacity="0.32"/>
+</linearGradient>
+<linearGradient id="paint2_linear_490_14139" x1="146" y1="130.519" x2="158.593" y2="165.333" gradientUnits="userSpaceOnUse">
+<stop stop-color="#2E2AF5" stop-opacity="0"/>
+<stop offset="1" stop-color="#CBCDFF" stop-opacity="0.32"/>
+</linearGradient>
+</defs>
+</svg>

packages/console/src/assets/images/table-empty.svg

@@ -1,75 +1,65 @@
-<svg width="245" height="110" viewBox="0 0 245 110" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_307_1571)">
-<path d="M220.888 44.3013H213.529V69.7751H220.888V44.3013Z" fill="#F2F2F2"/>
-<path d="M225.748 64.983L207.85 43.6898L171.922 44.0182L150.128 65.2463L150.568 65.5293H150.411V109.684H225.7V65.5293L225.748 64.983Z" fill="#F2F2F2"/>
-<path d="M207.868 43.7352L185.508 69.9503V109.684H225.7V64.9633L207.868 43.7352Z" fill="#E6E6E6"/>
-<path d="M209.85 87.7107H201.642V94.9658H209.85V87.7107Z" fill="#3F3D56"/>
-<path d="M209.85 75.1529H201.642V82.2929H209.85V75.1529Z" fill="#3F3D56"/>
-<path d="M209.85 87.7107H201.642V94.9658H209.85V87.7107Z" fill="white"/>
-<path d="M209.85 75.1529H201.642V82.2929H209.85V75.1529Z" fill="white"/>
-<path d="M173.371 85.7856H165.163V93.0407H173.371V85.7856Z" fill="white"/>
-<path d="M173.371 73.2278H165.163V80.3678H173.371V73.2278Z" fill="white"/>
-<path d="M162.815 44.3013H155.456V69.7751H162.815V44.3013Z" fill="#F2F2F2"/>
-<path d="M167.675 64.983L149.777 43.6898L113.849 44.0182L92.0547 65.2463L92.4951 65.5293H92.3377V109.684H167.627V65.5293L167.675 64.983Z" fill="#F2F2F2"/>
-<path d="M149.795 43.7352L127.435 69.9503V109.684H167.627V64.9633L149.795 43.7352Z" fill="#E6E6E6"/>
-<path d="M151.777 87.7107H143.568V94.9658H151.777V87.7107Z" fill="#3F3D56"/>
-<path d="M151.777 75.1529H143.568V82.2929H151.777V75.1529Z" fill="#3F3D56"/>
-<path d="M151.777 87.7107H143.568V94.9658H151.777V87.7107Z" fill="white"/>
-<path d="M151.777 75.1529H143.568V82.2929H151.777V75.1529Z" fill="white"/>
-<path d="M115.298 85.7856H107.09V93.0407H115.298V85.7856Z" fill="white"/>
-<path d="M115.298 73.2278H107.09V80.3678H115.298V73.2278Z" fill="white"/>
-<path d="M103.351 22.3169H93.5176V56.356H103.351V22.3169Z" fill="#F2F2F2"/>
-<path d="M109.845 49.9525L85.9283 21.4999L37.9202 21.9386L8.79785 50.3046L9.38615 50.6828H9.17606V109.684H109.781V50.6828L109.845 49.9525Z" fill="#F2F2F2"/>
-<path d="M85.953 21.5604L56.0742 56.5902V109.684H109.78V49.9264L85.953 21.5604Z" fill="#E6E6E6"/>
-<path d="M88.601 80.3223H77.6328V90.0169H88.601V80.3223Z" fill="#3F3D56"/>
-<path d="M88.601 63.5421H77.6328V73.0829H88.601V63.5421Z" fill="#3F3D56"/>
-<path d="M88.601 80.3223H77.6328V90.0169H88.601V80.3223Z" fill="white"/>
-<path d="M88.601 63.5421H77.6328V73.0829H88.601V63.5421Z" fill="white"/>
-<path d="M39.8578 77.7499H28.8896V87.4445H39.8578V77.7499Z" fill="white"/>
-<path d="M39.8578 60.9697H28.8896V70.5105H39.8578V60.9697Z" fill="white"/>
-<path d="M235.968 109.466H0.757812V109.954H235.968V109.466Z" fill="#3F3D56"/>
-<path d="M37.8153 100.493C41.7367 100.493 44.9157 94.0067 44.9157 86.0054C44.9157 78.004 41.7367 71.5177 37.8153 71.5177C33.8938 71.5177 30.7148 78.004 30.7148 86.0054C30.7148 94.0067 33.8938 100.493 37.8153 100.493Z" fill="#3F3D56"/>
-<path d="M38.4714 109.719C35.6277 92.6572 38.4428 75.6567 38.4716 75.4871L39.0247 75.5808C38.9961 75.7496 36.1971 92.6608 39.0249 109.627L38.4714 109.719Z" fill="#5D34F2"/>
-<path d="M44.0672 82.8901L37.6465 86.3244L37.9111 86.8192L44.3318 83.3849L44.0672 82.8901Z" fill="#5D34F2"/>
-<path d="M31.1339 84.6104L30.8691 85.1052L37.2891 88.5415L37.5539 88.0467L31.1339 84.6104Z" fill="#5D34F2"/>
-<path d="M20.7557 91.9983C28.4256 91.9983 34.6433 79.3118 34.6433 63.6621C34.6433 48.0124 28.4256 35.3258 20.7557 35.3258C13.0858 35.3258 6.86816 48.0124 6.86816 63.6621C6.86816 79.3118 13.0858 91.9983 20.7557 91.9983Z" fill="#5D34F2"/>
-<path d="M22.3025 110C16.7478 76.6723 22.2465 43.466 22.3027 43.1345L22.8558 43.2282C22.7998 43.5589 17.3173 76.6759 22.856 109.908L22.3025 110Z" fill="#3F3D56"/>
-<path d="M33.1092 57.8052L20.5508 64.5225L20.8154 65.0173L33.3739 58.3L33.1092 57.8052Z" fill="#3F3D56"/>
-<path d="M7.56168 61.1702L7.29688 61.6649L19.8535 68.3857L20.1183 67.891L7.56168 61.1702Z" fill="#3F3D56"/>
-<path d="M53.6466 85.3831C64.1423 85.3831 72.6507 68.0225 72.6507 46.6072C72.6507 25.1918 64.1423 7.83121 53.6466 7.83121C43.151 7.83121 34.6426 25.1918 34.6426 46.6072C34.6426 68.0225 43.151 85.3831 53.6466 85.3831Z" fill="#5D34F2"/>
-<path d="M55.8658 110C48.2675 64.4106 55.7891 18.9876 55.866 18.5341L56.4191 18.6278C56.3424 19.0804 48.8369 64.4141 56.4193 109.908L55.8658 110Z" fill="#3F3D56"/>
-<path d="M70.6002 38.6836L53.415 47.8757L53.6797 48.3705L70.8649 39.1784L70.6002 38.6836Z" fill="#3F3D56"/>
-<path d="M35.5431 43.2884L35.2783 43.7831L52.4611 52.9798L52.7259 52.485L35.5431 43.2884Z" fill="#3F3D56"/>
-<path d="M213.295 100.493C217.216 100.493 220.395 94.0067 220.395 86.0054C220.395 78.004 217.216 71.5177 213.295 71.5177C209.373 71.5177 206.194 78.004 206.194 86.0054C206.194 94.0067 209.373 100.493 213.295 100.493Z" fill="#3F3D56"/>
-<path d="M212.638 109.719C215.482 92.6572 212.667 75.6567 212.638 75.4871L212.085 75.5808C212.114 75.7496 214.913 92.6608 212.085 109.627L212.638 109.719Z" fill="#5D34F2"/>
-<path d="M207.043 82.8901L206.778 83.3849L213.199 86.8192L213.464 86.3244L207.043 82.8901Z" fill="#5D34F2"/>
-<path d="M219.976 84.6104L213.556 88.0467L213.82 88.5415L220.24 85.1052L219.976 84.6104Z" fill="#5D34F2"/>
-<path d="M230.354 91.9983C238.024 91.9983 244.242 79.3118 244.242 63.6621C244.242 48.0124 238.024 35.3258 230.354 35.3258C222.684 35.3258 216.467 48.0124 216.467 63.6621C216.467 79.3118 222.684 91.9983 230.354 91.9983Z" fill="#5D34F2"/>
-<path d="M228.807 110C234.362 76.6723 228.863 43.466 228.807 43.1345L228.254 43.2282C228.31 43.5589 233.793 76.6759 228.254 109.908L228.807 110Z" fill="#3F3D56"/>
-<path d="M218.001 57.8052L217.736 58.3L230.295 65.0174L230.559 64.5225L218.001 57.8052Z" fill="#3F3D56"/>
-<path d="M243.549 61.1702L230.992 67.891L231.257 68.3857L243.814 61.665L243.549 61.1702Z" fill="#3F3D56"/>
-<path d="M197.463 85.3831C207.959 85.3831 216.467 68.0225 216.467 46.6072C216.467 25.1918 207.959 7.83121 197.463 7.83121C186.967 7.83121 178.459 25.1918 178.459 46.6072C178.459 68.0225 186.967 85.3831 197.463 85.3831Z" fill="#5D34F2"/>
-<path d="M195.244 110C202.842 64.4106 195.321 18.9876 195.244 18.5341L194.691 18.6278C194.767 19.0804 202.273 64.4141 194.69 109.908L195.244 110Z" fill="#3F3D56"/>
-<path d="M180.51 38.6836L180.245 39.1784L197.43 48.3705L197.695 47.8757L180.51 38.6836Z" fill="#3F3D56"/>
-<path d="M215.566 43.2884L198.384 52.485L198.649 52.9797L215.831 43.7831L215.566 43.2884Z" fill="#3F3D56"/>
-<path d="M144.625 24.7583L146.871 22.9617C145.126 22.7692 144.409 23.7209 144.116 24.4742C142.753 23.9081 141.269 24.65 141.269 24.65L145.763 26.2816C145.536 25.676 145.141 25.1476 144.625 24.7583Z" fill="#3F3D56"/>
-<path d="M89.7237 8.89791L91.97 7.10135C90.225 6.90883 89.508 7.86051 89.2145 8.61379C87.8513 8.04769 86.3672 8.78958 86.3672 8.78958L90.8615 10.4212C90.6348 9.81558 90.2401 9.28717 89.7237 8.89791Z" fill="#3F3D56"/>
-<path d="M179.274 1.82173L181.52 0.0251599C179.775 -0.167361 179.058 0.784328 178.764 1.5376C177.401 0.971505 175.917 1.7134 175.917 1.7134L180.411 3.345C180.185 2.7394 179.79 2.21099 179.274 1.82173Z" fill="#3F3D56"/>
-<path d="M183.809 106.643C183.212 106.643 182.625 106.801 182.109 107.1C181.584 106.625 180.932 106.313 180.233 106.201C179.534 106.09 178.818 106.183 178.171 106.471C177.525 106.758 176.975 107.227 176.59 107.821C176.205 108.415 176 109.108 176.001 109.815H187.213C187.152 108.954 186.767 108.148 186.135 107.56C185.504 106.971 184.673 106.644 183.809 106.643Z" fill="#3F3D56"/>
-<path d="M69.858 106.643C69.2609 106.643 68.6743 106.801 68.1574 107.1C67.6324 106.625 66.981 106.313 66.282 106.201C65.5831 106.09 64.8668 106.183 64.2201 106.471C63.5734 106.758 63.0241 107.227 62.6388 107.821C62.2536 108.415 62.0489 109.108 62.0498 109.815H73.2618C73.2007 108.954 72.8156 108.148 72.184 107.56C71.5524 106.971 70.7213 106.644 69.858 106.643Z" fill="#3F3D56"/>
-<path d="M128.175 106.643C127.578 106.643 126.992 106.801 126.475 107.1C125.95 106.625 125.298 106.313 124.599 106.201C123.901 106.09 123.184 106.183 122.538 106.471C121.891 106.758 121.341 107.227 120.956 107.821C120.571 108.415 120.366 109.108 120.367 109.815H131.579C131.518 108.954 131.133 108.148 130.501 107.56C129.87 106.971 129.039 106.644 128.175 106.643Z" fill="#3F3D56"/>
-<path d="M115.87 98.6342H83.5225V99.6775H88.5673V109.591H89.6107V99.6775H109.26V109.591H110.303V99.6775H115.87V98.6342Z" fill="#3F3D56"/>
-<path d="M115.933 95.5124H83.5859V96.5558H115.933V95.5124Z" fill="#3F3D56"/>
-<path d="M115.933 92.9037H83.5859V93.9472H115.933V92.9037Z" fill="#3F3D56"/>
-<path d="M115.933 90.295H83.5859V91.3385H115.933V90.295Z" fill="#3F3D56"/>
-<path d="M166.38 98.6342H134.032V99.6775H139.077V109.591H140.12V99.6775H159.77V109.591H160.813V99.6775H166.38V98.6342Z" fill="#3F3D56"/>
-<path d="M166.443 95.5124H134.096V96.5558H166.443V95.5124Z" fill="#3F3D56"/>
-<path d="M166.443 92.9037H134.096V93.9472H166.443V92.9037Z" fill="#3F3D56"/>
-<path d="M166.443 90.295H134.096V91.3385H166.443V90.295Z" fill="#3F3D56"/>
+<svg width="257" height="256" viewBox="0 0 257 256" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M23 198H104M117 198H112H111" stroke="#ADAAB4" stroke-width="4" stroke-linecap="round"/>
+<path d="M41.3154 132.884C41.3154 131.5 42.2727 130.301 43.6217 129.994L105.844 115.853C106.276 115.755 106.725 115.755 107.157 115.853L169.38 129.994C170.729 130.301 171.686 131.5 171.686 132.884V196.301C171.686 197.685 170.729 198.884 169.38 199.191L107.157 213.332C106.725 213.43 106.276 213.43 105.844 213.332L43.6217 199.191C42.2727 198.884 41.3154 197.685 41.3154 196.301V132.884Z" fill="#47464E"/>
+<path d="M41.3154 134.23C41.3154 132.329 43.0809 130.92 44.935 131.341L105.844 145.184C106.276 145.282 106.725 145.282 107.157 145.184L168.066 131.341C169.92 130.92 171.686 132.329 171.686 134.23V196.302C171.686 197.685 170.729 198.884 169.38 199.191L107.157 213.332C106.725 213.431 106.276 213.431 105.844 213.332L43.6217 199.191C42.2727 198.884 41.3154 197.685 41.3154 196.302V134.23Z" fill="#947DFF"/>
+<path d="M41.3154 134.23V196.302C41.3154 197.685 42.2727 198.884 43.6217 199.191L102.881 212.659C104.735 213.08 106.501 211.671 106.501 209.77V146.132C106.501 145.665 106.178 145.26 105.722 145.156L44.935 131.341C43.0809 130.92 41.3154 132.329 41.3154 134.23Z" fill="url(#paint0_linear_5794_197247)"/>
+<path d="M40.827 132.697C41.3281 131.895 42.2818 131.498 43.2039 131.708L105.319 145.825L92.173 166.859C91.6719 167.661 90.7181 168.058 89.7961 167.848L30.7299 154.424C29.2386 154.085 28.5274 152.376 29.3379 151.079L40.827 132.697Z" fill="#CABEFF" fill-opacity="0.16" stroke="url(#paint1_linear_5794_197247)" stroke-width="1.48148"/>
+<path d="M40.1988 128.733C40.867 129.802 42.1386 130.331 43.3681 130.052L106.5 115.704L92.8012 93.7856C92.1329 92.7165 90.8614 92.1873 89.6319 92.4667L30.5657 105.891C28.5773 106.343 27.6291 108.621 28.7098 110.35L40.1988 128.733Z" fill="#E6DEFF"/>
+<path d="M172.173 132.697C171.672 131.895 170.718 131.498 169.796 131.708L107.681 145.825L120.827 166.859C121.328 167.661 122.282 168.058 123.204 167.848L182.27 154.424C183.761 154.085 184.473 152.376 183.662 151.079L172.173 132.697Z" fill="#CABEFF" fill-opacity="0.16" stroke="url(#paint2_linear_5794_197247)" stroke-width="1.48148"/>
+<path d="M172.801 128.733C172.133 129.802 170.861 130.331 169.632 130.052L106.5 115.704L120.199 93.7856C120.867 92.7165 122.139 92.1873 123.368 92.4667L182.434 105.891C184.423 106.343 185.371 108.621 184.29 110.35L172.801 128.733Z" fill="#E6DEFF"/>
+<path d="M14.9268 132.746L16.0404 134.027C16.6554 134.734 17.7273 134.809 18.4345 134.194V134.194C19.1418 133.579 20.2137 133.654 20.8287 134.361V134.361C21.4437 135.068 22.5157 135.143 23.2229 134.528L24.5035 133.414" stroke="#947DFF" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M179.789 103.655C178.53 102.578 178.382 100.684 179.458 99.425C180.535 98.1657 182.429 98.0177 183.688 99.0945L194.329 108.193C195.588 109.269 195.736 111.163 194.659 112.422C193.582 113.682 191.689 113.83 190.429 112.753L179.789 103.655Z" fill="#47464E"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M183.259 102.674C193.308 90.9211 191.927 73.2463 180.174 63.1967C168.421 53.147 150.746 54.5281 140.696 66.2813C130.647 78.0346 132.028 95.7094 143.781 105.759C155.534 115.809 173.209 114.428 183.259 102.674ZM178.699 98.7751C186.595 89.5404 185.51 75.6531 176.275 67.7569C167.041 59.8608 153.153 60.9459 145.257 70.1806C137.361 79.4153 138.446 93.3026 147.681 101.199C156.916 109.095 170.803 108.01 178.699 98.7751Z" fill="#FAABFF"/>
+<circle opacity="0.6" cx="161.978" cy="84.4777" r="22" transform="rotate(-49.4678 161.978 84.4777)" fill="#302F38"/>
+<path opacity="0.6" d="M161.958 67.9019C160.227 67.9019 158.561 68.1766 157 68.6849C155.948 69.0274 154.944 69.4761 154 70.0182M150.936 95.5004C149.717 94.3414 148.68 92.9922 147.874 91.5004C146.652 89.2399 145.958 86.6519 145.958 83.9019C145.958 81.6257 146.433 79.4606 147.29 77.5004" stroke="#FEE8FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<rect x="185.439" y="112.434" width="12" height="28" rx="6" transform="rotate(-49.4678 185.439 112.434)" fill="#D361E7"/>
+<rect x="91.416" y="74.0156" width="2" height="4" rx="1" transform="rotate(-21.6568 91.416 74.0156)" fill="#D7C947"/>
+<ellipse cx="90.5003" cy="68.9997" rx="4" ry="6" transform="rotate(-21.6568 90.5003 68.9997)" fill="#F4E560"/>
+<circle cx="87.9163" cy="62.4938" r="2" transform="rotate(-21.6568 87.9163 62.4938)" fill="#47464E"/>
+<g style="mix-blend-mode:multiply" opacity="0.6">
+<ellipse cx="82.5048" cy="73.2505" rx="6" ry="3" transform="rotate(-37.6568 82.5048 73.2505)" fill="#83DA85"/>
 </g>
+<g style="mix-blend-mode:multiply" opacity="0.6">
+<ellipse rx="6" ry="3" transform="matrix(0.99513 -0.0985689 -0.0985689 -0.99513 81.3977 70.4623)" fill="#83DA85"/>
+</g>
+<g style="mix-blend-mode:multiply" opacity="0.6">
+<ellipse rx="6" ry="3" transform="matrix(-0.99513 0.0985689 0.0985689 0.99513 99.2331 66.6081)" fill="#83DA85"/>
+</g>
+<g style="mix-blend-mode:multiply" opacity="0.6">
+<ellipse cx="98.1261" cy="63.8198" rx="6" ry="3" transform="rotate(142.343 98.1261 63.8198)" fill="#83DA85"/>
+</g>
+<path d="M95.5 82.5C99.3333 84.6667 105.5 91.5 99.5 101.5C93.5 111.5 99.6667 118 103.5 120" stroke="#947DFF" stroke-linecap="round" stroke-dasharray="4 4"/>
+<path d="M142 209H223M236 209H231H230" stroke="#ADAAB4" stroke-width="4" stroke-linecap="round"/>
+<rect x="220.062" y="155.274" width="8" height="2" rx="1" transform="rotate(-47.5124 220.062 155.274)" fill="#C4C7C7"/>
+<rect x="216.122" y="151.749" width="8" height="2" rx="1" transform="rotate(-71.5124 216.122 151.749)" fill="#C4C7C7"/>
+<rect width="8" height="2" rx="1" transform="matrix(0.916974 -0.398948 -0.398948 -0.916974 225.394 160.241)" fill="#C4C7C7"/>
+<path d="M145.5 165C145.5 160.582 149.082 157 153.5 157H181.323C181.94 157 182.41 157.553 182.31 158.161L181.028 166L185.944 173L182.197 180.196L188 189L186.167 181L190.75 175L187.5 166L193.203 157.445C193.389 157.167 193.701 157 194.035 157H209.5C213.918 157 217.5 160.582 217.5 165V201C217.5 205.418 213.918 209 209.5 209H153.5C149.082 209 145.5 205.418 145.5 201V165Z" fill="#E5E1EC"/>
+<g style="mix-blend-mode:multiply">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M141 167C141 166.724 141.224 166.5 141.5 166.5H210.5C210.776 166.5 211 166.724 211 167C211 167.276 210.776 167.5 210.5 167.5H141.5C141.224 167.5 141 167.276 141 167Z" fill="#C9C5D0"/>
+</g>
+<path d="M154.5 175C154.5 172.791 156.291 171 158.5 171H162.5C164.709 171 166.5 172.791 166.5 175V179C166.5 181.209 164.709 183 162.5 183H158.5C156.291 183 154.5 181.209 154.5 179V175Z" fill="#ADAAB4"/>
+<path d="M154.5 190C154.5 189.448 154.948 189 155.5 189H177.5C178.052 189 178.5 189.448 178.5 190C178.5 190.552 178.052 191 177.5 191H155.5C154.948 191 154.5 190.552 154.5 190Z" fill="#C9C5D0"/>
+<path d="M154.5 196C154.5 195.448 154.948 195 155.5 195H204.5C205.052 195 205.5 195.448 205.5 196C205.5 196.552 205.052 197 204.5 197H155.5C154.948 197 154.5 196.552 154.5 196Z" fill="#C9C5D0"/>
+<circle cx="152" cy="162.5" r="1.5" fill="#FF897A"/>
+<circle cx="157" cy="162.5" r="1.5" fill="#FFF06A"/>
+<circle cx="162" cy="162.5" r="1.5" fill="#83DA85"/>
+<rect x="215.258" y="22.6211" width="6" height="6" rx="0.12" transform="rotate(-44.6341 215.258 22.6211)" fill="#E5E1EC"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M234.509 76.33C234.544 76.2703 234.621 76.2501 234.68 76.285L236.627 77.4203C236.686 77.4551 236.706 77.5317 236.672 77.5914L234.674 81.0163L238.639 81.0342C238.708 81.0345 238.763 81.0908 238.763 81.1599L238.753 83.4129C238.753 83.482 238.696 83.5378 238.627 83.5375L234.662 83.5196L236.629 86.9624C236.663 87.0225 236.642 87.0989 236.582 87.1332L234.626 88.2509C234.566 88.2852 234.49 88.2643 234.455 88.2043L232.489 84.7618L230.491 88.1866C230.456 88.2463 230.379 88.2665 230.319 88.2316L228.373 87.0964C228.314 87.0615 228.293 86.9849 228.328 86.9252L230.326 83.5001L226.361 83.4822C226.292 83.4819 226.236 83.4256 226.236 83.3565L226.247 81.1035C226.247 81.0344 226.303 80.9786 226.372 80.9789L230.337 80.9968L228.37 77.5539C228.336 77.4938 228.357 77.4174 228.417 77.3831L230.373 76.2654C230.433 76.2311 230.51 76.252 230.544 76.312L232.511 79.7552L234.509 76.33Z" fill="#E5E1EC"/>
+<path d="M45.7578 25.7573L45.7869 28.0199C45.8029 29.2695 46.8289 30.2694 48.0785 30.2534V30.2534C49.3281 30.2373 50.3541 31.2373 50.3701 32.4868V32.4868C50.3862 33.7364 51.4122 34.7364 52.6618 34.7203V34.7203C53.9113 34.7043 54.9373 35.7042 54.9534 36.9538L54.9825 39.2164" stroke="#F7F8F8" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M45.7578 25.7573L45.7869 28.0199C45.8029 29.2695 46.8289 30.2694 48.0785 30.2534V30.2534C49.3281 30.2373 50.3541 31.2373 50.3701 32.4868V32.4868C50.3862 33.7364 51.4122 34.7364 52.6618 34.7203V34.7203C53.9113 34.7043 54.9373 35.7042 54.9534 36.9538L54.9825 39.2164" stroke="#78767F" stroke-opacity="0.02" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M45.7578 25.7573L45.7869 28.0199C45.8029 29.2695 46.8289 30.2694 48.0785 30.2534V30.2534C49.3281 30.2373 50.3541 31.2373 50.3701 32.4868V32.4868C50.3862 33.7364 51.4122 34.7364 52.6618 34.7203V34.7203C53.9113 34.7043 54.9373 35.7042 54.9534 36.9538L54.9825 39.2164" stroke="#5D34F2" stroke-opacity="0.11" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
 <defs>
-<clipPath id="clip0_307_1571">
-<rect width="243.484" height="110" fill="white" transform="translate(0.757812)"/>
-</clipPath>
+<linearGradient id="paint0_linear_5794_197247" x1="73.908" y1="130.519" x2="73.908" y2="213.482" gradientUnits="userSpaceOnUse">
+<stop stop-color="#4F33B7"/>
+<stop offset="1" stop-color="#5337B8" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint1_linear_5794_197247" x1="66.5" y1="130.519" x2="53.9074" y2="165.333" gradientUnits="userSpaceOnUse">
+<stop stop-color="#2E2AF5" stop-opacity="0"/>
+<stop offset="1" stop-color="#A1A5FF" stop-opacity="0.32"/>
+</linearGradient>
+<linearGradient id="paint2_linear_5794_197247" x1="146.5" y1="130.519" x2="159.093" y2="165.333" gradientUnits="userSpaceOnUse">
+<stop stop-color="#2E2AF5" stop-opacity="0"/>
+<stop offset="1" stop-color="#A1A5FF" stop-opacity="0.32"/>
+</linearGradient>
 </defs>
 </svg>

packages/console/src/assets/images/table-error.svg

@@ -1,37 +0,0 @@
-<svg width="151" height="110" viewBox="0 0 151 110" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_307_1353)">
-<path d="M50.4734 106.868C45.8945 106.868 41.3225 106.797 36.7574 106.656C30.2344 106.454 23.4892 106.246 17.2198 103.249C12.8341 101.153 8.94993 97.7908 5.98723 93.5247C4.03267 90.6883 2.57705 87.5436 1.68228 84.2242C1.24457 82.6274 0.926928 81.0005 0.731988 79.357C0.198135 74.917 0.576405 70.4157 1.84397 66.1247C2.45954 64.0714 3.29828 62.0906 4.34541 60.2172C8.91741 52.0588 17.2564 46.5823 27.2242 45.192C27.3067 45.1828 27.3898 45.1813 27.4725 45.1875C27.5173 45.1895 27.562 45.1917 27.6076 45.1901L27.6662 45.174C27.8174 45.1288 27.9717 45.0947 28.1279 45.0719C43.501 43.0998 59.7525 47.0901 75.1244 56.611C87.01 63.9736 102.762 67.9382 123.28 68.7314L123.571 68.7446C129.283 69.0273 134.808 71.0565 139.549 74.613C144.182 78.0605 147.711 82.7642 149.711 88.1568C149.953 88.8091 150.175 89.4881 150.37 90.1749C150.74 91.4737 150.311 92.7862 149.192 93.7852V93.7865L149.141 93.8318C149.018 93.9371 148.889 94.0382 148.756 94.1323L148.601 94.2429C147.29 95.1736 146.254 95.9089 145.015 96.4799C144.178 96.8615 143.3 97.1471 142.398 97.3311C137.398 98.3816 132.321 99.3554 127.306 100.226C117.569 101.918 107.574 103.313 97.6012 104.374C81.9478 106.036 66.2161 106.869 50.4734 106.868ZM27.3559 45.4764C27.3253 45.4762 27.2947 45.478 27.2644 45.4818C17.3897 46.859 9.12969 52.2818 4.60303 60.3594C3.56623 62.2142 2.73579 64.1754 2.12634 66.2083C0.870261 70.4611 0.495517 74.9223 1.02472 79.3227C1.21795 80.9518 1.53279 82.5644 1.96666 84.1472C2.85268 87.4348 4.29418 90.5495 6.22988 93.3588C9.16358 97.583 13.0081 100.912 17.3478 102.986C23.5609 105.955 30.2742 106.163 36.7666 106.364C57.063 106.989 77.3788 106.227 97.5697 104.083C107.536 103.023 117.524 101.629 127.256 99.9378C132.266 99.068 137.34 98.0948 142.337 97.045C143.217 96.8655 144.074 96.5869 144.89 96.2146C146.105 95.6551 147.131 94.9269 148.429 94.005L148.585 93.8946C148.699 93.8136 148.81 93.7271 148.917 93.6371L148.948 93.6094C150.015 92.6825 150.43 91.4596 150.086 90.2544V90.2542C149.893 89.5748 149.674 88.9031 149.434 88.2575C145.414 77.3278 135.015 69.6038 123.557 69.0367L123.267 69.0236C113.895 68.6612 105.693 67.6573 98.195 65.9543C89.2438 63.9215 81.4292 60.8613 74.9683 56.8591C59.655 47.3746 43.4714 43.3992 28.1655 45.362C28.0231 45.3831 27.8826 45.4145 27.7449 45.4559L27.6392 45.4814C27.5783 45.4846 27.5185 45.4822 27.459 45.4796C27.4236 45.478 27.3894 45.4764 27.3559 45.4764Z" fill="#F0F0F0"/>
-<path d="M149.044 93.7196V93.7211C148.925 93.8234 148.8 93.9214 148.67 94.0135C146.507 95.5503 145.029 96.628 142.367 97.188C137.356 98.2408 132.328 99.2054 127.281 100.082C117.435 101.793 107.536 103.175 97.5851 104.229C77.3877 106.377 57.0648 107.14 36.7616 106.51C30.0002 106.301 23.4789 106.078 17.2834 103.117C12.7547 100.953 8.94951 97.5331 6.10817 93.4418C3.22704 89.2934 1.4748 84.3846 0.87793 79.3399C2.28083 78.7324 3.77128 78.3475 5.29468 78.1993C10.5824 77.6993 15.7861 79.6206 20.5949 81.8564C25.4051 84.0907 30.1284 86.7023 35.3365 87.7332C43.0116 89.2524 50.9344 87.1863 58.2927 84.5411C65.651 81.8959 72.8943 78.6292 80.6549 77.6305C91.0638 76.2896 101.508 79.1279 111.615 81.9383C122.38 84.9315 133.146 87.9252 143.913 90.9194C145.452 91.3464 147.048 91.8041 148.247 92.851C148.545 93.1103 148.812 93.4016 149.044 93.7196Z" fill="#E6E6E6"/>
-<path d="M149.045 93.7196V93.7211C148.925 93.8234 148.8 93.9214 148.67 94.0135C147.315 94.9757 146.228 95.7594 144.952 96.3472C140.565 96.7757 136.172 97.1466 131.773 97.46C120.45 98.2657 109.105 98.6941 97.7386 98.7453C74.6793 98.8623 50.4351 99.5788 30.2451 88.4658C23.527 84.768 13.7954 92.3509 7.14004 88.2961C5.22166 87.1235 3.43904 85.7451 1.82433 84.1858C1.38824 82.596 1.07198 80.9762 0.878195 79.3399C0.343941 74.9197 0.720481 70.4379 1.98496 66.1666C2.59673 64.1232 3.43137 62.1521 4.47408 60.2883C7.56595 61.3894 10.5311 62.9745 13.3533 64.6531C18.529 67.7282 23.5617 71.2201 29.3255 72.9806C37.8215 75.5761 47.0131 74.1489 55.6343 72.0024C64.2556 69.8558 72.8194 66.9956 81.7045 66.7544C93.621 66.4312 105.091 70.834 116.184 75.1667C127.312 79.5139 138.441 83.8607 149.572 88.2069C149.817 88.8664 150.036 89.5356 150.228 90.2146C150.622 91.5949 150.051 92.8452 149.045 93.7196Z" fill="#F2F2F2"/>
-<path d="M40.5444 37.5836C38.8684 36.4625 39.0323 34.0097 40.8047 33.0456C40.8408 33.0259 40.8762 33.0057 40.9108 32.9847C40.9997 32.5626 41.0885 32.1405 41.1773 31.7184C41.7002 32.2573 42.7283 32.1556 43.1337 31.5249C41.7203 28.5335 39.8617 25.7699 37.6202 23.3268C37.1316 22.7916 36.8575 22.0974 36.8496 21.3753C36.8417 20.6532 37.1006 19.9533 37.5774 19.4077C37.586 19.3978 37.5945 19.3878 37.6029 19.3777C38.8686 18.9536 40.0672 18.3531 41.1626 17.5942C37.4061 11.6058 30.2429 6.84834 28.5403 0C23.4182 5.45777 22.8432 7.37995 17.721 12.8377C17.721 12.8377 12.8709 17.1802 11.824 19.5139C12.0812 19.782 14.3841 20.4253 14.4726 20.9524C16.2288 21.0921 19.2714 19.1821 19.2714 19.1821C19.2714 19.1821 12.6305 26.2069 10.6143 30.5338C10.4327 30.9234 10.2603 31.3684 10.4124 31.7702C10.5338 32.0911 10.9694 32.2761 11.25 32.1486C10.9148 32.4693 10.6457 32.8517 10.4577 33.2743C11.0427 33.645 11.7367 33.8091 12.4274 33.7401C13.1181 33.6711 13.7652 33.373 14.264 32.894C13.9832 33.4146 13.7023 33.9352 13.4215 34.4557L13.422 34.457C13.8014 34.58 14.1419 34.7991 14.4098 35.0926C14.6777 35.3862 14.8638 35.744 14.9497 36.1308C15.0356 36.5175 15.0183 36.9198 14.8996 37.2979C14.7808 37.676 14.5647 38.0168 14.2725 38.2866C12.5298 39.8948 10.9374 41.5852 10.3539 42.6984C9.80501 43.7456 15.4411 45.008 16.7088 44.9562C17.9765 44.9045 19.1614 44.3518 20.3064 43.8094C20.2506 44.3274 20.3504 44.8502 20.5934 45.312C21.2204 45.463 21.8715 45.4881 22.5085 45.386C23.1455 45.2838 23.7554 45.0564 24.3026 44.717C24.252 45.753 25.5691 46.325 26.4832 46.0317C26.0268 53.1952 26.3607 63.2545 26.7991 73.6971H27.887V46.4447C28.1764 46.5902 28.486 46.6923 28.8057 46.7477C31.0313 47.1397 33.7171 47.378 35.1653 45.656C36.8321 47.3236 39.8867 47.292 41.5439 45.6302C41.3808 45.9169 41.6304 46.3993 41.9997 46.4754C42.4348 46.565 42.8582 46.3084 43.2277 46.0633C44.9003 44.9538 46.5729 43.8442 48.2456 42.7347C46.1815 41.3541 43.2494 39.3929 40.5444 37.5836Z" fill="#E6E6E6"/>
-<path d="M90.7543 34.2498C93.6551 34.2498 96.0067 31.9166 96.0067 29.0384C96.0067 26.1602 93.6551 23.827 90.7543 23.827C87.8535 23.827 85.502 26.1602 85.502 29.0384C85.502 31.9166 87.8535 34.2498 90.7543 34.2498Z" fill="#F2F2F2"/>
-<path d="M102.51 26.571C102.207 25.5613 101.348 24.9022 100.311 24.7576C100.3 24.756 100.289 24.7581 100.278 24.7574C100.263 24.753 100.248 24.7495 100.233 24.7472C98.7638 24.5695 97.2774 24.8905 96.0157 25.658C94.7999 26.411 93.3836 26.7516 91.9514 26.807C91.943 26.8073 91.9345 26.8077 91.9261 26.8081C91.3938 26.8433 90.8854 27.0404 90.47 27.3726C90.0546 27.7047 89.7525 28.1559 89.6048 28.6645C89.5891 28.7268 89.5938 28.7924 89.6182 28.8518C89.6425 28.9113 89.6854 28.9615 89.7404 28.9951C89.8991 29.1285 90.087 29.2232 90.2892 29.2715C90.7254 29.3632 91.1632 29.4472 91.6025 29.5235C92.4597 29.6723 93.3215 29.7927 94.1877 29.8845C95.946 30.0715 97.7152 30.1378 99.4827 30.0831C100.071 30.0649 100.639 30.0455 101.179 29.7877C101.571 29.5954 101.906 29.3052 102.151 28.9454C102.382 28.5997 102.534 28.2079 102.596 27.7977C102.658 27.3875 102.629 26.9688 102.51 26.571Z" fill="#E6E6E6"/>
-<path d="M91.5934 33.5195C91.2896 32.5099 90.4313 31.8508 89.3943 31.7062C89.3829 31.7046 89.372 31.7067 89.3607 31.706C89.346 31.7015 89.331 31.6981 89.3159 31.6957C87.8468 31.5181 86.3604 31.8391 85.0987 32.6065C83.883 33.3596 82.4666 33.7002 81.0345 33.7555C81.0261 33.7558 81.0176 33.7562 81.0091 33.7566C80.4768 33.7918 79.9683 33.9889 79.553 34.3211C79.1376 34.6533 78.8355 35.1044 78.6878 35.613C78.6721 35.6753 78.6768 35.7409 78.7012 35.8004C78.7256 35.8598 78.7684 35.91 78.8235 35.9437C78.9821 36.0771 79.17 36.1717 79.3722 36.22C79.8084 36.3117 80.2462 36.3957 80.6855 36.472C81.5427 36.6209 82.4045 36.7412 83.2707 36.8331C85.029 37.02 86.7982 37.0864 88.5658 37.0317C89.1544 37.0135 89.7221 36.9941 90.2615 36.7363C90.6539 36.5439 90.9892 36.2537 91.2344 35.894C91.4653 35.5482 91.6171 35.1565 91.6792 34.7462C91.7412 34.336 91.7119 33.9173 91.5934 33.5195Z" fill="#E6E6E6"/>
-<path d="M136.041 55.2767C134.365 54.1557 134.529 51.7028 136.302 50.7387C136.338 50.7191 136.373 50.6988 136.408 50.6778C136.497 50.2557 136.586 49.8336 136.674 49.4116C137.197 49.9504 138.225 49.8487 138.631 49.218C137.217 46.2266 135.359 43.463 133.117 41.0199C132.629 40.4847 132.355 39.7905 132.347 39.0684C132.339 38.3463 132.598 37.6464 133.075 37.1008C133.083 37.0909 133.092 37.0809 133.1 37.0708C134.366 36.6467 135.564 36.0462 136.66 35.2873C132.903 29.2989 125.74 24.5415 124.037 17.6931C118.915 23.1509 118.34 25.0731 113.218 30.5308C113.218 30.5308 108.368 34.8733 107.321 37.207C107.578 37.4751 109.881 38.1184 109.97 38.6455C111.726 38.7852 114.768 36.8753 114.768 36.8753C114.768 36.8753 108.128 43.9 106.111 48.2269C105.93 48.6166 105.757 49.0615 105.909 49.4633C106.031 49.7842 106.467 49.9692 106.747 49.8417C106.412 50.1625 106.143 50.5448 105.955 50.9675C106.54 51.3382 107.234 51.5023 107.924 51.4332C108.615 51.3642 109.262 51.0661 109.761 50.5871C109.48 51.1077 109.199 51.6283 108.919 52.1489L108.919 52.1501C109.298 52.2731 109.639 52.4922 109.907 52.7857C110.175 53.0793 110.361 53.4371 110.447 53.8239C110.533 54.2106 110.515 54.6129 110.397 54.991C110.278 55.3691 110.062 55.7099 109.77 55.9798C108.027 57.5879 106.434 59.2783 105.851 60.3915C105.302 61.4388 110.938 62.7011 112.206 62.6494C113.474 62.5976 114.658 62.0449 115.803 61.5025C115.748 62.0205 115.848 62.5433 116.09 63.0051C116.717 63.1561 117.369 63.1813 118.006 63.0791C118.643 62.9769 119.252 62.7495 119.8 62.4101C119.749 63.4461 121.066 64.0182 121.98 63.7248C121.524 70.8884 121.858 80.9476 122.296 91.3902H123.384V64.1378C123.673 64.2833 123.983 64.3855 124.303 64.4408C126.528 64.8328 129.214 65.0711 130.662 63.3491C132.329 65.0168 135.384 64.9851 137.041 63.3233C136.878 63.61 137.127 64.0925 137.497 64.1685C137.932 64.2581 138.355 64.0015 138.725 63.7564C140.397 62.6469 142.07 61.5374 143.743 60.4278C141.679 59.0472 138.746 57.086 136.041 55.2767Z" fill="#E6E6E6"/>
-<path d="M9.77997 83.058C9.88904 83.063 9.99701 83.0345 10.0893 82.9766C10.1815 82.9186 10.2536 82.834 10.2957 82.734C10.3378 82.6341 10.3479 82.5237 10.3247 82.4178C10.3015 82.312 10.2461 82.2158 10.1659 82.1422C10.1525 82.0893 10.1428 82.0513 10.1294 81.9983C10.1342 81.9868 10.139 81.9753 10.1439 81.9638C10.2538 81.7062 10.4379 81.4867 10.6731 81.3327C10.9083 81.1787 11.1842 81.0971 11.466 81.0981C11.7479 81.0991 12.0231 81.1828 12.2572 81.3385C12.4912 81.4943 12.6737 81.7152 12.7816 81.9735C13.2131 83.0044 13.7623 84.0372 13.8976 85.1272C13.9571 85.609 13.932 86.0975 13.8233 86.5708C14.8366 84.3777 15.3628 81.994 15.3661 79.5814C15.3664 78.976 15.3325 78.3711 15.2646 77.7694C15.2085 77.2762 15.1307 76.7865 15.0312 76.3002C14.4881 73.6621 13.3221 71.1895 11.6288 69.0853C10.8093 68.6416 10.1465 67.9594 9.72984 67.1305C9.57888 66.8325 9.47219 66.5144 9.41309 66.1861C9.50553 66.1981 9.59949 66.2056 9.69194 66.2117C9.72074 66.2132 9.75105 66.2147 9.77985 66.2162L9.79071 66.2167C9.89231 66.2212 9.99307 66.1965 10.0808 66.1455C10.1686 66.0945 10.2397 66.0195 10.2855 65.9293C10.3312 65.8392 10.3498 65.7379 10.3389 65.6376C10.328 65.5373 10.2881 65.4422 10.224 65.3638C10.1841 65.3151 10.1441 65.2664 10.1042 65.2177C10.0435 65.1425 9.98142 65.0688 9.9208 64.9936C9.9138 64.9865 9.90722 64.9789 9.90109 64.9711C9.83137 64.8853 9.76166 64.8011 9.69194 64.7154C9.8192 64.5195 9.99036 64.3553 10.1921 64.2357C10.8907 63.8297 11.8546 64.1109 12.3593 64.738C12.8655 65.365 12.961 66.2447 12.7852 67.0282C12.6123 67.6948 12.3263 68.3274 11.9395 68.8988C11.9774 68.947 12.0168 68.9936 12.0547 69.0417C12.7473 69.9254 13.351 70.8743 13.857 71.8748C13.7339 70.7539 13.8808 69.6201 14.2856 68.5665C14.6958 67.5847 15.4646 66.7577 16.1417 65.9089C16.955 64.8893 18.6227 65.3343 18.766 66.6267C18.7674 66.6393 18.7687 66.6518 18.7701 66.6643C18.6695 66.7206 18.571 66.7803 18.4747 66.8435C18.3537 66.9237 18.26 67.0384 18.2057 67.1723C18.1515 67.3063 18.1393 67.4535 18.1708 67.5944C18.2023 67.7354 18.2759 67.8637 18.3821 67.9624C18.4883 68.0611 18.6221 68.1257 18.7659 68.1477L18.7807 68.15C18.7448 68.5096 18.6815 68.866 18.5912 69.2161C18.3296 70.1935 17.8673 71.1068 17.2333 71.8986C16.5993 72.6904 15.8073 73.3437 14.9069 73.8176C14.8478 73.8477 14.7902 73.8777 14.7311 73.9063C15.0023 74.6646 15.2191 75.4409 15.3798 76.2296C15.5235 76.925 15.6237 77.6286 15.6798 78.3363C15.7486 79.2279 15.7445 80.1235 15.6677 81.0145L15.6723 80.9829C15.8663 79.9922 16.3989 79.0983 17.1802 78.4521C18.3407 77.5062 19.9802 77.1579 21.2322 76.3977C21.3652 76.3129 21.5199 76.2677 21.678 76.2673C21.8361 76.2669 21.9911 76.3114 22.1245 76.3955C22.258 76.4796 22.3644 76.5998 22.4313 76.742C22.4982 76.8842 22.5226 77.0424 22.5019 77.1979C22.5002 77.2089 22.4985 77.22 22.4968 77.2311C22.3101 77.3065 22.1284 77.3934 21.9527 77.4912C21.8521 77.5475 21.7537 77.6073 21.6573 77.6704C21.5363 77.7507 21.4426 77.8653 21.3884 77.9993C21.3341 78.1333 21.3219 78.2804 21.3534 78.4214C21.3849 78.5623 21.4586 78.6906 21.5648 78.7893C21.671 78.8881 21.8047 78.9526 21.9486 78.9747L21.9633 78.9769C21.9739 78.9784 21.983 78.9799 21.9936 78.9814C21.6747 79.7369 21.2272 80.4322 20.6705 81.037C19.9829 81.7691 19.1518 82.3542 18.2282 82.7562C17.3046 83.1583 16.308 83.369 15.2994 83.3753H15.2979C15.0241 84.5558 14.6275 85.7048 14.1143 86.8039H9.88592C9.87076 86.7573 9.85713 86.7091 9.84348 86.6625C10.2349 86.6869 10.6278 86.6637 11.0135 86.5934C10.6998 86.2114 10.3861 85.8264 10.0723 85.4445C10.0653 85.4373 10.0588 85.4298 10.0526 85.4219C9.8935 85.2265 9.73286 85.0325 9.57373 84.837L9.57364 84.8367C9.56516 84.2375 9.63446 83.6397 9.77984 83.0581L9.77997 83.058Z" fill="#E6E6E6"/>
-<path d="M135.783 87.1523C135.892 87.1573 136 87.1289 136.092 87.071C136.184 87.013 136.257 86.9283 136.299 86.8284C136.341 86.7284 136.351 86.618 136.328 86.5122C136.304 86.4063 136.249 86.3101 136.169 86.2366C136.155 86.1836 136.146 86.1456 136.132 86.0927C136.137 86.0811 136.142 86.0696 136.147 86.0581C136.257 85.8006 136.441 85.5811 136.676 85.427C136.911 85.273 137.187 85.1914 137.469 85.1925C137.751 85.1935 138.026 85.2771 138.26 85.4329C138.494 85.5886 138.677 85.8095 138.785 86.0678C139.216 87.0988 139.765 88.1315 139.9 89.2216C139.96 89.7034 139.935 90.1918 139.826 90.6652C140.84 88.472 141.366 86.0884 141.369 83.6758C141.369 83.0704 141.335 82.4654 141.268 81.8638C141.211 81.3705 141.134 80.8808 141.034 80.3946C140.491 77.7565 139.325 75.2838 137.632 73.1797C136.812 72.736 136.149 72.0537 135.733 71.2248C135.582 70.9268 135.475 70.6088 135.416 70.2805C135.508 70.2925 135.602 70.3 135.695 70.306C135.724 70.3075 135.754 70.309 135.783 70.3105L135.794 70.311C135.895 70.3155 135.996 70.2908 136.084 70.2398C136.172 70.1889 136.243 70.1138 136.288 70.0237C136.334 69.9336 136.353 69.8323 136.342 69.7319C136.331 69.6316 136.291 69.5365 136.227 69.4582C136.187 69.4095 136.147 69.3607 136.107 69.312C136.046 69.2369 135.984 69.1632 135.924 69.088C135.917 69.0808 135.91 69.0733 135.904 69.0654C135.834 68.9797 135.765 68.8955 135.695 68.8098C135.822 68.6138 135.993 68.4496 136.195 68.3301C136.894 67.9241 137.858 68.2053 138.362 68.8324C138.868 69.4594 138.964 70.3391 138.788 71.1226C138.615 71.7892 138.329 72.4218 137.942 72.9932C137.98 73.0413 138.02 73.0879 138.058 73.1361C138.75 74.0197 139.354 74.9686 139.86 75.9691C139.737 74.8483 139.884 73.7144 140.289 72.6609C140.699 71.679 141.468 70.8521 142.145 70.0033C142.958 68.9837 144.626 69.4286 144.769 70.7211C144.77 70.7336 144.772 70.7461 144.773 70.7586C144.672 70.8149 144.574 70.8747 144.478 70.9379C144.357 71.0181 144.263 71.1327 144.209 71.2667C144.154 71.4007 144.142 71.5478 144.174 71.6888C144.205 71.8298 144.279 71.958 144.385 72.0567C144.491 72.1555 144.625 72.2201 144.769 72.2421L144.784 72.2443C144.748 72.604 144.684 72.9604 144.594 73.3105C144.333 74.2879 143.87 75.2011 143.236 75.9929C142.602 76.7847 141.81 77.4381 140.91 77.9119C140.851 77.942 140.793 77.9721 140.734 78.0007C141.242 79.4303 141.561 80.9194 141.683 82.4307C141.752 83.3223 141.747 84.2179 141.671 85.1088L141.675 85.0773C141.869 84.0865 142.402 83.1926 143.183 82.5465C144.344 81.6006 145.983 81.2523 147.235 80.492C147.368 80.4073 147.523 80.362 147.681 80.3616C147.839 80.3612 147.994 80.4057 148.127 80.4899C148.261 80.574 148.367 80.6942 148.434 80.8364C148.501 80.9785 148.526 81.1367 148.505 81.2922C148.503 81.3033 148.501 81.3144 148.5 81.3254C148.313 81.4008 148.131 81.4877 147.956 81.5856C147.855 81.6419 147.757 81.7016 147.66 81.7648C147.539 81.845 147.446 81.9596 147.391 82.0936C147.337 82.2276 147.325 82.3747 147.356 82.5157C147.388 82.6567 147.462 82.785 147.568 82.8837C147.674 82.9824 147.808 83.047 147.951 83.069L147.966 83.0712C147.977 83.0728 147.986 83.0743 147.997 83.0758C147.678 83.8312 147.23 84.5266 146.673 85.1314C145.986 85.8635 145.155 86.4485 144.231 86.8506C143.308 87.2527 142.311 87.4634 141.302 87.4697H141.301C141.027 88.6501 140.63 89.7992 140.117 90.8982H135.889C135.874 90.8516 135.86 90.8035 135.846 90.7569C136.238 90.7813 136.631 90.7581 137.016 90.6877C136.703 90.3057 136.389 89.9208 136.075 89.5388C136.068 89.5317 136.062 89.5242 136.056 89.5163C135.896 89.3208 135.736 89.1268 135.577 88.9313L135.577 88.9311C135.568 88.3319 135.637 87.7341 135.783 87.1524L135.783 87.1523Z" fill="#E6E6E6"/>
-<path d="M85.529 75.0156C85.6381 75.0206 85.746 74.9922 85.8383 74.9343C85.9305 74.8763 86.0026 74.7916 86.0447 74.6917C86.0868 74.5917 86.097 74.4814 86.0737 74.3755C86.0505 74.2696 85.9951 74.1734 85.9149 74.0999C85.9015 74.0469 85.8918 74.0089 85.8784 73.956C85.8832 73.9444 85.8881 73.9329 85.8929 73.9214C86.0028 73.6639 86.1869 73.4444 86.4221 73.2903C86.6574 73.1363 86.9332 73.0547 87.215 73.0558C87.4969 73.0568 87.7721 73.1404 88.0062 73.2962C88.2402 73.4519 88.4227 73.6728 88.5307 73.9311C88.9621 74.9621 89.5113 75.9948 89.6466 77.0849C89.7061 77.5667 89.681 78.0551 89.5723 78.5285C90.5856 76.3353 91.1118 73.9517 91.1151 71.5391C91.1154 70.9337 91.0815 70.3287 91.0136 69.7271C90.9575 69.2338 90.8797 68.7441 90.7802 68.2579C90.2371 65.6198 89.0711 63.1472 87.3778 61.043C86.5583 60.5993 85.8955 59.9171 85.4789 59.0881C85.3279 58.7902 85.2212 58.4721 85.1621 58.1438C85.2546 58.1558 85.3485 58.1633 85.441 58.1694C85.4698 58.1708 85.5001 58.1724 85.5289 58.1739L85.5397 58.1743C85.6413 58.1789 85.7421 58.1542 85.8299 58.1032C85.9176 58.0522 85.9887 57.9772 86.0345 57.887C86.0803 57.7969 86.0988 57.6956 86.0879 57.5953C86.077 57.495 86.0371 57.3999 85.973 57.3215C85.9331 57.2728 85.8932 57.2241 85.8532 57.1754C85.7926 57.1002 85.7304 57.0265 85.6698 56.9513C85.6628 56.9442 85.6562 56.9367 85.6501 56.9288C85.5804 56.843 85.5107 56.7588 85.441 56.6731C85.5682 56.4772 85.7394 56.313 85.9411 56.1934C86.6398 55.7874 87.6036 56.0686 88.1083 56.6957C88.6145 57.3227 88.71 58.2024 88.5342 58.9859C88.3613 59.6525 88.0753 60.2851 87.6885 60.8565C87.7264 60.9047 87.7658 60.9513 87.8037 60.9994C88.4963 61.8831 89.1 62.832 89.606 63.8325C89.483 62.7116 89.6298 61.5778 90.0346 60.5242C90.4448 59.5423 91.2137 58.7154 91.8907 57.8666C92.704 56.847 94.3717 57.292 94.515 58.5844C94.5164 58.597 94.5177 58.6095 94.5191 58.622C94.4185 58.6783 94.3201 58.738 94.2237 58.8012C94.1027 58.8814 94.009 58.9961 93.9547 59.13C93.9005 59.264 93.8883 59.4112 93.9198 59.5521C93.9513 59.6931 94.0249 59.8214 94.1311 59.9201C94.2373 60.0188 94.3711 60.0834 94.5149 60.1054L94.5297 60.1077C94.4938 60.4673 94.4305 60.8237 94.3402 61.1738C94.0786 62.1512 93.6163 63.0644 92.9823 63.8563C92.3483 64.6481 91.5563 65.3014 90.6559 65.7753C90.5968 65.8053 90.5392 65.8354 90.4801 65.864C90.9885 67.2936 91.3075 68.7828 91.4289 70.294C91.4976 71.1856 91.4935 72.0812 91.4167 72.9722L91.4213 72.9406C91.6153 71.9499 92.1479 71.056 92.9292 70.4098C94.0897 69.4639 95.7292 69.1156 96.9812 68.3553C97.1142 68.2706 97.2689 68.2253 97.427 68.225C97.5851 68.2246 97.7401 68.2691 97.8735 68.3532C98.007 68.4373 98.1134 68.5575 98.1803 68.6997C98.2471 68.8419 98.2716 69 98.2509 69.1556C98.2492 69.1666 98.2475 69.1777 98.2457 69.1887C98.0591 69.2642 97.8774 69.351 97.7017 69.4489C97.6011 69.5052 97.5027 69.5649 97.4063 69.6281C97.2853 69.7083 97.1916 69.823 97.1373 69.9569C97.0831 70.0909 97.0709 70.2381 97.1024 70.379C97.1339 70.52 97.2076 70.6483 97.3137 70.747C97.4199 70.8457 97.5537 70.9103 97.6975 70.9323L97.7123 70.9346C97.7229 70.9361 97.732 70.9376 97.7426 70.9391C97.4237 71.6945 96.9761 72.3899 96.4195 72.9947C95.7319 73.7268 94.9008 74.3118 93.9772 74.7139C93.0536 75.116 92.057 75.3267 91.0485 75.333H91.0469C90.7732 76.5135 90.3765 77.6625 89.8633 78.7615H85.6349C85.6198 78.7149 85.6061 78.6668 85.5925 78.6202C85.9839 78.6446 86.3768 78.6214 86.7625 78.551C86.4488 78.1691 86.1351 77.7841 85.8214 77.4021C85.8144 77.395 85.8078 77.3875 85.8017 77.3796C85.6425 77.1841 85.4819 76.9901 85.3227 76.7946L85.3227 76.7944C85.3142 76.1952 85.3835 75.5974 85.5289 75.0157L85.529 75.0156Z" fill="#E6E6E6"/>
-<path d="M58.6621 106.897L60.4314 106.375L59.261 99.1979L56.6494 99.9683L58.6621 106.897Z" fill="#FFB6B6"/>
-<path d="M47.8105 104.064C47.9183 104.157 48.0262 104.249 48.1354 104.341C48.3525 104.525 48.5723 104.707 48.7926 104.887C48.9033 104.977 49.0153 105.067 49.1262 105.155L49.1256 105.159L49.1327 105.161L49.1349 105.163L49.3137 105.238L49.6925 104.58L49.8672 104.277L50.1141 103.847L50.5664 103.062L52.9481 98.9261L50.4392 97.8769L50.278 98.2583L50.2768 98.2581L50.1971 98.4471L48.6989 101.974L48.3931 102.696L48.3834 102.717L48.1995 103.148L48.0408 103.521L47.864 103.938L47.8105 104.064Z" fill="#FFB6B6"/>
-<path d="M34.7016 86.1662C34.825 86.4559 34.9523 86.745 35.0811 87.0319C35.3203 87.566 35.5692 88.0942 35.8276 88.6165C35.8274 88.6177 35.8286 88.6179 35.8297 88.6193C35.9957 88.8287 36.1857 89.0181 36.3959 89.1838C36.4045 89.1925 36.4146 89.199 36.4233 89.2066C36.5784 89.3265 36.7479 89.4271 36.9279 89.5058C36.9928 89.5332 37.059 89.5608 37.124 89.5883C37.3589 89.6842 37.5927 89.7713 37.8262 89.8522C38.2419 89.995 38.6569 90.1159 39.0712 90.215C39.1045 90.2239 39.1379 90.2316 39.1714 90.2393C40.8802 90.6369 42.5955 90.6988 44.4052 90.6428C45.2988 90.6161 46.2155 90.5599 47.1649 90.5014C47.4752 90.4814 47.7866 90.4627 48.1016 90.4446C48.1253 90.4435 48.1504 90.4413 48.1754 90.4403C48.6254 90.4139 49.0825 90.3899 49.5503 90.3688C50.1392 90.3421 50.7455 90.3219 51.3739 90.3113L51.194 91.1592C51.0528 91.811 50.8117 92.4375 50.4789 93.0167C50.097 93.7333 49.7947 94.3002 50.0316 95.6167L50.1454 96.2539C49.9885 96.5368 49.8999 96.8519 49.8864 97.1745C49.873 97.4971 49.935 97.8184 50.0678 98.1132L50.0999 98.1834L47.6444 102.309L47.4853 102.576L48.3829 102.717L49.487 102.892L51.3585 103.186L54.9169 98.235L55.0871 97.9988L55.0892 97.9856L56.4591 87.6119C56.47 87.5202 56.4775 87.4268 56.48 87.3338C56.4969 86.9119 56.4289 86.4909 56.28 86.0953C56.1312 85.6997 55.9044 85.3375 55.613 85.0299C55.334 84.733 54.9984 84.494 54.6255 84.327C54.2527 84.16 53.8501 84.0682 53.4411 84.0569L52.4979 84.0303L50.5709 83.9757L49.2133 83.9381L49.1861 83.9375L45.1828 83.8245L45.0831 82.6414L45.0342 82.6141L43.4785 81.7539L38.0978 78.7787L38.0841 78.7716L37.7301 78.5759L37.674 78.6408C37.6572 78.6603 37.6405 78.6798 37.625 78.6995C37.1481 79.3017 36.7345 79.9507 36.3906 80.6363C35.8178 81.7546 35.3097 82.9044 34.8687 84.08C34.8494 84.1311 34.8321 84.1775 34.8167 84.2193L34.811 84.2319C34.8041 84.2517 34.7996 84.2645 34.7978 84.268C34.5792 84.7915 34.565 85.4701 34.7016 86.1662Z" fill="#2F2E41"/>
-<path d="M35.0684 82.3214C35.0988 82.2475 35.1341 82.1732 35.1704 82.1015C35.4535 81.5596 35.7665 81.0337 36.108 80.526C36.4926 79.9475 36.9411 79.3335 37.4637 78.6746C37.7165 78.3555 37.9864 78.0248 38.2735 77.6824C38.4173 77.5108 38.5661 77.3364 38.72 77.159C38.7262 77.1507 38.7328 77.1427 38.7399 77.1351L38.7841 77.0831L44.3162 78.7217L44.3135 79.4733L44.7147 80.5383L44.6875 80.5696C44.6887 80.5698 44.6889 80.5686 44.6875 80.5696V80.4234L44.8349 80.5696L46.2612 82.3182L46.271 82.3186L49.4583 82.4078L52.7429 82.5L54.5072 82.55C54.9162 82.5611 55.3188 82.6529 55.6917 82.8199C56.0645 82.987 56.4002 83.2259 56.6791 83.5229C56.9704 83.8306 57.1972 84.1929 57.346 84.5884C57.4949 84.984 57.5629 85.405 57.5461 85.8269C57.5435 85.9125 57.537 85.9999 57.527 86.0856L58.5459 90.1768C59.1558 92.6237 59.3901 95.1478 59.2407 97.664L59.8311 101.646L59.6583 101.635L57.0862 101.47L56.4069 101.428L55.2737 99.0608C55.1446 98.7911 55.0252 98.5155 54.9175 98.2356C54.7397 97.7782 54.5915 97.3099 54.4737 96.8338L52.4871 88.8044C52.2339 88.8076 51.9835 88.8092 51.7358 88.8092C50.5895 88.8134 49.4932 88.7914 48.4469 88.7433C45.0448 88.5884 42.1453 88.1622 39.6184 87.4431C38.9087 87.2419 38.2275 87.0169 37.5749 86.7681C37.3355 86.6776 37.0999 86.5837 36.8681 86.4862C36.8135 86.4641 36.76 86.4422 36.7067 86.4191C36.2278 86.2128 35.8086 85.8907 35.4876 85.4822C35.1666 85.0736 34.954 84.5917 34.8693 84.0806C34.7654 83.4873 34.8345 82.877 35.0684 82.3214Z" fill="#2F2E41"/>
-<path d="M58.315 105.7L60.2298 105.134L60.5301 105.044L60.8026 106.2L63.8064 107.369C63.9549 107.427 64.081 107.53 64.1662 107.664C64.2513 107.798 64.2911 107.955 64.2798 108.113C64.2684 108.271 64.2065 108.421 64.103 108.541C63.9995 108.662 63.8599 108.746 63.7046 108.782L60.4671 109.536L59.6393 108.522L59.6915 109.716L58.4721 110L57.8496 105.838L58.315 105.7Z" fill="#2F2E41"/>
-<path d="M47.6445 102.309L47.4854 102.576L47.599 102.594L47.6445 102.309Z" fill="#2F2E41"/>
-<path d="M48.2091 102.752L49.9715 103.686L50.2482 103.833L49.6219 104.844L50.9275 107.772C50.9921 107.917 51.0085 108.078 50.9741 108.233C50.9398 108.387 50.8565 108.527 50.7365 108.631C50.6164 108.735 50.466 108.799 50.307 108.812C50.1481 108.825 49.989 108.788 49.853 108.705L47.0184 106.98L47.149 105.682L46.3393 106.567L45.2715 105.917L47.7804 102.526L48.2091 102.752Z" fill="#2F2E41"/>
-<path d="M60.9451 49.5022C60.962 49.696 60.9359 49.8911 60.8687 50.0738C60.8014 50.2565 60.6946 50.4224 60.5558 50.5597C60.4169 50.697 60.2494 50.8024 60.065 50.8686C59.8807 50.9347 59.684 50.9599 59.4887 50.9424L57.5286 55.252L56.2051 53.1754L58.2694 49.4013C58.3207 49.0778 58.4898 48.7843 58.7447 48.5762C58.9996 48.3682 59.3226 48.2601 59.6524 48.2726C59.9822 48.285 60.296 48.4171 60.5342 48.6437C60.7725 48.8703 60.9186 49.1758 60.9451 49.5022H60.9451Z" fill="#FFB6B6"/>
-<path d="M55.9588 62.3227L46.9781 69.1407C46.2656 69.6804 45.3665 69.9176 44.478 69.8003C43.5895 69.683 42.7842 69.2208 42.2387 68.5151C41.9372 68.124 41.7261 67.6719 41.6204 67.1908C41.5148 66.7097 41.5172 66.2114 41.6275 65.7313C41.7378 65.2513 41.9532 64.8012 42.2585 64.413C42.5638 64.0248 42.9515 63.7081 43.3941 63.4853L52.3473 58.9783L56.3526 51.2361L59.042 52.0291L55.9588 62.3227Z" fill="#5D34F2"/>
-<path d="M36.8322 70.4224L36.6501 77.0381C34.1445 81.2383 33.8595 83.2779 34.553 84.3654L44.8559 80.6312L45.0295 80.2198L45.5675 77.2638L46.543 74.2137C46.7147 73.8951 49.0464 71.9371 46.8606 68.223L42.4633 62.3453L38.94 62.1453C38.3591 63.6245 39.4069 64.4316 38.3604 64.7727C35.9938 66.9248 36.3415 67.275 36.8322 70.4224Z" fill="#5D34F2"/>
-<path d="M29.8251 88.9957C29.7453 88.818 29.7057 88.6252 29.7092 88.4307C29.7126 88.2362 29.759 88.0449 29.8451 87.8701C29.9311 87.6953 30.0548 87.5414 30.2073 87.4192C30.3598 87.297 30.5374 87.2094 30.7277 87.1626L31.1623 82.4542L33.0966 83.9883L32.3874 88.2243C32.4453 88.5467 32.382 88.8789 32.2096 89.1582C32.0371 89.4374 31.7674 89.6441 31.4516 89.7392C31.1357 89.8343 30.7957 89.8111 30.4959 89.6741C30.1962 89.5371 29.9575 89.2957 29.8251 88.9957V88.9957Z" fill="#FFB6B6"/>
-<path d="M30.3193 75.2626L36.5644 65.9088C37.0602 65.1679 37.8319 64.6524 38.7104 64.4754C39.5888 64.2985 40.502 64.4745 41.2498 64.9648C41.6635 65.2367 42.0118 65.5957 42.27 66.0162C42.5282 66.4368 42.6898 66.9085 42.7436 67.398C42.7973 67.8875 42.7418 68.3827 42.581 68.8485C42.4201 69.3143 42.1579 69.7393 41.8129 70.0932L34.8334 77.2537L33.5953 85.8692L30.7924 85.9909L30.3193 75.2626Z" fill="#5D34F2"/>
-<path d="M43.5544 54.1186C44.8002 56.5549 43.9864 59.377 41.6747 60.861C39.1749 62.4657 35.9292 62.1143 34.8794 58.9959C33.7103 55.5231 34.6707 54.0333 36.7591 52.2535C39.2065 50.1677 42.2084 51.4863 43.5544 54.1186Z" fill="#2F2E41"/>
-<path d="M37.4226 59.5459C38.0568 60.3705 38.9949 60.9115 40.0309 61.0501C41.0669 61.1888 42.116 60.9137 42.9477 60.2854C43.7794 59.657 44.3257 58.7267 44.4665 57.699C44.6073 56.6712 44.3312 55.63 43.6988 54.8041L43.6646 54.7595C43.0185 53.9571 42.0805 53.4389 41.0528 53.3166C40.025 53.1942 38.9901 53.4777 38.1711 54.1057C37.3521 54.7337 36.8147 55.656 36.6748 56.6736C36.535 57.6912 36.8039 58.7226 37.4236 59.5452L37.4226 59.5459Z" fill="#FFB6B6"/>
-<path d="M44.7624 53.7241C44.1214 54.3293 43.34 54.7686 42.4873 55.0032C42.3164 54.807 42.1138 54.6404 41.8878 54.5102C41.996 54.7335 42.0701 54.9716 42.1078 55.2166C41.7275 55.9996 40.1743 56.5625 38.6898 57.1382L36.7236 53.6952L39.3261 52.232C41.4173 50.7975 43.8792 51.4098 44.7624 53.7241Z" fill="#2F2E41"/>
-<path d="M35.2397 52.2578C34.8856 52.0954 34.4267 52.1957 34.0938 52.4238C33.7769 52.6628 33.5208 52.972 33.3457 53.3266C33.0274 53.9005 32.7987 54.5189 32.6674 55.1608C32.5552 55.7162 32.5742 56.3876 33.0764 56.6774C33.4954 56.9192 34.0945 56.7669 34.4796 56.4442C34.8647 56.1215 35.0817 55.6679 35.2696 55.225C35.4575 54.7821 35.6352 54.3229 35.9692 53.9551L35.6222 54.1158C35.7319 53.7855 35.783 53.4387 35.7732 53.091C35.7653 52.918 35.7119 52.7501 35.6183 52.6039C35.5247 52.4578 35.3942 52.3384 35.2397 52.2578Z" fill="#2F2E41"/>
-<path d="M39.741 52.709L36.949 54.2788C36.194 54.7033 35.6398 55.4079 35.4085 56.2378C35.1771 57.0676 35.2875 57.9546 35.7153 58.7038C36.3385 59.7947 37.3492 60.616 38.5501 61.007C39.7509 61.398 41.0556 61.3307 42.2091 60.8183L39.6577 58.5835L43.1188 60.3332L43.8578 59.9178C40.1459 59.2481 39.4298 56.3591 39.741 52.709Z" fill="#2F2E41"/>
-</g>
-<defs>
-<clipPath id="clip0_307_1353">
-<rect width="150" height="110" fill="white" transform="translate(0.5)"/>
-</clipPath>
-</defs>
-</svg>

packages/console/src/assets/images/tada-dark.svg

@@ -0,0 +1,30 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_301_11656)">
+<rect x="7" y="8" width="4" height="4" fill="#938BB7"/>
+<rect x="21" y="14" width="2" height="2" fill="#FFB95A"/>
+<rect x="16.5859" y="6.97363" width="2" height="2" transform="rotate(-43.9234 16.5859 6.97363)" fill="#DAD387"/>
+<path d="M3.28309 1.40903C3.44262 1.3467 3.60484 1.49324 3.55898 1.65826L3.16167 3.08817C3.1203 3.23703 2.93673 3.29033 2.82208 3.18675L1.83709 2.29694C1.72243 2.19337 1.75686 2.00534 1.90078 1.94911L3.28309 1.40903Z" fill="#85C086"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9 6C9.55228 6 10 5.55228 10 5C10 4.44772 9.55228 4 9 4C8.44772 4 8 4.44772 8 5C8 5.55228 8.44772 6 9 6ZM9 5.5C9.27614 5.5 9.5 5.27614 9.5 5C9.5 4.72386 9.27614 4.5 9 4.5C8.72386 4.5 8.5 4.72386 8.5 5C8.5 5.27614 8.72386 5.5 9 5.5Z" fill="#71B373"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M21 3C21.5523 3 22 2.55228 22 2C22 1.44772 21.5523 1 21 1C20.4477 1 20 1.44772 20 2C20 2.55228 20.4477 3 21 3ZM21 2.5C21.2761 2.5 21.5 2.27614 21.5 2C21.5 1.72386 21.2761 1.5 21 1.5C20.7239 1.5 20.5 1.72386 20.5 2C20.5 2.27614 20.7239 2.5 21 2.5Z" fill="#8E9192"/>
+<path d="M13.0908 5.76081L12.769 4.8746C12.5913 4.38516 12.844 3.84434 13.3335 3.66664V3.66664C13.8229 3.48894 14.0756 2.94812 13.8979 2.45868V2.45868C13.7202 1.96924 13.9729 1.42842 14.4624 1.25072L15.3486 0.928965" stroke="#9288C4" stroke-width="0.666667" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M20.6056 9.80445L20.3946 10.3293C20.278 10.6192 19.9486 10.7596 19.6587 10.6431V10.6431C19.3688 10.5265 19.0394 10.667 18.9228 10.9569V10.9569C18.8062 11.2467 18.4768 11.3872 18.1869 11.2706L17.6621 11.0596" stroke="#79B679" stroke-width="0.666667" stroke-linecap="round" stroke-linejoin="round"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13 15C14.6569 15 16 13.6569 16 12C16 10.3431 14.6569 9 13 9C11.3431 9 10 10.3431 10 12C10 13.6569 11.3431 15 13 15ZM13 13.5C13.8284 13.5 14.5 12.8284 14.5 12C14.5 11.1716 13.8284 10.5 13 10.5C12.1716 10.5 11.5 11.1716 11.5 12C11.5 12.8284 12.1716 13.5 13 13.5Z" fill="#FFB95A"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M15.5829 12.0417C15.5829 12.0187 15.6015 12 15.6246 12H16.3756C16.3986 12 16.4173 12.0187 16.4173 12.0417V13.3634L17.5619 12.7026C17.5818 12.6911 17.6074 12.6979 17.6189 12.7179L17.9944 13.3682C18.0059 13.3882 17.9991 13.4137 17.9791 13.4252L16.8344 14.0861L17.9791 14.747C17.999 14.7585 18.0059 14.784 17.9943 14.804L17.6188 15.4543C17.6073 15.4743 17.5818 15.4811 17.5618 15.4696L16.4173 14.8088V16.1305C16.4173 16.1535 16.3986 16.1722 16.3756 16.1722H15.6246C15.6015 16.1722 15.5829 16.1535 15.5829 16.1305V14.8087L14.4381 15.4696C14.4182 15.4811 14.3927 15.4743 14.3811 15.4543L14.0056 14.804C13.9941 14.784 14.001 14.7585 14.0209 14.747L15.1655 14.0861L14.0209 13.4252C14.0009 13.4137 13.9941 13.3882 14.0056 13.3682L14.3811 12.7179C14.3926 12.6979 14.4181 12.6911 14.4381 12.7026L15.5829 13.3635V12.0417Z" fill="#8B79D1"/>
+<path d="M2.47197 20.6848C2.29825 21.206 2.79407 21.7018 3.31524 21.5281L15.8762 17.3411C16.3464 17.1844 16.4873 16.5877 16.1368 16.2373L7.76283 7.86325C7.4124 7.51282 6.81569 7.65368 6.65897 8.12384L2.47197 20.6848Z" fill="#FF5449"/>
+<mask id="mask0_301_11656" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="2" y="7" width="15" height="15">
+<path d="M2.47197 20.6848C2.29825 21.206 2.79407 21.7018 3.31524 21.5281L15.8762 17.3411C16.3464 17.1844 16.4873 16.5877 16.1368 16.2373L7.76283 7.86325C7.4124 7.51282 6.81569 7.65368 6.65897 8.12384L2.47197 20.6848Z" fill="#FF5449"/>
+</mask>
+<g mask="url(#mask0_301_11656)">
+<rect x="2.35986" y="8.72061" width="16" height="2" rx="0.666667" transform="rotate(15 2.35986 8.72061)" fill="#FFB4A9"/>
+<rect x="1.65283" y="12.2563" width="16" height="2" rx="0.666667" transform="rotate(15 1.65283 12.2563)" fill="#FFB4A9"/>
+<rect x="0.945801" y="15.7919" width="16" height="2" rx="0.666667" transform="rotate(15 0.945801 15.7919)" fill="#FFB4A9"/>
+</g>
+<path d="M3.51846 14.2874C3.51533 14.2215 3.58872 14.1804 3.64328 14.2174L5.25425 15.3101C5.30347 15.3435 5.30035 15.417 5.24848 15.4461L3.72989 16.2978C3.67802 16.3269 3.61367 16.2912 3.61084 16.2318L3.51846 14.2874Z" fill="#68BE6C"/>
+<path d="M19.1935 19.5618L18.7966 19.1588C18.5774 18.9361 18.2193 18.9334 17.9966 19.1526V19.1526C17.774 19.3717 17.4159 19.369 17.1967 19.1464V19.1464C16.9775 18.9237 16.6193 18.921 16.3967 19.1402L15.9936 19.537" stroke="#FF897A" stroke-width="0.666667" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_301_11656">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>

packages/console/src/assets/images/traditional-web-app-dark.svg

@@ -0,0 +1,33 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="40" height="40" rx="8" fill="#3A3B59"/>
+<rect x="17" y="5" width="18" height="14" rx="2" fill="url(#paint0_linear_270_11727)"/>
+<rect x="17" y="9" width="18" height="1" fill="#D361E7"/>
+<rect x="27" y="7" width="6" height="1" rx="0.5" fill="#B545CA"/>
+<rect x="19" y="7" width="1" height="1" rx="0.5" fill="#F4E560"/>
+<rect x="21" y="7" width="1" height="1" rx="0.5" fill="#7958FF"/>
+<rect x="23" y="7" width="1" height="1" rx="0.5" fill="#F4E560"/>
+<rect x="27" y="12" width="6" height="1" rx="0.5" fill="#B545CA"/>
+<rect x="19" y="12" width="1" height="1" rx="0.5" fill="#F4E560"/>
+<rect x="21" y="12" width="1" height="1" rx="0.5" fill="#F4E560"/>
+<rect x="27" y="17" width="6" height="1" rx="0.5" fill="#B545CA"/>
+<rect x="19" y="17" width="1" height="1" rx="0.5" fill="#F4E560"/>
+<rect x="21" y="17" width="1" height="1" rx="0.5" fill="#F4E560"/>
+<rect x="23" y="17" width="1" height="1" rx="0.5" fill="#7958FF"/>
+<rect x="17" y="14" width="18" height="1" fill="#D361E7"/>
+<rect x="5" y="21" width="18" height="14" rx="2" fill="url(#paint1_linear_270_11727)"/>
+<path d="M5 24H23V23C23 21.8954 22.1046 21 21 21H7C5.89543 21 5 21.8954 5 23V24Z" fill="#6B4DD6"/>
+<rect x="7" y="26" width="6" height="1" rx="0.5" fill="#D3A4FB"/>
+<rect x="7" y="29" width="12" height="1" rx="0.5" fill="#D3A4FB"/>
+<path d="M20 28C24.4183 28 28 24.4183 28 20" stroke="#D4CFF3" stroke-width="2"/>
+<path d="M12 20C12 15.5817 15.5817 12 20 12" stroke="#D4CFF3" stroke-width="2"/>
+<defs>
+<linearGradient id="paint0_linear_270_11727" x1="12.5" y1="14.3333" x2="36.4143" y2="10.9792" gradientUnits="userSpaceOnUse">
+<stop stop-color="#E4A3FB"/>
+<stop offset="1" stop-color="#EC78FF"/>
+</linearGradient>
+<linearGradient id="paint1_linear_270_11727" x1="3.52143" y1="29.0208" x2="21.3627" y2="20.5511" gradientUnits="userSpaceOnUse">
+<stop stop-color="#6B56EF"/>
+<stop offset="1" stop-color="#D57CFF"/>
+</linearGradient>
+</defs>
+</svg>

packages/console/src/assets/images/warning.svg

@@ -1,53 +0,0 @@
-<svg width="256" height="256" viewBox="0 0 256 256" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect x="58" y="74" width="140" height="108" rx="12.1905" fill="#C9C5D0"/>
-<mask id="mask0_3312_122828" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="58" y="74" width="140" height="108">
-<rect x="58" y="74" width="140" height="108" rx="12.1905" fill="#CABEFF"/>
-</mask>
-<g mask="url(#mask0_3312_122828)">
-<rect x="64.8008" y="142.2" width="128" height="0.4" transform="rotate(-90 64.8008 142.2)" fill="black"/>
-<rect x="73" y="142" width="128" height="0.4" transform="rotate(-90 73 142)" fill="black"/>
-<rect x="81" y="142" width="128" height="0.4" transform="rotate(-90 81 142)" fill="black"/>
-<rect x="89" y="142" width="128" height="0.4" transform="rotate(-90 89 142)" fill="black"/>
-<rect x="97" y="142" width="128" height="0.4" transform="rotate(-90 97 142)" fill="black"/>
-<rect x="105" y="142" width="128" height="0.4" transform="rotate(-90 105 142)" fill="black"/>
-<rect x="113" y="142" width="128" height="0.4" transform="rotate(-90 113 142)" fill="black"/>
-<rect x="121" y="142" width="128" height="0.4" transform="rotate(-90 121 142)" fill="black"/>
-<rect x="129" y="142" width="128" height="0.4" transform="rotate(-90 129 142)" fill="black"/>
-<rect x="137" y="142" width="128" height="0.4" transform="rotate(-90 137 142)" fill="black"/>
-<rect x="145" y="142" width="128" height="0.4" transform="rotate(-90 145 142)" fill="black"/>
-<rect x="153" y="142" width="128" height="0.4" transform="rotate(-90 153 142)" fill="black"/>
-<rect x="161" y="142" width="128" height="0.4" transform="rotate(-90 161 142)" fill="black"/>
-<rect x="169" y="142" width="128" height="0.4" transform="rotate(-90 169 142)" fill="black"/>
-<rect x="177" y="142" width="128" height="0.4" transform="rotate(-90 177 142)" fill="black"/>
-<rect x="57" y="78" width="128" height="0.4" fill="black"/>
-<rect x="57" y="86" width="128" height="0.4" fill="black"/>
-<rect x="57" y="94" width="128" height="0.4" fill="black"/>
-<rect x="57" y="102" width="128" height="0.4" fill="black"/>
-<rect x="57" y="110" width="128" height="0.4" fill="black"/>
-<rect x="57" y="118" width="128" height="0.4" fill="black"/>
-<rect x="57" y="126" width="128" height="0.4" fill="black"/>
-<rect x="57" y="134" width="128" height="0.4" fill="black"/>
-</g>
-<path d="M125.333 107.619C126.519 105.566 129.481 105.566 130.667 107.619L157.333 153.807C158.519 155.86 157.037 158.426 154.667 158.426H101.333C98.963 158.426 97.4815 155.86 98.6667 153.807L125.333 107.619Z" fill="#F4E560"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M128 119C125.791 119 124 120.791 124 123V135C124 137.209 125.791 139 128 139C130.209 139 132 137.209 132 135V123C132 120.791 130.209 119 128 119ZM128 143C125.791 143 124 144.791 124 147C124 149.209 125.791 151 128 151C130.209 151 132 149.209 132 147C132 144.791 130.209 143 128 143Z" fill="#444748"/>
-<path d="M58 86C58 79.3726 63.3726 74 70 74H186C192.627 74 198 79.3726 198 86V94H58V86Z" fill="#78767F"/>
-<circle cx="77" cy="84" r="3" fill="#E5E1EC"/>
-<circle cx="87" cy="84" r="3" fill="#47464E"/>
-<circle cx="97" cy="84" r="3" fill="#47464E"/>
-<rect x="203.133" y="214.277" width="8" height="8" transform="rotate(-35.523 203.133 214.277)" fill="#C4C4C4"/>
-<rect x="206" y="27.6482" width="8" height="8" rx="0.16" transform="rotate(-35.523 206 27.6482)" fill="#E5E1EC"/>
-<g style="mix-blend-mode:multiply">
-<rect x="172.453" y="171" width="16" height="16" transform="rotate(50.249 172.453 171)" fill="#C4C7C7"/>
-</g>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M221.914 96.2086C221.914 96.0934 222.008 96 222.123 96H225.878C225.993 96 226.087 96.0934 226.087 96.2086V102.817L231.81 99.513C231.91 99.4554 232.037 99.4896 232.095 99.5894L233.972 102.841C234.03 102.941 233.996 103.069 233.896 103.126L228.172 106.431L233.896 109.735C233.995 109.793 234.03 109.92 233.972 110.02L232.094 113.272C232.037 113.372 231.909 113.406 231.81 113.348L226.087 110.044V116.653C226.087 116.768 225.993 116.861 225.878 116.861H222.123C222.008 116.861 221.914 116.768 221.914 116.653V110.044L216.191 113.348C216.091 113.406 215.963 113.372 215.906 113.272L214.028 110.02C213.971 109.92 214.005 109.793 214.105 109.735L219.828 106.431L214.104 103.126C214.005 103.069 213.97 102.941 214.028 102.841L215.906 99.5894C215.963 99.4896 216.091 99.4554 216.19 99.513L221.914 102.818V96.2086Z" fill="#E0E3E3"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M94.3314 193.209C94.3314 193.093 94.4248 193 94.54 193H97.4606C97.5758 193 97.6692 193.093 97.6692 193.209V198.454L102.212 195.831C102.311 195.774 102.439 195.808 102.496 195.908L103.957 198.437C104.014 198.537 103.98 198.664 103.88 198.722L99.3378 201.344L103.88 203.967C103.98 204.025 104.014 204.152 103.956 204.252L102.496 206.781C102.439 206.881 102.311 206.915 102.211 206.858L97.6692 204.235V209.48C97.6692 209.595 97.5758 209.689 97.4606 209.689H94.54C94.4248 209.689 94.3314 209.595 94.3314 209.48V204.235L89.7888 206.858C89.689 206.915 89.5614 206.881 89.5038 206.781L88.0435 204.252C87.9859 204.152 88.0201 204.025 88.1199 203.967L92.6622 201.344L88.1196 198.722C88.0198 198.664 87.9856 198.537 88.0432 198.437L89.5035 195.908C89.5611 195.808 89.6887 195.774 89.7885 195.831L94.3314 198.454V193.209Z" fill="#E0E3E3"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M52 62C56.4183 62 60 58.4183 60 54C60 49.5817 56.4183 46 52 46C47.5817 46 44 49.5817 44 54C44 58.4183 47.5817 62 52 62ZM52 58C54.2091 58 56 56.2091 56 54C56 51.7909 54.2091 50 52 50C49.7909 50 48 51.7909 48 54C48 56.2091 49.7909 58 52 58Z" fill="#C4C7C7"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M39 167C43.4183 167 47 163.418 47 159C47 154.582 43.4183 151 39 151C34.5817 151 31 154.582 31 159C31 163.418 34.5817 167 39 167ZM39 163C41.2091 163 43 161.209 43 159C43 156.791 41.2091 155 39 155C36.7909 155 35 156.791 35 159C35 161.209 36.7909 163 39 163Z" fill="#E0E3E3"/>
-<path d="M153.212 48.3137C153.169 48.1981 153.267 48.0798 153.389 48.1006L168.611 50.7166C168.733 50.7375 168.786 50.8819 168.707 50.9766L158.83 62.8518C158.752 62.9465 158.6 62.9204 158.557 62.8048L153.212 48.3137Z" fill="#C9C5D0"/>
-<path d="M117.818 59.5458L119.926 55.5412C121.091 53.3296 120.241 50.5929 118.03 49.4287V49.4287C115.818 48.2645 114.969 45.5278 116.133 43.3162V43.3162C117.298 41.1045 116.448 38.3678 114.237 37.2036V37.2036C112.025 36.0394 111.176 33.3027 112.34 31.0911L114.448 27.0865" stroke="#F7F8F8" stroke-width="3.2" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M117.818 59.5458L119.926 55.5412C121.091 53.3296 120.241 50.5929 118.03 49.4287V49.4287C115.818 48.2645 114.969 45.5278 116.133 43.3162V43.3162C117.298 41.1045 116.448 38.3678 114.237 37.2036V37.2036C112.025 36.0394 111.176 33.3027 112.34 31.0911L114.448 27.0865" stroke="#78767F" stroke-opacity="0.02" stroke-width="3.2" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M117.818 59.5458L119.926 55.5412C121.091 53.3296 120.241 50.5929 118.03 49.4287V49.4287C115.818 48.2645 114.969 45.5278 116.133 43.3162V43.3162C117.298 41.1045 116.448 38.3678 114.237 37.2036V37.2036C112.025 36.0394 111.176 33.3027 112.34 31.0911L114.448 27.0865" stroke="#5D34F2" stroke-opacity="0.11" stroke-width="3.2" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M29.7173 172.618C29.7394 172.496 29.8844 172.445 29.9783 172.524L35.6526 177.345C35.7465 177.425 35.7188 177.577 35.6028 177.618L28.5906 180.122C28.4746 180.163 28.3573 180.063 28.3794 179.942L29.7173 172.618Z" fill="#E5E1EC"/>
-<rect x="75" y="220" width="80" height="4" rx="2" fill="#747778"/>
-<rect x="167" y="220" width="19" height="4" rx="2" fill="#747778"/>
-</svg>

packages/console/src/assets/images/welcome-dark.svg

@@ -0,0 +1,71 @@
+<svg width="256" height="256" viewBox="0 0 256 256" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="256" height="256" fill="#2A2C32"/>
+<path d="M251 237H5.5L25.2124 207.625C28.8297 202.234 34.8948 199 41.3866 199H42.0675C45.2902 199 48.4475 199.91 51.1761 201.625C58.7086 206.36 68.6126 204.534 73.9617 197.424L97.3797 166.299C101.548 160.759 108.078 157.5 115.011 157.5C120.173 157.5 125.172 159.31 129.137 162.614L135.769 168.141C144.274 175.229 156.353 176.102 165.789 170.311C169.85 167.819 174.522 166.5 179.287 166.5H180.184C192.623 166.5 203.676 174.438 207.649 186.226L212.721 201.271C214.68 207.085 220.132 211 226.267 211C231.092 211 235.591 213.434 238.232 217.472L251 237Z" fill="#383A48"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M47 185C47 182.791 48.7909 181 51 181H55C57.2091 181 59 182.791 59 185V193H47V185ZM47 233C47 235.209 48.7909 237 51 237H55C57.2091 237 59 235.209 59 233V225H47V233ZM29 215C26.7909 215 25 213.209 25 211V207C25 204.791 26.7909 203 29 203H37V215H29ZM77 215C79.2091 215 81 213.209 81 211V207C81 204.791 79.2091 203 77 203H69V215H77Z" fill="#635C8F"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M31.7871 196.272C30.225 194.71 30.225 192.177 31.7871 190.615L34.6155 187.787C36.1776 186.225 38.7103 186.225 40.2724 187.787L45.9293 193.444L37.444 201.929L31.7871 196.272ZM65.7282 230.213C67.2903 231.775 69.823 231.775 71.3851 230.213L74.2135 227.385C75.7756 225.823 75.7756 223.29 74.2135 221.728L68.5567 216.071L60.0714 224.556L65.7282 230.213ZM40.2724 230.213C38.7103 231.775 36.1776 231.775 34.6155 230.213L31.7871 227.385C30.225 225.823 30.225 223.29 31.7871 221.728L37.444 216.071L45.9293 224.556L40.2724 230.213ZM74.2135 196.272C75.7756 194.71 75.7756 192.177 74.2135 190.615L71.3851 187.787C69.823 186.225 67.2903 186.225 65.7282 187.787L60.0714 193.444L68.5567 201.929L74.2135 196.272Z" fill="#635C8F"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M53 229C64.0457 229 73 220.046 73 209C73 197.954 64.0457 189 53 189C41.9543 189 33 197.954 33 209C33 220.046 41.9543 229 53 229ZM53 217C57.4183 217 61 213.418 61 209C61 204.582 57.4183 201 53 201C48.5817 201 45 204.582 45 209C45 213.418 48.5817 217 53 217Z" fill="#8777C7"/>
+<path d="M111 115.5H223V158C223 166.837 215.837 174 207 174H127C118.163 174 111 166.837 111 158V115.5Z" fill="#615A7D"/>
+<rect x="123" y="124" width="44" height="8" rx="2" fill="#776E9E"/>
+<rect x="123" y="136" width="44" height="8" rx="2" fill="#776E9E"/>
+<rect x="123" y="148" width="44" height="8" rx="2" fill="#776E9E"/>
+<rect x="183" y="124" width="24" height="44" rx="6" fill="#776D9E"/>
+<path d="M111.5 115C111.5 106.44 118.44 99.5 127 99.5H207C215.56 99.5 222.5 106.44 222.5 115V115.5V158C222.5 166.56 215.56 173.5 207 173.5H127C118.44 173.5 111.5 166.56 111.5 158V115.5V115Z" stroke="#7269A8" stroke-linecap="round" stroke-linejoin="round"/>
+<circle cx="123" cy="107" r="2" fill="#C48BB0"/>
+<circle cx="131" cy="107" r="2" fill="#C79B93"/>
+<circle cx="139" cy="107" r="2" fill="#776E9E"/>
+<path d="M182.111 63.0254L197.474 82.3389C197.778 82.7207 198.313 82.8276 198.74 82.5921L208.677 77.1122C209.363 76.7339 209.367 75.7495 208.684 75.3651L190.686 65.2308C190.471 65.11 190.622 64.7836 190.853 64.8689L214.041 73.4305C214.331 73.5374 214.653 73.5046 214.916 73.3414L221.237 69.4079C222.022 68.9198 221.781 67.7202 220.87 67.5718L183.054 61.4158C182.152 61.2689 181.542 62.3099 182.111 63.0254Z" fill="#9A8FBC"/>
+<path d="M215 82.6315V76.7662C215 75.9889 214.152 75.5088 213.486 75.9087L208.855 78.687C208.226 79.0647 208.204 79.9693 208.815 80.3765L213.445 83.4635C214.11 83.9066 215 83.4302 215 82.6315Z" fill="#8073BC"/>
+<rect x="55" y="136" width="102" height="102" rx="16" fill="url(#paint0_linear_494_13452)"/>
+<path d="M69 155C55.5 157.667 25.9 157.6 15.5 136" stroke="#58577B" stroke-dasharray="4 4"/>
+<path d="M224.304 197.008C222.858 202.338 217.811 205.608 217.342 205.481C216.874 205.353 214.172 199.981 215.618 194.651C217.064 189.321 222.111 186.051 222.579 186.178C223.048 186.305 225.75 191.678 224.304 197.008Z" fill="#74B382"/>
+<g style="mix-blend-mode:lighten">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M216.156 204.787C216.251 205.263 221.427 208.323 226.843 207.242C227.236 207.164 227.619 207.066 227.992 206.951C227.346 206.411 227.09 205.497 227.419 204.674C227.83 203.648 228.994 203.15 230.02 203.56C230.801 203.873 231.276 204.623 231.277 205.416C234.128 203.607 235.834 201.201 235.768 200.871C235.673 200.395 230.497 197.335 225.081 198.416C219.665 199.498 216.061 204.311 216.156 204.787Z" fill="#89CBAB"/>
+</g>
+<path d="M220.5 84.5C225.167 86.8333 234.2 93.9 233 103.5C231.5 115.5 218.518 105.982 224.5 100C229.5 95 243.024 107.157 231.624 123.149" stroke="#58577B" stroke-linecap="round" stroke-linejoin="round"/>
+<rect x="86.5" y="148.5" width="39" height="39" rx="11.5" stroke="#DFBEFF"/>
+<circle cx="106" cy="161" r="6" fill="#FAABFF"/>
+<path d="M115.894 179.003C116.014 180.101 115.105 181 114 181C112.176 181 109.271 181 106 181C102.729 181 99.824 181 97.9996 181C96.895 181 95.9858 180.101 96.1057 179.003C96.812 172.536 100.973 169 106 169C111.027 169 115.188 172.536 115.894 179.003Z" fill="#735EAD"/>
+<rect x="76" y="196" width="60" height="10" rx="4" fill="#D8C7FF"/>
+<rect x="76" y="211" width="60" height="10" rx="4" fill="#EFE9FF" stroke="#69539E"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M84 201C84 200.448 84.4477 200 85 200H107C107.552 200 108 200.448 108 201C108 201.552 107.552 202 107 202H85C84.4477 202 84 201.552 84 201ZM112 201C112 200.448 112.448 200 113 200H119C119.552 200 120 200.448 120 201C120 201.552 119.552 202 119 202H113C112.448 202 112 201.552 112 201ZM123 200C122.448 200 122 200.448 122 201C122 201.552 122.448 202 123 202H125C125.552 202 126 201.552 126 201C126 200.448 125.552 200 125 200H123Z" fill="#9877EA"/>
+<circle cx="86" cy="216" r="2" fill="#956AFF"/>
+<circle cx="94" cy="216" r="2" fill="#956AFF"/>
+<circle cx="102" cy="216" r="2" fill="#956AFF"/>
+<circle cx="110" cy="216" r="2" fill="#956AFF"/>
+<rect x="114" y="213" width="1" height="6" rx="0.5" fill="#FAABFF"/>
+<g style="mix-blend-mode:multiply" opacity="0.6">
+<path d="M91 215L157 178V238H91V215Z" fill="url(#paint1_linear_494_13452)"/>
+</g>
+<rect x="141" y="178" width="60" height="60" rx="12" fill="url(#paint2_linear_494_13452)"/>
+<path d="M171 188H174C176.761 188 179 190.239 179 193C179 195.761 176.761 198 174 198H171V188Z" fill="#FFDAD4"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M153 178C146.373 178 141 183.373 141 190V208H151V205C151 202.239 153.239 200 156 200C158.761 200 161 202.239 161 205V208H171V178H153Z" fill="#FFDAD4"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M171 208H181V211C181 213.761 183.239 216 186 216C188.761 216 191 213.761 191 211V208H201V226C201 232.627 195.627 238 189 238H171V228H168C165.239 228 163 225.761 163 223C163 220.239 165.239 218 168 218H171V208Z" fill="#A989DF"/>
+<path d="M228 238H232.5H236M216.5 238H162.41C162.039 238 161.829 237.573 162.056 237.279L175.71 219.557C180.767 212.994 190.285 211.992 196.598 217.358L198.054 218.596C202.159 222.085 208.087 222.409 212.548 219.387V219.387C217.196 216.238 223.406 216.735 227.494 220.583L245.034 237.091C245.381 237.418 245.15 238 244.674 238H240.5" stroke="#947DFF" stroke-linecap="round" stroke-linejoin="round"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M242.104 168.38C244.95 170.077 248.633 169.146 250.33 166.3C252.028 163.454 251.097 159.771 248.251 158.073C245.405 156.376 241.722 157.307 240.024 160.153C238.327 162.999 239.258 166.682 242.104 168.38ZM243.641 165.803C245.064 166.652 246.905 166.186 247.754 164.763C248.603 163.34 248.137 161.499 246.714 160.65C245.291 159.801 243.45 160.267 242.601 161.69C241.752 163.113 242.218 164.954 243.641 165.803Z" fill="#6E6083"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M45.957 119.104C45.957 119.047 46.0037 119 46.0613 119H47.9388C47.9964 119 48.0431 119.047 48.0431 119.104V122.409L50.9051 120.757C50.955 120.728 51.0188 120.745 51.0476 120.795L51.9863 122.421C52.0151 122.471 51.9981 122.534 51.9482 122.563L49.0863 124.215L51.9478 125.868C51.9977 125.896 52.0148 125.96 51.986 126.01L51.0472 127.636C51.0184 127.686 50.9546 127.703 50.9048 127.674L48.0431 126.022V129.326C48.0431 129.384 47.9964 129.431 47.9388 129.431H46.0613C46.0037 129.431 45.957 129.384 45.957 129.326V126.022L43.0956 127.674C43.0457 127.703 42.9819 127.686 42.9531 127.636L42.0143 126.01C41.9855 125.96 42.0026 125.896 42.0525 125.868L44.914 124.215L42.0522 122.563C42.0023 122.534 41.9852 122.471 42.014 122.421L42.9528 120.795C42.9816 120.745 43.0454 120.728 43.0952 120.757L45.957 122.409V119.104Z" fill="#78767F"/>
+<path d="M71.4532 31.9137C71.5104 31.8909 71.5708 31.9386 71.5619 31.9996L70.2689 40.8663C70.26 40.9272 70.1884 40.9557 70.1401 40.9175L63.1079 35.3643C63.0595 35.3262 63.0706 35.25 63.1279 35.2272L71.4532 31.9137Z" fill="#83DA85"/>
+<path d="M105.969 38.7045L108.751 38.1929C110.287 37.9104 111.304 36.436 111.021 34.8996V34.8996C110.739 33.3633 111.755 31.8888 113.292 31.6063V31.6063C114.828 31.3238 115.844 29.8493 115.562 28.313L115.05 25.5312" stroke="#4A474F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M15.8026 66.7984L15.4022 63.9985C15.1811 62.4521 13.7482 61.3778 12.2019 61.599V61.599C10.6555 61.8201 9.22264 60.7458 9.00149 59.1995V59.1995C8.78035 57.6531 7.3475 56.5788 5.80114 56.7999L3.0012 57.2003" stroke="#52514B" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M73.9995 48.5C73.9995 54.5 73.9995 67 73.9995 69C73.9995 71.5 75.4995 72.5 73.9995 77.5C72.4995 82.5 75.9995 83.5 75.4995 85.5C74.9995 87.5 71.998 89.5 73.498 95.5" stroke="#636063" stroke-linecap="round"/>
+<path d="M73.1962 49.5C73.5811 48.8333 74.5433 48.8333 74.9282 49.5L78.5622 55.7942C79.2565 56.9968 78.3886 58.5 77 58.5L75.5627 58.1407C75.1996 58.0499 74.816 58.092 74.4812 58.2594C74.1693 58.4153 73.8144 58.4629 73.4725 58.3945L72.3325 58.1665C71.7815 58.0563 71.2075 58.0418 70.6512 58.1213C69.5862 58.2734 68.788 57.1351 69.3259 56.2034L73.1962 49.5Z" fill="#B586B7"/>
+<path d="M94 26.7692C94 38.2398 85.0457 52.9231 74 52.9231C62.9543 52.9231 54 38.2398 54 26.7692C54 15.2987 62.9543 6 74 6C85.0457 6 94 15.2987 94 26.7692Z" fill="#CFA4D1"/>
+<path d="M80.5807 12.8058C81.0712 13.2625 81.6215 13.8378 82.1948 14.5165M87.4138 33.2829C88.9204 27.6293 87.1579 22.2392 84.8227 18.2451C84.5735 17.8188 84.3178 17.4085 84.0588 17.0154C83.9092 16.7884 83.7585 16.5671 83.6074 16.3518" stroke="#FEF2FF" stroke-linecap="round"/>
+<path d="M37.4984 108.5C41.0023 103 42 101.5 39.4999 98.5C38.1801 96.9163 36.4999 95.5 37.9999 90.5C39.4999 85.5 36.5 86.5 37.9999 82C39 79.5 37.9999 74.9 37.9999 74.5" stroke="#626067" stroke-linecap="round"/>
+<path d="M37.4286 70.9897C37.6825 70.5499 38.3175 70.5499 38.5714 70.9897L40.9692 75.1429C41.4274 75.9363 40.8547 76.9282 39.9385 76.9282L38.9901 76.6911C38.7505 76.6312 38.4974 76.659 38.2765 76.7695C38.0707 76.8723 37.8365 76.9037 37.6109 76.8586L36.8587 76.7081C36.4951 76.6354 36.1164 76.6259 35.7494 76.6783C35.0466 76.7787 34.5199 76.0276 34.8749 75.4128L37.4286 70.9897Z" fill="#68A973"/>
+<path d="M52 55.5385C52 63.5678 45.732 73.8462 38 73.8462C30.268 73.8462 24 63.5678 24 55.5385C24 47.5091 30.268 41 38 41C45.732 41 52 47.5091 52 55.5385Z" fill="#86BF8F"/>
+<path d="M43.3121 47C43.6186 47.3065 43.9645 47.7166 44.3125 48.2167M45.8121 59C46.8975 55.9609 46.5594 53.177 45.7567 51C45.6205 50.6304 45.4708 50.2784 45.3125 49.9455" stroke="#F7F4FF" stroke-linecap="round"/>
+<defs>
+<linearGradient id="paint0_linear_494_13452" x1="106" y1="136" x2="65" y2="238" gradientUnits="userSpaceOnUse">
+<stop stop-color="#A089E1"/>
+<stop offset="1" stop-color="#816DB9"/>
+</linearGradient>
+<linearGradient id="paint1_linear_494_13452" x1="159.5" y1="192" x2="98.5" y2="232" gradientUnits="userSpaceOnUse">
+<stop stop-color="#9C79E0"/>
+<stop offset="1" stop-color="#BE9BFF" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint2_linear_494_13452" x1="192" y1="181" x2="144.5" y2="238" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFBDE5"/>
+<stop offset="1" stop-color="#FAA5FF"/>
+</linearGradient>
+</defs>
+</svg>

packages/console/src/assets/index.d.ts

@@ -0,0 +1,6 @@
+interface SvgComponent extends React.StatelessComponent<React.SVGAttributes<SVGElement>> {}
+
+declare module '*.svg' {
+  const value: SvgComponent;
+  export default value;
+}

packages/console/src/components/AppContent/components/Sidebar/components/Contact/const.tsx

@@ -1,37 +0,0 @@
-import { I18nKey } from '@logto/phrases';
-
-import discord from '@/assets/images/discord.svg';
-import email from '@/assets/images/email.svg';
-import github from '@/assets/images/github.svg';
-
-type ContactItem = {
-  icon: string;
-  title: I18nKey;
-  description: I18nKey;
-  label: I18nKey;
-  link: string;
-};
-
-export const contacts: ContactItem[] = [
-  {
-    title: 'admin_console.contact.discord.title',
-    icon: discord,
-    description: 'admin_console.contact.discord.description',
-    label: 'admin_console.contact.discord.button',
-    link: 'https://discord.gg/UEPaF3j5e6',
-  },
-  {
-    title: 'admin_console.contact.github.title',
-    icon: github,
-    description: 'admin_console.contact.github.description',
-    label: 'admin_console.contact.github.button',
-    link: 'https://github.com/logto-io/logto',
-  },
-  {
-    title: 'admin_console.contact.email.title',
-    icon: email,
-    description: 'admin_console.contact.email.description',
-    label: 'admin_console.contact.email.button',
-    link: 'mailto:feedback@logto.io',
-  },
-];

packages/console/src/components/AppContent/components/Sidebar/components/Contact/hook.tsx

@@ -0,0 +1,47 @@
+import { I18nKey } from '@logto/phrases';
+import { AppearanceMode } from '@logto/schemas';
+
+import DiscordDark from '@/assets/images/discord-dark.svg';
+import Discord from '@/assets/images/discord.svg';
+import EmailDark from '@/assets/images/email-dark.svg';
+import Email from '@/assets/images/email.svg';
+import GithubDark from '@/assets/images/github-dark.svg';
+import Github from '@/assets/images/github.svg';
+import { useTheme } from '@/hooks/use-theme';
+
+type ContactItem = {
+  icon: SvgComponent;
+  title: I18nKey;
+  description: I18nKey;
+  label: I18nKey;
+  link: string;
+};
+
+export const useContacts = (): ContactItem[] => {
+  const theme = useTheme();
+  const isLightMode = theme === AppearanceMode.LightMode;
+
+  return [
+    {
+      title: 'admin_console.contact.discord.title',
+      icon: isLightMode ? Discord : DiscordDark,
+      description: 'admin_console.contact.discord.description',
+      label: 'admin_console.contact.discord.button',
+      link: 'https://discord.gg/UEPaF3j5e6',
+    },
+    {
+      title: 'admin_console.contact.github.title',
+      icon: isLightMode ? Github : GithubDark,
+      description: 'admin_console.contact.github.description',
+      label: 'admin_console.contact.github.button',
+      link: 'https://github.com/logto-io/logto',
+    },
+    {
+      title: 'admin_console.contact.email.title',
+      icon: isLightMode ? Email : EmailDark,
+      description: 'admin_console.contact.email.description',
+      label: 'admin_console.contact.email.button',
+      link: 'mailto:feedback@logto.io',
+    },
+  ];
+};

packages/console/src/components/AppContent/components/Sidebar/components/Contact/index.tsx

@@ -6,7 +6,7 @@ import Button from '@/components/Button';
 import ModalLayout from '@/components/ModalLayout';
 import * as modalStyles from '@/scss/modal.module.scss';
 
-import { contacts } from './const';
+import { useContacts } from './hook';
 import * as styles from './index.module.scss';
 
 type Props = {
@@ -16,6 +16,7 @@ type Props = {
 
 const Contact = ({ isOpen, onCancel }: Props) => {
   const { t } = useTranslation();
+  const contacts = useContacts();
 
   return (
     <ReactModal
@@ -25,10 +26,10 @@ const Contact = ({ isOpen, onCancel }: Props) => {
     >
       <ModalLayout title="contact.title" subtitle="contact.description" onClose={onCancel}>
         <div className={styles.main}>
-          {contacts.map(({ title, icon, description, label, link }) => (
+          {contacts.map(({ title, icon: ContactIcon, description, label, link }) => (
             <div key={title} className={styles.row} onClick={() => window.open(link)}>
               <div className={styles.icon}>
-                <img src={icon} alt={title} />
+                <ContactIcon />
               </div>
               <div className={styles.text}>
                 <div className={styles.title}>{t(title)}</div>

packages/console/src/components/AppError/index.module.scss

@@ -14,7 +14,7 @@
     margin-top: _.unit(6);
   }
 
-  img {
+  > svg {
     height: 256px;
     width: 256px;
     margin-top: _.unit(30);

packages/console/src/components/AppError/index.tsx

@@ -1,7 +1,10 @@
+import { AppearanceMode } from '@logto/schemas';
 import React, { useState } from 'react';
 import { useTranslation } from 'react-i18next';
 
-import ErrorImage from '@/assets/images/warning.svg';
+import ErrorDark from '@/assets/images/error-dark.svg';
+import Error from '@/assets/images/error.svg';
+import { useTheme } from '@/hooks/use-theme';
 import { KeyboardArrowDown, KeyboardArrowUp } from '@/icons/Arrow';
 
 import * as styles from './index.module.scss';
@@ -17,10 +20,11 @@ type Props = {
 const AppError = ({ title, errorCode, errorMessage, callStack, children }: Props) => {
   const { t } = useTranslation(undefined, { keyPrefix: 'admin_console' });
   const [isDetailsOpen, setIsDetailsOpen] = useState(false);
+  const theme = useTheme();
 
   return (
     <div className={styles.container}>
-      <img src={ErrorImage} alt="oops" />
+      {theme === AppearanceMode.LightMode ? <Error /> : <ErrorDark />}
       <label>{title ?? t('errors.something_went_wrong')}</label>
       <div className={styles.summary}>
         <span>

packages/console/src/components/AppLoading/index.module.scss

@@ -9,7 +9,7 @@
   justify-content: center;
   overflow: hidden;
 
-  img {
+  svg {
     margin-bottom: _.unit(4);
   }
 }

packages/console/src/components/AppLoading/index.tsx

@@ -1,15 +1,21 @@
 import React from 'react';
 
-import illustration from '@/assets/images/loading-illustration.svg';
+import IllustrationDark from '@/assets/images/loading-illustration-dark.svg';
+import Illustration from '@/assets/images/loading-illustration.svg';
 import { Daisy as Spinner } from '@/components/Spinner';
+import { useTheme } from '@/hooks/use-theme';
 
 import * as styles from './index.module.scss';
 
-const AppLoading = () => (
-  <div className={styles.container}>
-    <img src={illustration} alt="loading" />
-    <Spinner />
-  </div>
-);
+const AppLoading = () => {
+  const theme = useTheme();
+
+  return (
+    <div className={styles.container}>
+      {theme === 'light' ? <Illustration /> : <IllustrationDark />}
+      <Spinner />
+    </div>
+  );
+};
 
 export default AppLoading;

packages/console/src/components/ApplicationIcon/index.tsx

@@ -0,0 +1,32 @@
+import { AppearanceMode, ApplicationType } from '@logto/schemas';
+import React from 'react';
+
+import NativeAppDark from '@/assets/images/native-app-dark.svg';
+import NativeApp from '@/assets/images/native-app.svg';
+import SinglePageAppDark from '@/assets/images/single-page-app-dark.svg';
+import SinglePageApp from '@/assets/images/single-page-app.svg';
+import TraditionalWebAppDark from '@/assets/images/traditional-web-app-dark.svg';
+import TraditionalWebApp from '@/assets/images/traditional-web-app.svg';
+import { useTheme } from '@/hooks/use-theme';
+
+type Props = {
+  type: ApplicationType;
+};
+
+const ApplicationIcon = ({ type }: Props) => {
+  const theme = useTheme();
+  const isLightMode = theme === AppearanceMode.LightMode;
+
+  switch (type) {
+    case ApplicationType.Native:
+      return isLightMode ? <NativeApp /> : <NativeAppDark />;
+    case ApplicationType.SPA:
+      return isLightMode ? <SinglePageApp /> : <SinglePageAppDark />;
+    case ApplicationType.Traditional:
+      return isLightMode ? <TraditionalWebApp /> : <TraditionalWebAppDark />;
+    default:
+      return null;
+  }
+};
+
+export default ApplicationIcon;

packages/console/src/components/Table/TableEmpty.tsx

@@ -1,27 +1,30 @@
+import { AppearanceMode } from '@logto/schemas';
 import React, { ReactNode } from 'react';
 import { useTranslation } from 'react-i18next';
 
-import EmptyImage from '@/assets/images/table-empty.svg';
+import EmptyDark from '@/assets/images/table-empty-dark.svg';
+import Empty from '@/assets/images/table-empty.svg';
+import { useTheme } from '@/hooks/use-theme';
 
 import * as styles from './TableEmpty.module.scss';
 
 type Props = {
   title?: string;
   content?: string;
+  image?: ReactNode;
   children?: ReactNode;
   columns: number;
 };
 
-const TableEmpty = ({ title, content, children, columns }: Props) => {
+const TableEmpty = ({ title, content, image, children, columns }: Props) => {
   const { t } = useTranslation();
+  const theme = useTheme();
 
   return (
     <tr>
       <td colSpan={columns} className={styles.tableEmptyTableData}>
         <div className={styles.tableEmpty}>
-          <div>
-            <img src={EmptyImage} />
-          </div>
+          {image ?? (theme === AppearanceMode.LightMode ? <Empty /> : <EmptyDark />)}
           <div className={styles.title}>{title ?? t('admin_console.errors.empty')}</div>
           {content && <div className={styles.content}>{content}</div>}
           {children}

packages/console/src/components/Table/TableError.tsx

@@ -1,7 +1,10 @@
+import { AppearanceMode } from '@logto/schemas';
 import React from 'react';
 import { useTranslation } from 'react-i18next';
 
-import ErrorImage from '@/assets/images/table-error.svg';
+import ErrorDark from '@/assets/images/error-dark.svg';
+import Error from '@/assets/images/error.svg';
+import { useTheme } from '@/hooks/use-theme';
 
 import Button from '../Button';
 import * as styles from './TableError.module.scss';
@@ -15,12 +18,13 @@ type Props = {
 
 const TableError = ({ title, content, onRetry, columns }: Props) => {
   const { t } = useTranslation();
+  const theme = useTheme();
 
   return (
     <tr>
       <td colSpan={columns}>
         <div className={styles.tableError}>
-          <img src={ErrorImage} />
+          {theme === AppearanceMode.LightMode ? <Error /> : <ErrorDark />}
           <div className={styles.title}>
             {title ?? t('admin_console.errors.something_went_wrong')}
           </div>

packages/console/src/components/Toast/index.tsx

@@ -2,8 +2,8 @@ import classNames from 'classnames';
 import React from 'react';
 import { Toaster, resolveValue, toast } from 'react-hot-toast';
 
-import errorIcon from '@/assets/images/toast-error.svg';
-import successIcon from '@/assets/images/toast-success.svg';
+import Error from '@/assets/images/toast-error.svg';
+import Success from '@/assets/images/toast-success.svg';
 import Close from '@/icons/Close';
 
 import IconButton from '../IconButton';
@@ -16,11 +16,11 @@ const Toast = () => {
         className: styles.toast,
         success: {
           className: classNames(styles.toast, styles.success),
-          icon: <img src={successIcon} />,
+          icon: <Success />,
         },
         error: {
           className: classNames(styles.toast, styles.error),
-          icon: <img src={errorIcon} />,
+          icon: <Error />,
         },
       }}
     >

packages/console/src/consts/connectors.ts

@@ -1,9 +1,6 @@
 import { AdminConsoleKey, I18nKey } from '@logto/phrases';
 import { ConnectorPlatform, ConnectorType } from '@logto/schemas';
 
-import emailConnectorIcon from '@/assets/images/connector-email.svg';
-import smsConnectorIcon from '@/assets/images/connector-sms.svg';
-
 type TitlePlaceHolder = {
   [key in ConnectorType]: I18nKey;
 };
@@ -14,17 +11,6 @@ export const connectorTitlePlaceHolder: TitlePlaceHolder = Object.freeze({
   [ConnectorType.Social]: 'admin_console.connectors.type.social',
 });
 
-type IconPlaceHolder = {
-  [key in ConnectorType]: string;
-};
-
-export const connectorIconPlaceHolder: IconPlaceHolder = Object.freeze({
-  [ConnectorType.SMS]: smsConnectorIcon,
-  [ConnectorType.Email]: emailConnectorIcon,
-  // Note: we don't need icon placeholder for social connector
-  [ConnectorType.Social]: '',
-});
-
 type ConnectorPlatformLabel = {
   [key in ConnectorPlatform]: AdminConsoleKey;
 };

packages/console/src/consts/icons.ts

@@ -1,11 +0,0 @@
-import { ApplicationType } from '@logto/schemas';
-
-import nativeAppIcon from '@/assets/images/native-app.svg';
-import singlePageAppIcon from '@/assets/images/single-page-app.svg';
-import traditionalWebAppIcon from '@/assets/images/traditional-web-app.svg';
-
-export const ApplicationIcon = {
-  [ApplicationType.Native]: nativeAppIcon,
-  [ApplicationType.SPA]: singlePageAppIcon,
-  [ApplicationType.Traditional]: traditionalWebAppIcon,
-};

packages/console/src/consts/index.ts

@@ -1,4 +1,6 @@
 export * from './applications';
-export * from './icons';
+export * from './avatars';
+export * from './connectors';
+export * from './logs';
 
 export const themeStorageKey = 'logto:admin_console:theme';

packages/console/src/hooks/use-theme.ts

@@ -0,0 +1,18 @@
+import { AppearanceMode } from '@logto/schemas';
+
+import useUserPreferences from './use-user-preferences';
+
+export const useTheme = () => {
+  const {
+    data: { appearanceMode },
+  } = useUserPreferences();
+
+  if (appearanceMode !== AppearanceMode.SyncWithSystem) {
+    return appearanceMode;
+  }
+
+  const darkThemeWatchMedia = window.matchMedia('(prefers-color-scheme: dark)');
+  const theme = darkThemeWatchMedia.matches ? AppearanceMode.DarkMode : AppearanceMode.LightMode;
+
+  return theme;
+};

packages/console/src/pages/ApiResourceDetails/index.tsx

@@ -1,4 +1,4 @@
-import { Resource } from '@logto/schemas';
+import { AppearanceMode, Resource } from '@logto/schemas';
 import classNames from 'classnames';
 import React, { useEffect, useState } from 'react';
 import { useForm } from 'react-hook-form';
@@ -8,7 +8,8 @@ import Modal from 'react-modal';
 import { useLocation, useParams } from 'react-router-dom';
 import useSWR from 'swr';
 
-import apiResourceIcon from '@/assets/images/api-resource.svg';
+import ApiResourceDark from '@/assets/images/api-resource-dark.svg';
+import ApiResource from '@/assets/images/api-resource.svg';
 import ActionMenu, { ActionMenuItem } from '@/components/ActionMenu';
 import Button from '@/components/Button';
 import Card from '@/components/Card';
@@ -20,6 +21,7 @@ import LinkButton from '@/components/LinkButton';
 import TabNav, { TabNavItem } from '@/components/TabNav';
 import TextInput from '@/components/TextInput';
 import useApi, { RequestError } from '@/hooks/use-api';
+import { useTheme } from '@/hooks/use-theme';
 import Back from '@/icons/Back';
 import Delete from '@/icons/Delete';
 import More from '@/icons/More';
@@ -41,6 +43,8 @@ const ApiResourceDetails = () => {
 
   const { data, error, mutate } = useSWR<Resource, RequestError>(id && `/api/resources/${id}`);
   const isLoading = !data && !error;
+  const theme = useTheme();
+  const Icon = theme === AppearanceMode.LightMode ? ApiResource : ApiResourceDark;
 
   const {
     handleSubmit,
@@ -89,7 +93,7 @@ const ApiResourceDetails = () => {
         <>
           <Card className={styles.header}>
             <div className={styles.info}>
-              <img className={styles.icon} src={apiResourceIcon} />
+              <Icon className={styles.icon} />
               <div className={styles.meta}>
                 <div className={styles.name}>{data.name}</div>
                 <CopyToClipboard value={data.indicator} />

packages/console/src/pages/ApiResources/index.tsx

@@ -1,4 +1,4 @@
-import { Resource } from '@logto/schemas';
+import { AppearanceMode, Resource } from '@logto/schemas';
 import classNames from 'classnames';
 import React, { useState } from 'react';
 import { toast } from 'react-hot-toast';
@@ -7,7 +7,8 @@ import Modal from 'react-modal';
 import { useNavigate, useSearchParams } from 'react-router-dom';
 import useSWR from 'swr';
 
-import apiResourceIcon from '@/assets/images/api-resource.svg';
+import ApiResourceDark from '@/assets/images/api-resource-dark.svg';
+import ApiResource from '@/assets/images/api-resource.svg';
 import Button from '@/components/Button';
 import Card from '@/components/Card';
 import CardTitle from '@/components/CardTitle';
@@ -18,6 +19,7 @@ import TableEmpty from '@/components/Table/TableEmpty';
 import TableError from '@/components/Table/TableError';
 import TableLoading from '@/components/Table/TableLoading';
 import { RequestError } from '@/hooks/use-api';
+import { useTheme } from '@/hooks/use-theme';
 import Plus from '@/icons/Plus';
 import * as modalStyles from '@/scss/modal.module.scss';
 import * as tableStyles from '@/scss/table.module.scss';
@@ -39,6 +41,7 @@ const ApiResources = () => {
   );
   const isLoading = !data && !error;
   const navigate = useNavigate();
+  const theme = useTheme();
   const [apiResources, totalCount] = data ?? [];
 
   return (
@@ -116,7 +119,9 @@ const ApiResources = () => {
                 <td>
                   <ItemPreview
                     title={name}
-                    icon={<img src={apiResourceIcon} />}
+                    icon={
+                      theme === AppearanceMode.LightMode ? <ApiResource /> : <ApiResourceDark />
+                    }
                     to={buildDetailsLink(id)}
                   />
                 </td>

packages/console/src/pages/ApplicationDetails/index.module.scss

@@ -30,13 +30,6 @@
   justify-content: space-between;
   padding: _.unit(6);
 
-  .icon {
-    margin-left: _.unit(2);
-    width: 60px;
-    height: 60px;
-    object-fit: cover;
-  }
-
   > *:not(:first-child) {
     margin-left: _.unit(6);
   }

packages/console/src/pages/ApplicationDetails/index.tsx

@@ -9,6 +9,7 @@ import { useLocation, useParams } from 'react-router-dom';
 import useSWR from 'swr';
 
 import ActionMenu, { ActionMenuItem } from '@/components/ActionMenu';
+import ApplicationIcon from '@/components/ApplicationIcon';
 import Button from '@/components/Button';
 import Card from '@/components/Card';
 import CopyToClipboard from '@/components/CopyToClipboard';
@@ -16,7 +17,6 @@ import DetailsSkeleton from '@/components/DetailsSkeleton';
 import Drawer from '@/components/Drawer';
 import LinkButton from '@/components/LinkButton';
 import TabNav, { TabNavItem } from '@/components/TabNav';
-import { ApplicationIcon } from '@/consts';
 import useApi, { RequestError } from '@/hooks/use-api';
 import Back from '@/icons/Back';
 import Delete from '@/icons/Delete';
@@ -111,7 +111,7 @@ const ApplicationDetails = () => {
       {data && oidcConfig && (
         <>
           <Card className={styles.header}>
-            <img className={styles.icon} src={ApplicationIcon[data.type]} />
+            <ApplicationIcon type={data.type} />
             <div className={styles.metadata}>
               <div className={styles.name}>{data.name}</div>
               <div className={styles.details}>

packages/console/src/pages/Applications/components/SdkSelector/index.module.scss

@@ -6,8 +6,10 @@
   flex-direction: column;
   scroll-margin: _.unit(5);
 
-  img {
+  .congrats {
     display: block;
+    width: 160px;
+    height: 160px;
     margin: _.unit(1) auto _.unit(8);
   }
 
@@ -48,7 +50,7 @@
     font: var(--font-body-medium);
     color: var(--color-text);
 
-    img {
+    .tada {
       margin: 0 _.unit(4) 0 0;
     }
   }

packages/console/src/pages/Applications/components/SdkSelector/index.tsx

@@ -1,14 +1,18 @@
+import { AppearanceMode } from '@logto/schemas';
 import classNames from 'classnames';
 import React, { useState } from 'react';
 import { useTranslation } from 'react-i18next';
 
-import congrats from '@/assets/images/congrats.svg';
-import tada from '@/assets/images/tada.svg';
+import CongratsDark from '@/assets/images/congrats-dark.svg';
+import Congrats from '@/assets/images/congrats.svg';
+import TadaDark from '@/assets/images/tada-dark.svg';
+import Tada from '@/assets/images/tada.svg';
 import Button from '@/components/Button';
 import Card from '@/components/Card';
 import RadioGroup, { Radio } from '@/components/RadioGroup';
 import Select from '@/components/Select';
 import Spacer from '@/components/Spacer';
+import { useTheme } from '@/hooks/use-theme';
 import { SupportedSdk } from '@/types/applications';
 
 import * as styles from './index.module.scss';
@@ -32,11 +36,15 @@ const SdkSelector = ({
 }: Props) => {
   const [isFolded, setIsFolded] = useState(isCompact);
   const { t } = useTranslation(undefined, { keyPrefix: 'admin_console' });
+  const theme = useTheme();
+  const isLightMode = theme === AppearanceMode.LightMode;
+  const CongratsIcon = isLightMode ? Congrats : CongratsDark;
+  const TadaIcon = isLightMode ? Tada : TadaDark;
 
   if (isFolded) {
     return (
       <div className={classNames(styles.card, styles.folded, className)}>
-        <img src={tada} alt="Tada!" />
+        <TadaIcon className={styles.tada} />
         <span>{t('applications.guide.description_by_sdk', { sdk: selectedSdk })}</span>
         <Spacer />
         <Select
@@ -54,7 +62,7 @@ const SdkSelector = ({
 
   return (
     <Card className={classNames(styles.card, className)}>
-      <img src={congrats} alt="success" />
+      <CongratsIcon className={styles.congrats} />
       <div>
         <div className={styles.title}>{t('applications.guide.title')}</div>
         <div className={styles.subtitle}>{t('applications.guide.subtitle')}</div>

packages/console/src/pages/Applications/index.tsx

@@ -7,6 +7,7 @@ import Modal from 'react-modal';
 import { useLocation, useNavigate, useSearchParams } from 'react-router-dom';
 import useSWR from 'swr';
 
+import ApplicationIcon from '@/components/ApplicationIcon';
 import Button from '@/components/Button';
 import Card from '@/components/Card';
 import CardTitle from '@/components/CardTitle';
@@ -16,7 +17,6 @@ import Pagination from '@/components/Pagination';
 import TableEmpty from '@/components/Table/TableEmpty';
 import TableError from '@/components/Table/TableError';
 import TableLoading from '@/components/Table/TableLoading';
-import { ApplicationIcon } from '@/consts';
 import { RequestError } from '@/hooks/use-api';
 import Plus from '@/icons/Plus';
 import * as modalStyles from '@/scss/modal.module.scss';
@@ -115,7 +115,7 @@ const Applications = () => {
                   <ItemPreview
                     title={name}
                     subtitle={t(`${applicationTypeI18nKey[type]}.title`)}
-                    icon={<img src={ApplicationIcon[type]} />}
+                    icon={<ApplicationIcon type={type} />}
                     to={`/applications/${id}`}
                   />
                 </td>

packages/console/src/pages/Connectors/components/ConnectorName/index.tsx

@@ -6,13 +6,10 @@ import { Link } from 'react-router-dom';
 import Button from '@/components/Button';
 import ItemPreview from '@/components/ItemPreview';
 import UnnamedTrans from '@/components/UnnamedTrans';
-import {
-  connectorIconPlaceHolder,
-  connectorPlatformLabel,
-  connectorTitlePlaceHolder,
-} from '@/consts/connectors';
+import { connectorPlatformLabel, connectorTitlePlaceHolder } from '@/consts/connectors';
 import ConnectorPlatformIcon from '@/icons/ConnectorPlatformIcon';
 
+import ConnectorPlaceholderIcon from '../ConnectorPlaceholderIcon';
 import * as styles from './index.module.scss';
 
 type Props = {
@@ -39,7 +36,7 @@ const ConnectorName = ({ type, connectors, onClickSetup }: Props) => {
         }
         icon={
           <div className={styles.logoContainer}>
-            <img src={connectorIconPlaceHolder[type]} />
+            <ConnectorPlaceholderIcon type={type} />
           </div>
         }
       />

packages/console/src/pages/Connectors/components/ConnectorPlaceholderIcon/index.tsx

@@ -0,0 +1,28 @@
+import { AppearanceMode, ConnectorType } from '@logto/schemas';
+import React from 'react';
+
+import EmailConnectorDark from '@/assets/images/connector-email-dark.svg';
+import EmailConnector from '@/assets/images/connector-email.svg';
+import SmsConnectorIconDark from '@/assets/images/connector-sms-dark.svg';
+import SmsConnectorIcon from '@/assets/images/connector-sms.svg';
+import { useTheme } from '@/hooks/use-theme';
+
+type Props = {
+  type: ConnectorType;
+};
+
+const ConnectorPlaceholderIcon = ({ type }: Props) => {
+  const theme = useTheme();
+  const isLightMode = theme === AppearanceMode.LightMode;
+
+  switch (type) {
+    case ConnectorType.Email:
+      return isLightMode ? <EmailConnector /> : <EmailConnectorDark />;
+    case ConnectorType.SMS:
+      return isLightMode ? <SmsConnectorIcon /> : <SmsConnectorIconDark />;
+    default:
+      return null;
+  }
+};
+
+export default ConnectorPlaceholderIcon;

packages/console/src/pages/Connectors/index.tsx

@@ -1,9 +1,11 @@
-import { ConnectorType } from '@logto/schemas';
+import { AppearanceMode, ConnectorType } from '@logto/schemas';
 import classNames from 'classnames';
 import React, { useMemo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useLocation } from 'react-router-dom';
 
+import SocialConnectorEmptyDark from '@/assets/images/social-connector-empty-dark.svg';
+import SocialConnectorEmpty from '@/assets/images/social-connector-empty.svg';
 import Button from '@/components/Button';
 import Card from '@/components/Card';
 import CardTitle from '@/components/CardTitle';
@@ -12,6 +14,7 @@ import TableEmpty from '@/components/Table/TableEmpty';
 import TableError from '@/components/Table/TableError';
 import TableLoading from '@/components/Table/TableLoading';
 import useConnectorGroups from '@/hooks/use-connector-groups';
+import { useTheme } from '@/hooks/use-theme';
 import Plus from '@/icons/Plus';
 import * as tableStyles from '@/scss/table.module.scss';
 
@@ -26,6 +29,8 @@ const Connectors = () => {
   const [createType, setCreateType] = useState<ConnectorType>();
   const { data, error, mutate } = useConnectorGroups();
   const isLoading = !data && !error;
+  const theme = useTheme();
+  const isLightMode = theme === AppearanceMode.LightMode;
 
   const emailConnector = useMemo(() => {
     const emailConnectorGroup = data?.find(
@@ -100,6 +105,7 @@ const Connectors = () => {
                   columns={3}
                   title={t('connectors.type.social')}
                   content={t('connectors.social_connector_eg')}
+                  image={isLightMode ? <SocialConnectorEmpty /> : <SocialConnectorEmptyDark />}
                 >
                   <Button title="admin_console.connectors.create" type="outline" />
                 </TableEmpty>

packages/console/src/pages/GetStarted/components/GetStartedProgress/index.module.scss

@@ -17,7 +17,7 @@
     background-color: var(--color-focused-variant);
   }
 
-  img {
+  .icon {
     width: 24px;
     height: 24px;
     margin-right: 8px;

packages/console/src/pages/GetStarted/components/GetStartedProgress/index.tsx

@@ -1,10 +1,13 @@
+import { AppearanceMode } from '@logto/schemas';
 import classNames from 'classnames';
 import React, { useRef, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 
-import icon from '@/assets/images/tada.svg';
+import TadaDark from '@/assets/images/tada-dark.svg';
+import Tada from '@/assets/images/tada.svg';
 import Dropdown, { DropdownItem } from '@/components/Dropdown';
 import Index from '@/components/Index';
+import { useTheme } from '@/hooks/use-theme';
 import useUserPreferences from '@/hooks/use-user-preferences';
 
 import useGetStartedMetadata from '../../hook';
@@ -15,6 +18,8 @@ const GetStartedProgress = () => {
   const {
     data: { hideGetStarted },
   } = useUserPreferences();
+  const theme = useTheme();
+  const Icon = theme === AppearanceMode.LightMode ? Tada : TadaDark;
   const anchorRef = useRef<HTMLDivElement>(null);
   const [showDropDown, setShowDropdown] = useState(false);
   const { data, completedCount, totalCount } = useGetStartedMetadata({ checkDemoAppExists: false });
@@ -32,7 +37,7 @@ const GetStartedProgress = () => {
           setShowDropdown(true);
         }}
       >
-        <img src={icon} />
+        <Icon className={styles.icon} />
         <span>
           {t('get_started.progress', {
             completed: completedCount,

packages/console/src/pages/GetStarted/hook.ts

@@ -1,22 +1,29 @@
 import { AdminConsoleKey, I18nKey } from '@logto/phrases';
-import { Application } from '@logto/schemas';
+import { AppearanceMode, Application } from '@logto/schemas';
 import { useNavigate } from 'react-router-dom';
 import useSWR from 'swr';
 
-import checkDemoIcon from '@/assets/images/check-demo.svg';
-import createAppIcon from '@/assets/images/create-app.svg';
-import customizeIcon from '@/assets/images/customize.svg';
-import furtherReadingsIcon from '@/assets/images/further-readings.svg';
-import oneClickIcon from '@/assets/images/one-click.svg';
-import passwordlessIcon from '@/assets/images/passwordless.svg';
+import CheckDemoDark from '@/assets/images/check-demo-dark.svg';
+import CheckDemo from '@/assets/images/check-demo.svg';
+import CreateAppDark from '@/assets/images/create-app-dark.svg';
+import CreateApp from '@/assets/images/create-app.svg';
+import CustomizeDark from '@/assets/images/customize-dark.svg';
+import Customize from '@/assets/images/customize.svg';
+import FurtherReadingsDark from '@/assets/images/further-readings-dark.svg';
+import FurtherReadings from '@/assets/images/further-readings.svg';
+import OneClickDark from '@/assets/images/one-click-dark.svg';
+import OneClick from '@/assets/images/one-click.svg';
+import PasswordlessDark from '@/assets/images/passwordless-dark.svg';
+import Passwordless from '@/assets/images/passwordless.svg';
 import { RequestError } from '@/hooks/use-api';
 import useSettings from '@/hooks/use-settings';
+import { useTheme } from '@/hooks/use-theme';
 
 type GetStartedMetadata = {
   id: string;
   title: AdminConsoleKey;
   subtitle: AdminConsoleKey;
-  icon: string;
+  icon: SvgComponent;
   buttonText: I18nKey;
   isComplete?: boolean;
   isHidden?: boolean;
@@ -29,6 +36,8 @@ type Props = {
 
 const useGetStartedMetadata = ({ checkDemoAppExists }: Props) => {
   const { settings, updateSettings } = useSettings();
+  const theme = useTheme();
+  const isLightMode = theme === AppearanceMode.LightMode;
   const { data: demoApp, error } = useSWR<Application, RequestError>(
     checkDemoAppExists && '/api/applications/demo_app',
     {
@@ -50,7 +59,7 @@ const useGetStartedMetadata = ({ checkDemoAppExists }: Props) => {
       id: 'checkDemo',
       title: 'get_started.card1_title',
       subtitle: 'get_started.card1_subtitle',
-      icon: checkDemoIcon,
+      icon: isLightMode ? CheckDemo : CheckDemoDark,
       buttonText: 'general.check_out',
       isComplete: settings?.checkDemo,
       isHidden: hideDemo,
@@ -63,7 +72,7 @@ const useGetStartedMetadata = ({ checkDemoAppExists }: Props) => {
       id: 'createApplication',
       title: 'get_started.card2_title',
       subtitle: 'get_started.card2_subtitle',
-      icon: createAppIcon,
+      icon: isLightMode ? CreateApp : CreateAppDark,
       buttonText: 'general.create',
       isComplete: settings?.createApplication,
       onClick: () => {
@@ -74,7 +83,7 @@ const useGetStartedMetadata = ({ checkDemoAppExists }: Props) => {
       id: 'configurePasswordless',
       title: 'get_started.card3_title',
       subtitle: 'get_started.card3_subtitle',
-      icon: passwordlessIcon,
+      icon: isLightMode ? Passwordless : PasswordlessDark,
       buttonText: 'general.create',
       isComplete: settings?.configurePasswordless,
       onClick: () => {
@@ -85,7 +94,7 @@ const useGetStartedMetadata = ({ checkDemoAppExists }: Props) => {
       id: 'configureSocialSignIn',
       title: 'get_started.card4_title',
       subtitle: 'get_started.card4_subtitle',
-      icon: oneClickIcon,
+      icon: isLightMode ? OneClick : OneClickDark,
       buttonText: 'general.set_up',
       onClick: () => {
         navigate('/connectors/social');
@@ -95,7 +104,7 @@ const useGetStartedMetadata = ({ checkDemoAppExists }: Props) => {
       id: 'customizeSignInExperience',
       title: 'get_started.card5_title',
       subtitle: 'get_started.card5_subtitle',
-      icon: customizeIcon,
+      icon: isLightMode ? Customize : CustomizeDark,
       buttonText: 'general.customize',
       isComplete: settings?.customizeSignInExperience,
       onClick: () => {
@@ -106,7 +115,7 @@ const useGetStartedMetadata = ({ checkDemoAppExists }: Props) => {
       id: 'checkFurtherReadings',
       title: 'get_started.card6_title',
       subtitle: 'get_started.card6_subtitle',
-      icon: furtherReadingsIcon,
+      icon: isLightMode ? FurtherReadings : FurtherReadingsDark,
       buttonText: 'general.check_out',
       isComplete: settings?.checkFurtherReadings,
       onClick: () => {

packages/console/src/pages/GetStarted/index.module.scss

@@ -44,6 +44,7 @@
     position: absolute;
     top: 53px;
     left: 70px;
+    color: var(--color-layer-1);
   }
 
   .wrapper {

packages/console/src/pages/GetStarted/index.tsx

@@ -2,7 +2,7 @@ import React, { useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useNavigate } from 'react-router-dom';
 
-import completeIndicator from '@/assets/images/circle-tick.svg';
+import CompleteIndicator from '@/assets/images/circle-tick.svg';
 import Button from '@/components/Button';
 import Card from '@/components/Card';
 import ConfirmModal from '@/components/ConfirmModal';
@@ -49,11 +49,11 @@ const GetStarted = () => {
       {isLoading && <Skeleton />}
       {!isLoading &&
         data.map(
-          ({ id, title, subtitle, icon, isComplete, isHidden, buttonText, onClick }) =>
+          ({ id, title, subtitle, icon: CardIcon, isComplete, isHidden, buttonText, onClick }) =>
             !isHidden && (
               <Card key={id} className={styles.card}>
-                <img className={styles.icon} src={icon} />
-                {isComplete && <img className={styles.completeIndicator} src={completeIndicator} />}
+                <CardIcon className={styles.icon} />
+                {isComplete && <CompleteIndicator className={styles.completeIndicator} />}
                 <div className={styles.wrapper}>
                   <div className={styles.title}>{t(title)}</div>
                   <div className={styles.subtitle}>{t(subtitle)}</div>

packages/console/src/pages/NotFound/index.module.scss

@@ -6,7 +6,7 @@
   text-align: center;
   overflow: hidden;
 
-  img {
+  svg {
     margin: 15% 0 _.unit(4);
   }
 

packages/console/src/pages/NotFound/index.tsx

@@ -1,17 +1,21 @@
+import { AppearanceMode } from '@logto/schemas';
 import React from 'react';
 import { useTranslation } from 'react-i18next';
 
-import errorImage from '@/assets/images/error.svg';
+import NotFoundDarkImage from '@/assets/images/not-found-dark.svg';
+import NotFoundImage from '@/assets/images/not-found.svg';
 import Card from '@/components/Card';
+import { useTheme } from '@/hooks/use-theme';
 
 import * as styles from './index.module.scss';
 
 const NotFound = () => {
   const { t } = useTranslation(undefined, { keyPrefix: 'admin_console' });
+  const theme = useTheme();
 
   return (
     <Card className={styles.container}>
-      <img src={errorImage} alt="error" />
+      {theme === AppearanceMode.LightMode ? <NotFoundImage /> : <NotFoundDarkImage />}
       <div className={styles.message}>{t('errors.page_not_found')}</div>
     </Card>
   );

packages/console/src/pages/SignInExperience/components/Welcome.module.scss

@@ -16,5 +16,11 @@
     > *:not(:last-child) {
       margin-bottom: _.unit(5);
     }
+
+    .text {
+      font: var(--font-body-medium);
+      max-width: 410px;
+      text-align: center;
+    }
   }
 }

packages/console/src/pages/SignInExperience/components/Welcome.tsx

@@ -1,10 +1,13 @@
+import { AppearanceMode } from '@logto/schemas';
 import React, { useState } from 'react';
 import { useTranslation } from 'react-i18next';
 
+import WelcomeImageDark from '@/assets/images/sign-in-experience-welcome-dark.svg';
 import WelcomeImage from '@/assets/images/sign-in-experience-welcome.svg';
 import Button from '@/components/Button';
 import Card from '@/components/Card';
 import CardTitle from '@/components/CardTitle';
+import { useTheme } from '@/hooks/use-theme';
 
 import GuideModal from './GuideModal';
 import * as styles from './Welcome.module.scss';
@@ -12,14 +15,15 @@ import * as styles from './Welcome.module.scss';
 const Welcome = () => {
   const { t } = useTranslation(undefined, { keyPrefix: 'admin_console' });
   const [isOpen, setIsOpen] = useState(false);
+  const theme = useTheme();
 
   return (
     <>
       <Card className={styles.welcome}>
         <CardTitle title="sign_in_exp.title" subtitle="sign_in_exp.description" />
         <div className={styles.content}>
-          <img src={WelcomeImage} />
-          <div>{t('sign_in_exp.welcome.title')}</div>
+          {theme === AppearanceMode.LightMode ? <WelcomeImage /> : <WelcomeImageDark />}
+          <div className={styles.text}>{t('sign_in_exp.welcome.title')}</div>
           <Button
             title="admin_console.sign_in_exp.welcome.get_started"
             type="primary"

packages/console/src/pages/Welcome/index.module.scss

@@ -29,17 +29,11 @@ main {
   margin: 0 auto;
 }
 
-.icon {
-  width: 256px;
-  height: 256px;
-  margin-bottom: _.unit(2);
-}
-
 .title {
   font: var(--font-headline-medium);
   color: var(--color-text);
   text-align: center;
-  margin-bottom: _.unit(3);
+  margin: _.unit(2) 0 _.unit(3);
 }
 
 .description {

packages/console/src/pages/Welcome/index.tsx

@@ -1,12 +1,15 @@
 import { LogtoClientError, useLogto } from '@logto/react';
+import { AppearanceMode } from '@logto/schemas';
 import React, { useEffect } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useNavigate, useHref } from 'react-router-dom';
 
-import WelcomeIcon from '@/assets/images/welcome-icon.svg';
+import WelcomeDark from '@/assets/images/welcome-dark.svg';
+import WelcomeIcon from '@/assets/images/welcome.svg';
 import AppError from '@/components/AppError';
 import Button from '@/components/Button';
 import SessionExpired from '@/components/SessionExpired';
+import { useTheme } from '@/hooks/use-theme';
 import Logo from '@/icons/Logo';
 
 import * as styles from './index.module.scss';
@@ -16,6 +19,7 @@ const Welcome = () => {
   const navigate = useNavigate();
   const { isAuthenticated, error, signIn } = useLogto();
   const href = useHref('/callback');
+  const theme = useTheme();
 
   useEffect(() => {
     // If Authenticated, navigate to the Admin Console root page. directly
@@ -38,7 +42,7 @@ const Welcome = () => {
         <Logo className={styles.logo} />
       </div>
       <main>
-        <img src={WelcomeIcon} alt="welcome" className={styles.icon} />
+        {theme === AppearanceMode.LightMode ? <WelcomeIcon /> : <WelcomeDark />}
         <div className={styles.title}>{t('welcome.title')}</div>
         <div className={styles.description}>{t('welcome.description')}</div>
         <Button

packages/console/svgo.config.js

@@ -0,0 +1,13 @@
+module.exports = {
+  plugins: [
+    {
+      name: 'preset-default',
+      params: {
+        overrides: {
+          cleanupIDs: false,
+          removeViewBox: false,
+        },
+      },
+    },
+  ],
+};

packages/demo-app/src/App.module.scss

@@ -20,6 +20,11 @@
     font-size: 14px;
     line-height: 20px;
 
+    img {
+      width: 120px;
+      height: 120px;
+    }
+
     .title {
       margin-top: _.unit(6);
       color: var(--color-neutral-10);

packages/demo-app/src/App.tsx

@@ -7,6 +7,7 @@ import { useTranslation } from 'react-i18next';
 import '@/scss/normalized.scss';
 import * as styles from './App.module.scss';
 import Callback from './Callback';
+import congratsDark from './assets/congrats-dark.svg';
 import congrats from './assets/congrats.svg';
 import initI18n from './i18n/init';
 
@@ -17,6 +18,8 @@ const Main = () => {
   const [user, setUser] = useState<UserInfoResponse>();
   const { t } = useTranslation(undefined, { keyPrefix: 'demo_app' });
   const isInCallback = Boolean(new URL(window.location.href).searchParams.get('code'));
+  const isDarkMode = window.matchMedia('(prefers-color-scheme: dark)').matches;
+  const [congratsIcon, setCongratsIcon] = useState<string>(isDarkMode ? congratsDark : congrats);
 
   useEffect(() => {
     if (isInCallback) {
@@ -34,6 +37,21 @@ const Main = () => {
     }
   }, [fetchUserInfo, isAuthenticated, isInCallback, signIn, t]);
 
+  useEffect(() => {
+    const onThemeChange = (event: MediaQueryListEvent) => {
+      const isDarkMode = event.matches;
+      setCongratsIcon(isDarkMode ? congratsDark : congrats);
+    };
+
+    window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', onThemeChange);
+
+    return () => {
+      window
+        .matchMedia('(prefers-color-scheme: dark)')
+        .removeEventListener('change', onThemeChange);
+    };
+  }, []);
+
   if (isInCallback) {
     return <Callback />;
   }
@@ -45,7 +63,7 @@ const Main = () => {
   return (
     <div className={styles.app}>
       <div className={styles.card}>
-        <img src={congrats} alt="Congrats" />
+        {congratsIcon && <img src={congratsIcon} alt="Congrats" />}
         <div className={styles.title}>{t('title')}</div>
         <div className={styles.text}>{t('subtitle')}</div>
         <div className={styles.infoCard}>

packages/demo-app/src/assets/congrats-dark.svg

@@ -0,0 +1,33 @@
+<svg width="256" height="256" viewBox="0 0 256 256" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M128 208C172.183 208 208 172.183 208 128C208 83.8172 172.183 48 128 48C83.8172 48 48 83.8172 48 128C48 172.183 83.8172 208 128 208ZM128 168C150.091 168 168 150.091 168 128C168 105.909 150.091 88 128 88C105.909 88 88 105.909 88 128C88 150.091 105.909 168 128 168Z" fill="#434966"/>
+<path d="M71.3203 82.2193L75.0494 77.9656C77.1089 75.6163 76.8739 72.0423 74.5247 69.9828V69.9828C72.1754 67.9233 71.9405 64.3493 74 62V62C76.0595 59.6507 75.8246 56.0767 73.4753 54.0172V54.0172C71.126 51.9577 70.8911 48.3837 72.9506 46.0345L76.6797 41.7807" stroke="#81A281" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
+<rect x="89" y="44.1564" width="16" height="16" rx="4" transform="rotate(-30.6488 89 44.1564)" fill="#B68FB9"/>
+<rect x="217.074" y="72.5758" width="8" height="8" transform="rotate(35.5802 217.074 72.5758)" fill="#B6A2B8"/>
+<rect x="142" y="128" width="24" height="24" fill="#B98EBC"/>
+<path d="M120.586 58.0008C120.528 57.892 120.61 57.7615 120.733 57.7659L138.643 58.4036C138.766 58.4079 138.838 58.5439 138.773 58.6483L129.266 73.8397C129.2 73.9441 129.046 73.9386 128.989 73.8298L120.586 58.0008Z" fill="#68BE6C"/>
+<path d="M172.277 123.132C172.23 122.979 172.366 122.833 172.522 122.868L195.213 128.073C195.369 128.109 195.428 128.3 195.319 128.417L179.466 145.466C179.357 145.583 179.162 145.538 179.115 145.385L172.277 123.132Z" fill="#85C086"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M104.663 86.3338C104.663 86.1494 104.812 86 104.997 86H111.005C111.189 86 111.338 86.1494 111.338 86.3338V96.9075L120.495 91.6207C120.655 91.5285 120.859 91.5832 120.951 91.7429L123.955 96.9459C124.048 97.1056 123.993 97.3097 123.833 97.4019L114.676 102.689L123.832 107.976C123.992 108.068 124.047 108.272 123.955 108.432L120.951 113.635C120.859 113.794 120.654 113.849 120.495 113.757L111.338 108.471V119.044C111.338 119.228 111.189 119.378 111.005 119.378H104.997C104.812 119.378 104.663 119.228 104.663 119.044V108.47L95.5054 113.757C95.3458 113.849 95.1416 113.794 95.0495 113.635L92.0455 108.432C91.9533 108.272 92.008 108.068 92.1676 107.976L101.325 102.689L92.1669 97.4019C92.0073 97.3097 91.9526 97.1056 92.0448 96.9459L95.0488 91.7429C95.1409 91.5832 95.3451 91.5285 95.5047 91.6207L104.663 96.9081V86.3338Z" fill="#7075CB"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M152.2 124.399C162.803 124.399 171.399 115.803 171.399 105.2C171.399 94.596 162.803 86 152.2 86C141.596 86 133 94.596 133 105.2C133 115.803 141.596 124.399 152.2 124.399ZM152.2 114.799C157.502 114.799 161.799 110.502 161.799 105.2C161.799 99.8978 157.502 95.5998 152.2 95.5998C146.898 95.5998 142.6 99.8978 142.6 105.2C142.6 110.502 146.898 114.799 152.2 114.799Z" fill="#EFD2AA"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M40 64C44.4183 64 48 60.4183 48 56C48 51.5817 44.4183 48 40 48C35.5817 48 32 51.5817 32 56C32 60.4183 35.5817 64 40 64ZM40 60C42.2091 60 44 58.2091 44 56C44 53.7909 42.2091 52 40 52C37.7909 52 36 53.7909 36 56C36 58.2091 37.7909 60 40 60Z" fill="#948E86"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M218 41C220.209 41 222 39.2091 222 37C222 34.7909 220.209 33 218 33C215.791 33 214 34.7909 214 37C214 39.2091 215.791 41 218 41ZM218 39C219.105 39 220 38.1046 220 37C220 35.8954 219.105 35 218 35C216.895 35 216 35.8954 216 37C216 38.1046 216.895 39 218 39Z" fill="#AEA090"/>
+<path d="M126.596 48C134.408 48 141.959 49.1198 149.096 51.2075C167.283 56.5275 182.787 68.1329 193.096 83.5131M187.817 179.5C186.054 181.595 184.184 183.597 182.218 185.5C180.27 187.384 178.227 189.171 176.096 190.851C172.499 193.688 168.653 196.222 164.596 198.416C159.713 201.057 154.524 203.205 149.096 204.792C141.959 206.88 134.408 208 126.596 208C107.907 208 90.714 201.591 77.096 190.851C62.2562 179.148 51.6613 162.301 48 143M61.1356 82C58.27 86.0704 55.7745 90.42 53.6979 95C51.6743 99.463 50.0486 104.145 48.8659 109" stroke="#555D86" stroke-width="2" stroke-linecap="round"/>
+<path d="M69.2328 218.378C68.9073 221.79 72.7428 224.004 75.5347 222.017L169.01 155.465C171.382 153.776 171.212 150.199 168.69 148.743L86.1124 101.066C83.5902 99.6102 80.4071 101.251 80.1305 104.151L69.2328 218.378Z" fill="url(#paint0_linear_277_11257)"/>
+<mask id="mask0_277_11257" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="69" y="100" width="102" height="123">
+<path d="M69.233 218.378C68.9075 221.79 72.7429 224.004 75.5348 222.017L169.01 155.465C171.382 153.776 171.212 150.199 168.69 148.743L86.1125 101.066C83.5904 99.6103 80.4072 101.252 80.1306 104.151L69.233 218.378Z" fill="#AF9EFF"/>
+</mask>
+<g mask="url(#mask0_277_11257)">
+<rect x="57.255" y="123.748" width="128" height="16" rx="1.28" fill="#E0A1E9"/>
+<rect x="37.255" y="158.389" width="128" height="16" rx="1.28" fill="#E0A1E9"/>
+<rect x="17.255" y="193.03" width="128" height="16" rx="1.28" fill="#E0A1E9"/>
+</g>
+<path d="M165.054 60.6419L169.361 56.9744C171.739 54.9489 172.026 51.3787 170 49V49C167.975 46.6214 168.261 43.0511 170.64 41.0256L174.946 37.3581" stroke="#8288A6" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M169 82.4208L174.61 83.1467C177.708 83.5476 180.545 81.3609 180.946 78.2626V78.2626C181.347 75.1642 184.184 72.9775 187.282 73.3784V73.3784C190.38 73.7793 193.217 71.5926 193.618 68.4943V68.4943C194.019 65.3959 196.856 63.2092 199.954 63.6101L205.564 64.336" stroke="#B0A7D9" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M122.186 33.6255L120.821 28.1358C120.067 25.1039 121.914 22.035 124.946 21.2813V21.2813C127.978 20.5276 129.825 17.4588 129.071 14.4269L127.706 8.93708" stroke="#68617E" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M190.03 114.09L194.015 110.075C196.216 107.858 199.798 107.844 202.015 110.045V110.045C204.233 112.246 207.814 112.232 210.015 110.015L214 106" stroke="#958CB2" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
+<defs>
+<linearGradient id="paint0_linear_277_11257" x1="67.5" y1="223.5" x2="173.05" y2="155.153" gradientUnits="userSpaceOnUse">
+<stop stop-color="#5E49DC"/>
+<stop offset="1" stop-color="#D279FC"/>
+</linearGradient>
+</defs>
+</svg>

packages/demo-app/src/assets/congrats.svg

@@ -1,31 +1,31 @@
-<svg width="120" height="120" viewBox="0 0 120 120" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M60 97.5C80.7107 97.5 97.5 80.7107 97.5 60C97.5 39.2893 80.7107 22.5 60 22.5C39.2893 22.5 22.5 39.2893 22.5 60C22.5 80.7107 39.2893 97.5 60 97.5ZM60 78.75C70.3553 78.75 78.75 70.3553 78.75 60C78.75 49.6447 70.3553 41.25 60 41.25C49.6447 41.25 41.25 49.6447 41.25 60C41.25 70.3553 49.6447 78.75 60 78.75Z" fill="#EFF1F1"/>
-<path d="M33.4297 38.541L35.1777 36.5471C36.1431 35.4459 36.033 33.7705 34.9317 32.8052V32.8052C33.8305 31.8398 33.7204 30.1644 34.6858 29.0632V29.0632C35.6512 27.962 35.5411 26.2867 34.4398 25.3213V25.3213C33.3386 24.3559 33.2285 22.6806 34.1939 21.5794L35.9419 19.5854" stroke="#83DA85" stroke-width="1.875" stroke-linecap="round" stroke-linejoin="round"/>
-<rect x="41.7188" y="20.6992" width="7.5" height="7.5" transform="rotate(-30.6488 41.7188 20.6992)" fill="#FAABFF"/>
-<rect x="101.754" y="34.0195" width="3.75" height="3.75" transform="rotate(35.5802 101.754 34.0195)" fill="#FAABFF"/>
-<rect x="66.5625" y="60" width="11.25" height="11.25" fill="#FAABFF"/>
-<path d="M56.526 27.1883C56.4989 27.1373 56.5372 27.0761 56.5949 27.0782L64.99 27.3771C65.0477 27.3792 65.0816 27.4429 65.051 27.4918L60.5945 34.6128C60.5639 34.6617 60.4918 34.6591 60.4647 34.6081L56.526 27.1883Z" fill="#68BE6C"/>
-<path d="M80.755 57.7178C80.7329 57.6461 80.7968 57.5774 80.8699 57.5942L91.5062 60.0339C91.5793 60.0507 91.6068 60.1403 91.5557 60.1952L84.1248 68.1867C84.0737 68.2416 83.9823 68.2206 83.9603 68.1489L80.755 57.7178Z" fill="#68BE6C"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M49.0615 40.469C49.0615 40.3825 49.1315 40.3125 49.218 40.3125H52.0342C52.1206 40.3125 52.1906 40.3825 52.1906 40.469V45.4245L56.4819 42.9469C56.5567 42.9037 56.6524 42.9293 56.6956 43.0042L58.1037 45.4431C58.147 45.5179 58.1213 45.6136 58.0465 45.6568L53.7544 48.1349L58.0472 50.6133C58.122 50.6565 58.1476 50.7522 58.1044 50.8271L56.6963 53.266C56.6531 53.3408 56.5574 53.3665 56.4826 53.3233L52.1906 50.8453V55.8018C52.1906 55.8882 52.1206 55.9583 52.0342 55.9583H49.218C49.1315 55.9583 49.0615 55.8882 49.0615 55.8018V50.8443L44.7678 53.3233C44.693 53.3665 44.5973 53.3408 44.5541 53.266L43.146 50.8271C43.1028 50.7522 43.1284 50.6565 43.2033 50.6133L47.4961 48.1349L43.2039 45.6568C43.1291 45.6136 43.1035 45.5179 43.1467 45.4431L44.5548 43.0042C44.598 42.9293 44.6937 42.9037 44.7685 42.9469L49.0615 45.4255V40.469Z" fill="#7958FF"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M71.3436 58.3122C76.3141 58.3122 80.3434 54.2828 80.3434 49.3123C80.3434 44.3419 76.3141 40.3125 71.3436 40.3125C66.3731 40.3125 62.3438 44.3419 62.3438 49.3123C62.3438 54.2828 66.3731 58.3122 71.3436 58.3122ZM71.3444 53.8122C73.8296 53.8122 75.8443 51.7975 75.8443 49.3122C75.8443 46.827 73.8296 44.8123 71.3444 44.8123C68.8592 44.8123 66.8445 46.827 66.8445 49.3122C66.8445 51.7975 68.8592 53.8122 71.3444 53.8122Z" fill="#FFB95A"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M18.75 30C20.8211 30 22.5 28.3211 22.5 26.25C22.5 24.1789 20.8211 22.5 18.75 22.5C16.6789 22.5 15 24.1789 15 26.25C15 28.3211 16.6789 30 18.75 30ZM18.75 28.125C19.7855 28.125 20.625 27.2855 20.625 26.25C20.625 25.2145 19.7855 24.375 18.75 24.375C17.7145 24.375 16.875 25.2145 16.875 26.25C16.875 27.2855 17.7145 28.125 18.75 28.125Z" fill="#FFB95A"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M102.187 19.2187C103.223 19.2187 104.062 18.3793 104.062 17.3437C104.062 16.3082 103.223 15.4688 102.187 15.4688C101.152 15.4688 100.312 16.3082 100.312 17.3437C100.312 18.3793 101.152 19.2187 102.187 19.2187ZM102.188 18.2812C102.705 18.2812 103.125 17.8615 103.125 17.3438C103.125 16.826 102.705 16.4062 102.188 16.4062C101.67 16.4062 101.25 16.826 101.25 17.3438C101.25 17.8615 101.67 18.2812 102.188 18.2812Z" fill="#FFDDB5"/>
-<path d="M59.3419 22.5C63.0038 22.5 66.5432 23.0249 69.8888 24.0035C78.414 26.4973 85.6813 31.9373 90.5138 39.1468M88.0393 84.1406C87.2126 85.1224 86.3364 86.0612 85.4145 86.9531C84.5015 87.8365 83.5438 88.6739 82.545 89.4615C80.8591 90.7912 79.0562 91.9792 77.1544 93.0077C74.8654 94.2455 72.4331 95.2522 69.8888 95.9965C66.5432 96.9751 63.0038 97.5 59.3419 97.5C50.5812 97.5 42.5222 94.4959 36.1388 89.4615C29.1826 83.9755 24.2162 76.0786 22.5 67.0312M28.6573 38.4375C27.3141 40.3455 26.1443 42.3844 25.1709 44.5312C24.2223 46.6233 23.4603 48.8179 22.9059 51.0938" stroke="#E6DEFF" stroke-width="0.9375"/>
-<path d="M32.4505 102.365C32.298 103.964 34.0958 105.002 35.4045 104.071L79.221 72.8747C80.3331 72.0829 80.2533 70.406 79.071 69.7234L40.3629 47.3752C39.1806 46.6927 37.6885 47.462 37.5588 48.821L32.4505 102.365Z" fill="url(#paint0_linear_3315_123405)"/>
-<mask id="mask0_3315_123405" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="32" y="47" width="49" height="58">
-<path d="M32.4505 102.365C32.298 103.964 34.0958 105.002 35.4045 104.071L79.221 72.8747C80.3331 72.0829 80.2533 70.406 79.071 69.7234L40.3629 47.3752C39.1806 46.6927 37.6885 47.462 37.5588 48.821L32.4505 102.365Z" fill="#AF9EFF"/>
+<svg width="256" height="256" viewBox="0 0 256 256" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M128 208C172.183 208 208 172.183 208 128C208 83.8172 172.183 48 128 48C83.8172 48 48 83.8172 48 128C48 172.183 83.8172 208 128 208ZM128 168C150.091 168 168 150.091 168 128C168 105.909 150.091 88 128 88C105.909 88 88 105.909 88 128C88 150.091 105.909 168 128 168Z" fill="#EFF1F1"/>
+<path d="M71.3203 82.2193L75.0494 77.9656C77.1089 75.6163 76.8739 72.0423 74.5247 69.9828V69.9828C72.1754 67.9233 71.9405 64.3493 74 62V62C76.0595 59.6507 75.8246 56.0767 73.4753 54.0172V54.0172C71.126 51.9577 70.8911 48.3837 72.9506 46.0345L76.6797 41.7807" stroke="#83DA85" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
+<rect x="89" y="44.1564" width="16" height="16" transform="rotate(-30.6488 89 44.1564)" fill="#FAABFF"/>
+<rect x="217.074" y="72.5758" width="8" height="8" transform="rotate(35.5802 217.074 72.5758)" fill="#FAABFF"/>
+<rect x="142" y="128" width="24" height="24" fill="#FAABFF"/>
+<path d="M120.586 58.0008C120.528 57.892 120.61 57.7615 120.733 57.7659L138.643 58.4036C138.766 58.4079 138.838 58.5439 138.773 58.6483L129.266 73.8397C129.2 73.9441 129.046 73.9386 128.989 73.8298L120.586 58.0008Z" fill="#68BE6C"/>
+<path d="M172.277 123.132C172.23 122.979 172.366 122.833 172.522 122.868L195.213 128.073C195.369 128.109 195.428 128.3 195.319 128.417L179.466 145.466C179.357 145.583 179.162 145.538 179.115 145.385L172.277 123.132Z" fill="#68BE6C"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M104.663 86.3338C104.663 86.1494 104.812 86 104.997 86H111.005C111.189 86 111.338 86.1494 111.338 86.3338V96.9075L120.495 91.6207C120.655 91.5285 120.859 91.5832 120.951 91.7429L123.955 96.9459C124.047 97.1056 123.993 97.3097 123.833 97.4019L114.676 102.689L123.832 107.976C123.992 108.068 124.047 108.272 123.955 108.432L120.951 113.635C120.859 113.794 120.654 113.849 120.495 113.757L111.338 108.471V119.044C111.338 119.228 111.189 119.378 111.005 119.378H104.997C104.812 119.378 104.663 119.228 104.663 119.044V108.47L95.5053 113.757C95.3456 113.849 95.1415 113.794 95.0493 113.635L92.0453 108.432C91.9532 108.272 92.0079 108.068 92.1675 107.976L101.324 102.689L92.1669 97.4019C92.0073 97.3097 91.9526 97.1056 92.0448 96.9459L95.0488 91.7429C95.1409 91.5832 95.3451 91.5285 95.5047 91.6207L104.663 96.9081V86.3338Z" fill="#7958FF"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M152.2 124.399C162.803 124.399 171.399 115.803 171.399 105.2C171.399 94.596 162.803 86 152.2 86C141.596 86 133 94.596 133 105.2C133 115.803 141.596 124.399 152.2 124.399ZM152.2 114.799C157.502 114.799 161.799 110.502 161.799 105.2C161.799 99.8978 157.502 95.5998 152.2 95.5998C146.898 95.5998 142.6 99.8978 142.6 105.2C142.6 110.502 146.898 114.799 152.2 114.799Z" fill="#FFB95A"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M40 64C44.4183 64 48 60.4183 48 56C48 51.5817 44.4183 48 40 48C35.5817 48 32 51.5817 32 56C32 60.4183 35.5817 64 40 64ZM40 60C42.2091 60 44 58.2091 44 56C44 53.7909 42.2091 52 40 52C37.7909 52 36 53.7909 36 56C36 58.2091 37.7909 60 40 60Z" fill="#FFB95A"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M218 41C220.209 41 222 39.2091 222 37C222 34.7909 220.209 33 218 33C215.791 33 214 34.7909 214 37C214 39.2091 215.791 41 218 41ZM218 39C219.105 39 220 38.1046 220 37C220 35.8954 219.105 35 218 35C216.895 35 216 35.8954 216 37C216 38.1046 216.895 39 218 39Z" fill="#FFDDB5"/>
+<path d="M126.596 48C134.408 48 141.959 49.1198 149.096 51.2075C167.283 56.5275 182.787 68.1329 193.096 83.5131M187.817 179.5C186.054 181.595 184.184 183.597 182.218 185.5C180.27 187.384 178.227 189.171 176.096 190.851C172.499 193.688 168.653 196.222 164.596 198.416C159.713 201.057 154.524 203.205 149.096 204.792C141.959 206.88 134.408 208 126.596 208C107.907 208 90.714 201.591 77.096 190.851C62.2562 179.148 51.6613 162.301 48 143M61.1356 82C58.27 86.0704 55.7745 90.42 53.6979 95C51.6743 99.463 50.0486 104.145 48.8659 109" stroke="#E6DEFF" stroke-width="2"/>
+<path d="M69.2328 218.378C68.9073 221.79 72.7428 224.004 75.5347 222.017L169.01 155.465C171.382 153.776 171.212 150.199 168.69 148.743L86.1124 101.066C83.5902 99.6102 80.4071 101.251 80.1305 104.151L69.2328 218.378Z" fill="url(#paint0_linear_422_12204)"/>
+<mask id="mask0_422_12204" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="69" y="100" width="102" height="123">
+<path d="M69.2331 218.378C68.9076 221.79 72.7431 224.004 75.5349 222.017L169.01 155.465C171.383 153.776 171.212 150.199 168.69 148.743L86.1127 101.066C83.5905 99.6103 80.4073 101.251 80.1308 104.151L69.2331 218.378Z" fill="#AF9EFF"/>
 </mask>
-<g mask="url(#mask0_3315_123405)">
-<rect x="26.8359" y="58.0078" width="60" height="7.5" rx="0.6" fill="#F07EFF"/>
-<rect x="17.4609" y="74.2441" width="60" height="7.5" rx="0.6" fill="#F07EFF"/>
-<rect x="8.08594" y="90.4824" width="60" height="7.5" rx="0.6" fill="#F07EFF"/>
+<g mask="url(#mask0_422_12204)">
+<rect x="57.2549" y="123.748" width="128" height="16" rx="1.28" fill="#EA9DF4"/>
+<rect x="37.2549" y="158.389" width="128" height="16" rx="1.28" fill="#EA9DF4"/>
+<rect x="17.2549" y="193.03" width="128" height="16" rx="1.28" fill="#EA9DF4"/>
 </g>
-<path d="M77.3711 28.4258L79.39 26.7066C80.505 25.7572 80.6391 24.0836 79.6897 22.9686V22.9686C78.7402 21.8537 78.8744 20.1801 79.9894 19.2306L82.0083 17.5115" stroke="#C4C7C7" stroke-width="1.875" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M79.2188 38.6348L81.8485 38.975C83.3008 39.163 84.6306 38.138 84.8185 36.6856V36.6856C85.0064 35.2332 86.3361 34.2082 87.7885 34.3962V34.3962C89.2408 34.5841 90.5706 33.5591 90.7585 32.1067V32.1067C90.9464 30.6544 92.2761 29.6293 93.7285 29.8173L96.3582 30.1575" stroke="#AF9EFF" stroke-width="1.875" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M57.2734 15.7617L56.6337 13.1884C56.2804 11.7672 57.1462 10.3287 58.5674 9.97536V9.97536C59.9886 9.62207 60.8543 8.18354 60.501 6.76233L59.8613 4.189" stroke="#E6DEFF" stroke-width="1.875" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M89.0781 53.4805L90.9461 51.5984C91.9777 50.559 93.6566 50.5527 94.696 51.5843V51.5843C95.7355 52.616 97.4144 52.6096 98.446 51.5702L100.314 49.6882" stroke="#E6DEFF" stroke-width="1.875" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M165.054 60.6419L169.361 56.9744C171.739 54.9489 172.026 51.3787 170 49V49C167.975 46.6214 168.261 43.0511 170.64 41.0256L174.946 37.3581" stroke="#C4C7C7" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M169 82.4208L174.61 83.1467C177.708 83.5476 180.545 81.3609 180.946 78.2626V78.2626C181.347 75.1642 184.184 72.9775 187.282 73.3784V73.3784C190.38 73.7793 193.217 71.5926 193.618 68.4943V68.4943C194.019 65.3959 196.856 63.2092 199.954 63.6101L205.564 64.336" stroke="#AF9EFF" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M122.186 33.6255L120.821 28.1358C120.067 25.1039 121.914 22.035 124.946 21.2813V21.2813C127.978 20.5276 129.825 17.4588 129.071 14.4269L127.706 8.93708" stroke="#E6DEFF" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M190.03 114.09L194.015 110.075C196.216 107.858 199.798 107.844 202.015 110.045V110.045C204.233 112.246 207.814 112.232 210.015 110.015L214 106" stroke="#E6DEFF" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
 <defs>
-<linearGradient id="paint0_linear_3315_123405" x1="31.6383" y1="104.766" x2="81.1147" y2="72.7284" gradientUnits="userSpaceOnUse">
+<linearGradient id="paint0_linear_422_12204" x1="67.5" y1="223.5" x2="173.05" y2="155.153" gradientUnits="userSpaceOnUse">
 <stop stop-color="#492EF3"/>
 <stop offset="1" stop-color="#CF69FF"/>
 </linearGradient>

packages/shared/scss/_console-themes.scss

@@ -141,6 +141,7 @@
   --color-shadow: var(--color-all-100);
   --color-white: #fff;
   --color-button-icon: var(--color-primary-80);
+  --color-icon-background: var(--color-neutral-variant-95);
   --color-hover: rgba(25, 28, 29, 8%); // 8% Neutral-10
   --color-pressed: rgba(25, 28, 29, 12%); // 12% Neutral-10
   --color-focused: rgba(25, 28, 29, 16%); // 16% Neutral-10
@@ -309,6 +310,7 @@
   --color-shadow: var(--color-all-100);
   --color-white: #fff;
   --color-button-icon: var(--color-primary-20);
+  --color-icon-background: #3a3b59;
   --color-hover: rgba(247, 248, 248, 8%); // 8% Neutral-10
   --color-pressed: rgba(247, 248, 248, 12%); // 12% Neutral-10
   --color-focused: rgba(247, 248, 248, 16%); // 16% Neutral-10