diff --git a/apps/client/Dockerfile b/apps/client/Dockerfile
index fa0dca9e6..b344f2668 100644
--- a/apps/client/Dockerfile
+++ b/apps/client/Dockerfile
@@ -14,6 +14,7 @@ RUN pnpm install --ignore-scripts # --no-optional
 COPY --chown=node:root packages/ ./packages/
 RUN pnpm --filter @cpn-console/shared run build
 COPY --chown=node:root apps/client/ ./apps/client/
+RUN pnpm --filter client run icons
 ENTRYPOINT [ "pnpm", "--filter", "client", "run", "dev" ]
 
 
diff --git a/apps/client/cypress/e2e/specs/admin/projects.e2e.ts b/apps/client/cypress/e2e/specs/admin/projects.e2e.ts
index 696366bd2..f26bfd2eb 100644
--- a/apps/client/cypress/e2e/specs/admin/projects.e2e.ts
+++ b/apps/client/cypress/e2e/specs/admin/projects.e2e.ts
@@ -47,7 +47,8 @@ describe('Administration projects', () => {
             cy.get('td:nth-of-type(4)').should('contain', project.owner.email)
             cy.get('td:nth-of-type(5)').invoke('attr', 'title').should('contain', statusDict.status[project.status].wording)
             cy.get('td:nth-of-type(5)').invoke('attr', 'title').should('contain', statusDict.locked[String(!!project.locked)].wording)
-            cy.get('td:nth-of-type(6)').should('contain.text', 'il y a')
+            cy.get('td:nth-of-type(6)').should('contain.text', '-')
+            cy.get('td:nth-of-type(7)').should('contain.text', 'il y a')
           })
       })
     })
