diff --git a/package-lock.json b/package-lock.json
index 36d336169..deedac675 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -19,7 +19,7 @@
         "@hookform/resolvers": "^2.8.8",
         "@js-temporal/polyfill": "^0.4.3",
         "@monaco-editor/react": "^4.4.5",
-        "@scality/core-ui": "github:scality/core-ui#0.93.0",
+        "@scality/core-ui": "github:scality/core-ui#0.102.0",
         "@scality/module-federation": "github:scality/module-federation#1.1.0",
         "@types/react-table": "^7.7.10",
         "@types/react-virtualized": "^9.21.20",
@@ -3098,11 +3098,13 @@
       "dev": true
     },
     "node_modules/@scality/core-ui": {
-      "version": "0.93.0",
-      "resolved": "git+ssh://git@github.com/scality/core-ui.git#e04d684714d555afc84dafd3789001029e59345b",
+      "version": "0.102.0",
+      "resolved": "git+ssh://git@github.com/scality/core-ui.git#7143a03048cbeeafd91689700071fcaaa5b4f468",
       "license": "SEE LICENSE IN LICENSE",
       "dependencies": {
-        "@floating-ui/dom": "^0.1.10"
+        "@floating-ui/dom": "^0.1.10",
+        "@storybook/preview-api": "^7.5.1",
+        "framer-motion": "^4.1.17"
       },
       "peerDependencies": {
         "@fortawesome/fontawesome-free": "^5.10.2",
@@ -3110,7 +3112,7 @@
         "@fortawesome/free-regular-svg-icons": "^5.15.3",
         "@fortawesome/free-solid-svg-icons": "^5.15.3",
         "@fortawesome/react-fontawesome": "^0.1.14",
-        "@js-temporal/polyfill": "^0.4.3",
+        "@js-temporal/polyfill": "^0.4.4",
         "polished": "3.4.1",
         "pretty-bytes": "^5.6.0",
         "react": "^17.0.2",
@@ -3175,6 +3177,139 @@
         "type-detect": "4.0.8"
       }
     },
+    "node_modules/@storybook/channels": {
+      "version": "7.5.3",
+      "resolved": "https://registry.npmjs.org/@storybook/channels/-/channels-7.5.3.tgz",
+      "integrity": "sha512-dhWuV2o2lmxH0RKuzND8jxYzvSQTSmpE13P0IT/k8+I1up/rSNYOBQJT6SalakcNWXFAMXguo/8E7ApmnKKcEw==",
+      "dependencies": {
+        "@storybook/client-logger": "7.5.3",
+        "@storybook/core-events": "7.5.3",
+        "@storybook/global": "^5.0.0",
+        "qs": "^6.10.0",
+        "telejson": "^7.2.0",
+        "tiny-invariant": "^1.3.1"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      }
+    },
+    "node_modules/@storybook/channels/node_modules/qs": {
+      "version": "6.11.2",
+      "resolved": "https://registry.npmjs.org/qs/-/qs-6.11.2.tgz",
+      "integrity": "sha512-tDNIz22aBzCDxLtVH++VnTfzxlfeK5CbqohpSqpJgj1Wg/cQbStNAz3NuqCs5vV+pjBsK4x4pN9HlVh7rcYRiA==",
+      "dependencies": {
+        "side-channel": "^1.0.4"
+      },
+      "engines": {
+        "node": ">=0.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/@storybook/client-logger": {
+      "version": "7.5.3",
+      "resolved": "https://registry.npmjs.org/@storybook/client-logger/-/client-logger-7.5.3.tgz",
+      "integrity": "sha512-vUFYALypjix5FoJ5M/XUP6KmyTnQJNW1poHdW7WXUVSg+lBM6E5eAtjTm0hdxNNDH8KSrdy24nCLra5h0X0BWg==",
+      "dependencies": {
+        "@storybook/global": "^5.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      }
+    },
+    "node_modules/@storybook/core-events": {
+      "version": "7.5.3",
+      "resolved": "https://registry.npmjs.org/@storybook/core-events/-/core-events-7.5.3.tgz",
+      "integrity": "sha512-DFOpyQ22JD5C1oeOFzL8wlqSWZzrqgDfDbUGP8xdO4wJu+FVTxnnWN6ZYLdTPB1u27DOhd7TzjQMfLDHLu7kbQ==",
+      "dependencies": {
+        "ts-dedent": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      }
+    },
+    "node_modules/@storybook/csf": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/@storybook/csf/-/csf-0.1.1.tgz",
+      "integrity": "sha512-4hE3AlNVxR60Wc5KSC68ASYzUobjPqtSKyhV6G+ge0FIXU55N5nTY7dXGRZHQGDBPq+XqchMkIdlkHPRs8nTHg==",
+      "dependencies": {
+        "type-fest": "^2.19.0"
+      }
+    },
+    "node_modules/@storybook/csf/node_modules/type-fest": {
+      "version": "2.19.0",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-2.19.0.tgz",
+      "integrity": "sha512-RAH822pAdBgcNMAfWnCBU3CFZcfZ/i1eZjwFU/dsLKumyuuP3niueg2UAukXYF0E2AAoc82ZSSf9J0WQBinzHA==",
+      "engines": {
+        "node": ">=12.20"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@storybook/global": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/@storybook/global/-/global-5.0.0.tgz",
+      "integrity": "sha512-FcOqPAXACP0I3oJ/ws6/rrPT9WGhu915Cg8D02a9YxLo0DE9zI+a9A5gRGvmQ09fiWPukqI8ZAEoQEdWUKMQdQ=="
+    },
+    "node_modules/@storybook/preview-api": {
+      "version": "7.5.3",
+      "resolved": "https://registry.npmjs.org/@storybook/preview-api/-/preview-api-7.5.3.tgz",
+      "integrity": "sha512-LNmEf7oBRnZ1wG3bQ+P+TO29+NN5pSDJiAA6FabZBrtIVm+psc2lxBCDQvFYyAFzQSlt60toGKNW8+RfFNdR5Q==",
+      "dependencies": {
+        "@storybook/channels": "7.5.3",
+        "@storybook/client-logger": "7.5.3",
+        "@storybook/core-events": "7.5.3",
+        "@storybook/csf": "^0.1.0",
+        "@storybook/global": "^5.0.0",
+        "@storybook/types": "7.5.3",
+        "@types/qs": "^6.9.5",
+        "dequal": "^2.0.2",
+        "lodash": "^4.17.21",
+        "memoizerific": "^1.11.3",
+        "qs": "^6.10.0",
+        "synchronous-promise": "^2.0.15",
+        "ts-dedent": "^2.0.0",
+        "util-deprecate": "^1.0.2"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      }
+    },
+    "node_modules/@storybook/preview-api/node_modules/qs": {
+      "version": "6.11.2",
+      "resolved": "https://registry.npmjs.org/qs/-/qs-6.11.2.tgz",
+      "integrity": "sha512-tDNIz22aBzCDxLtVH++VnTfzxlfeK5CbqohpSqpJgj1Wg/cQbStNAz3NuqCs5vV+pjBsK4x4pN9HlVh7rcYRiA==",
+      "dependencies": {
+        "side-channel": "^1.0.4"
+      },
+      "engines": {
+        "node": ">=0.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/@storybook/types": {
+      "version": "7.5.3",
+      "resolved": "https://registry.npmjs.org/@storybook/types/-/types-7.5.3.tgz",
+      "integrity": "sha512-iu5W0Kdd6nysN5CPkY4GRl+0BpxRTdSfBIJak7mb6xCIHSB5t1tw4BOuqMQ5EgpikRY3MWJ4gY647QkWBX3MNQ==",
+      "dependencies": {
+        "@storybook/channels": "7.5.3",
+        "@types/babel__core": "^7.0.0",
+        "@types/express": "^4.7.0",
+        "file-system-cache": "2.3.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      }
+    },
     "node_modules/@styled-system/background": {
       "version": "5.1.2",
       "resolved": "https://registry.npmjs.org/@styled-system/background/-/background-5.1.2.tgz",
@@ -3781,7 +3916,6 @@
       "version": "7.1.19",
       "resolved": "https://registry.npmjs.org/@types/babel__core/-/babel__core-7.1.19.tgz",
       "integrity": "sha512-WEOTgRsbYkvA/KCsDwVEGkd7WAr1e3g31VHQ8zy5gul/V1qKullU/BU5I68X5v7V3GnB9eotmom4v5a5gjxorw==",
-      "dev": true,
       "dependencies": {
         "@babel/parser": "^7.1.0",
         "@babel/types": "^7.0.0",
@@ -3794,7 +3928,6 @@
       "version": "7.6.4",
       "resolved": "https://registry.npmjs.org/@types/babel__generator/-/babel__generator-7.6.4.tgz",
       "integrity": "sha512-tFkciB9j2K755yrTALxD44McOrk+gfpIpvC3sxHjRawj6PfnQxrse4Clq5y/Rq+G3mrBurMax/lG8Qn2t9mSsg==",
-      "dev": true,
       "dependencies": {
         "@babel/types": "^7.0.0"
       }
@@ -3803,7 +3936,6 @@
       "version": "7.4.1",
       "resolved": "https://registry.npmjs.org/@types/babel__template/-/babel__template-7.4.1.tgz",
       "integrity": "sha512-azBFKemX6kMg5Io+/rdGT0dkGreboUVR0Cdm3fz9QJWpaQGJRQXl7C+6hOTCZcMll7KFyEQpgbYI2lHdsS4U7g==",
-      "dev": true,
       "dependencies": {
         "@babel/parser": "^7.1.0",
         "@babel/types": "^7.0.0"
@@ -3813,7 +3945,6 @@
       "version": "7.17.1",
       "resolved": "https://registry.npmjs.org/@types/babel__traverse/-/babel__traverse-7.17.1.tgz",
       "integrity": "sha512-kVzjari1s2YVi77D3w1yuvohV2idweYXMCDzqBiVNN63TcDWrIlTVOYpqVrvbbyOE/IyzBoTKF0fdnLPEORFxA==",
-      "dev": true,
       "dependencies": {
         "@babel/types": "^7.3.0"
       }
@@ -3822,7 +3953,6 @@
       "version": "1.19.2",
       "resolved": "https://registry.npmjs.org/@types/body-parser/-/body-parser-1.19.2.tgz",
       "integrity": "sha512-ALYone6pm6QmwZoAgeyNksccT9Q4AWZQ6PvfwR37GT6r6FWUPguq6sUmNGSMV2Wr761oQoBxwGGa6DR5o1DC9g==",
-      "dev": true,
       "dependencies": {
         "@types/connect": "*",
         "@types/node": "*"
@@ -3855,7 +3985,6 @@
       "version": "3.4.35",
       "resolved": "https://registry.npmjs.org/@types/connect/-/connect-3.4.35.tgz",
       "integrity": "sha512-cdeYyv4KWoEgpBISTxWvqYsVy444DOqehiF3fM3ne10AmJ62RSyNkUnxMJXHQWRQQX2eR94m5y1IZyDwBjV9FQ==",
-      "dev": true,
       "dependencies": {
         "@types/node": "*"
       }
@@ -3926,7 +4055,6 @@
       "version": "4.17.17",
       "resolved": "https://registry.npmjs.org/@types/express/-/express-4.17.17.tgz",
       "integrity": "sha512-Q4FmmuLGBG58btUnfS1c1r/NQdlp3DMfGDGig8WhfpA2YRUtEkxAjkZb0yvplJGYdF1fsQ81iMDcH24sSCNC/Q==",
-      "dev": true,
       "dependencies": {
         "@types/body-parser": "*",
         "@types/express-serve-static-core": "^4.17.33",
@@ -3938,7 +4066,6 @@
       "version": "4.17.35",
       "resolved": "https://registry.npmjs.org/@types/express-serve-static-core/-/express-serve-static-core-4.17.35.tgz",
       "integrity": "sha512-wALWQwrgiB2AWTT91CB62b6Yt0sNHpznUXeZEcnPU3DRdlDIz74x8Qg1UUYKSVFi+va5vKOLYRBI1bRKiLLKIg==",
-      "dev": true,
       "dependencies": {
         "@types/node": "*",
         "@types/qs": "*",
@@ -3994,8 +4121,7 @@
     "node_modules/@types/http-errors": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/@types/http-errors/-/http-errors-2.0.1.tgz",
-      "integrity": "sha512-/K3ds8TRAfBvi5vfjuz8y6+GiAYBZ0x4tXv1Av6CWBWn0IlADc+ZX9pMq7oU0fNQPnBwIZl3rmeLp6SBApbxSQ==",
-      "dev": true
+      "integrity": "sha512-/K3ds8TRAfBvi5vfjuz8y6+GiAYBZ0x4tXv1Av6CWBWn0IlADc+ZX9pMq7oU0fNQPnBwIZl3rmeLp6SBApbxSQ=="
     },
     "node_modules/@types/http-proxy": {
       "version": "1.17.11",
@@ -4095,14 +4221,12 @@
     "node_modules/@types/mime": {
       "version": "1.3.2",
       "resolved": "https://registry.npmjs.org/@types/mime/-/mime-1.3.2.tgz",
-      "integrity": "sha512-YATxVxgRqNH6nHEIsvg6k2Boc1JHI9ZbH5iWFFv/MTkchz3b1ieGDa5T0a9RznNdI0KhVbdbWSN+KWWrQZRxTw==",
-      "dev": true
+      "integrity": "sha512-YATxVxgRqNH6nHEIsvg6k2Boc1JHI9ZbH5iWFFv/MTkchz3b1ieGDa5T0a9RznNdI0KhVbdbWSN+KWWrQZRxTw=="
     },
     "node_modules/@types/node": {
       "version": "12.12.50",
       "resolved": "https://registry.npmjs.org/@types/node/-/node-12.12.50.tgz",
-      "integrity": "sha512-5ImO01Fb8YsEOYpV+aeyGYztcYcjGsBvN4D7G5r1ef2cuQOpymjWNQi5V0rKHE6PC2ru3HkoUr/Br2/8GUA84w==",
-      "dev": true
+      "integrity": "sha512-5ImO01Fb8YsEOYpV+aeyGYztcYcjGsBvN4D7G5r1ef2cuQOpymjWNQi5V0rKHE6PC2ru3HkoUr/Br2/8GUA84w=="
     },
     "node_modules/@types/normalize-package-data": {
       "version": "2.4.1",
@@ -4129,14 +4253,12 @@
     "node_modules/@types/qs": {
       "version": "6.9.7",
       "resolved": "https://registry.npmjs.org/@types/qs/-/qs-6.9.7.tgz",
-      "integrity": "sha512-FGa1F62FT09qcrueBA6qYTrJPVDzah9a+493+o2PCXsesWHIn27G98TsSMs3WPNbZIEj4+VJf6saSFpvD+3Zsw==",
-      "dev": true
+      "integrity": "sha512-FGa1F62FT09qcrueBA6qYTrJPVDzah9a+493+o2PCXsesWHIn27G98TsSMs3WPNbZIEj4+VJf6saSFpvD+3Zsw=="
     },
     "node_modules/@types/range-parser": {
       "version": "1.2.4",
       "resolved": "https://registry.npmjs.org/@types/range-parser/-/range-parser-1.2.4.tgz",
-      "integrity": "sha512-EEhsLsD6UsDM1yFhAvy0Cjr6VwmpMWqFBCb9w07wVugF7w9nfajxLuVmngTIpgS6svCnm6Vaw+MZhoDCKnOfsw==",
-      "dev": true
+      "integrity": "sha512-EEhsLsD6UsDM1yFhAvy0Cjr6VwmpMWqFBCb9w07wVugF7w9nfajxLuVmngTIpgS6svCnm6Vaw+MZhoDCKnOfsw=="
     },
     "node_modules/@types/react": {
       "version": "17.0.45",
@@ -4248,7 +4370,6 @@
       "version": "0.17.1",
       "resolved": "https://registry.npmjs.org/@types/send/-/send-0.17.1.tgz",
       "integrity": "sha512-Cwo8LE/0rnvX7kIIa3QHCkcuF21c05Ayb0ZfxPiv0W8VRiZiNW/WuRupHKpqqGVGf7SUA44QSOUKaEd9lIrd/Q==",
-      "dev": true,
       "dependencies": {
         "@types/mime": "^1",
         "@types/node": "*"
@@ -4267,7 +4388,6 @@
       "version": "1.15.2",
       "resolved": "https://registry.npmjs.org/@types/serve-static/-/serve-static-1.15.2.tgz",
       "integrity": "sha512-J2LqtvFYCzaj8pVYKw8klQXrLLk7TBZmQ4ShlcdkELFKGwGMfevMLneMMRkMgZxotOD9wg497LpC7O8PcvAmfw==",
-      "dev": true,
       "dependencies": {
         "@types/http-errors": "*",
         "@types/mime": "*",
@@ -7800,6 +7920,14 @@
         "node": ">= 0.8"
       }
     },
+    "node_modules/dequal": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz",
+      "integrity": "sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/destroy": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.2.0.tgz",
@@ -9399,6 +9527,15 @@
         "node": ">= 10"
       }
     },
+    "node_modules/file-system-cache": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/file-system-cache/-/file-system-cache-2.3.0.tgz",
+      "integrity": "sha512-l4DMNdsIPsVnKrgEXbJwDJsA5mB8rGwHYERMgqQx/xAUtChPJMre1bXBzDEqqVbWv9AIbFezXMxeEkZDSrXUOQ==",
+      "dependencies": {
+        "fs-extra": "11.1.1",
+        "ramda": "0.29.0"
+      }
+    },
     "node_modules/fill-range": {
       "version": "7.0.1",
       "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
@@ -9604,6 +9741,48 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/framer-motion": {
+      "version": "4.1.17",
+      "resolved": "https://registry.npmjs.org/framer-motion/-/framer-motion-4.1.17.tgz",
+      "integrity": "sha512-thx1wvKzblzbs0XaK2X0G1JuwIdARcoNOW7VVwjO8BUltzXPyONGAElLu6CiCScsOQRI7FIk/45YTFtJw5Yozw==",
+      "dependencies": {
+        "framesync": "5.3.0",
+        "hey-listen": "^1.0.8",
+        "popmotion": "9.3.6",
+        "style-value-types": "4.1.4",
+        "tslib": "^2.1.0"
+      },
+      "optionalDependencies": {
+        "@emotion/is-prop-valid": "^0.8.2"
+      },
+      "peerDependencies": {
+        "react": ">=16.8 || ^17.0.0",
+        "react-dom": ">=16.8 || ^17.0.0"
+      }
+    },
+    "node_modules/framer-motion/node_modules/@emotion/is-prop-valid": {
+      "version": "0.8.8",
+      "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-0.8.8.tgz",
+      "integrity": "sha512-u5WtneEAr5IDG2Wv65yhunPSMLIpuKsbuOktRojfrEiEvRyC85LgPMZI63cr7NUqT8ZIGdSVg8ZKGxIug4lXcA==",
+      "optional": true,
+      "dependencies": {
+        "@emotion/memoize": "0.7.4"
+      }
+    },
+    "node_modules/framer-motion/node_modules/@emotion/memoize": {
+      "version": "0.7.4",
+      "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.7.4.tgz",
+      "integrity": "sha512-Ja/Vfqe3HpuzRsG1oBtWTHk2PGZ7GR+2Vz5iYGelAw8dx32K0y7PjVuxK6z1nMpZOqAFsRUPCkK1YjJ56qJlgw==",
+      "optional": true
+    },
+    "node_modules/framesync": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/framesync/-/framesync-5.3.0.tgz",
+      "integrity": "sha512-oc5m68HDO/tuK2blj7ZcdEBRx3p1PjrgHazL8GYEpvULhrtGIFbQArN6cQS2QhW8mitffaB+VYzMjDqBxxQeoA==",
+      "dependencies": {
+        "tslib": "^2.1.0"
+      }
+    },
     "node_modules/fresh": {
       "version": "0.5.2",
       "resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz",
@@ -9617,7 +9796,6 @@
       "version": "11.1.1",
       "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.1.1.tgz",
       "integrity": "sha512-MGIE4HOvQCeUCzmlHs0vXpih4ysz4wg9qiSAu6cd42lVwPbTM1TjV7RusoyQqMmk/95gdQZX72u+YW+c3eEpFQ==",
-      "dev": true,
       "dependencies": {
         "graceful-fs": "^4.2.0",
         "jsonfile": "^6.0.1",
@@ -9904,8 +10082,7 @@
     "node_modules/graceful-fs": {
       "version": "4.2.10",
       "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.10.tgz",
-      "integrity": "sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA==",
-      "dev": true
+      "integrity": "sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA=="
     },
     "node_modules/graphql": {
       "version": "15.8.0",
@@ -10121,6 +10298,11 @@
       "integrity": "sha512-xAxZkM1dRyGV2Ou5bzMxBPNLoRCjcX+ya7KSWybQD2KwLphxsapUVK6x/02o7f4VU6GPSXch9vNY2+gkU8tYWQ==",
       "dev": true
     },
+    "node_modules/hey-listen": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/hey-listen/-/hey-listen-1.0.8.tgz",
+      "integrity": "sha512-COpmrF2NOg4TBWUJ5UVyaCU2A88wEMkUPK4hNqyCkqHbxT92BbvfjoSozkAIIm6XhicGlJHhFdullInrdhwU8Q=="
+    },
     "node_modules/history": {
       "version": "4.10.1",
       "resolved": "https://registry.npmjs.org/history/-/history-4.10.1.tgz",
@@ -13542,7 +13724,6 @@
       "version": "6.1.0",
       "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.1.0.tgz",
       "integrity": "sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==",
-      "dev": true,
       "dependencies": {
         "universalify": "^2.0.0"
       },
@@ -13906,6 +14087,11 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/map-or-similar": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/map-or-similar/-/map-or-similar-1.5.0.tgz",
+      "integrity": "sha512-0aF7ZmVon1igznGI4VS30yugpduQW3y3GkcgGJOp7d8x8QrizhigUxjI/m2UojsXXto+jLAH3KSz+xOJTiORjg=="
+    },
     "node_modules/map-visit": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/map-visit/-/map-visit-1.0.0.tgz",
@@ -13953,6 +14139,14 @@
       "resolved": "https://registry.npmjs.org/memoize-one/-/memoize-one-5.2.1.tgz",
       "integrity": "sha512-zYiwtZUcYyXKo/np96AGZAckk+FWWsUdJ3cHGGmld7+AhvcWmQyGCYUh1hc4Q/pkOhb65dQR/pqCyK0cOaHz4Q=="
     },
+    "node_modules/memoizerific": {
+      "version": "1.11.3",
+      "resolved": "https://registry.npmjs.org/memoizerific/-/memoizerific-1.11.3.tgz",
+      "integrity": "sha512-/EuHYwAPdLtXwAwSZkh/Gutery6pD2KYd44oQLhAvQp/50mpyduZh8Q7PYHXTCJ+wuXxt7oij2LXyIJOOYFPog==",
+      "dependencies": {
+        "map-or-similar": "^1.5.0"
+      }
+    },
     "node_modules/merge": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/merge/-/merge-2.1.1.tgz",
@@ -14792,7 +14986,6 @@
       "version": "1.12.2",
       "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.12.2.tgz",
       "integrity": "sha512-z+cPxW0QGUp0mcqcsgQyLVRDoXFQbXOwBaqyF7VIgI4TWNQsDHrBpUQslRmIfAoYWdYzs6UlKJtB2XJpTaNSpQ==",
-      "dev": true,
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
       }
@@ -15503,6 +15696,17 @@
         "@babel/runtime": "^7.4.5"
       }
     },
+    "node_modules/popmotion": {
+      "version": "9.3.6",
+      "resolved": "https://registry.npmjs.org/popmotion/-/popmotion-9.3.6.tgz",
+      "integrity": "sha512-ZTbXiu6zIggXzIliMi8LGxXBF5ST+wkpXGEjeTUDUOCdSQ356hij/xjeUdv0F8zCQNeqB1+PR5/BB+gC+QLAPw==",
+      "dependencies": {
+        "framesync": "5.3.0",
+        "hey-listen": "^1.0.8",
+        "style-value-types": "4.1.4",
+        "tslib": "^2.1.0"
+      }
+    },
     "node_modules/portable-fetch": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/portable-fetch/-/portable-fetch-3.0.0.tgz",
@@ -15900,6 +16104,15 @@
       "integrity": "sha512-cz93DjNeLY0idrCNOH6PviZGRN9GJhsdm9hpn1YCS879fj4W+x5IFJhhkRZcwVgMmFF7R82UA/7Oh+R8lLZg6A==",
       "dev": true
     },
+    "node_modules/ramda": {
+      "version": "0.29.0",
+      "resolved": "https://registry.npmjs.org/ramda/-/ramda-0.29.0.tgz",
+      "integrity": "sha512-BBea6L67bYLtdbOqfp8f58fPMqEwx0doL+pAi8TZyp2YWz8R9G8z9x75CZI8W+ftqhFHCpEX2cRnUUXK130iKA==",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/ramda"
+      }
+    },
     "node_modules/randexp": {
       "version": "0.4.6",
       "resolved": "https://registry.npmjs.org/randexp/-/randexp-0.4.6.tgz",
@@ -17868,7 +18081,6 @@
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.4.tgz",
       "integrity": "sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==",
-      "dev": true,
       "dependencies": {
         "call-bind": "^1.0.0",
         "get-intrinsic": "^1.0.2",
@@ -18665,6 +18877,15 @@
         "webpack": "^4.0.0 || ^5.0.0"
       }
     },
+    "node_modules/style-value-types": {
+      "version": "4.1.4",
+      "resolved": "https://registry.npmjs.org/style-value-types/-/style-value-types-4.1.4.tgz",
+      "integrity": "sha512-LCJL6tB+vPSUoxgUBt9juXIlNJHtBMy8jkXzUJSBzeHWdBu6lhzHqCvLVkXFGsFIlNa2ln1sQHya/gzaFmB2Lg==",
+      "dependencies": {
+        "hey-listen": "^1.0.8",
+        "tslib": "^2.1.0"
+      }
+    },
     "node_modules/styled-components": {
       "version": "5.3.5",
       "resolved": "https://registry.npmjs.org/styled-components/-/styled-components-5.3.5.tgz",
@@ -18788,6 +19009,11 @@
       "integrity": "sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==",
       "dev": true
     },
+    "node_modules/synchronous-promise": {
+      "version": "2.0.17",
+      "resolved": "https://registry.npmjs.org/synchronous-promise/-/synchronous-promise-2.0.17.tgz",
+      "integrity": "sha512-AsS729u2RHUfEra9xJrE39peJcc2stq2+poBXX8bcM08Y6g9j/i/PUzwNQqkaJde7Ntg1TO7bSREbR5sdosQ+g=="
+    },
     "node_modules/tapable": {
       "version": "1.1.3",
       "resolved": "https://registry.npmjs.org/tapable/-/tapable-1.1.3.tgz",
@@ -18814,6 +19040,14 @@
         "node": ">= 10"
       }
     },
+    "node_modules/telejson": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/telejson/-/telejson-7.2.0.tgz",
+      "integrity": "sha512-1QTEcJkJEhc8OnStBx/ILRu5J2p0GjvWsBx56bmZRqnrkdBMUe+nX92jxV+p3dB4CP6PZCdJMQJwCggkNBMzkQ==",
+      "dependencies": {
+        "memoizerific": "^1.11.3"
+      }
+    },
     "node_modules/terminal-link": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/terminal-link/-/terminal-link-2.1.1.tgz",
@@ -19015,9 +19249,9 @@
       "dev": true
     },
     "node_modules/tiny-invariant": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/tiny-invariant/-/tiny-invariant-1.2.0.tgz",
-      "integrity": "sha512-1Uhn/aqw5C6RI4KejVeTg6mIS7IqxnLJ8Mv2tV5rTc0qWobay7pDUz6Wi392Cnc8ak1H0F2cjoRzb2/AW4+Fvg=="
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/tiny-invariant/-/tiny-invariant-1.3.1.tgz",
+      "integrity": "sha512-AD5ih2NlSssTCwsMznbvwMZpJ1cbhkGd2uueNxzv2jDlEeZdU04JQfRnggJQ8DrcVBGjAsCKwFBbDlVNtEMlzw=="
     },
     "node_modules/tiny-warning": {
       "version": "1.0.3",
@@ -19156,6 +19390,14 @@
         "punycode": "^2.1.0"
       }
     },