diff --git a/apps/client/package.json b/apps/client/package.json
index a1c9b5a88..c6e3970f8 100644
--- a/apps/client/package.json
+++ b/apps/client/package.json
@@ -5,13 +5,14 @@
   "private": false,
   "description": "cpn-console client",
   "scripts": {
-    "build": "run-s type-check build-only",
+    "build": "run-s icons type-check build-only",
     "build-only": "vite --mode=production build",
     "build:clean": "rimraf ./dist ./tsconfig.tsbuildinfo",
     "cypress:install": "cypress install",
     "dev": "vite --mode=development",
     "format": "NODE_OPTIONS='--no-warnings=ExperimentalWarning' eslint ./ --fix",
     "format:style": "stylelint ./src/**/*.{css,vue} --fix",
+    "icons": "vue-dsfr-icons -s scripts/icons.js -t src/icon-collections.ts",
     "integ": "vite --mode=integration",
     "kube:e2e": "CLIENT_HOST=console.dso.local CLIENT_PORT=80 cypress open",
     "lint": "run-p lint:*",
@@ -30,7 +31,8 @@
   "dependencies": {
     "@cpn-console/shared": "workspace:^",
     "@gouvfr/dsfr": "^1.13.0",
-    "@gouvminint/vue-dsfr": "^7.1.1",
+    "@gouvminint/vue-dsfr": "^8.0.0",
+    "@iconify-json/ri": "^1.2.2",
     "@iconify/vue": "^4.2.0",
     "@ts-rest/core": "^3.51.0",
     "@vue/tsconfig": "^0.7.0",
@@ -49,9 +51,9 @@
     "xbytes": "^1.9.1"
   },
   "optionalDependencies": {
-    "@cypress/vue": "^6.0.1",
-    "cypress": "^13.16.1",
-    "cypress-vite": "^1.5.0"
+    "@cypress/vue": "6.0.1",
+    "cypress": "13.16.1",
+    "cypress-vite": "1.5.0"
   },
   "devDependencies": {
     "@cpn-console/eslint-config": "workspace:^",
diff --git a/apps/client/scripts/create-collections.js b/apps/client/scripts/create-collections.js
new file mode 100644
index 000000000..da1b4a6ef
--- /dev/null
+++ b/apps/client/scripts/create-collections.js
@@ -0,0 +1,18 @@
+#!env node
+import path from 'node:path'
+
+import { createCustomCollectionFile } from '@gouvminint/vue-dsfr/meta'
+import { Command } from 'commander'
+
+const program = new Command()
+
+program
+  .option('-s, --source <filepath>', 'Chemin vers le fichier de tuples [IconifyJSON, string[]]')
+  .option('-t, --target <filepath>', 'Chemin vers le fichier destination (src/icons.ts par défaut)')
+  .parse(process.argv)
+
+const options = program.opts()
+
+if (options.source && options.target) {
+  createCustomCollectionFile(path.resolve(process.cwd(), options.source), path.resolve(process.cwd(), options.target))
+}
diff --git a/apps/client/scripts/icons.js b/apps/client/scripts/icons.js
new file mode 100644
index 000000000..41313a0a1
--- /dev/null
+++ b/apps/client/scripts/icons.js
@@ -0,0 +1,74 @@
+// @ts-check
+import { icons as riCollection } from '@iconify-json/ri'
+
+/**
+ * @type {string[]}
+ */
+const riIconNames = [
+  'account-circle-line',
+  'add-line',
+  'admin-line',
+  'alert-line',
+  'archive-line',
+  'arrow-drop-left-line',
+  'arrow-drop-right-line',
+  'arrow-go-back-line',
+  'arrow-left-double-line',
+  'arrow-right-double-line',
+  'arrow-right-s-line',
+  'arrow-up-s-line',
+  'award-line',
+  'building-line',
+  'check-line',
+  'checkbox-blank-circle-fill',
+  'checkbox-circle-line',
+  'clipboard-line',
+  'close-line',
+  'dashboard-line',
+  'delete-bin-7-line',
+  'exchange-line',
+  'eye-line',
+  'eye-off-line',
+  'file-download-line',
+  'filter-line',
+  'filter-off-line',
+  'flow-chart',
+  'focus-3-line',
+  'folder-user-line',
+  'folders-line',
+  'git-branch-line',
+  'git-merge-line',
+  'github-line',
+  'heart-pulse-line',
+  'key-2-line',
+  'key-2-line',
+  'loader-4-line',
+  'lock-line',
+  'lock-unlock-line',
+  'mail-line',
+  'microsoft-line',
+  'moon-clear-line',
+  'newspaper-line',
+  'pencil-line',
+  'refresh-line',
+  'restart-line',
+  'send-plane-line',
+  'server-line',
+  'settings-3-line',
+  'shield-check-line',
+  'sound-module-line',
+  'stock-line',
+  'sun-line',
+  'team-line',
+  'tools-line',
+  'upload-cloud-line',
+  'user-add-line',
+  'user-shared-2-line',
+]
+
+/**
+ * @type {[import('@iconify/vue').IconifyJSON, string[]][]}
+ */
+export const collectionsToFilter = [
+  [riCollection, riIconNames],
+]
diff --git a/apps/client/src/components/AdminRoleForm.vue b/apps/client/src/components/AdminRoleForm.vue
index d74300475..39628556a 100644
--- a/apps/client/src/components/AdminRoleForm.vue
+++ b/apps/client/src/components/AdminRoleForm.vue
@@ -3,7 +3,6 @@ import { computed, onBeforeMount, ref } from 'vue'
 import type { AdminPermsKeys, LettersQuery, SharedZodError, User } from '@cpn-console/shared'
 import { ADMIN_PERMS, RoleSchema, adminPermsDetails, shallowEqual } from '@cpn-console/shared'
 import pDebounce from 'p-debounce'
-// @ts-ignore '@gouvminint/vue-dsfr' missing types
 import { getRandomId } from '@gouvminint/vue-dsfr'
 import SuggestionInput from './SuggestionInput.vue'
 import { useUsersStore } from '@/stores/users.js'
diff --git a/apps/client/src/components/ClusterForm.vue b/apps/client/src/components/ClusterForm.vue
index 50eb07304..6620c519d 100644
--- a/apps/client/src/components/ClusterForm.vue
+++ b/apps/client/src/components/ClusterForm.vue
@@ -231,14 +231,8 @@ const isConnectionDetailsShown = ref(true)
         Informations de connexion (kubeconfig)
       </h4>
       <v-icon
-        v-if="isConnectionDetailsShown"
         name="ri:arrow-right-s-line"
-        class="shrink ml-4 rotate-90"
-      />
-      <v-icon
-        v-else
-        name="ri:arrow-right-s-line"
-        class="shrink ml-4"
+        :class="`shrink ml-4 ${isConnectionDetailsShown ? 'rotate-90' : ''}`"
       />
     </div>
     <template
diff --git a/apps/client/src/components/EnvironmentForm.vue b/apps/client/src/components/EnvironmentForm.vue
index 46833f599..0869c050f 100644
--- a/apps/client/src/components/EnvironmentForm.vue
+++ b/apps/client/src/components/EnvironmentForm.vue
@@ -1,6 +1,5 @@
 <script lang="ts" setup>
 import { computed, onBeforeMount, ref } from 'vue'
-// @ts-ignore '@gouvminint/vue-dsfr' missing types
 import { getRandomId } from '@gouvminint/vue-dsfr'
 import type {
   CleanedCluster,
diff --git a/apps/client/src/components/LogsViewer.vue b/apps/client/src/components/LogsViewer.vue
index c48669330..4d2d45bdb 100644
--- a/apps/client/src/components/LogsViewer.vue
+++ b/apps/client/src/components/LogsViewer.vue
@@ -77,7 +77,7 @@ async function showLogs(index: number) {
         :title="hideLogDetails ? 'Afficher les logs en entier' : 'Masquer les clés non essentielles des logs'"
         secondary
         icon-only
-        :icon="hideLogDetails ? 'ri:filter-off-fill' : 'ri:filter-fill'"
+        :icon="hideLogDetails ? 'ri:filter-off-line' : 'ri:filter-line'"
         @click="hideLogDetails = !hideLogDetails"
       />
       <DsfrButton
@@ -86,7 +86,7 @@ async function showLogs(index: number) {
         :title="hideLogs ? 'Afficher les logs' : 'Masquer les logs'"
         secondary
         icon-only
-        :icon="hideLogs ? 'ri:eye-off-fill' : 'ri:eye-fill'"
+        :icon="hideLogs ? 'ri:eye-off-line' : 'ri:eye-line'"
         @click="hideLogs = !hideLogs"
       />
       <DsfrButton
@@ -96,7 +96,7 @@ async function showLogs(index: number) {
         secondary
         icon-only
         :disabled="isUpdating"
-        :icon="{ name: 'ri:refresh-fill', animation: isUpdating ? 'spin' : '' }"
+        :icon="{ name: 'ri:refresh-line', animation: isUpdating ? 'spin' : '' }"
         @click="showLogs(page)"
       />
     </div>
diff --git a/apps/client/src/components/PaginationCt.vue b/apps/client/src/components/PaginationCt.vue
index 8469dda72..fa611959a 100644
--- a/apps/client/src/components/PaginationCt.vue
+++ b/apps/client/src/components/PaginationCt.vue
@@ -25,7 +25,7 @@ const currentStart = computed(() => Math.floor(props.page * props.step))
       class="flex gap-2"
     >
       <DsfrButton
-        icon="ri:arrow-left-double-fill"
+        icon="ri:arrow-left-double-line"
         :icon-only="true"
         title="Voir la première page"
         :disabled="page <= 0"
diff --git a/apps/client/src/components/ProjectBanner.vue b/apps/client/src/components/ProjectBanner.vue
new file mode 100644
index 000000000..f84a4549e
--- /dev/null
+++ b/apps/client/src/components/ProjectBanner.vue
@@ -0,0 +1,118 @@
+<script lang="ts" setup>
+import type { Project } from '@/utils/project-utils.js'
+import { descriptionMaxLength, projectIsLockedInfo } from '@cpn-console/shared'
+
+withDefaults(defineProps<{
+  project: Project
+  canEditDescription: boolean
+}>(), {
+  canEditDescription: false,
+})
+
+const emits = defineEmits<{
+  (e: 'update:modelValue'): void
+  (e: 'saveDescription'): void
+}>()
+
+const isEditingDescription = ref(false)
+
+function getDynamicTitle(locked?: Project['locked'], description?: Project['description']) {
+  if (locked) return projectIsLockedInfo
+  if (description) return 'Editer la description'
+  return 'Ajouter une description'
+}
+const modelValue = defineModel<string>()
+
+function saveDescription() {
+  emits('saveDescription')
+  isEditingDescription.value = false
+}
+</script>
+
+<template>
+  <div
+    class="fr-callout"
+  >
+    <!-- Section nom -->
+    <h1
+      class="fr-callout__title fr-mb-3w"
+    >
+      {{ project.name }}<span class="fr-callout__title fr-mb-3w italic inline opacity-70">
+        ({{ project.organization.label }})
+      </span>
+    </h1>
+
+    <!-- Section description -->
+    <div
+      v-if="isEditingDescription"
+    >
+      <DsfrInput
+        v-model="modelValue"
+        data-testid="descriptionInput"
+        :is-textarea="true"
+        :maxlength="descriptionMaxLength"
+        label="Description du projet"
+        label-visible
+        :hint="`Courte description expliquant la finalité du projet (${descriptionMaxLength} caractères maximum).`"
+        placeholder="Application de réservation de places à l'examen du permis B."
+      />
+      <div
+        class="flex justify-between"
+      >
+        <DsfrButton
+          data-testid="saveDescriptionBtn"
+          label="Enregistrer la description"
+          secondary
+          :icon="project.operationsInProgress.includes('update')
+            ? { name: 'ri:refresh-line', animation: 'spin' }
+            : 'ri:send-plane-line'"
+          :disabled="project.operationsInProgress.includes('update')"
+          @click="saveDescription"
+        />
+        <DsfrButton
+          label="Annuler"
+          primary
+          @click="isEditingDescription = false"
+        />
+      </div>
+    </div>
+    <div
+      v-else
+      class="flex gap-4 items-center"
+    >
+      <p
+        v-if="project.description"
+        data-testid="descriptionP"
+      >
+        {{ project.description }}
+      </p>
+      <p
+        v-else
+        data-testid="descriptionP"
+        class="disabled"
+      >
+        Aucune description pour le moment...
+      </p>
+      <DsfrButton
+        v-if="canEditDescription"
+        class="fr-mt-0"
+        icon="ri:pencil-line"
+        data-testid="setDescriptionBtn"
+        :title="getDynamicTitle(project.locked, project.description)"
+        icon-only
+        secondary
+        @click="isEditingDescription = true"
+      />
+    </div>
+
+    <!-- Section version -->
+    <div
+      v-if="project.lastSuccessProvisionningVersion"
+      title="Version de la console lors du dernier provisionnement réussi du projet"
+    >
+      <code
+        class="fr-text-default--info text-sm"
+      >Version:&nbsp;{{ project.lastSuccessProvisionningVersion }}</code>
+    </div>
+  </div>
+</template>
diff --git a/apps/client/src/components/ReplayButton.vue b/apps/client/src/components/ReplayButton.vue
index be5226764..5de180275 100644
--- a/apps/client/src/components/ReplayButton.vue
+++ b/apps/client/src/components/ReplayButton.vue
@@ -40,7 +40,7 @@ async function replayHooks() {
     <DsfrButton
       data-testid="replayHooksBtn"
       label="Reprovisionner le projet"
-      :icon="{ name: 'ri:refresh-fill', animation: operationsInProgress.includes('replay') ? 'spin' : '' }"
+      :icon="{ name: 'ri:refresh-line', animation: operationsInProgress.includes('replay') ? 'spin' : '' }"
       secondary
       :disabled="project.locked || operationsInProgress.includes('replay')"
       @click="replayHooks"
diff --git a/apps/client/src/components/SelectProject.vue b/apps/client/src/components/SelectProject.vue
index c7888d9f9..06c44b7b9 100644
--- a/apps/client/src/components/SelectProject.vue
+++ b/apps/client/src/components/SelectProject.vue
@@ -85,7 +85,7 @@ function selectProject(id: string) {
       :class="`create-project ${projectStore.myProjects.length ? 'w-15' : ''}`"
       type="buttonType"
       secondary
-      icon="ri:add-fill"
+      icon="ri:add-line"
       :icon-only="!!projectStore.myProjects.length"
       :label="!projectStore.myProjects.length ? 'Créer un nouveau projet' : ''"
       small
diff --git a/apps/client/src/components/SideMenu.vue b/apps/client/src/components/SideMenu.vue
index e694c1e32..11327a7bd 100644
--- a/apps/client/src/components/SideMenu.vue
+++ b/apps/client/src/components/SideMenu.vue
@@ -377,7 +377,7 @@ onMounted(() => {
               :active="routeName === 'SystemSettings'"
               to="/admin/system-settings"
             >
-              <v-icon name="ri:tools-fill" />
+              <v-icon name="ri:tools-line" />
               Réglages console
             </DsfrSideMenuLink>
           </DsfrSideMenuListItem>
diff --git a/apps/client/src/components/TeamCt.vue b/apps/client/src/components/TeamCt.vue
index f489da5e6..277c17421 100644
--- a/apps/client/src/components/TeamCt.vue
+++ b/apps/client/src/components/TeamCt.vue
@@ -1,6 +1,5 @@
 <script lang="ts" setup>
 import { computed, onMounted, ref, watch } from 'vue'
-// @ts-ignore '@gouvminint/vue-dsfr' missing types
 import { getRandomId } from '@gouvminint/vue-dsfr'
 import type {
   LettersQuery,
diff --git a/apps/client/src/components/TokenForm.vue b/apps/client/src/components/TokenForm.vue
index fa2d08a1d..d113bd6fa 100644
--- a/apps/client/src/components/TokenForm.vue
+++ b/apps/client/src/components/TokenForm.vue
@@ -148,7 +148,7 @@ const schema = computed(() => {
         label="Enregistrer"
         secondary
         :icon="isCreatingToken
-          ? { name: 'ri:refresh-fill', animation: 'spin' }
+          ? { name: 'ri:refresh-line', animation: 'spin' }
           : 'ri:send-plane-line'"
         :disabled="!schema.success || !!invalidExpirationDate || isCreatingToken || (mandatoryExpiration && !newToken.expirationDate)"
         class="mr-5"
diff --git a/apps/client/src/icon-collections.ts b/apps/client/src/icon-collections.ts
new file mode 100644
index 000000000..37c870079
--- /dev/null
+++ b/apps/client/src/icon-collections.ts
@@ -0,0 +1,4 @@
+import type { IconifyJSON } from '@iconify/vue'
+
+const collections: IconifyJSON[] = [{ prefix: 'ri', icons: { 'account-circle-line': { body: '<path fill="currentColor" d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12S6.477 2 12 2m.16 14a6.98 6.98 0 0 0-5.147 2.256A7.97 7.97 0 0 0 12 20a7.97 7.97 0 0 0 5.167-1.892A6.98 6.98 0 0 0 12.16 16M12 4a8 8 0 0 0-6.384 12.821A8.98 8.98 0 0 1 12.16 14a8.97 8.97 0 0 1 6.362 2.634A8 8 0 0 0 12 4m0 1a4 4 0 1 1 0 8a4 4 0 0 1 0-8m0 2a2 2 0 1 0 0 4a2 2 0 0 0 0-4"/>' }, 'add-line': { body: '<path fill="currentColor" d="M11 11V5h2v6h6v2h-6v6h-2v-6H5v-2z"/>' }, 'admin-line': { body: '<path fill="currentColor" d="M12 14v2a6 6 0 0 0-6 6H4a8 8 0 0 1 8-8m0-1c-3.315 0-6-2.685-6-6s2.685-6 6-6s6 2.685 6 6s-2.685 6-6 6m0-2c2.21 0 4-1.79 4-4s-1.79-4-4-4s-4 1.79-4 4s1.79 4 4 4m9 6h1v5h-8v-5h1v-1a3 3 0 1 1 6 0zm-2 0v-1a1 1 0 1 0-2 0v1z"/>' }, 'alert-line': { body: '<path fill="currentColor" d="m12.866 3l9.526 16.5a1 1 0 0 1-.866 1.5H2.474a1 1 0 0 1-.866-1.5L11.134 3a1 1 0 0 1 1.732 0m-8.66 16h15.588L12 5.5zM11 16h2v2h-2zm0-7h2v5h-2z"/>' }, 'archive-line': { body: '<path fill="currentColor" d="M3 10H2V4.003C2 3.449 2.455 3 2.992 3h18.016A.99.99 0 0 1 22 4.003V10h-1v10.002a.996.996 0 0 1-.993.998H3.993A.996.996 0 0 1 3 20.002zm16 0H5v9h14zM4 5v3h16V5zm5 7h6v2H9z"/>' }, 'arrow-drop-left-line': { body: '<path fill="currentColor" d="m11.828 12l2.829 2.829l-1.414 1.414L9 12.001l4.243-4.243l1.414 1.414z"/>' }, 'arrow-drop-right-line': { body: '<path fill="currentColor" d="M12.172 12L9.343 9.173l1.415-1.414L15 12l-4.242 4.242l-1.415-1.414z"/>' }, 'arrow-go-back-line': { body: '<path fill="currentColor" d="m5.828 7l2.536 2.535L6.95 10.95L2 6l4.95-4.95l1.414 1.415L5.828 5H13a8 8 0 1 1 0 16H4v-2h9a6 6 0 0 0 0-12z"/>' }, 'arrow-left-double-line': { body: '<path fill="currentColor" d="m4.836 12l6.207 6.207l1.414-1.414L7.664 12l4.793-4.793l-1.414-1.414zm5.65 0l6.207 6.207l1.414-1.414L13.314 12l4.793-4.793l-1.414-1.414z"/>' }, 'arrow-right-double-line': { body: '<path fill="currentColor" d="m19.164 12l-6.207-6.207l-1.414 1.414L16.336 12l-4.793 4.793l1.414 1.414zm-5.65 0L7.307 5.793L5.893 7.207L10.686 12l-4.793 4.793l1.414 1.414z"/>' }, 'arrow-right-s-line': { body: '<path fill="currentColor" d="m13.172 12l-4.95-4.95l1.414-1.413L16 12l-6.364 6.364l-1.414-1.415z"/>' }, 'arrow-up-s-line': { body: '<path fill="currentColor" d="m12 10.828l-4.95 4.95l-1.414-1.414L12 8l6.364 6.364l-1.414 1.414z"/>' }, 'award-line': { body: '<path fill="currentColor" d="M17 15.245v6.872a.5.5 0 0 1-.757.429L12 20l-4.243 2.546a.5.5 0 0 1-.757-.43v-6.87a8 8 0 1 1 10 0M9 16.42v3.049l3-1.8l3 1.8v-3.05A8 8 0 0 1 12 17a8 8 0 0 1-3-.581M12 15a6 6 0 1 0 0-12a6 6 0 0 0 0 12"/>' }, 'building-line': { body: '<path fill="currentColor" d="M21 19h2v2H1v-2h2V4a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v15h4v-8h-2V9h3a1 1 0 0 1 1 1zM5 5v14h8V5zm2 6h4v2H7zm0-4h4v2H7z"/>' }, 'check-line': { body: '<path fill="currentColor" d="m10 15.17l9.192-9.191l1.414 1.414L10 17.999l-6.364-6.364l1.414-1.414z"/>' }, 'checkbox-blank-circle-fill': { body: '<path fill="currentColor" d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2S2 6.477 2 12s4.477 10 10 10"/>' }, 'checkbox-circle-line': { body: '<path fill="currentColor" d="M4 12a8 8 0 1 1 16 0a8 8 0 0 1-16 0m8-10C6.477 2 2 6.477 2 12s4.477 10 10 10s10-4.477 10-10S17.523 2 12 2m5.457 7.457l-1.414-1.414L11 13.086l-2.793-2.793l-1.414 1.414L11 15.914z"/>' }, 'clipboard-line': { body: '<path fill="currentColor" d="M7 4V2h10v2h3.007c.548 0 .993.445.993.993v16.014a.994.994 0 0 1-.993.993H3.993A.993.993 0 0 1 3 21.007V4.993C3 4.445 3.445 4 3.993 4zm0 2H5v14h14V6h-2v2H7zm2-2v2h6V4z"/>' }, 'close-line': { body: '<path fill="currentColor" d="m12 10.587l4.95-4.95l1.414 1.414l-4.95 4.95l4.95 4.95l-1.415 1.414l-4.95-4.95l-4.949 4.95l-1.414-1.415l4.95-4.95l-4.95-4.95L7.05 5.638z"/>' }, 'dashboard-line': { body: '<path fill="currentColor" d="M14 21a1 1 0 0 1-1-1v-8a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1zM4 13a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1zm5-2V5H5v6zM4 21a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1zm1-2h4v-2H5zm10 0h4v-6h-4zM13 4a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1zm2 1v2h4V5z"/>' }, 'delete-bin-7-line': { body: '<path fill="currentColor" d="M17 6h5v2h-2v13a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V8H2V6h5V3a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1zm1 2H6v12h12zM9 4v2h6V4z"/>' }, 'exchange-line': { body: '<path fill="currentColor" d="M12.005 22.003c-5.523 0-10-4.477-10-10s4.477-10 10-10s10 4.477 10 10s-4.477 10-10 10m0-2a8 8 0 1 0 0-16a8 8 0 0 0 0 16m-5-7h9v2h-4v3zm5-4v-3l5 5h-9v-2z"/>' }, 'eye-line': { body: '<path fill="currentColor" d="M12 3c5.392 0 9.878 3.88 10.819 9c-.94 5.12-5.427 9-10.819 9s-9.878-3.88-10.818-9C2.122 6.88 6.608 3 12 3m0 16a9.005 9.005 0 0 0 8.778-7a9.005 9.005 0 0 0-17.555 0A9.005 9.005 0 0 0 12 19m0-2.5a4.5 4.5 0 1 1 0-9a4.5 4.5 0 0 1 0 9m0-2a2.5 2.5 0 1 0 0-5a2.5 2.5 0 0 0 0 5"/>' }, 'eye-off-line': { body: '<path fill="currentColor" d="M17.883 19.297A10.95 10.95 0 0 1 12 21c-5.392 0-9.878-3.88-10.818-9A11 11 0 0 1 4.52 5.935L1.394 2.808l1.414-1.414l19.799 19.798l-1.414 1.415zM5.936 7.35A8.97 8.97 0 0 0 3.223 12a9.005 9.005 0 0 0 13.201 5.838l-2.028-2.028A4.5 4.5 0 0 1 8.19 9.604zm6.978 6.978l-3.242-3.241a2.5 2.5 0 0 0 3.241 3.241m7.893 2.265l-1.431-1.431A8.9 8.9 0 0 0 20.778 12A9.005 9.005 0 0 0 9.552 5.338L7.974 3.76C9.221 3.27 10.58 3 12 3c5.392 0 9.878 3.88 10.819 9a10.95 10.95 0 0 1-2.012 4.593m-9.084-9.084Q11.86 7.5 12 7.5a4.5 4.5 0 0 1 4.492 4.778z"/>' }, 'file-download-line': { body: '<path fill="currentColor" d="M13 12h3l-4 4l-4-4h3V8h2zm2-8H5v16h14V8h-4zM3 2.992C3 2.444 3.447 2 3.999 2H16l5 5v13.993A1 1 0 0 1 20.007 22H3.993A1 1 0 0 1 3 21.008z"/>' }, 'filter-line': { body: '<path fill="currentColor" d="M21 4v2h-1l-5 7.5V22H9v-8.5L4 6H3V4zM6.404 6L11 12.894V20h2v-7.106L17.596 6z"/>' }, 'filter-off-line': { body: '<path fill="currentColor" d="M6.929.515L21.07 14.657l-1.414 1.414l-3.823-3.822l-.834 1.25V22H9v-8.5L4 6H3V4h4.585l-2.07-2.07zM9.585 6H6.404L11 12.894V20h2v-7.106l1.392-2.087zM21 4v2h-1l-1.915 2.872l-1.442-1.443l.953-1.43h-2.383l-2-2z"/>' }, 'flow-chart': { body: '<path fill="currentColor" d="M6 21.5A3.5 3.5 0 1 1 9.355 17H15v-2h2V9.242L14.757 7H9v2H3V3h6v2h5.757L18 1.756L22.243 6L19 9.241V15h2v6h-6v-2H9.355A3.5 3.5 0 0 1 6 21.5m0-5a1.5 1.5 0 1 0 0 3a1.5 1.5 0 0 0 0-3m13 .5h-2v2h2zM18 4.586L16.586 6L18 7.414L19.414 6zM7 5H5v2h2z"/>' }, 'focus-3-line': { body: '<path fill="currentColor" d="m13 1l.001 3.062A8.004 8.004 0 0 1 19.938 11H23v2l-3.062.001a8.004 8.004 0 0 1-6.937 6.937L13 23h-2v-3.062a8.004 8.004 0 0 1-6.938-6.937L1 13v-2h3.062A8.004 8.004 0 0 1 11 4.062V1zm-1 5a6 6 0 1 0 0 12a6 6 0 0 0 0-12m0 4a2 2 0 1 1 0 4a2 2 0 0 1 0-4"/>' }, 'folder-user-line': { body: '<path fill="currentColor" d="M12.414 5H21a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h7.414zM4 5v14h16V7h-8.414l-2-2zm4 13a4 4 0 0 1 8 0zm4-5a2.5 2.5 0 1 1 0-5a2.5 2.5 0 0 1 0 5"/>' }, 'folders-line': { body: '<path fill="currentColor" d="M6 7V4a1 1 0 0 1 1-1h6.414l2 2H21a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1h-3v3a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1zm0 2H4v10h12v-2H6zm2-4v10h12V7h-5.414l-2-2z"/>' }, 'git-branch-line': { body: '<path fill="currentColor" d="M7.105 15.21A3.001 3.001 0 1 1 5 15.17V8.83a3.001 3.001 0 1 1 2 0V12c.836-.628 1.874-1 3-1h4a3 3 0 0 0 2.895-2.21a3.001 3.001 0 1 1 2.032.064A5 5 0 0 1 14 13h-4a3 3 0 0 0-2.895 2.21M6 17a1 1 0 1 0 0 2a1 1 0 0 0 0-2M6 5a1 1 0 1 0 0 2a1 1 0 0 0 0-2m12 0a1 1 0 1 0 0 2a1 1 0 0 0 0-2"/>' }, 'git-merge-line': { body: '<path fill="currentColor" d="M7.105 8.79A3 3 0 0 0 10 11h4a5 5 0 0 1 4.927 4.146A3.001 3.001 0 0 1 18 21a3 3 0 0 1-1.105-5.79A3 3 0 0 0 14 13h-4a4.98 4.98 0 0 1-3-1v3.17a3.001 3.001 0 1 1-2 0V8.83a3.001 3.001 0 1 1 2.105-.04M6 7a1 1 0 1 0 0-2a1 1 0 0 0 0 2m0 12a1 1 0 1 0 0-2a1 1 0 0 0 0 2m12 0a1 1 0 1 0 0-2a1 1 0 0 0 0 2"/>' }, 'github-line': { body: '<path fill="currentColor" d="M5.884 18.653c-.3-.2-.558-.455-.86-.816a51 51 0 0 1-.466-.579c-.463-.575-.755-.841-1.056-.95a1 1 0 1 1 .675-1.882c.752.27 1.261.735 1.947 1.588c-.094-.117.34.427.433.539c.19.227.33.365.44.438c.204.137.588.196 1.15.14c.024-.382.094-.753.202-1.095c-2.968-.726-4.648-2.64-4.648-6.396c0-1.24.37-2.356 1.058-3.292c-.218-.894-.185-1.975.302-3.192a1 1 0 0 1 .63-.582c.081-.024.127-.035.208-.047c.803-.124 1.937.17 3.415 1.096a11.7 11.7 0 0 1 2.687-.308c.912 0 1.819.104 2.684.308c1.477-.933 2.614-1.227 3.422-1.096q.128.02.218.05a1 1 0 0 1 .616.58c.487 1.216.52 2.296.302 3.19c.691.936 1.058 2.045 1.058 3.293c0 3.757-1.674 5.665-4.642 6.392c.125.415.19.878.19 1.38c0 .665-.002 1.299-.007 2.01c0 .19-.002.394-.005.706a1 1 0 0 1-.018 1.958c-1.14.227-1.984-.532-1.984-1.525l.002-.447l.005-.705c.005-.707.008-1.337.008-1.997c0-.697-.184-1.152-.426-1.361c-.661-.57-.326-1.654.541-1.751c2.966-.333 4.336-1.482 4.336-4.66c0-.955-.312-1.744-.913-2.404A1 1 0 0 1 17.2 6.19c.166-.414.236-.957.095-1.614l-.01.003c-.491.139-1.11.44-1.858.949a1 1 0 0 1-.833.135a9.6 9.6 0 0 0-2.592-.349c-.89 0-1.772.118-2.592.35a1 1 0 0 1-.829-.134c-.753-.507-1.374-.807-1.87-.947c-.143.653-.072 1.194.093 1.607a1 1 0 0 1-.189 1.045c-.597.655-.913 1.458-.913 2.404c0 3.172 1.371 4.328 4.322 4.66c.865.097 1.202 1.177.545 1.748c-.193.168-.43.732-.43 1.364v3.15c0 .985-.834 1.725-1.96 1.528a1 1 0 0 1-.04-1.962v-.99c-.91.061-1.661-.088-2.254-.485"/>' }, 'heart-pulse-line': { body: '<path fill="currentColor" d="M16.5 3C19.538 3 22 5.5 22 9c0 7-7.5 11-10 12.5c-1.977-1.186-7.083-3.937-9.131-8.499L1 13v-2h1.21A9.6 9.6 0 0 1 2 9c0-3.5 2.5-6 5.5-6C9.36 3 11 4 12 5c1-1 2.64-2 4.5-2m0 2c-1.076 0-2.24.57-3.086 1.414L12 7.828l-1.414-1.414C9.74 5.57 8.576 5 7.5 5C5.56 5 4 6.657 4 9q0 1.028.267 2h2.167L8.5 7.556l3 5L12.434 11H17v2h-3.434L11.5 16.444l-3-5L7.566 13H5.108c.79 1.374 1.985 2.668 3.537 3.903c.745.593 1.54 1.146 2.421 1.7c.299.189.595.37.934.572c.339-.202.635-.383.934-.571a27 27 0 0 0 2.42-1.701C18.335 14.533 20 11.943 20 9c0-2.36-1.537-4-3.5-4"/>' }, 'key-2-line': { body: '<path fill="currentColor" d="m10.758 11.828l7.849-7.849l1.414 1.414l-1.414 1.415l2.474 2.474l-1.414 1.415l-2.475-2.475l-1.414 1.414l2.121 2.121l-1.414 1.415l-2.121-2.122l-2.192 2.192a5.002 5.002 0 0 1-7.708 6.293a5 5 0 0 1 6.294-7.707m-.637 6.293A3 3 0 1 0 5.88 13.88a3 3 0 0 0 4.242 4.242"/>' }, 'loader-4-line': { body: '<path fill="currentColor" d="M18.364 5.636L16.95 7.05A7 7 0 1 0 19 12h2a9 9 0 1 1-2.636-6.364"/>' }, 'lock-line': { body: '<path fill="currentColor" d="M19 10h1a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V11a1 1 0 0 1 1-1h1V9a7 7 0 0 1 14 0zM5 12v8h14v-8zm6 2h2v4h-2zm6-4V9A5 5 0 0 0 7 9v1z"/>' }, 'lock-unlock-line': { body: '<path fill="currentColor" d="M7 10h13a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V11a1 1 0 0 1 1-1h1V9a7 7 0 0 1 13.262-3.131l-1.789.894A5 5 0 0 0 7 9zm-2 2v8h14v-8zm5 3h4v2h-4z"/>' }, 'mail-line': { body: '<path fill="currentColor" d="M3 3h18a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1m17 4.238l-7.928 7.1L4 7.216V19h16zM4.511 5l7.55 6.662L19.502 5z"/>' }, 'microsoft-line': { body: '<path fill="currentColor" d="M11.001 5h-6v6h6zm2 0v6h6V5zm6 8h-6v6h6zm-8 6v-6h-6v6zm-8-16h18v18h-18z"/>' }, 'moon-clear-line': { body: '<path fill="currentColor" d="M10 6a8 8 0 0 0 11.955 6.956C21.474 18.03 17.2 22 12 22C6.477 22 2 17.523 2 12c0-5.2 3.97-9.474 9.044-9.955A7.96 7.96 0 0 0 10 6m-6 6a8 8 0 0 0 8 8a8 8 0 0 0 6.957-4.045Q18.482 16 18 16C12.477 16 8 11.523 8 6q0-.481.045-.957A8 8 0 0 0 4 12m14.164-9.709L19 2.5v1l-.836.209a2 2 0 0 0-1.455 1.455L16.5 6h-1l-.209-.836a2 2 0 0 0-1.455-1.455L13 3.5v-1l.836-.209A2 2 0 0 0 15.29.836L15.5 0h1l.209.836a2 2 0 0 0 1.455 1.455m5 5L24 7.5v1l-.836.209a2 2 0 0 0-1.455 1.455L21.5 11h-1l-.209-.836a2 2 0 0 0-1.455-1.455L18 8.5v-1l.836-.209a2 2 0 0 0 1.455-1.455L20.5 5h1l.209.836a2 2 0 0 0 1.455 1.455"/>' }, 'newspaper-line': { body: '<path fill="currentColor" d="M16 20V4H4v15a1 1 0 0 0 1 1zm3 2H5a3 3 0 0 1-3-3V3a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v7h4v9a3 3 0 0 1-3 3m-1-10v7a1 1 0 1 0 2 0v-7zM6 6h6v6H6zm2 2v2h2V8zm-2 5h8v2H6zm0 3h8v2H6z"/>' }, 'pencil-line': { body: '<path fill="currentColor" d="m15.728 9.576l-1.414-1.414L5 17.476v1.414h1.414zm1.414-1.414l1.414-1.414l-1.414-1.414l-1.414 1.414zm-9.9 12.728H3v-4.243L16.435 3.212a1 1 0 0 1 1.414 0l2.829 2.829a1 1 0 0 1 0 1.414z"/>' }, 'refresh-line': { body: '<path fill="currentColor" d="M5.463 4.433A9.96 9.96 0 0 1 12 2c5.523 0 10 4.477 10 10c0 2.136-.67 4.116-1.81 5.74L17 12h3A8 8 0 0 0 6.46 6.228zm13.074 15.134A9.96 9.96 0 0 1 12 22C6.477 22 2 17.523 2 12c0-2.136.67-4.116 1.81-5.74L7 12H4a8 8 0 0 0 13.54 5.772z"/>' }, 'restart-line': { body: '<path fill="currentColor" d="M18.537 19.567A9.96 9.96 0 0 1 12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10c0 2.136-.67 4.116-1.81 5.74L17 12h3a8 8 0 1 0-2.46 5.772z"/>' }, 'send-plane-line': { body: '<path fill="currentColor" d="m21.727 2.957l-5.454 19.086c-.15.529-.475.553-.717.07L11 13L1.923 9.37c-.51-.205-.503-.51.034-.689L21.043 2.32c.529-.176.832.12.684.638m-2.692 2.14L6.812 9.17l5.637 2.255l3.04 6.08z"/>' }, 'server-line': { body: '<path fill="currentColor" d="M5 11h14V5H5zm16-7v16a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1m-2 9H5v6h14zM7 15h3v2H7zm0-8h3v2H7z"/>' }, 'settings-3-line': { body: '<path fill="currentColor" d="M3.34 17a10 10 0 0 1-.979-2.326a3 3 0 0 0 .003-5.347a10 10 0 0 1 2.5-4.337a3 3 0 0 0 4.632-2.674a10 10 0 0 1 5.007.003a3 3 0 0 0 4.632 2.671a10.06 10.06 0 0 1 2.503 4.336a3 3 0 0 0-.002 5.347a10 10 0 0 1-2.501 4.337a3 3 0 0 0-4.632 2.674a10 10 0 0 1-5.007-.002a3 3 0 0 0-4.631-2.672A10 10 0 0 1 3.339 17m5.66.196a5 5 0 0 1 2.25 2.77q.75.07 1.499.002a5 5 0 0 1 2.25-2.772a5 5 0 0 1 3.526-.564q.435-.614.748-1.298A5 5 0 0 1 18 12c0-1.26.47-2.437 1.273-3.334a8 8 0 0 0-.75-1.298A5 5 0 0 1 15 6.804a5 5 0 0 1-2.25-2.77q-.75-.071-1.5-.001A5 5 0 0 1 9 6.804a5 5 0 0 1-3.526.564q-.436.614-.747 1.298A5 5 0 0 1 6 12c0 1.26-.471 2.437-1.273 3.334a8 8 0 0 0 .75 1.298A5 5 0 0 1 9 17.196M12 15a3 3 0 1 1 0-6a3 3 0 0 1 0 6m0-2a1 1 0 1 0 0-2a1 1 0 0 0 0 2"/>' }, 'shield-check-line': { body: '<path fill="currentColor" d="m12 1l8.217 1.826a1 1 0 0 1 .783.976v9.987a6 6 0 0 1-2.672 4.992L12 23l-6.328-4.219A6 6 0 0 1 3 13.79V3.802a1 1 0 0 1 .783-.976zm0 2.049L5 4.604v9.185a4 4 0 0 0 1.781 3.328L12 20.597l5.219-3.48A4 4 0 0 0 19 13.79V4.604zm4.452 5.173l1.415 1.414L11.503 16L7.26 11.757l1.414-1.414l2.828 2.828z"/>' }, 'sound-module-line': { body: '<path fill="currentColor" d="M21 18v3h-2v-3h-2v-2h6v2zM5 18v3H3v-3H1v-2h6v2zm6-12V3h2v3h2v2H9V6zm0 4h2v11h-2zm-8 4V3h2v11zm16 0V3h2v11z"/>' }, 'stock-line': { body: '<path fill="currentColor" d="M8.005 5.003h3v9h-3v3h-2v-3h-3v-9h3v-3h2zm-3 2v5h4v-5zm13 3h3v9h-3v3h-2v-3h-3v-9h3v-3h2zm-3 2v5h4v-5z"/>' }, 'sun-line': { body: '<path fill="currentColor" d="M12 18a6 6 0 1 1 0-12a6 6 0 0 1 0 12m0-2a4 4 0 1 0 0-8a4 4 0 0 0 0 8M11 1h2v3h-2zm0 19h2v3h-2zM3.515 4.929l1.414-1.414L7.05 5.636L5.636 7.05zM16.95 18.364l1.414-1.414l2.121 2.121l-1.414 1.414zm2.121-14.85l1.414 1.415l-2.121 2.121l-1.414-1.414zM5.636 16.95l1.414 1.414l-2.121 2.121l-1.414-1.414zM23 11v2h-3v-2zM4 11v2H1v-2z"/>' }, 'team-line': { body: '<path fill="currentColor" d="M12 11a5 5 0 0 1 5 5v6h-2v-6a3 3 0 0 0-2.824-2.995L12 13a3 3 0 0 0-2.995 2.824L9 16v6H7v-6a5 5 0 0 1 5-5m-6.5 3q.42.001.81.094a6 6 0 0 0-.301 1.575L6 16v.086a1.5 1.5 0 0 0-.356-.08L5.5 16a1.5 1.5 0 0 0-1.493 1.355L4 17.5V22H2v-4.5A3.5 3.5 0 0 1 5.5 14m13 0a3.5 3.5 0 0 1 3.5 3.5V22h-2v-4.5a1.5 1.5 0 0 0-1.355-1.493L18.5 16q-.264.001-.5.085V16c0-.666-.108-1.306-.308-1.904c.258-.063.53-.096.808-.096m-13-6a2.5 2.5 0 1 1 0 5a2.5 2.5 0 0 1 0-5m13 0a2.5 2.5 0 1 1 0 5a2.5 2.5 0 0 1 0-5m-13 2a.5.5 0 1 0 0 1a.5.5 0 0 0 0-1m13 0a.5.5 0 1 0 0 1a.5.5 0 0 0 0-1M12 2a4 4 0 1 1 0 8a4 4 0 0 1 0-8m0 2a2 2 0 1 0 0 4a2 2 0 0 0 0-4"/>' }, 'tools-line': { body: '<path fill="currentColor" d="M5.33 3.272a3.5 3.5 0 0 1 4.254 4.962l10.709 10.71l-1.414 1.414l-10.71-10.71a3.502 3.502 0 0 1-4.962-4.255L5.444 7.63a1.5 1.5 0 0 0 2.121-2.121zm10.367 1.883l3.182-1.768l1.414 1.415l-1.768 3.182l-1.768.353l-2.12 2.121l-1.415-1.414l2.121-2.121zm-6.718 8.132l1.415 1.414l-5.304 5.303a1 1 0 0 1-1.492-1.327l.078-.087z"/>' }, 'upload-cloud-line': { body: '<path fill="currentColor" d="M1 14.5a6.5 6.5 0 0 1 3.064-5.519a8.001 8.001 0 0 1 15.872 0a6.5 6.5 0 0 1-2.936 12L7 21c-3.356-.274-6-3.078-6-6.5m15.848 4.487a4.5 4.5 0 0 0 2.03-8.309l-.807-.503l-.12-.942a6.001 6.001 0 0 0-11.903 0l-.12.942l-.805.503a4.5 4.5 0 0 0 2.029 8.309l.173.013h9.35zM13 13v4h-2v-4H8l4-5l4 5z"/>' }, 'user-add-line': { body: '<path fill="currentColor" d="M14 14.252v2.09A6 6 0 0 0 6 22H4a8 8 0 0 1 10-7.749M12 13c-3.315 0-6-2.685-6-6s2.685-6 6-6s6 2.685 6 6s-2.685 6-6 6m0-2c2.21 0 4-1.79 4-4s-1.79-4-4-4s-4 1.79-4 4s1.79 4 4 4m6 6v-3h2v3h3v2h-3v3h-2v-3h-3v-2z"/>' }, 'user-shared-2-line': { body: '<path fill="currentColor" d="M14 14.252v2.09A6 6 0 0 0 6 22H4a8 8 0 0 1 10-7.749M12 13c-3.315 0-6-2.685-6-6s2.685-6 6-6s6 2.685 6 6s-2.685 6-6 6m0-2c2.21 0 4-1.79 4-4s-1.79-4-4-4s-4 1.79-4 4s1.79 4 4 4m6 6v-3.5l5 4.5l-5 4.5V19h-3v-2z"/>' } }, width: 24, height: 24 }]
+export default collections
diff --git a/apps/client/src/main.ts b/apps/client/src/main.ts
index 04c00ba51..2071795e2 100644
--- a/apps/client/src/main.ts
+++ b/apps/client/src/main.ts
@@ -1,8 +1,10 @@
+import { addCollection } from '@iconify/vue'
 import '@gouvfr/dsfr/dist/dsfr.min.css'
 import '@gouvfr/dsfr/dist/utility/icons/icons.min.css'
 import '@gouvfr/dsfr/dist/utility/utility.main.min.css'
 import '@gouvminint/vue-dsfr/styles'
 import 'vue3-json-viewer/dist/index.css'
+import collections from './icon-collections.js'
 
 // @ts-ignore 'vue3-json-viewer' missing types
 import JsonViewer from 'vue3-json-viewer'
@@ -27,3 +29,7 @@ createApp(App)
   .component('VIcon', VIcon)
   .use(JsonViewer)
   .mount('#app')
+
+for (const collection of collections) {
+  addCollection(collection)
+}
diff --git a/apps/client/src/utils/project-utils.ts b/apps/client/src/utils/project-utils.ts
index 6ea75c345..ffa05cdb2 100644
--- a/apps/client/src/utils/project-utils.ts
+++ b/apps/client/src/utils/project-utils.ts
@@ -25,7 +25,6 @@ import type {
   projectRoleContract,
 } from '@cpn-console/shared'
 
-// @ts-ignore '@gouvminint/vue-dsfr' missing types
 import { getRandomId } from '@gouvminint/vue-dsfr'
 import {
   apiClient,
@@ -75,6 +74,7 @@ export class Project implements ProjectV2 {
   repositories: Ref<Repo[]>
   environments: Ref<Environment[]>
   services: ProjectService[] = []
+  lastSuccessProvisionningVersion: string | null
 
   constructor(project: ProjectV2, organization: Organization) {
     this.id = project.id
@@ -91,6 +91,7 @@ export class Project implements ProjectV2 {
     this.members = project.members
     this.createdAt = project.createdAt
     this.updatedAt = project.updatedAt
+    this.lastSuccessProvisionningVersion = project.lastSuccessProvisionningVersion
     this.status = project.status
     this.myPerms = calculateProjectPerms(this, useUserStore().userProfile?.id)
     this.operationsInProgress = ref([])
diff --git a/apps/client/src/views/CreateProject.vue b/apps/client/src/views/CreateProject.vue
index 16a7d498a..b6988c5ee 100644
--- a/apps/client/src/views/CreateProject.vue
+++ b/apps/client/src/views/CreateProject.vue
@@ -164,7 +164,7 @@ onMounted(async () => {
       class="fr-mt-2w"
       :disabled="!project.organizationId || !!errorSchema || buttonState.isCreating"
       :icon="buttonState.isCreating
-        ? { name: 'ri:refresh-fill', animation: 'spin' }
+        ? { name: 'ri:refresh-line', animation: 'spin' }
         : 'ri:send-plane-line'"
       @click="createProject()"
     />
diff --git a/apps/client/src/views/DsoHome.vue b/apps/client/src/views/DsoHome.vue
index 8eb46ff13..7bac189a1 100644
--- a/apps/client/src/views/DsoHome.vue
+++ b/apps/client/src/views/DsoHome.vue
@@ -26,15 +26,15 @@ const tabListName: string = 'benefitsTab'
 const tabTitles: Array<TabTitle> = [
   {
     title: 'Qualité',
-    icon: 'ri:award-fill',
+    icon: 'ri:award-line',
   },
   {
     title: 'Déploiement continu',
-    icon: 'ri:git-merge-fill',
+    icon: 'ri:git-merge-line',
   },
   {
     title: 'Sécurité',
-    icon: 'ri:shield-check-fill',
+    icon: 'ri:shield-check-line',
   },
 ]
 const tabContents: Array<string> = [
@@ -122,7 +122,7 @@ function setWindowLocation(to: string) {
           class="w-full justify-center"
           secondary
           :title="ghFormationUrl"
-          icon="ri:github-fill"
+          icon="ri:github-line"
           @click="setWindowLocation(ghFormationUrl)"
         />
       </div>
diff --git a/apps/client/src/views/DsoMaintenance.vue b/apps/client/src/views/DsoMaintenance.vue
index f073b7aab..6aa6848e0 100644
--- a/apps/client/src/views/DsoMaintenance.vue
+++ b/apps/client/src/views/DsoMaintenance.vue
@@ -20,7 +20,7 @@ function setWindowLocation(to: string) {
   <DsfrCallout
     title="Maintenance"
     content="La console Cloud π Native est actuellement en maintenance. À très vite !"
-    icon="ri:tools-fill"
+    icon="ri:tools-line"
   />
 
   <DsfrButton
diff --git a/apps/client/src/views/ServicesHealth.vue b/apps/client/src/views/ServicesHealth.vue
index 8b1672d4a..70fd855a0 100644
--- a/apps/client/src/views/ServicesHealth.vue
+++ b/apps/client/src/views/ServicesHealth.vue
@@ -34,9 +34,9 @@ onBeforeMount(async () => {
       title="Renouveler l'appel"
       secondary
       icon-only
-      icon="ri:refresh-fill"
+      icon="ri:refresh-line"
       :disabled="!!isUpdating"
-      @click="checkServicesHealth()"
+      @click="checkServicesHealth"
     />
   </div>
   <div
diff --git a/apps/client/src/views/admin/AdminProject.vue b/apps/client/src/views/admin/AdminProject.vue
index 08b426058..49074408a 100644
--- a/apps/client/src/views/admin/AdminProject.vue
+++ b/apps/client/src/views/admin/AdminProject.vue
@@ -1,6 +1,5 @@
 <script lang="ts" setup>
 import { onBeforeMount, ref } from 'vue'
-// @ts-ignore '@gouvminint/vue-dsfr' missing types
 import { getRandomId } from '@gouvminint/vue-dsfr'
 import type { CleanedCluster, Environment, Log, PluginsUpdateBody, ProjectService, ProjectV2, Repo, Zone } from '@cpn-console/shared'
 import { bts } from '@cpn-console/shared'
@@ -27,6 +26,7 @@ const snackbarStore = useSnackbarStore()
 const quotaStore = useQuotaStore()
 const stageStore = useStageStore()
 
+const bannerKey = ref(getRandomId('banner'))
 const teamCtKey = ref(getRandomId('team'))
 const environmentsCtKey = ref(getRandomId('environment'))
 const repositoriesCtKey = ref(getRandomId('repository'))
@@ -50,40 +50,49 @@ TimeAgo.addLocale(fr)
 // Create relative date/time formatter.
 const timeAgo = new TimeAgo('fr-FR')
 
+function refreshComponents() {
+  bannerKey.value = getRandomId('banner')
+  teamCtKey.value = getRandomId('team')
+}
+
 function unSelectProject() {
   router.push({ name: 'ListProjects' })
 }
 
 async function updateEnvironmentQuota({ environmentId, quotaId }: { environmentId: string, quotaId: string }) {
   await project.value.Environments.update(environmentId, { quotaId })
+  refreshComponents()
 }
 
 async function handleProjectLocking() {
   await project.value.Commands.update({ locked: !project.value.locked })
+  refreshComponents()
 }
 
 async function replayHooks() {
   await project.value.Commands.replay()
+  refreshComponents()
 }
 
 async function archiveProject() {
   await project.value.Commands.delete()
+  refreshComponents()
   unSelectProject()
 }
 
 async function addUserToProject(email: string) {
   await project.value.Members.create(email)
-  teamCtKey.value = getRandomId('team')
+  refreshComponents()
 }
 
 async function removeUserFromProject(userId: string) {
   await project.value.Members.delete(userId)
-  teamCtKey.value = getRandomId('team')
+  refreshComponents()
 }
 
 async function transferOwnerShip(nextOwnerId: string) {
   await project.value.Commands.update({ ownerId: nextOwnerId })
-  teamCtKey.value = getRandomId('team')
+  refreshComponents()
 }
 
 async function getProjectDetails() {
@@ -95,6 +104,7 @@ async function getProjectDetails() {
       clusterStore.getClusters(),
       zoneStore.getAllZones(),
     ])
+    refreshComponents()
     environments.value = project.value.environments.map((environment) => {
       const cluster = clusterStore.clusters.find(cluster => cluster.id === environment.clusterId) as CleanedCluster
       const zone = zoneStore.zones.find(zone => zone.id === cluster.zoneId) as Zone
@@ -172,7 +182,7 @@ async function getProjectLogs({ offset, limit }: { offset: number, limit: number
         title="Rafraîchir la liste des projets"
         secondary
         icon-only
-        icon="ri:refresh-fill"
+        icon="ri:refresh-line"
         :disabled="snackbarStore.isWaitingForResponse"
         @click="async() => {
           await getProjectDetails()
@@ -190,9 +200,10 @@ async function getProjectLogs({ offset, limit }: { offset: number, limit: number
     </div>
     <template v-if="project">
       <div>
-        <DsfrCallout
-          :title="`${project.name} (${project.organization.name})`"
-          :content="project.description ?? ''"
+        <ProjectBanner
+          :key="bannerKey"
+          :project="project"
+          :can-update-description="false"
         />
         <div
           class="w-full flex place-content-evenly fr-mb-2w"
@@ -217,7 +228,7 @@ async function getProjectLogs({ offset, limit }: { offset: number, limit: number
           <DsfrButton
             data-testid="replayHooksBtn"
             label="Reprovisionner le projet"
-            :icon="{ name: 'ri:refresh-fill', animation: project.operationsInProgress.includes('replay') ? 'spin' : undefined }"
+            :icon="{ name: 'ri:refresh-line', animation: project.operationsInProgress.includes('replay') ? 'spin' : undefined }"
             :disabled="project.operationsInProgress.includes('replay') || project.locked"
             secondary
             @click="replayHooks()"
@@ -226,8 +237,8 @@ async function getProjectLogs({ offset, limit }: { offset: number, limit: number
             data-testid="handleProjectLockingBtn"
             :label="`${project.locked ? 'Déverrouiller' : 'Verrouiller'} le projet`"
             :icon="project.operationsInProgress.includes('lockHandling')
-              ? { name: 'ri:refresh-fill', animation: 'spin' }
-              : project.locked ? 'ri:lock-unlock-fill' : 'ri:lock-fill'"
+              ? { name: 'ri:refresh-line', animation: 'spin' }
+              : project.locked ? 'ri:lock-unlock-line' : 'ri:lock-line'"
             :disabled="project.operationsInProgress.includes('lockHandling') || project.status === 'archived'"
             secondary
             @click="handleProjectLocking"
@@ -239,7 +250,7 @@ async function getProjectLogs({ offset, limit }: { offset: number, limit: number
             secondary
             :disabled="project.operationsInProgress.includes('delete') || project.locked"
             :icon="project.operationsInProgress.includes('delete')
-              ? { name: 'ri:refresh-fill', animation: 'spin' }
+              ? { name: 'ri:refresh-line', animation: 'spin' }
               : 'ri:delete-bin-7-line'"
             @click="isArchivingProject = true"
           />
@@ -265,7 +276,7 @@ async function getProjectLogs({ offset, limit }: { offset: number, limit: number
               secondary
               :disabled="project.operationsInProgress.includes('delete') || projectToArchive !== project.name"
               :icon="project.operationsInProgress.includes('delete')
-                ? { name: 'ri:refresh-fill', animation: 'spin' }
+                ? { name: 'ri:refresh-line', animation: 'spin' }
                 : 'ri:delete-bin-7-line'"
               @click="archiveProject"
             />
diff --git a/apps/client/src/views/admin/ListOrganizations.vue b/apps/client/src/views/admin/ListOrganizations.vue
index eecc20bb3..e4397a888 100644
--- a/apps/client/src/views/admin/ListOrganizations.vue
+++ b/apps/client/src/views/admin/ListOrganizations.vue
@@ -12,7 +12,6 @@ import {
   parseZodError,
   sortArrByObjKeyAsc,
 } from '@cpn-console/shared'
-// @ts-ignore '@gouvminint/vue-dsfr' missing types
 import { getRandomId } from '@gouvminint/vue-dsfr'
 import { useOrganizationStore } from '@/stores/organization.js'
 import { useSnackbarStore } from '@/stores/snackbar.js'
diff --git a/apps/client/src/views/admin/ListProjects.vue b/apps/client/src/views/admin/ListProjects.vue
index 778db436e..f68d8b420 100644
--- a/apps/client/src/views/admin/ListProjects.vue
+++ b/apps/client/src/views/admin/ListProjects.vue
@@ -1,6 +1,5 @@
 <script lang="ts" setup>
 import { onBeforeMount, ref } from 'vue'
-// @ts-ignore '@gouvminint/vue-dsfr' missing types
 import { getRandomId } from '@gouvminint/vue-dsfr'
 import type { ArrayElement, Organization, ProjectV2, projectContract } from '@cpn-console/shared'
 import { bts, statusDict } from '@cpn-console/shared'
@@ -53,6 +52,7 @@ const filterMethods: FilterMethods = {
   Archivés: { filter: 'all', statusIn: 'archived' },
   Échoués: { filter: 'all', statusIn: 'failed' },
   Verrouillés: { filter: 'all', locked: true, statusNotIn: 'archived' },
+  'Non à jour': { filter: 'all', statusNotIn: 'archived', lastSuccessProvisionningVersion: 'outdated' },
 }
 
 const selectedProjectIds = ref<ProjectV2['id'][]>([])
@@ -217,6 +217,7 @@ function clickProject(project: ArrayElement<typeof projectWithSelection.value>)
           <td>Nom</td>
           <td>Souscripteur</td>
           <td>Status</td>
+          <td>Version</td>
           <td>Date de création</td>
         </tr>
       </template>
@@ -268,6 +269,7 @@ function clickProject(project: ArrayElement<typeof projectWithSelection.value>)
             />
           </div>
         </td>
+        <td>{{ project.lastSuccessProvisionningVersion ?? '-' }}</td>
         <td
           :title="(new Date(project.createdAt)).toLocaleString()"
         >
diff --git a/apps/client/src/views/projects/DsoDashboard.vue b/apps/client/src/views/projects/DsoDashboard.vue
index 66808cec1..fa1ac520d 100644
--- a/apps/client/src/views/projects/DsoDashboard.vue
+++ b/apps/client/src/views/projects/DsoDashboard.vue
@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import { onBeforeMount, ref } from 'vue'
 import type { ProjectV2 } from '@cpn-console/shared'
-import { ProjectAuthorized, descriptionMaxLength, projectIsLockedInfo } from '@cpn-console/shared'
+import { ProjectAuthorized } from '@cpn-console/shared'
 import { useProjectStore } from '@/stores/project.js'
 import router from '@/router/index.js'
 import { copyContent } from '@/utils/func.js'
@@ -14,7 +14,6 @@ const projectStore = useProjectStore()
 const stageStore = useStageStore()
 const project = computed(() => projectStore.projectsById[props.projectId])
 
-const description = ref(project.value.description)
 const isEditingDescription = ref(false)
 const isArchivingProject = ref(false)
 const projectToArchive = ref('')
@@ -23,8 +22,8 @@ const projectSecrets = ref<Record<string, any>>({})
 const allStages = ref<Array<any>>([])
 const logStore = useLogStore()
 
-async function updateProject() {
-  project.value.Commands.update({ description: description.value })
+function updateProject() {
+  project.value.Commands.update({ description: project.value.description })
   isEditingDescription.value = false
 }
 
@@ -35,12 +34,6 @@ async function archiveProject() {
   delete projectStore.projectsById[project.value.id]
 }
 
-function getDynamicTitle(locked?: ProjectV2['locked'], description?: ProjectV2['description']) {
-  if (locked) return projectIsLockedInfo
-  if (description) return 'Editer la description'
-  return 'Ajouter une description'
-}
-
 async function handleSecretDisplay() {
   isSecretShown.value = !isSecretShown.value
   if (isSecretShown.value && !Object.keys(projectSecrets.value).length) {
@@ -74,78 +67,12 @@ onMounted(() => {
     :key="project.id"
     class="relative"
   >
-    <div
-      class="fr-callout"
-    >
-      <h1
-        class="fr-callout__title fr-mb-3w"
-      >
-        {{ project.name }}<h2 class="fr-callout__title fr-mb-3w italic inline opacity-70">
-          ({{ project.organization.label }})
-        </h2>
-      </h1>
-      <div
-        v-if="!isEditingDescription"
-        class="flex gap-4 items-center"
-      >
-        <p
-          v-if="project.description"
-          data-testid="descriptionP"
-        >
-          {{ project.description }}
-        </p>
-        <p
-          v-else
-          data-testid="descriptionP"
-          class="disabled"
-        >
-          Aucune description pour le moment...
-        </p>
-        <DsfrButton
-          class="fr-mt-0"
-          icon="ri:pencil-fill"
-          data-testid="setDescriptionBtn"
-          :title="getDynamicTitle(project.locked, project.description)"
-          :disabled="project.locked || !ProjectAuthorized.Manage({ projectPermissions: project.myPerms })"
-          icon-only
-          secondary
-          @click="isEditingDescription = true"
-        />
-      </div>
-      <div
-        v-if="isEditingDescription"
-      >
-        <DsfrInput
-          v-model="description"
-          data-testid="descriptionInput"
-          :is-textarea="true"
-          :maxlength="descriptionMaxLength"
-          label="Description du projet"
-          label-visible
-          :hint="`Courte description expliquant la finalité du projet (${descriptionMaxLength} caractères maximum).`"
-          placeholder="Application de réservation de places à l'examen du permis B."
-        />
-        <div
-          class="flex justify-between"
-        >
-          <DsfrButton
-            data-testid="saveDescriptionBtn"
-            label="Enregistrer la description"
-            secondary
-            :icon="project.operationsInProgress.includes('update')
-              ? { name: 'ri:refresh-fill', animation: 'spin' }
-              : 'ri:send-plane-line'"
-            :disabled="project.operationsInProgress.includes('update')"
-            @click="updateProject()"
-          />
-          <DsfrButton
-            label="Annuler"
-            primary
-            @click="isEditingDescription = false"
-          />
-        </div>
-      </div>
-    </div>
+    <ProjectBanner
+      v-model="project.description"
+      :project="project"
+      :can-edit-description="!project.locked && ProjectAuthorized.Manage({ projectPermissions: project.myPerms })"
+      @save-description="updateProject"
+    />
     <div>
       <div
         class="flex gap-2"
@@ -193,7 +120,7 @@ onMounted(() => {
         :label="`${isSecretShown ? 'Cacher' : 'Afficher'} les secrets des services`"
         secondary
         :icon="project.operationsInProgress.includes('searchSecret')
-          ? { name: 'ri:refresh-fill', animation: 'spin' }
+          ? { name: 'ri:refresh-line', animation: 'spin' }
           : isSecretShown ? 'ri:eye-off-line' : 'ri:eye-line'"
         :disabled="project.operationsInProgress.includes('searchSecret')"
         @click="handleSecretDisplay"
@@ -273,7 +200,7 @@ onMounted(() => {
             :disabled="projectToArchive !== project.name || project.operationsInProgress.includes('delete')"
             secondary
             :icon="project.operationsInProgress.includes('delete')
-              ? { name: 'ri:refresh-fill', animation: 'spin' }
+              ? { name: 'ri:refresh-line', animation: 'spin' }
               : 'ri:delete-bin-7-line'"
             @click="archiveProject"
           />
diff --git a/apps/client/src/views/projects/DsoTeam.vue b/apps/client/src/views/projects/DsoTeam.vue
index 500b5f7dd..d3a3c1eaf 100644
--- a/apps/client/src/views/projects/DsoTeam.vue
+++ b/apps/client/src/views/projects/DsoTeam.vue
@@ -1,5 +1,4 @@
 <script lang="ts" setup>
-// @ts-ignore '@gouvminint/vue-dsfr' missing types
 import { getRandomId } from '@gouvminint/vue-dsfr'
 import type { ProjectV2 } from '@cpn-console/shared'
 import { ProjectAuthorized } from '@cpn-console/shared'
diff --git a/apps/client/vite.config.ts b/apps/client/vite.config.ts
index 86d3ee9a7..0d245f6bf 100644
--- a/apps/client/vite.config.ts
+++ b/apps/client/vite.config.ts
@@ -9,7 +9,7 @@ import { VitePWA } from 'vite-plugin-pwa'
 import {
   vueDsfrAutoimportPreset,
   vueDsfrComponentResolver,
-} from '@gouvminint/vue-dsfr'
+} from '@gouvminint/vue-dsfr/meta'
 
 if (process.env.DOCKER !== 'true') {
   dotenv.config({ path: '.env' })
diff --git a/apps/server/src/resources/project/business.ts b/apps/server/src/resources/project/business.ts
index 264b480ff..0e80a4164 100644
--- a/apps/server/src/resources/project/business.ts
+++ b/apps/server/src/resources/project/business.ts
@@ -125,7 +125,7 @@ export async function updateProject(
     ])
   }
 
-  if (description || everyonePerms || typeof locked !== 'undefined') {
+  if (typeof description !== 'undefined' || typeof everyonePerms !== 'undefined' || typeof locked !== 'undefined') {
     await updateProjectQuery(projectId, {
       description,
       locked,
diff --git a/apps/server/src/resources/project/queries.ts b/apps/server/src/resources/project/queries.ts
index 82c52f8a4..ac1af7a2e 100644
--- a/apps/server/src/resources/project/queries.ts
+++ b/apps/server/src/resources/project/queries.ts
@@ -9,6 +9,7 @@ import {
 } from '@prisma/client'
 import type { XOR, projectContract } from '@cpn-console/shared'
 import prisma from '@/prisma.js'
+import { appVersion } from '@/utils/env.js'
 
 type ProjectUpdate = Partial<Pick<Project, 'description' | 'ownerId' | 'everyonePerms' | 'locked'>>
 export function updateProject(id: Project['id'], data: ProjectUpdate) {
@@ -41,6 +42,7 @@ export async function listProjects({
   filter,
   userId,
   search,
+  lastSuccessProvisionningVersion,
 }: ListProjectWhere) {
   const whereAnd: Prisma.ProjectWhereInput[] = []
   if (id) whereAnd.push({ id })
@@ -50,6 +52,11 @@ export async function listProjects({
   if (status) whereAnd.push({ status })
   if (description) whereAnd.push({ description: { contains: description } })
   if (organizationName) whereAnd.push({ organization: { name: organizationName } })
+  if (lastSuccessProvisionningVersion) {
+    if (lastSuccessProvisionningVersion === 'outdated') whereAnd.push({ lastSuccessProvisionningVersion: { not: appVersion } })
+    else if (lastSuccessProvisionningVersion === 'last') whereAnd.push({ lastSuccessProvisionningVersion: { equals: appVersion } })
+    else whereAnd.push({ lastSuccessProvisionningVersion })
+  }
   if (search) {
     whereAnd.push({ OR: [{
       organization: { label: { contains: search } },
@@ -310,6 +317,7 @@ export function updateProjectCreated(id: Project['id']) {
     where: { id },
     data: {
       status: ProjectStatus.created,
+      lastSuccessProvisionningVersion: appVersion,
     },
     include: baseProjectIncludes,
   })
diff --git a/apps/server/src/resources/project/router.spec.ts b/apps/server/src/resources/project/router.spec.ts
index dd2baf0d9..5cde27fc9 100644
--- a/apps/server/src/resources/project/router.spec.ts
+++ b/apps/server/src/resources/project/router.spec.ts
@@ -47,6 +47,7 @@ describe('test projectContract', () => {
     owner: projectOwner,
     ownerId: projectOwner.id,
     roles: [],
+    lastSuccessProvisionningVersion: null,
   }
   describe('check unauthorized user on project behaviour', () => {
     // UPDATE
diff --git a/package.json b/package.json
index 1d9b4f88b..1885a76b5 100644
--- a/package.json
+++ b/package.json
@@ -75,7 +75,8 @@
   "pnpm": {
     "patchedDependencies": {
       "fastify-keycloak-adapter@2.2.0": "patches/fastify-keycloak-adapter@2.2.0.patch",
-      "fastify-keycloak-adapter@2.3.2": "patches/fastify-keycloak-adapter@2.3.2.patch"
+      "fastify-keycloak-adapter@2.3.2": "patches/fastify-keycloak-adapter@2.3.2.patch",
+      "@gouvminint/vue-dsfr": "patches/@gouvminint__vue-dsfr.patch"
     },
     "allowNonAppliedPatches": true
   },
diff --git a/packages/shared/src/contracts/project.ts b/packages/shared/src/contracts/project.ts
index 89df3bf5e..2b99af69e 100644
--- a/packages/shared/src/contracts/project.ts
+++ b/packages/shared/src/contracts/project.ts
@@ -71,6 +71,7 @@ export const projectContract = contractInstance.router({
         locked: true,
         organizationId: true,
         description: true,
+        lastSuccessProvisionningVersion: true,
       })
       .extend({
         statusIn: z.string(),
diff --git a/packages/shared/src/schemas/project.ts b/packages/shared/src/schemas/project.ts
index f66206eca..9642ddddb 100644
--- a/packages/shared/src/schemas/project.ts
+++ b/packages/shared/src/schemas/project.ts
@@ -74,6 +74,8 @@ export const ProjectSchemaV2 = z.object({
   roles: RoleSchema
     .array(),
   everyonePerms: permissionLevelSchema,
+  lastSuccessProvisionningVersion: z.string()
+    .nullable(),
 })
   .extend(AtDatesToStringExtend)
 
diff --git a/packages/shared/src/utils/const.ts b/packages/shared/src/utils/const.ts
index b23f2e872..439b98ff2 100644
--- a/packages/shared/src/utils/const.ts
+++ b/packages/shared/src/utils/const.ts
@@ -88,7 +88,7 @@ export const statusDict = {
     false: {
       testId: 'unlocked-badge',
       type: 'success',
-      icon: 'ri:lock-unlock-fill',
+      icon: 'ri:lock-unlock-line',
       wording: 'déverrouillé',
       animation: '',
       color: 'var(--success-425-625)',
@@ -96,7 +96,7 @@ export const statusDict = {
     true: {
       testId: 'locked-badge',
       type: 'warning',
-      icon: 'ri:lock-fill',
+      icon: 'ri:lock-line',
       wording: 'verrouillé',
       animation: '',
       color: 'var(--warning-425-625)',
@@ -106,7 +106,7 @@ export const statusDict = {
     created: {
       testId: 'created-badge',
       type: 'success',
-      icon: 'ri:check-fill',
+      icon: 'ri:check-line',
       wording: 'opérations réussies',
       animation: '',
       color: 'var(--success-425-625)',
@@ -130,7 +130,7 @@ export const statusDict = {
     archived: {
       testId: 'archived-badge',
       type: 'info',
-      icon: 'ri:archive-fill',
+      icon: 'ri:archive-line',
       wording: 'archivé',
       animation: '',
       color: 'var(--text-mention-grey)',
@@ -138,7 +138,7 @@ export const statusDict = {
     warning: {
       testId: 'warning-badge',
       type: 'warning',
-      icon: 'ri:alert-fill',
+      icon: 'ri:alert-line',
       wording: 'partiellement dégradé',
       animation: '',
       color: 'var(--warning-425-625)',
diff --git a/packages/shared/src/utils/schemas.spec.ts b/packages/shared/src/utils/schemas.spec.ts
index af78909dc..f4312db16 100644
--- a/packages/shared/src/utils/schemas.spec.ts
+++ b/packages/shared/src/utils/schemas.spec.ts
@@ -90,6 +90,7 @@ describe('schemas utils', () => {
       everyonePerms: '1',
       ownerId: faker.string.uuid(),
       roles: [],
+      lastSuccessProvisionningVersion: null,
     }
     const parsed = structuredClone(toParse)
     // @ts-ignore la date doit être transformé en string
diff --git a/patches/@gouvminint__vue-dsfr.patch b/patches/@gouvminint__vue-dsfr.patch
new file mode 100644
index 000000000..8d992cd5f
--- /dev/null
+++ b/patches/@gouvminint__vue-dsfr.patch
@@ -0,0 +1,13 @@
+diff --git a/dist/vue-dsfr.js b/dist/vue-dsfr.js
+index c2edd7208cf11e99a8bc33f0abc41d6ef9b6a5c2..42810cd9a7090efb1dad5f3bd49261e4f500e0b9 100644
+--- a/dist/vue-dsfr.js
++++ b/dist/vue-dsfr.js
+@@ -22,7 +22,7 @@ const st = Symbol("accordions"), rt = Symbol("header"), He = Symbol("tabs"), he
+     adjust: s,
+     onTransitionEnd: (r) => {
+       var c, u;
+-      e.value = !1, (u = (c = o.value) == null ? void 0 : c.querySelector("a")) == null || u.focus(), o.value && r === !1 && o.value.style.removeProperty("--collapse-max-height");
++      e.value = !1, (u = (c = o.value) == null ? void 0 : c.querySelector("a")) == null, o.value && r === !1 && o.value.style.removeProperty("--collapse-max-height");
+     }
+   };
+ }, ma = "(prefers-color-scheme: dark)", ga = "vue-dsfr-scheme";
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 49d26d29a..67cf59064 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -5,6 +5,9 @@ settings:
   excludeLinksFromLockfile: false
 
 patchedDependencies:
+  '@gouvminint/vue-dsfr':
+    hash: wpzbt66kmy4h5fa4tvf5scqz7i
+    path: patches/@gouvminint__vue-dsfr.patch
   fastify-keycloak-adapter@2.2.0:
     hash: xrwvceuzbb4ryn3joqx6ssmryy
     path: patches/fastify-keycloak-adapter@2.2.0.patch
@@ -47,8 +50,11 @@ importers:
         specifier: ^1.13.0
         version: 1.13.0
       '@gouvminint/vue-dsfr':
-        specifier: ^7.1.1
-        version: 7.1.1(@iconify/vue@4.2.0(vue@3.5.13(typescript@5.7.2)))(browser-sync@2.29.3)(vue-router@4.5.0(vue@3.5.13(typescript@5.7.2)))(vue@3.5.13(typescript@5.7.2))
+        specifier: ^8.0.0
+        version: 8.0.0(patch_hash=wpzbt66kmy4h5fa4tvf5scqz7i)(@iconify/vue@4.2.0(vue@3.5.13(typescript@5.7.2)))(browser-sync@2.29.3)(vue-router@4.5.0(vue@3.5.13(typescript@5.7.2)))(vue@3.5.13(typescript@5.7.2))
+      '@iconify-json/ri':
+        specifier: ^1.2.2
+        version: 1.2.5
       '@iconify/vue':
         specifier: ^4.2.0
         version: 4.2.0(vue@3.5.13(typescript@5.7.2))
@@ -99,13 +105,13 @@ importers:
         version: 1.9.1
     optionalDependencies:
       '@cypress/vue':
-        specifier: ^6.0.1
+        specifier: 6.0.1
         version: 6.0.1(cypress@13.16.1)(vue@3.5.13(typescript@5.7.2))
       cypress:
-        specifier: ^13.16.1
+        specifier: 13.16.1
         version: 13.16.1
       cypress-vite:
-        specifier: ^1.5.0
+        specifier: 1.5.0
         version: 1.5.0(vite@6.0.3(@types/node@22.10.2)(jiti@1.21.6)(terser@5.37.0)(tsx@4.19.2)(yaml@2.6.1))
     devDependencies:
       '@cpn-console/eslint-config':
@@ -2334,13 +2340,14 @@ packages:
     resolution: {integrity: sha512-I6JLYfE63dogk5qOx69gMfW/bKsm+daFgfx2QX75isbKBy5khlJdVxOD0A6ohvywvUJlEcZTmVK8rNHeVvGmgw==}
     engines: {node: '>=18.16.1'}
 
-  '@gouvminint/vue-dsfr@7.1.1':
-    resolution: {integrity: sha512-c9/7WXRfAk4mcpO8bgyIKJR0zy9UlELGAtISjEuX9yVnjaPD8v7aKaZenJC2JgNfPR/IxwhCjRCEHvDav0vlRQ==}
+  '@gouvminint/vue-dsfr@8.0.0':
+    resolution: {integrity: sha512-YVL20HqadJYnH79AbTKYZF/kPftQaZK8KI2AeD8ElpBgxFqd39LqQK1NaD+9zS4mL3MmBxM77QN/qb/BPemLdQ==}
     engines: {node: '>=20.x.x', npm: '>=10.x.x'}
+    hasBin: true
     peerDependencies:
-      '@iconify/vue': ^4.1.2
-      vue: ^3.4.38
-      vue-router: ^4.4.3
+      '@iconify/vue': ^4.2.0
+      vue: ^3.5.13
+      vue-router: ^4.5.0
 
   '@himenon/argocd-typescript-openapi@1.2.2':
     resolution: {integrity: sha512-xS8HAzhRSQXqMfD779EgbZmPcgkaNW8Hf2anrwvvPYb9Tt0vP9CtzOqj+8GYSOUQqgcRFejmCR9WoAgZJamB1g==}
@@ -2366,6 +2373,9 @@ packages:
     resolution: {integrity: sha512-c7hNEllBlenFTHBky65mhq8WD2kbN9Q6gk0bTk8lSBvc554jpXSkST1iePudpt7+A/AQvuHs9EMqjHDXMY1lrA==}
     engines: {node: '>=18.18'}
 
+  '@iconify-json/ri@1.2.5':
+    resolution: {integrity: sha512-kWGimOXMZrlYusjBKKXYOWcKhbOHusFsmrmRGmjS7rH0BpML5A9/fy8KHZqFOwZfC4M6amObQYbh8BqO5cMC3w==}
+
   '@iconify/types@2.0.0':
     resolution: {integrity: sha512-+wluvCrRhXrhyOmRDJ3q8mux9JkKy5SJ/v8ol2tu4FVjyYvtEzkc/3pK15ET6RKg4b4w4BmTk1+gsCUhf21Ykg==}
 
@@ -9619,7 +9629,7 @@ snapshots:
 
   '@gouvfr/dsfr@1.13.0': {}
 
-  '@gouvminint/vue-dsfr@7.1.1(@iconify/vue@4.2.0(vue@3.5.13(typescript@5.7.2)))(browser-sync@2.29.3)(vue-router@4.5.0(vue@3.5.13(typescript@5.7.2)))(vue@3.5.13(typescript@5.7.2))':
+  '@gouvminint/vue-dsfr@8.0.0(patch_hash=wpzbt66kmy4h5fa4tvf5scqz7i)(@iconify/vue@4.2.0(vue@3.5.13(typescript@5.7.2)))(browser-sync@2.29.3)(vue-router@4.5.0(vue@3.5.13(typescript@5.7.2)))(vue@3.5.13(typescript@5.7.2))':
     dependencies:
       '@gouvfr/dsfr': 1.12.1(browser-sync@2.29.3)
       '@iconify/vue': 4.2.0(vue@3.5.13(typescript@5.7.2))
@@ -9645,6 +9655,10 @@ snapshots:
 
   '@humanwhocodes/retry@0.4.1': {}
 
+  '@iconify-json/ri@1.2.5':
+    dependencies:
+      '@iconify/types': 2.0.0
+
   '@iconify/types@2.0.0': {}
 
   '@iconify/utils@2.2.0':