+    "node_modules/ts-dedent": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/ts-dedent/-/ts-dedent-2.2.0.tgz",
+      "integrity": "sha512-q5W7tVM71e2xjHZTlgfTDoPF/SmqKG5hddq9SzR49CH2hayqRKJtQ4mtRlSxKaJlR/+9rEM+mnBHf7I2/BQcpQ==",
+      "engines": {
+        "node": ">=6.10"
+      }
+    },
     "node_modules/tslib": {
       "version": "2.4.0",
       "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.4.0.tgz",
@@ -19381,7 +19623,6 @@
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.0.tgz",
       "integrity": "sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ==",
-      "dev": true,
       "engines": {
         "node": ">= 10.0.0"
       }
@@ -19746,8 +19987,7 @@
     "node_modules/util-deprecate": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
-      "integrity": "sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8=",
-      "dev": true
+      "integrity": "sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8="
     },
     "node_modules/util.promisify": {
       "version": "1.0.0",
@@ -23348,10 +23588,12 @@
       "dev": true
     },
     "@scality/core-ui": {
-      "version": "git+ssh://git@github.com/scality/core-ui.git#e04d684714d555afc84dafd3789001029e59345b",
-      "from": "@scality/core-ui@github:scality/core-ui#0.93.0",
+      "version": "git+ssh://git@github.com/scality/core-ui.git#7143a03048cbeeafd91689700071fcaaa5b4f468",
+      "from": "@scality/core-ui@github:scality/core-ui#0.102.0",
       "requires": {
-        "@floating-ui/dom": "^0.1.10"
+        "@floating-ui/dom": "^0.1.10",
+        "@storybook/preview-api": "^7.5.1",
+        "framer-motion": "^4.1.17"
       }
     },
     "@scality/module-federation": {
@@ -23388,6 +23630,107 @@
         "type-detect": "4.0.8"
       }
     },
+    "@storybook/channels": {
+      "version": "7.5.3",
+      "resolved": "https://registry.npmjs.org/@storybook/channels/-/channels-7.5.3.tgz",
+      "integrity": "sha512-dhWuV2o2lmxH0RKuzND8jxYzvSQTSmpE13P0IT/k8+I1up/rSNYOBQJT6SalakcNWXFAMXguo/8E7ApmnKKcEw==",
+      "requires": {
+        "@storybook/client-logger": "7.5.3",
+        "@storybook/core-events": "7.5.3",
+        "@storybook/global": "^5.0.0",
+        "qs": "^6.10.0",
+        "telejson": "^7.2.0",
+        "tiny-invariant": "^1.3.1"
+      },
+      "dependencies": {
+        "qs": {
+          "version": "6.11.2",
+          "resolved": "https://registry.npmjs.org/qs/-/qs-6.11.2.tgz",
+          "integrity": "sha512-tDNIz22aBzCDxLtVH++VnTfzxlfeK5CbqohpSqpJgj1Wg/cQbStNAz3NuqCs5vV+pjBsK4x4pN9HlVh7rcYRiA==",
+          "requires": {
+            "side-channel": "^1.0.4"
+          }
+        }
+      }
+    },
+    "@storybook/client-logger": {
+      "version": "7.5.3",
+      "resolved": "https://registry.npmjs.org/@storybook/client-logger/-/client-logger-7.5.3.tgz",
+      "integrity": "sha512-vUFYALypjix5FoJ5M/XUP6KmyTnQJNW1poHdW7WXUVSg+lBM6E5eAtjTm0hdxNNDH8KSrdy24nCLra5h0X0BWg==",
+      "requires": {
+        "@storybook/global": "^5.0.0"
+      }
+    },
+    "@storybook/core-events": {
+      "version": "7.5.3",
+      "resolved": "https://registry.npmjs.org/@storybook/core-events/-/core-events-7.5.3.tgz",
+      "integrity": "sha512-DFOpyQ22JD5C1oeOFzL8wlqSWZzrqgDfDbUGP8xdO4wJu+FVTxnnWN6ZYLdTPB1u27DOhd7TzjQMfLDHLu7kbQ==",
+      "requires": {
+        "ts-dedent": "^2.0.0"
+      }
+    },
+    "@storybook/csf": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/@storybook/csf/-/csf-0.1.1.tgz",
+      "integrity": "sha512-4hE3AlNVxR60Wc5KSC68ASYzUobjPqtSKyhV6G+ge0FIXU55N5nTY7dXGRZHQGDBPq+XqchMkIdlkHPRs8nTHg==",
+      "requires": {
+        "type-fest": "^2.19.0"
+      },
+      "dependencies": {
+        "type-fest": {
+          "version": "2.19.0",
+          "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-2.19.0.tgz",
+          "integrity": "sha512-RAH822pAdBgcNMAfWnCBU3CFZcfZ/i1eZjwFU/dsLKumyuuP3niueg2UAukXYF0E2AAoc82ZSSf9J0WQBinzHA=="
+        }
+      }
+    },
+    "@storybook/global": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/@storybook/global/-/global-5.0.0.tgz",
+      "integrity": "sha512-FcOqPAXACP0I3oJ/ws6/rrPT9WGhu915Cg8D02a9YxLo0DE9zI+a9A5gRGvmQ09fiWPukqI8ZAEoQEdWUKMQdQ=="
+    },
+    "@storybook/preview-api": {
+      "version": "7.5.3",
+      "resolved": "https://registry.npmjs.org/@storybook/preview-api/-/preview-api-7.5.3.tgz",
+      "integrity": "sha512-LNmEf7oBRnZ1wG3bQ+P+TO29+NN5pSDJiAA6FabZBrtIVm+psc2lxBCDQvFYyAFzQSlt60toGKNW8+RfFNdR5Q==",
+      "requires": {
+        "@storybook/channels": "7.5.3",
+        "@storybook/client-logger": "7.5.3",
+        "@storybook/core-events": "7.5.3",
+        "@storybook/csf": "^0.1.0",
+        "@storybook/global": "^5.0.0",
+        "@storybook/types": "7.5.3",
+        "@types/qs": "^6.9.5",
+        "dequal": "^2.0.2",
+        "lodash": "^4.17.21",
+        "memoizerific": "^1.11.3",
+        "qs": "^6.10.0",
+        "synchronous-promise": "^2.0.15",
+        "ts-dedent": "^2.0.0",
+        "util-deprecate": "^1.0.2"
+      },
+      "dependencies": {
+        "qs": {
+          "version": "6.11.2",
+          "resolved": "https://registry.npmjs.org/qs/-/qs-6.11.2.tgz",
+          "integrity": "sha512-tDNIz22aBzCDxLtVH++VnTfzxlfeK5CbqohpSqpJgj1Wg/cQbStNAz3NuqCs5vV+pjBsK4x4pN9HlVh7rcYRiA==",
+          "requires": {
+            "side-channel": "^1.0.4"
+          }
+        }
+      }
+    },
+    "@storybook/types": {
+      "version": "7.5.3",
+      "resolved": "https://registry.npmjs.org/@storybook/types/-/types-7.5.3.tgz",
+      "integrity": "sha512-iu5W0Kdd6nysN5CPkY4GRl+0BpxRTdSfBIJak7mb6xCIHSB5t1tw4BOuqMQ5EgpikRY3MWJ4gY647QkWBX3MNQ==",
+      "requires": {
+        "@storybook/channels": "7.5.3",
+        "@types/babel__core": "^7.0.0",
+        "@types/express": "^4.7.0",
+        "file-system-cache": "2.3.0"
+      }
+    },
     "@styled-system/background": {
       "version": "5.1.2",
       "resolved": "https://registry.npmjs.org/@styled-system/background/-/background-5.1.2.tgz",
@@ -23797,7 +24140,6 @@
       "version": "7.1.19",
       "resolved": "https://registry.npmjs.org/@types/babel__core/-/babel__core-7.1.19.tgz",
       "integrity": "sha512-WEOTgRsbYkvA/KCsDwVEGkd7WAr1e3g31VHQ8zy5gul/V1qKullU/BU5I68X5v7V3GnB9eotmom4v5a5gjxorw==",
-      "dev": true,
       "requires": {
         "@babel/parser": "^7.1.0",
         "@babel/types": "^7.0.0",
@@ -23810,7 +24152,6 @@
       "version": "7.6.4",
       "resolved": "https://registry.npmjs.org/@types/babel__generator/-/babel__generator-7.6.4.tgz",
       "integrity": "sha512-tFkciB9j2K755yrTALxD44McOrk+gfpIpvC3sxHjRawj6PfnQxrse4Clq5y/Rq+G3mrBurMax/lG8Qn2t9mSsg==",
-      "dev": true,
       "requires": {
         "@babel/types": "^7.0.0"
       }
@@ -23819,7 +24160,6 @@
       "version": "7.4.1",
       "resolved": "https://registry.npmjs.org/@types/babel__template/-/babel__template-7.4.1.tgz",
       "integrity": "sha512-azBFKemX6kMg5Io+/rdGT0dkGreboUVR0Cdm3fz9QJWpaQGJRQXl7C+6hOTCZcMll7KFyEQpgbYI2lHdsS4U7g==",
-      "dev": true,
       "requires": {
         "@babel/parser": "^7.1.0",
         "@babel/types": "^7.0.0"
@@ -23829,7 +24169,6 @@
       "version": "7.17.1",
       "resolved": "https://registry.npmjs.org/@types/babel__traverse/-/babel__traverse-7.17.1.tgz",
       "integrity": "sha512-kVzjari1s2YVi77D3w1yuvohV2idweYXMCDzqBiVNN63TcDWrIlTVOYpqVrvbbyOE/IyzBoTKF0fdnLPEORFxA==",
-      "dev": true,
       "requires": {
         "@babel/types": "^7.3.0"
       }
@@ -23838,7 +24177,6 @@
       "version": "1.19.2",
       "resolved": "https://registry.npmjs.org/@types/body-parser/-/body-parser-1.19.2.tgz",
       "integrity": "sha512-ALYone6pm6QmwZoAgeyNksccT9Q4AWZQ6PvfwR37GT6r6FWUPguq6sUmNGSMV2Wr761oQoBxwGGa6DR5o1DC9g==",
-      "dev": true,
       "requires": {
         "@types/connect": "*",
         "@types/node": "*"
@@ -23871,7 +24209,6 @@
       "version": "3.4.35",
       "resolved": "https://registry.npmjs.org/@types/connect/-/connect-3.4.35.tgz",
       "integrity": "sha512-cdeYyv4KWoEgpBISTxWvqYsVy444DOqehiF3fM3ne10AmJ62RSyNkUnxMJXHQWRQQX2eR94m5y1IZyDwBjV9FQ==",
-      "dev": true,
       "requires": {
         "@types/node": "*"
       }
@@ -23944,7 +24281,6 @@
       "version": "4.17.17",
       "resolved": "https://registry.npmjs.org/@types/express/-/express-4.17.17.tgz",
       "integrity": "sha512-Q4FmmuLGBG58btUnfS1c1r/NQdlp3DMfGDGig8WhfpA2YRUtEkxAjkZb0yvplJGYdF1fsQ81iMDcH24sSCNC/Q==",
-      "dev": true,
       "requires": {
         "@types/body-parser": "*",
         "@types/express-serve-static-core": "^4.17.33",
@@ -23956,7 +24292,6 @@
       "version": "4.17.35",
       "resolved": "https://registry.npmjs.org/@types/express-serve-static-core/-/express-serve-static-core-4.17.35.tgz",
       "integrity": "sha512-wALWQwrgiB2AWTT91CB62b6Yt0sNHpznUXeZEcnPU3DRdlDIz74x8Qg1UUYKSVFi+va5vKOLYRBI1bRKiLLKIg==",
-      "dev": true,
       "requires": {
         "@types/node": "*",
         "@types/qs": "*",
@@ -24011,8 +24346,7 @@
     "@types/http-errors": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/@types/http-errors/-/http-errors-2.0.1.tgz",
-      "integrity": "sha512-/K3ds8TRAfBvi5vfjuz8y6+GiAYBZ0x4tXv1Av6CWBWn0IlADc+ZX9pMq7oU0fNQPnBwIZl3rmeLp6SBApbxSQ==",
-      "dev": true
+      "integrity": "sha512-/K3ds8TRAfBvi5vfjuz8y6+GiAYBZ0x4tXv1Av6CWBWn0IlADc+ZX9pMq7oU0fNQPnBwIZl3rmeLp6SBApbxSQ=="
     },
     "@types/http-proxy": {
       "version": "1.17.11",
@@ -24114,14 +24448,12 @@
     "@types/mime": {
       "version": "1.3.2",
       "resolved": "https://registry.npmjs.org/@types/mime/-/mime-1.3.2.tgz",
-      "integrity": "sha512-YATxVxgRqNH6nHEIsvg6k2Boc1JHI9ZbH5iWFFv/MTkchz3b1ieGDa5T0a9RznNdI0KhVbdbWSN+KWWrQZRxTw==",
-      "dev": true
+      "integrity": "sha512-YATxVxgRqNH6nHEIsvg6k2Boc1JHI9ZbH5iWFFv/MTkchz3b1ieGDa5T0a9RznNdI0KhVbdbWSN+KWWrQZRxTw=="
     },
     "@types/node": {
       "version": "12.12.50",
       "resolved": "https://registry.npmjs.org/@types/node/-/node-12.12.50.tgz",
-      "integrity": "sha512-5ImO01Fb8YsEOYpV+aeyGYztcYcjGsBvN4D7G5r1ef2cuQOpymjWNQi5V0rKHE6PC2ru3HkoUr/Br2/8GUA84w==",
-      "dev": true
+      "integrity": "sha512-5ImO01Fb8YsEOYpV+aeyGYztcYcjGsBvN4D7G5r1ef2cuQOpymjWNQi5V0rKHE6PC2ru3HkoUr/Br2/8GUA84w=="
     },
     "@types/normalize-package-data": {
       "version": "2.4.1",
@@ -24148,14 +24480,12 @@
     "@types/qs": {
       "version": "6.9.7",
       "resolved": "https://registry.npmjs.org/@types/qs/-/qs-6.9.7.tgz",
-      "integrity": "sha512-FGa1F62FT09qcrueBA6qYTrJPVDzah9a+493+o2PCXsesWHIn27G98TsSMs3WPNbZIEj4+VJf6saSFpvD+3Zsw==",
-      "dev": true
+      "integrity": "sha512-FGa1F62FT09qcrueBA6qYTrJPVDzah9a+493+o2PCXsesWHIn27G98TsSMs3WPNbZIEj4+VJf6saSFpvD+3Zsw=="
     },
     "@types/range-parser": {
       "version": "1.2.4",
       "resolved": "https://registry.npmjs.org/@types/range-parser/-/range-parser-1.2.4.tgz",
-      "integrity": "sha512-EEhsLsD6UsDM1yFhAvy0Cjr6VwmpMWqFBCb9w07wVugF7w9nfajxLuVmngTIpgS6svCnm6Vaw+MZhoDCKnOfsw==",
-      "dev": true
+      "integrity": "sha512-EEhsLsD6UsDM1yFhAvy0Cjr6VwmpMWqFBCb9w07wVugF7w9nfajxLuVmngTIpgS6svCnm6Vaw+MZhoDCKnOfsw=="
     },
     "@types/react": {
       "version": "17.0.45",
@@ -24267,7 +24597,6 @@
       "version": "0.17.1",
       "resolved": "https://registry.npmjs.org/@types/send/-/send-0.17.1.tgz",
       "integrity": "sha512-Cwo8LE/0rnvX7kIIa3QHCkcuF21c05Ayb0ZfxPiv0W8VRiZiNW/WuRupHKpqqGVGf7SUA44QSOUKaEd9lIrd/Q==",
-      "dev": true,
       "requires": {
         "@types/mime": "^1",
         "@types/node": "*"
@@ -24286,7 +24615,6 @@
       "version": "1.15.2",
       "resolved": "https://registry.npmjs.org/@types/serve-static/-/serve-static-1.15.2.tgz",
       "integrity": "sha512-J2LqtvFYCzaj8pVYKw8klQXrLLk7TBZmQ4ShlcdkELFKGwGMfevMLneMMRkMgZxotOD9wg497LpC7O8PcvAmfw==",
-      "dev": true,
       "requires": {
         "@types/http-errors": "*",
         "@types/mime": "*",
@@ -26980,6 +27308,11 @@
       "integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==",
       "dev": true
     },
+    "dequal": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz",
+      "integrity": "sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA=="
+    },
     "destroy": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.2.0.tgz",
@@ -28233,6 +28566,15 @@
         "tslib": "^2.0.3"
       }
     },
+    "file-system-cache": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/file-system-cache/-/file-system-cache-2.3.0.tgz",
+      "integrity": "sha512-l4DMNdsIPsVnKrgEXbJwDJsA5mB8rGwHYERMgqQx/xAUtChPJMre1bXBzDEqqVbWv9AIbFezXMxeEkZDSrXUOQ==",
+      "requires": {
+        "fs-extra": "11.1.1",
+        "ramda": "0.29.0"
+      }
+    },
     "fill-range": {
       "version": "7.0.1",
       "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
@@ -28392,6 +28734,44 @@
         "map-cache": "^0.2.2"
       }
     },
+    "framer-motion": {
+      "version": "4.1.17",
+      "resolved": "https://registry.npmjs.org/framer-motion/-/framer-motion-4.1.17.tgz",
+      "integrity": "sha512-thx1wvKzblzbs0XaK2X0G1JuwIdARcoNOW7VVwjO8BUltzXPyONGAElLu6CiCScsOQRI7FIk/45YTFtJw5Yozw==",
+      "requires": {
+        "@emotion/is-prop-valid": "^0.8.2",
+        "framesync": "5.3.0",
+        "hey-listen": "^1.0.8",
+        "popmotion": "9.3.6",
+        "style-value-types": "4.1.4",
+        "tslib": "^2.1.0"
+      },
+      "dependencies": {
+        "@emotion/is-prop-valid": {
+          "version": "0.8.8",
+          "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-0.8.8.tgz",
+          "integrity": "sha512-u5WtneEAr5IDG2Wv65yhunPSMLIpuKsbuOktRojfrEiEvRyC85LgPMZI63cr7NUqT8ZIGdSVg8ZKGxIug4lXcA==",
+          "optional": true,
+          "requires": {
+            "@emotion/memoize": "0.7.4"
+          }
+        },
+        "@emotion/memoize": {
+          "version": "0.7.4",
+          "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.7.4.tgz",
+          "integrity": "sha512-Ja/Vfqe3HpuzRsG1oBtWTHk2PGZ7GR+2Vz5iYGelAw8dx32K0y7PjVuxK6z1nMpZOqAFsRUPCkK1YjJ56qJlgw==",
+          "optional": true
+        }
+      }
+    },
+    "framesync": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/framesync/-/framesync-5.3.0.tgz",
+      "integrity": "sha512-oc5m68HDO/tuK2blj7ZcdEBRx3p1PjrgHazL8GYEpvULhrtGIFbQArN6cQS2QhW8mitffaB+VYzMjDqBxxQeoA==",
+      "requires": {
+        "tslib": "^2.1.0"
+      }
+    },
     "fresh": {
       "version": "0.5.2",
       "resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz",
@@ -28402,7 +28782,6 @@
       "version": "11.1.1",
       "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.1.1.tgz",
       "integrity": "sha512-MGIE4HOvQCeUCzmlHs0vXpih4ysz4wg9qiSAu6cd42lVwPbTM1TjV7RusoyQqMmk/95gdQZX72u+YW+c3eEpFQ==",
-      "dev": true,
       "requires": {
         "graceful-fs": "^4.2.0",
         "jsonfile": "^6.0.1",
@@ -28615,8 +28994,7 @@
     "graceful-fs": {
       "version": "4.2.10",
       "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.10.tgz",
-      "integrity": "sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA==",
-      "dev": true
+      "integrity": "sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA=="
     },
     "graphql": {
       "version": "15.8.0",
@@ -28775,6 +29153,11 @@
       "integrity": "sha512-xAxZkM1dRyGV2Ou5bzMxBPNLoRCjcX+ya7KSWybQD2KwLphxsapUVK6x/02o7f4VU6GPSXch9vNY2+gkU8tYWQ==",
       "dev": true
     },
+    "hey-listen": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/hey-listen/-/hey-listen-1.0.8.tgz",
+      "integrity": "sha512-COpmrF2NOg4TBWUJ5UVyaCU2A88wEMkUPK4hNqyCkqHbxT92BbvfjoSozkAIIm6XhicGlJHhFdullInrdhwU8Q=="
+    },
     "history": {
       "version": "4.10.1",
       "resolved": "https://registry.npmjs.org/history/-/history-4.10.1.tgz",
@@ -31346,7 +31729,6 @@
       "version": "6.1.0",
       "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.1.0.tgz",
       "integrity": "sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==",
-      "dev": true,
       "requires": {
         "graceful-fs": "^4.1.6",
         "universalify": "^2.0.0"
@@ -31632,6 +32014,11 @@
       "integrity": "sha512-8y/eV9QQZCiyn1SprXSrCmqJN0yNRATe+PO8ztwqrvrbdRLA3eYJF0yaR0YayLWkMbsQSKWS9N2gPcGEc4UsZg==",
       "dev": true
     },
+    "map-or-similar": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/map-or-similar/-/map-or-similar-1.5.0.tgz",
+      "integrity": "sha512-0aF7ZmVon1igznGI4VS30yugpduQW3y3GkcgGJOp7d8x8QrizhigUxjI/m2UojsXXto+jLAH3KSz+xOJTiORjg=="
+    },
     "map-visit": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/map-visit/-/map-visit-1.0.0.tgz",
@@ -31670,6 +32057,14 @@
       "resolved": "https://registry.npmjs.org/memoize-one/-/memoize-one-5.2.1.tgz",
       "integrity": "sha512-zYiwtZUcYyXKo/np96AGZAckk+FWWsUdJ3cHGGmld7+AhvcWmQyGCYUh1hc4Q/pkOhb65dQR/pqCyK0cOaHz4Q=="
     },
+    "memoizerific": {
+      "version": "1.11.3",
+      "resolved": "https://registry.npmjs.org/memoizerific/-/memoizerific-1.11.3.tgz",
+      "integrity": "sha512-/EuHYwAPdLtXwAwSZkh/Gutery6pD2KYd44oQLhAvQp/50mpyduZh8Q7PYHXTCJ+wuXxt7oij2LXyIJOOYFPog==",
+      "requires": {
+        "map-or-similar": "^1.5.0"
+      }
+    },
     "merge": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/merge/-/merge-2.1.1.tgz",
@@ -32322,8 +32717,7 @@
     "object-inspect": {
       "version": "1.12.2",
       "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.12.2.tgz",
-      "integrity": "sha512-z+cPxW0QGUp0mcqcsgQyLVRDoXFQbXOwBaqyF7VIgI4TWNQsDHrBpUQslRmIfAoYWdYzs6UlKJtB2XJpTaNSpQ==",
-      "dev": true
+      "integrity": "sha512-z+cPxW0QGUp0mcqcsgQyLVRDoXFQbXOwBaqyF7VIgI4TWNQsDHrBpUQslRmIfAoYWdYzs6UlKJtB2XJpTaNSpQ=="
     },
     "object-is": {
       "version": "1.1.5",
@@ -32843,6 +33237,17 @@
         "@babel/runtime": "^7.4.5"
       }
     },
+    "popmotion": {
+      "version": "9.3.6",
+      "resolved": "https://registry.npmjs.org/popmotion/-/popmotion-9.3.6.tgz",
+      "integrity": "sha512-ZTbXiu6zIggXzIliMi8LGxXBF5ST+wkpXGEjeTUDUOCdSQ356hij/xjeUdv0F8zCQNeqB1+PR5/BB+gC+QLAPw==",
+      "requires": {
+        "framesync": "5.3.0",
+        "hey-listen": "^1.0.8",
+        "style-value-types": "4.1.4",
+        "tslib": "^2.1.0"
+      }
+    },
     "portable-fetch": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/portable-fetch/-/portable-fetch-3.0.0.tgz",
@@ -33140,6 +33545,11 @@
       "integrity": "sha512-cz93DjNeLY0idrCNOH6PviZGRN9GJhsdm9hpn1YCS879fj4W+x5IFJhhkRZcwVgMmFF7R82UA/7Oh+R8lLZg6A==",
       "dev": true
     },
+    "ramda": {
+      "version": "0.29.0",
+      "resolved": "https://registry.npmjs.org/ramda/-/ramda-0.29.0.tgz",
+      "integrity": "sha512-BBea6L67bYLtdbOqfp8f58fPMqEwx0doL+pAi8TZyp2YWz8R9G8z9x75CZI8W+ftqhFHCpEX2cRnUUXK130iKA=="
+    },
     "randexp": {
       "version": "0.4.6",
       "resolved": "https://registry.npmjs.org/randexp/-/randexp-0.4.6.tgz",
@@ -34684,7 +35094,6 @@
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.4.tgz",
       "integrity": "sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==",
-      "dev": true,
       "requires": {
         "call-bind": "^1.0.0",
         "get-intrinsic": "^1.0.2",
@@ -35330,6 +35739,15 @@
         "schema-utils": "^2.7.0"
       }
     },
+    "style-value-types": {
+      "version": "4.1.4",
+      "resolved": "https://registry.npmjs.org/style-value-types/-/style-value-types-4.1.4.tgz",
+      "integrity": "sha512-LCJL6tB+vPSUoxgUBt9juXIlNJHtBMy8jkXzUJSBzeHWdBu6lhzHqCvLVkXFGsFIlNa2ln1sQHya/gzaFmB2Lg==",
+      "requires": {
+        "hey-listen": "^1.0.8",
+        "tslib": "^2.1.0"
+      }
+    },
     "styled-components": {
       "version": "5.3.5",
       "resolved": "https://registry.npmjs.org/styled-components/-/styled-components-5.3.5.tgz",
@@ -35424,6 +35842,11 @@
       "integrity": "sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==",
       "dev": true
     },
+    "synchronous-promise": {
+      "version": "2.0.17",
+      "resolved": "https://registry.npmjs.org/synchronous-promise/-/synchronous-promise-2.0.17.tgz",
+      "integrity": "sha512-AsS729u2RHUfEra9xJrE39peJcc2stq2+poBXX8bcM08Y6g9j/i/PUzwNQqkaJde7Ntg1TO7bSREbR5sdosQ+g=="
+    },
     "tapable": {
       "version": "1.1.3",
       "resolved": "https://registry.npmjs.org/tapable/-/tapable-1.1.3.tgz",
@@ -35444,6 +35867,14 @@
         "yallist": "^4.0.0"
       }
     },
+    "telejson": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/telejson/-/telejson-7.2.0.tgz",
+      "integrity": "sha512-1QTEcJkJEhc8OnStBx/ILRu5J2p0GjvWsBx56bmZRqnrkdBMUe+nX92jxV+p3dB4CP6PZCdJMQJwCggkNBMzkQ==",
+      "requires": {
+        "memoizerific": "^1.11.3"
+      }
+    },
     "terminal-link": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/terminal-link/-/terminal-link-2.1.1.tgz",
@@ -35588,9 +36019,9 @@
       "dev": true
     },
     "tiny-invariant": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/tiny-invariant/-/tiny-invariant-1.2.0.tgz",
-      "integrity": "sha512-1Uhn/aqw5C6RI4KejVeTg6mIS7IqxnLJ8Mv2tV5rTc0qWobay7pDUz6Wi392Cnc8ak1H0F2cjoRzb2/AW4+Fvg=="
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/tiny-invariant/-/tiny-invariant-1.3.1.tgz",
+      "integrity": "sha512-AD5ih2NlSssTCwsMznbvwMZpJ1cbhkGd2uueNxzv2jDlEeZdU04JQfRnggJQ8DrcVBGjAsCKwFBbDlVNtEMlzw=="
     },
     "tiny-warning": {
       "version": "1.0.3",
@@ -35701,6 +36132,11 @@
         "punycode": "^2.1.0"
       }
     },
+    "ts-dedent": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/ts-dedent/-/ts-dedent-2.2.0.tgz",
+      "integrity": "sha512-q5W7tVM71e2xjHZTlgfTDoPF/SmqKG5hddq9SzR49CH2hayqRKJtQ4mtRlSxKaJlR/+9rEM+mnBHf7I2/BQcpQ=="
+    },
     "tslib": {
       "version": "2.4.0",
       "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.4.0.tgz",
@@ -35874,8 +36310,7 @@
     "universalify": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.0.tgz",
-      "integrity": "sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ==",
-      "dev": true
+      "integrity": "sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ=="
     },
     "unload": {
       "version": "2.2.0",
@@ -36139,8 +36574,7 @@
     "util-deprecate": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
-      "integrity": "sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8=",
-      "dev": true
+      "integrity": "sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8="
     },
     "util.promisify": {
       "version": "1.0.0",
diff --git a/package.json b/package.json
index ac73a0f60..98dda1454 100644
--- a/package.json
+++ b/package.json
@@ -76,7 +76,7 @@
     "@hookform/resolvers": "^2.8.8",
     "@js-temporal/polyfill": "^0.4.3",
     "@monaco-editor/react": "^4.4.5",
-    "@scality/core-ui": "github:scality/core-ui#0.93.0",
+    "@scality/core-ui": "github:scality/core-ui#0.102.0",
     "@scality/module-federation": "github:scality/module-federation#1.1.0",
     "@types/react-table": "^7.7.10",
     "@types/react-virtualized": "^9.21.20",
diff --git a/src/react/Routes.tsx b/src/react/Routes.tsx
index 6a02f60e1..88ca60c74 100644
--- a/src/react/Routes.tsx
+++ b/src/react/Routes.tsx
@@ -1,5 +1,6 @@
-import { EmptyStateContainer } from './ui-elements/Container';
+import { AppContainer, ErrorPage401, Icon, Sidebar } from '@scality/core-ui';
 import { useCallback, useEffect, useMemo, useState } from 'react';
+import { useDispatch, useSelector } from 'react-redux';
 import {
   Redirect,
   Route,
@@ -9,36 +10,34 @@ import {
   useHistory,
   useLocation,
 } from 'react-router-dom';
+import { useTheme } from 'styled-components';
+import makeMgtClient from '../js/managementClient';
+import type { AppState } from '../types/state';
+import DataServiceRoleProvider, {
+  useCurrentAccount,
+} from './DataServiceRoleProvider';
+import ManagementProvider from './ManagementProvider';
+import NoMatch from './NoMatch';
+import AccountContent from './account/AccountContent';
+import AccountCreate from './account/AccountCreate';
+import Accounts from './account/Accounts';
 import {
   loadClients,
   loadInstanceLatestStatus,
   setManagementClient,
 } from './actions';
-import { useDispatch, useSelector } from 'react-redux';
-import AccountCreate from './account/AccountCreate';
-import Accounts from './account/Accounts';
-import AccountContent from './account/AccountContent';
-import type { AppState } from '../types/state';
 import DataBrowser from './databrowser/DataBrowser';
+import BucketCreate from './databrowser/buckets/BucketCreate';
 import EndpointCreate from './endpoint/EndpointCreate';
 import Endpoints from './endpoint/Endpoints';
-import Loader from './ui-elements/Loader';
 import LocationEditor from './locations/LocationEditor';
-import NoMatch from './NoMatch';
-import ManagementProvider from './ManagementProvider';
-import DataServiceRoleProvider, {
-  useCurrentAccount,
-} from './DataServiceRoleProvider';
-import BucketCreate from './databrowser/buckets/BucketCreate';
-import makeMgtClient from '../js/managementClient';
-import { ErrorPage401, Icon, Sidebar } from '@scality/core-ui';
-import { Warning } from './ui-elements/Warning';
-import { AppContainer } from '@scality/core-ui';
 import { Locations } from './locations/Locations';
+import { EmptyStateContainer } from './ui-elements/Container';
+import Loader from './ui-elements/Loader';
 import ReauthDialog from './ui-elements/ReauthDialog';
+import VeeamSteppers from './ui-elements/Veeam/VeeamSteps';
+import { Warning } from './ui-elements/Warning';
 import { useAuthGroups } from './utils/hooks';
-import { useTheme } from 'styled-components';
-import Configuration from './ui-elements/Veeam/VeeamConfiguration';
 
 export const RemoveTrailingSlash = ({ ...rest }) => {
   const location = useLocation();
@@ -182,7 +181,7 @@ function PrivateRoutes() {
       <Route exact path="/create-dataservice" component={EndpointCreate} />
       <Route exact path="/dataservices" component={Endpoints} />
       <Route exact path="/locations" component={Locations} />
-      <Route path="/veeam/configuration" component={Configuration} />
+      <Route path="/veeam/configuration" component={VeeamSteppers} />
       <Route path="*" component={NoMatch} />
     </Switch>
   );
diff --git a/src/react/ui-elements/Veeam/ArtescaLogo.tsx b/src/react/ui-elements/Veeam/ArtescaLogo.tsx
index 9cd0a127a..eff4df517 100644
--- a/src/react/ui-elements/Veeam/ArtescaLogo.tsx
+++ b/src/react/ui-elements/Veeam/ArtescaLogo.tsx
@@ -8,8 +8,8 @@ export const ArtescaLogo = () => {
       xmlns="http://www.w3.org/2000/svg"
     >
       <path
-        fill-rule="evenodd"
-        clip-rule="evenodd"
+        fillRule="evenodd"
+        clipRule="evenodd"
         d="M17.6841 12.0043C18.9179 15.115 21.4233 17.564 24.5848 18.6921V5.2782C21.4233 6.40586 18.9179 8.85528 17.6841 12.0043ZM5.16101 5.2782V18.6921C8.32214 17.564 10.8664 15.115 12.0613 12.0043C10.8664 8.85528 8.32214 6.40586 5.16101 5.2782ZM26.7714 24C21.9525 24 17.6693 21.7202 14.8727 18.18C12.1067 21.7202 7.79337 24 2.97448 24H0V0H2.97448C7.79337 0 12.1067 2.24984 14.8727 5.79C17.6693 2.24984 21.9525 0 26.7714 0H29.7458V24H26.7714Z"
         fill="#0AADA6"
       />
diff --git a/src/react/ui-elements/Veeam/VeeamConfiguration.test.tsx b/src/react/ui-elements/Veeam/VeeamConfiguration.test.tsx
index 25e6bd796..7b18e1200 100644
--- a/src/react/ui-elements/Veeam/VeeamConfiguration.test.tsx
+++ b/src/react/ui-elements/Veeam/VeeamConfiguration.test.tsx
@@ -1,21 +1,30 @@
 import { render, screen, waitFor } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
-import Configuration from './VeeamConfiguration';
 import { QueryClient, QueryClientProvider } from 'react-query';
+import Configuration from './VeeamConfiguration';
+import { Stepper } from '@scality/core-ui';
 
 describe('Veeam Configuration UI', () => {
   const selectors = {
-    repositoryInput: () => screen.getByLabelText(/Repository name/i),
+    repositoryInput: () => screen.getByLabelText(/bucket name/i),
     continueButton: () => screen.getByRole('button', { name: /Continue/i }),
     skipButton: () =>
       screen.getByRole('button', { name: /Skip Use case configuration/i }),
     title: () => screen.getByText(/Prepare ARTESCA for Veeam/i),
   };
+
   it('should be able to set the Veeam configuration', async () => {
     //S
     render(
       <QueryClientProvider client={new QueryClient()}>
-        <Configuration />
+        <Stepper
+          steps={[
+            {
+              label: 'Configuration',
+              Component: Configuration,
+            },
+          ]}
+        />
       </QueryClientProvider>,
     );
     //V
diff --git a/src/react/ui-elements/Veeam/VeeamConfiguration.tsx b/src/react/ui-elements/Veeam/VeeamConfiguration.tsx
index f97429764..cd4bfcdfb 100644
--- a/src/react/ui-elements/Veeam/VeeamConfiguration.tsx
+++ b/src/react/ui-elements/Veeam/VeeamConfiguration.tsx
@@ -1,13 +1,12 @@
 import Joi from '@hapi/joi';
 import { joiResolver } from '@hookform/resolvers/joi';
 import { Form, FormGroup, FormSection, Stack, Toggle } from '@scality/core-ui';
+import { useStepper } from '@scality/core-ui/dist/components/steppers/Stepper.component';
 import { Button, Input, Select } from '@scality/core-ui/dist/next';
-import { useRef, useState } from 'react';
+import { useRef } from 'react';
 import { Controller, useForm } from 'react-hook-form';
-import VeeamTable from './VeeamTable';
-
-const VEEAMVERSION11 = 'Veeam 11';
-const VEEAMVERSION12 = 'Veeam 12';
+import { VEEAM_STEPS, VeeamStepsIndexes } from './VeeamSteps';
+import { VEEAMVERSION11, VEEAMVERSION12 } from './VeeamConstants';
 
 const schema = Joi.object({
   name: Joi.string().required(),
@@ -56,11 +55,7 @@ const Configuration = () => {
     //TODO: Create account
   };
   const formRef = useRef(null);
-  const [openVeeamTable, setOpenVeeamTable] = useState(false);
-
-  if (openVeeamTable) {
-    return <VeeamTable />;
-  }
+  const { next } = useStepper(VeeamStepsIndexes.Configuration, VEEAM_STEPS);
 
   return (
     <Form
@@ -86,7 +81,7 @@ const Configuration = () => {
             label="Continue"
             disabled={!isValid}
             onClick={() => {
-              setOpenVeeamTable(true);
+              next({});
             }}
           />
         </Stack>
@@ -116,10 +111,10 @@ const Configuration = () => {
               }}
             ></Controller>
           }
-        ></FormGroup>
+        />
         <FormGroup
           id="name"
-          label="Repository name"
+          label="Bucket name"
           direction="vertical"
           required
           labelHelpTooltip="TODO"
@@ -129,16 +124,16 @@ const Configuration = () => {
               id="name"
               type="text"
               autoComplete="off"
-              placeholder="Veeam-repository name"
+              placeholder="Veeam bucket name"
               {...register('name')}
             />
           }
-        ></FormGroup>
+        />
         <FormGroup
           id="enableImmutableBackup"
           label="Immutable backup"
           direction="vertical"
-          help="Enables permanent, unchangeable backups of objects in bucket."
+          help="It enables object-lock on the bucket which means backups will be permanent and unchangeable."
           helpErrorPosition="bottom"
           labelHelpTooltip="TODO"
           content={
@@ -158,13 +153,14 @@ const Configuration = () => {
               }}
             ></Controller>
           }
-        ></FormGroup>
+        />
         {isVeeam12 ? (
           <FormGroup
             id="capacity"
-            label="Repository capacity"
+            label="Max repository capacity"
             direction="vertical"
             error={errors.capacity?.message ?? ''}
+            help="The recommended value is 80% of the platform's total capacity."
             helpErrorPosition="bottom"
             labelHelpTooltip="TODO"
             content={
diff --git a/src/react/ui-elements/Veeam/VeeamConstants.ts b/src/react/ui-elements/Veeam/VeeamConstants.ts
new file mode 100644
index 000000000..1e03ae607
--- /dev/null
+++ b/src/react/ui-elements/Veeam/VeeamConstants.ts
@@ -0,0 +1,3 @@
+export const BUCKET_TAG_USECASE = 'X-Scality-Usecase';
+export const VEEAMVERSION11 = 'Veeam 11';
+export const VEEAMVERSION12 = 'Veeam 12';
diff --git a/src/react/ui-elements/Veeam/VeeamSteps.tsx b/src/react/ui-elements/Veeam/VeeamSteps.tsx
new file mode 100644
index 000000000..8a3d034c9
--- /dev/null
+++ b/src/react/ui-elements/Veeam/VeeamSteps.tsx
@@ -0,0 +1,29 @@
+import VeeamTable from './VeeamTable';
+import VeeamConfiguration from './VeeamConfiguration';
+import { VeeamSummary } from './VeeamSummary';
+import { Stepper } from '@scality/core-ui';
+
+export const VEEAM_STEPS = [
+  {
+    label: 'Configuration',
+    Component: VeeamConfiguration,
+  },
+  {
+    label: 'Repository Table',
+    Component: VeeamTable,
+  },
+  {
+    label: 'Repository Summary',
+    Component: VeeamSummary,
+  },
+] as const;
+
+export enum VeeamStepsIndexes {
+  Configuration,
+  Table,
+  Summary,
+}
+
+export default function VeeamSteppers() {
+  return <Stepper steps={VEEAM_STEPS} />;
+}
diff --git a/src/react/ui-elements/Veeam/VeeamSummary.tsx b/src/react/ui-elements/Veeam/VeeamSummary.tsx
new file mode 100644
index 000000000..717a2f9b0
--- /dev/null
+++ b/src/react/ui-elements/Veeam/VeeamSummary.tsx
@@ -0,0 +1,160 @@
+import { Banner, Form, Icon, Text } from '@scality/core-ui';
+import { Button, CopyButton } from '@scality/core-ui/dist/next';
+import { Stack } from '@scality/core-ui/dist/spacing';
+import { spacing } from '@scality/core-ui/dist/style/theme';
+import { useHistory } from 'react-router-dom';
+import { Clipboard } from '../Clipboard';
+import { HideCredential } from '../Hide';
+import { ModalBody } from '../Modal';
+import Table, * as T from '../TableKeyValue';
+
+type VeeamSummaryProps = Record<string, never>;
+
+export const VeeamSummary = (_: VeeamSummaryProps) => {
+  const history = useHistory();
+
+  return (
+    <Form
+      layout={{
+        title: 'Veeam Repository preparation summary',
+        kind: 'page',
+      }}
+      requireMode="all"
+      rightActions={
+        <Stack gap="r16">
+          <p></p>
+          <Button
+            variant="primary"
+            label={'Continue'}
+            onClick={() => {
+              history.push('/');
+            }}
+          />
+        </Stack>
+      }
+    >
+      <ModalBody>
+        <Text isEmphazed>
+          The following configuration has been applied in order to make ARTESCA
+          ready for Veeam. <br />
+          You can now use this information to set up the Veeam Server.
+        </Text>{' '}
+        <CopyButton
+          textToCopy={`Username\tveeam\nAccess key ID\tJLVWC9DX45XLY0K9PVEX\nSecret Access key\tEPJGOdLwTK`}
+          label="all"
+          variant="outline"
+          tooltip={{
+            overlay:
+              'Copy all the information below and paste it in a safe place. You will not be able to retrieve the Secret Access key afterwards.',
+            placement: 'right',
+          }}
+          size="inline"
+        />
+        <br />
+        <Table style={{ marginTop: spacing.sp16 }}>
+          <T.Body>
+            <T.Row>
+              <T.Key> Account name </T.Key>
+              <T.Value> veeam </T.Value>
+            </T.Row>
+            <T.Row>
+              <T.Key> Certificate </T.Key>
+              <T.Value>
+                <Button
+                  label="Artesca-CA Root"
+                  variant="outline"
+                  size="inline"
+                  icon={<Icon name="Download" />}
+                  tooltip={{
+                    overlay:
+                      'Download the Artesca-CA root certificate and add it to your Veeam Server.',
+                    placement: 'right',
+                  }}
+                ></Button>{' '}
+              </T.Value>
+            </T.Row>
+            <T.Row>
+              <T.Key> Service point </T.Key>
+              <T.Value> https://s3.pod-choco.local </T.Value>
+              <T.ExtraCell>
+                {' '}
+                <Clipboard text={'https://s3.pod-choco.local'} />{' '}
+              </T.ExtraCell>
+            </T.Row>
+            <T.Row>
+              <T.Key> Region </T.Key>
+              <T.Value> us-east-1 </T.Value>
+              <T.ExtraCell>
+                {' '}
+                <Clipboard text={'us-east-1'} />{' '}
+              </T.ExtraCell>
+            </T.Row>
+          </T.Body>
+        </Table>
+        <br />
+        <b>Credentials</b>
+        <br />
+        <br />
+        <Banner icon={<Icon name="Exclamation-triangle" />} variant="warning">
+          The Secret Access key cannot be retrieved afterwards, so make sure to
+          keep and secure it now. <br />
+          You will be able to create new Access keys at any time.
+        </Banner>
+        <Table
+          style={{
+            marginTop: spacing.sp16,
+          }}
+        >
+          <T.Body>
+            <T.Row>
+              <T.Key> Access key ID </T.Key>
+              <T.Value>JLVWC9DX45XLY0K9PVEX</T.Value>
+              <T.ExtraCell>
+                {' '}
+                <Clipboard text={'JLVWC9DX45XLY0K9PVEX'} />{' '}
+              </T.ExtraCell>
+            </T.Row>
+            <T.Row>
+              <T.Key> Secret Access key </T.Key>
+              <T.Value>
+                {' '}
+                <HideCredential credentials={'EPJGOdLwTK'} />{' '}
+              </T.Value>
+              <T.ExtraCell>
+                {' '}
+                <Clipboard text={'EPJGOdLwTK'} />{' '}
+              </T.ExtraCell>
+            </T.Row>
+          </T.Body>
+        </Table>
+        <br />
+        <b>Bucket</b>
+        <br />
+        <br />
+        <Table>
+          <T.Body>
+            <T.Row>
+              <T.Key> Name </T.Key>
+              <T.Value> veeam-bucket </T.Value>
+              <T.ExtraCell>
+                {' '}
+                <Clipboard text={'veeam-repository'} />{' '}
+              </T.ExtraCell>
+            </T.Row>
+            <T.Row>
+              <T.Key> Immutable backup </T.Key>
+              <T.Value>
+                Active
+                <br />
+                <Text variant="Smaller" color="textSecondary">
+                  Make sure to check the "Make recent backups immutable"
+                  checkbox when configuring the bucket in the Veeam Server.
+                </Text>
+              </T.Value>
+            </T.Row>
+          </T.Body>
+        </Table>
+      </ModalBody>
+    </Form>
+  );
+};
diff --git a/src/react/ui-elements/Veeam/VeeamTable.test.tsx b/src/react/ui-elements/Veeam/VeeamTable.test.tsx
index 543fee6d6..928221f56 100644
--- a/src/react/ui-elements/Veeam/VeeamTable.test.tsx
+++ b/src/react/ui-elements/Veeam/VeeamTable.test.tsx
@@ -2,6 +2,7 @@ import { render, screen, waitFor } from '@testing-library/react';
 import VeeamTable from './VeeamTable';
 import { QueryClient, QueryClientProvider } from 'react-query';
 import { mockOffsetSize } from '../../utils/testUtil';
+import { Stepper } from '@scality/core-ui';
 
 beforeAll(() => {
   mockOffsetSize(500, 500);
@@ -16,7 +17,14 @@ describe('VeeamTable', () => {
   it('should render the Veeam table', async () => {
     render(
       <QueryClientProvider client={new QueryClient()}>
-        <VeeamTable />
+        <Stepper
+          steps={[
+            {
+              label: 'Repository Table',
+              Component: VeeamTable,
+            },
+          ]}
+        />
       </QueryClientProvider>,
     );
 
diff --git a/src/react/ui-elements/Veeam/VeeamTable.tsx b/src/react/ui-elements/Veeam/VeeamTable.tsx
index 945bc7c9c..7fac5b3eb 100644
--- a/src/react/ui-elements/Veeam/VeeamTable.tsx
+++ b/src/react/ui-elements/Veeam/VeeamTable.tsx
@@ -1,4 +1,5 @@
-import { Icon, Modal, Stack, Text, Wrap } from '@scality/core-ui';
+import { Form, Icon, Modal, Stack, Text, Wrap } from '@scality/core-ui';
+import { useStepper } from '@scality/core-ui/dist/components/steppers/Stepper.component';
 import {
   Column,
   Table,
@@ -6,21 +7,20 @@ import {
 import { Box, Button } from '@scality/core-ui/dist/next';
 import { useState } from 'react';
 import { useHistory } from 'react-router-dom';
-import styled, { useTheme } from 'styled-components';
+import { useTheme } from 'styled-components';
+import { VEEAM_STEPS, VeeamStepsIndexes } from './VeeamSteps';
 import { useMockData } from './useMockData';
 
-export const CustomModal = styled(Modal)`
-  background-color: ${(props) => props.theme.backgroundLevel1};
-`;
+type VeeamTableProps = Record<string, never>;
 
-export default function VeeamTable() {
+export default function VeeamTable(_: VeeamTableProps) {
   const [id, setId] = useState<number>(0);
-  const [open, setOpen] = useState<boolean>(true);
   const [confirmCancel, setConfirmCancel] = useState<boolean>(false);
 
   const theme = useTheme();
   const history = useHistory();
   const { data } = useMockData({ id, setId });
+  const { next } = useStepper(VeeamStepsIndexes.Table, VEEAM_STEPS);
 
   const columns: Column<{
     action: string;
@@ -74,7 +74,7 @@ export default function VeeamTable() {
 
   if (confirmCancel) {
     return (
-      <CustomModal
+      <Modal
         isOpen={confirmCancel}
         footer={
           <Wrap>
@@ -84,13 +84,12 @@ export default function VeeamTable() {
                 variant="danger"
                 onClick={() => {
                   setConfirmCancel(false);
-                  setOpen(false);
                   history.push('/');
                 }}
                 label="Cancel"
               />
               <Button
-                variant="primary"
+                variant="secondary"
                 onClick={() => {
                   setConfirmCancel(false);
                 }}
@@ -102,39 +101,39 @@ export default function VeeamTable() {
         title="Confirmation"
       >
         Are you sure you want to cancel ARTESCA Configuration for Veeam?
-      </CustomModal>
+      </Modal>
     );
   }
 
   return (
-    <CustomModal
-      isOpen={open}
-      title={<Text>Configure ARTESCA for Veeam</Text>}
-      footer={
-        <Wrap>
-          <p></p>
-          <Stack>
-            <Button
-              disabled={!isCancellable}
-              variant="outline"
-              label={'Cancel'}
-              onClick={() => {
-                setConfirmCancel(true);
-              }}
-            />
-            <Button
-              disabled={!isContinue}
-              variant="primary"
-              label={'Continue'}
-              onClick={() => {
-                setOpen(false);
-              }}
-            />
-          </Stack>
-        </Wrap>
+    <Form
+      layout={{
+        title: 'Configure ARTESCA for Veeam',
+        kind: 'page',
+      }}
+      requireMode="all"
+      rightActions={
+        <Stack gap="r16">
+          <Button
+            disabled={!isCancellable}
+            variant="outline"
+            label={'Cancel'}
+            onClick={() => {
+              setConfirmCancel(true);
+            }}
+          />
+          <Button
+            disabled={!isContinue}
+            variant="primary"
+            label={'Continue'}
+            onClick={() => {
+              next({});
+            }}
+          />
+        </Stack>
       }
     >
-      <div style={{ height: '25rem', width: '50rem' }}>
+      <div style={{ height: '25rem', width: '40rem' }}>
         <Table columns={columns} data={data}>
           <Table.SingleSelectableContent
             rowHeight="h32"
@@ -146,6 +145,6 @@ export default function VeeamTable() {
           ></Table.SingleSelectableContent>
         </Table>
       </div>
-    </CustomModal>
+    </Form>
   );
 }
diff --git a/src/react/ui-elements/Veeam/useMockData.ts b/src/react/ui-elements/Veeam/useMockData.ts
index cdecf30e1..a826581d4 100644
--- a/src/react/ui-elements/Veeam/useMockData.ts
+++ b/src/react/ui-elements/Veeam/useMockData.ts
@@ -27,7 +27,7 @@ const mockTableData = [
     status: undefined,
   },
   {
-    action: 'Store Veeam use case',
+    action: 'Tag bucket as Veeam Bucket',
     status: undefined,
   },
   {
@@ -35,7 +35,7 @@ const mockTableData = [
     status: undefined,
   },
   {
-    action: 'See Smart Object Storage capacity',
+    action: 'Set Smart Object Storage capacity',
     status: undefined,
   },
 ];