diff --git a/components/AdminSidebar/AdminSidebarMenu/AdminSidebarMenu.vue b/components/AdminSidebar/AdminSidebarMenu/AdminSidebarMenu.vue
index e9bb4b13c..891cce7dd 100644
--- a/components/AdminSidebar/AdminSidebarMenu/AdminSidebarMenu.vue
+++ b/components/AdminSidebar/AdminSidebarMenu/AdminSidebarMenu.vue
@@ -150,6 +150,11 @@
               :label="$t('Réutilisations')"
               to="/admin/site/reuses"
             />
+            <AdminSidebarLink
+              :icon="RiPieChartLine"
+              :label="$t('Graphiques')"
+              to="/admin/site/charts"
+            />
             <AdminSidebarLink
               :icon="RiBuilding2Line"
               :label="$t('Organisations')"
@@ -201,7 +206,7 @@
 import { Avatar, OrganizationLogo } from '@datagouv/components-next'
 import type { OrganizationReference, User } from '@datagouv/components-next'
 import { Disclosure, DisclosureButton, DisclosurePanel } from '@headlessui/vue'
-import { RiAlarmWarningLine, RiArticleLine, RiAwardLine, RiBarChartBoxLine, RiBookShelfLine, RiBuilding2Line, RiChat3Line, RiDatabase2Line, RiGitPullRequestLine, RiGroup3Line, RiLineChartLine, RiParentLine, RiPlanetLine, RiTerminalLine, RiServerLine, RiUserLine } from '@remixicon/vue'
+import { RiAlarmWarningLine, RiArticleLine, RiAwardLine, RiBarChartBoxLine, RiBookShelfLine, RiBuilding2Line, RiChat3Line, RiDatabase2Line, RiGitPullRequestLine, RiGroup3Line, RiLineChartLine, RiParentLine, RiPieChartLine, RiPlanetLine, RiTerminalLine, RiServerLine, RiUserLine } from '@remixicon/vue'
 import { key, type AccordionRegister } from '~/components/Accordion/injectionKey'
 import AdminSidebarLink from '~/components/AdminSidebar/AdminSidebarLink/AdminSidebarLink.vue'
 
diff --git a/components/Charts/AdminChartsPage.vue b/components/Charts/AdminChartsPage.vue
new file mode 100644
index 000000000..0080abd6c
--- /dev/null
+++ b/components/Charts/AdminChartsPage.vue
@@ -0,0 +1,81 @@
+<template>
+  <div>
+    <AdminBreadcrumb>
+      <BreadcrumbItem>{{ t('Graphiques') }}</BreadcrumbItem>
+    </AdminBreadcrumb>
+
+    <h1 class="font-extrabold text-2xl text-gray-title mb-5">
+      {{ t('Graphiques') }}
+    </h1>
+
+    <div
+      v-if="pageData"
+      class="flex flex-wrap gap-x-4 gap-y-2 items-center"
+    >
+      <div class="w-full flex-none md:flex-1">
+        <h2 class="text-sm font-bold uppercase m-0">
+          {{ t('{n} graphiques | {n} graphique | {n} graphiques', pageData.total) }}
+        </h2>
+      </div>
+    </div>
+
+    <LoadingBlock
+      v-slot="{ data: chartsPage }"
+      :status
+      :data="pageData"
+    >
+      <div v-if="chartsPage && chartsPage.total > 0">
+        <div class="not-prose grid gap-4">
+          <ChartCard
+            v-for="chart in chartsPage.data"
+            :key="chart.id"
+            :chart
+            :chart-url="`/admin/beta/charts/${chart.id}`"
+          />
+        </div>
+        <Pagination
+          :page="page"
+          :page-size="pageSize"
+          :total-results="chartsPage.total"
+          @change="(changedPage: number) => page = changedPage"
+        />
+      </div>
+    </LoadingBlock>
+
+    <div
+      v-if="status != 'pending' && pageData && !pageData.total"
+      class="flex flex-col items-center"
+    >
+      <img
+        src="/illustrations/chart.svg"
+        class="h-20"
+        alt=""
+      >
+      <p class="fr-text--bold fr-my-3v">
+        {{ t(`Il n'y a pas encore de graphique sur le site`) }}
+      </p>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ChartCard, LoadingBlock, Pagination, type Chart } from '@datagouv/components-next'
+import { ref } from 'vue'
+import AdminBreadcrumb from '../Breadcrumbs/AdminBreadcrumb.vue'
+import BreadcrumbItem from '../Breadcrumbs/BreadcrumbItem.vue'
+import type { PaginatedArray } from '~/types/types'
+
+const { t } = useTranslation()
+
+const page = ref(1)
+const pageSize = ref(20)
+
+const params = computed(() => {
+  return {
+    page_size: pageSize.value,
+    page: page.value,
+  }
+})
+
+const { data: pageData, status } = await useAPI<PaginatedArray<Chart>>('/api/1/visualizations/', { lazy: true, query: params })
+</script>
diff --git a/components/Charts/ChartConfigurator.vue b/components/Charts/ChartConfigurator.vue
index 3ff95eeef..cc91edf07 100644
--- a/components/Charts/ChartConfigurator.vue
+++ b/components/Charts/ChartConfigurator.vue
@@ -80,46 +80,6 @@
       </div>
 
       <div class="col-span-5 space-y-6 py-4 px-6 rounded-lg bg-white border border-new-gray-light">
-        <fieldset
-          v-if="isAdmin"
-          class="min-w-0 space-y-4"
-        >
-          <label
-            for="existing-charts"
-            class="mb-2 font-bold"
-          >
-            {{ $t('Graphiques existants') }}
-          </label>
-          <div class="flex gap-2">
-            <select
-              id="existing-charts"
-              v-model="selectedChartId"
-              class="flex-1 fr-select"
-            >
-              <option
-                value=""
-                disabled
-              >
-                {{ $t('Sélectionnez un graphique') }}
-              </option>
-              <option
-                v-for="column in charts?.data"
-                :key="column.id"
-                :value="column.id"
-              >
-                {{ column.title }}
-              </option>
-            </select>
-            <button
-              class="fr-btn"
-              type="button"
-              :disabled="!selectedChartId"
-              @click="loadSelectedChart"
-            >
-              {{ $t('Charger') }}
-            </button>
-          </div>
-        </fieldset>
         <fieldset class="min-w-0">
           <ProducerSelect
             v-model="producer"
@@ -473,11 +433,10 @@
 
 <script setup lang="ts">
 import type { Resource, PaginatedArray, ChartForm, Chart, Filter, AndFilters, GenericFilter, ColumnType, ColumnDefinition, ColumnsDefinition, DataSeriesType, DataSeriesForm, FilterCondition, CombinedSort, Owned, XAxisType } from '@datagouv/components-next'
-import { buildTypeConfig, buildColumnsFromProfile, useGetProfile, useHasTabularData, toast, BrandedButton, toChartApi, toChartForm, SearchableSelect, Listbox, useTranslation } from '@datagouv/components-next'
+import { buildTypeConfig, buildColumnsFromProfile, useGetProfile, useHasTabularData, toast, BrandedButton, toChartApi, SearchableSelect, Listbox, useTranslation } from '@datagouv/components-next'
 import type { Component } from 'vue'
 import { computed, defineAsyncComponent, reactive, ref, watch } from 'vue'
 import { RiAddLine, RiArrowDownLine, RiArrowDownSLine, RiArrowUpLine, RiBarChartLine, RiCalculatorLine, RiLineChartLine, RiText } from '@remixicon/vue'
-import { useAPI } from '~/utils/api'
 import { isMeAdmin } from '~/utils/auth'
 import { keepValidSortCombined } from '~/utils/charts'
 import ChartFilterRow from './ChartFilterRow.vue'
@@ -508,7 +467,6 @@ const { t } = useTranslation()
 const hasTabularData = useHasTabularData()
 const getProfile = useGetProfile()
 const isAdmin = isMeAdmin()
-const { data: charts, refresh } = await useAPI<PaginatedArray<Chart>>('/api/1/visualizations/', { lazy: true })
 
 const $chartsApi = $fetch.create({
   baseURL: runtimeConfig.public.chartsApiBase as string,
@@ -525,6 +483,14 @@ const form = defineModel<ChartForm>({
   required: true,
 })
 
+const props = defineProps<{
+  /**
+   * Full chart being edited, used only to initialize producer/resources/dataset
+   * and to keep the chart id for saving — the form data itself comes from the v-model
+   */
+  initialChart?: Chart
+}>()
+
 const columns = ref<ColumnsDefinition>({})
 const producer = ref<Owned | null>(null)
 const dataset = ref<DatasetSuggest | null>(null)
@@ -541,7 +507,6 @@ watch(producer, (newProducer) => {
   }
 }, { immediate: true })
 const savedChart = ref<Chart | null>(null)
-const selectedChartId = ref('')
 
 const chartForViewer = ref(toChartApi(form.value))
 
@@ -792,101 +757,75 @@ async function suggestDataset(q: string): Promise<Array<DatasetSuggest>> {
   })
 }
 
-async function loadChart(id: string) {
-  try {
-    const data = await $api<Chart>(`/api/1/visualizations/${id}/`)
-    if (data) {
-      savedChart.value = data
-
-      const chartResources = new Set<string>()
-      for (const serie of data.series) {
-        if (serie.resource_id) {
-          chartResources.add(serie.resource_id)
-        }
-      }
-
-      form.value = toChartForm(data)
+async function initializeFromChart(data: Chart) {
+  savedChart.value = data
 
-      await loadMissingResourcesForChart(Array.from(chartResources))
-      await loadColumnsForResources(Array.from(chartResources))
+  const chartResources = new Set<string>()
+  for (const serie of data.series) {
+    if (serie.resource_id) {
+      chartResources.add(serie.resource_id)
+    }
+  }
 
-      if (data.organization) {
-        producer.value = { organization: data.organization, owner: null }
-      }
-      if (data.owner) {
-        producer.value = { organization: null, owner: data.owner }
-      }
+  await loadMissingResourcesForChart(Array.from(chartResources))
+  await loadColumnsForResources(Array.from(chartResources))
 
-      if (!dataset.value && data.series.length > 0 && data.series[0]?.resource_id) {
-        try {
-          const resourceData = await $chartsApi<{ resource: Resource, dataset_id: string }>(`/api/2/datasets/resources/${data.series[0].resource_id}/`)
-          if (resourceData.dataset_id) {
-            const fetchedDataset = await $chartsApi<DatasetSuggest>(`/api/2/datasets/${resourceData.dataset_id}/`)
-            dataset.value = fetchedDataset
-          }
-        }
-        catch (error) {
-          console.error('Failed to load dataset for chart:', error)
-        }
-      }
-
-      if (data.series.length > 0 && data.series[0]?.resource_id) {
-        await nextTick()
+  if (data.organization) {
+    producer.value = { organization: data.organization, owner: null }
+  }
+  if (data.owner) {
+    producer.value = { organization: null, owner: data.owner }
+  }
 
-        selectedResource.value = data.series[0].resource_id
+  if (!dataset.value && data.series.length > 0 && data.series[0]?.resource_id) {
+    try {
+      const resourceData = await $chartsApi<{ resource: Resource, dataset_id: string }>(`/api/2/datasets/resources/${data.series[0].resource_id}/`)
+      if (resourceData.dataset_id) {
+        const fetchedDataset = await $chartsApi<DatasetSuggest>(`/api/2/datasets/${resourceData.dataset_id}/`)
+        dataset.value = fetchedDataset
       }
-
-      toast.success(t('Graphique chargé !'))
+    }
+    catch (error) {
+      console.error('Failed to load dataset for chart:', error)
     }
   }
-  catch (error) {
-    console.error('Failed to load chart:', error)
-    toast.error(t('Erreur lors du chargement du graphique'))
-  }
-}
 
-function loadSelectedChart() {
-  if (selectedChartId.value) {
-    loadChart(selectedChartId.value)
+  if (data.series.length > 0 && data.series[0]?.resource_id) {
+    await nextTick()
+
+    selectedResource.value = data.series[0].resource_id
   }
 }
 
 async function saveChart() {
-  try {
-    const chartForApi = toChartApi(form.value)
-    const update = savedChart.value?.id
-    if (update) {
-      savedChart.value = await $api<Chart>(`/api/1/visualizations/${savedChart.value!.id}/`, {
-        method: 'PATCH',
-        body: JSON.stringify(chartForApi),
-      })
-    }
-    else {
-      savedChart.value = await $api<Chart>('/api/1/visualizations/', {
-        method: 'POST',
-        body: JSON.stringify(chartForApi),
-      })
-    }
-
-    const imageUrl = chartViewerWrapperRef.value?.capture()
-    if (imageUrl) {
-      const i = await fetch(imageUrl)
-      const imageBlob = await i.blob()
-      const formData = new FormData()
-      formData.set('file', imageBlob, 'image.png')
-      await $fileApi(`/api/1/visualizations/${savedChart.value.id}/image/`, {
-        method: 'POST',
-        body: formData,
-      })
-    }
-
-    toast.success(update ? t('Graphique mis à jour !') : t('Graphique sauvegardé !'))
-    await refresh()
-    selectedChartId.value = savedChart.value.id
+  const chartForApi = toChartApi(form.value)
+  const update = savedChart.value?.id
+  if (update) {
+    savedChart.value = await $api<Chart>(`/api/1/visualizations/${savedChart.value!.id}/`, {
+      method: 'PATCH',
+      body: JSON.stringify(chartForApi),
+    })
   }
-  catch (error) {
-    console.error('Failed to save chart:', error)
+  else {
+    savedChart.value = await $api<Chart>('/api/1/visualizations/', {
+      method: 'POST',
+      body: JSON.stringify(chartForApi),
+    })
+  }
+
+  const imageUrl = chartViewerWrapperRef.value?.capture()
+  if (imageUrl) {
+    const i = await fetch(imageUrl)
+    const imageBlob = await i.blob()
+    const formData = new FormData()
+    formData.set('file', imageBlob, 'image.png')
+    await $fileApi(`/api/1/visualizations/${savedChart.value.id}/image/`, {
+      method: 'POST',
+      body: formData,
+    })
   }
+
+  toast.success(update ? t('Graphique mis à jour !') : t('Graphique sauvegardé !'))
 }
 
 function removeFilter(index: number) {
@@ -1025,4 +964,8 @@ watch(
   },
   { immediate: true },
 )
+
+if (props.initialChart) {
+  await initializeFromChart(props.initialChart)
+}
 </script>
diff --git a/datagouv-components/src/components/ChartCard.vue b/datagouv-components/src/components/ChartCard.vue
new file mode 100644
index 000000000..af2d2c554
--- /dev/null
+++ b/datagouv-components/src/components/ChartCard.vue
@@ -0,0 +1,102 @@
+<template>
+  <ObjectCard media-size="xl">
+    <template #badge>
+      <ObjectCardBadge
+        v-if="chart.deleted_at"
+        :icon="RiDeleteBinLine"
+      >
+        {{ t('Supprimé') }}
+      </ObjectCardBadge>
+      <ObjectCardBadge
+        v-else-if="chart.private"
+        :icon="RiLockLine"
+      >
+        {{ t('Brouillon') }}
+      </ObjectCardBadge>
+    </template>
+
+    <template #media>
+      <img
+        v-if="chart.image"
+        :src="chart.image"
+        class="w-full h-full object-cover"
+        :alt="chart.title"
+      >
+      <Placeholder
+        v-else
+        type="Chart"
+        class="w-full h-full"
+      />
+    </template>
+
+    <ObjectCardHeader
+      :icon="chartIcon"
+      :url="chartUrl || chart.page"
+    >
+      {{ chart.title }}
+    </ObjectCardHeader>
+
+    <div
+      v-if="chart.organization || chart.owner"
+      class="text-sm flex flex-wrap gap-y-1 items-center truncate"
+    >
+      <ObjectCardOwner
+        :organization="chart.organization"
+        :owner="chart.owner"
+        :organization-url="organizationUrl"
+      />
+      <RiSubtractLine
+        aria-hidden="true"
+        class="size-4 flex-none fill-gray-medium"
+      />
+      <p class="text-sm whitespace-nowrap mb-0 text-gray-medium">
+        {{ t('Mis à jour {date}', { date: formatRelativeIfRecentDate(chart.last_modified, { dateStyle: 'medium' }) }) }}
+      </p>
+    </div>
+
+    <div class="mx-0 -mb-1 flex flex-wrap items-center text-sm text-gray-medium mt-1">
+      <p
+        class="text-sm mb-0 flex items-center gap-0.5"
+        :aria-label="t('{n} vues | {n} vue | {n} vues', chart.metrics.views)"
+      >
+        <RiEyeLine
+          aria-hidden="true"
+          class="size-3.5"
+        />{{ summarize(chart.metrics.views) }}
+      </p>
+    </div>
+
+    <ObjectCardShortDescription :text="chart.description" />
+
+    <slot />
+  </ObjectCard>
+</template>
+
+<script setup lang="ts">
+import { computed } from 'vue'
+import { RiBarChartBoxLine, RiDeleteBinLine, RiEyeLine, RiLineChartLine, RiLockLine, RiSubtractLine } from '@remixicon/vue'
+import type { RouteLocationRaw } from 'vue-router'
+import type { Chart } from '../types/visualizations'
+import { useFormatDate } from '../functions/dates'
+import { summarize } from '../functions/helpers'
+import { useTranslation } from '../composables/useTranslation'
+import Placeholder from './Placeholder.vue'
+import ObjectCard from './ObjectCard.vue'
+import ObjectCardBadge from './ObjectCardBadge.vue'
+import ObjectCardHeader from './ObjectCardHeader.vue'
+import ObjectCardOwner from './ObjectCardOwner.vue'
+import ObjectCardShortDescription from './ObjectCardShortDescription.vue'
+
+const props = defineProps<{
+  chart: Chart
+  chartUrl?: RouteLocationRaw
+  organizationUrl?: RouteLocationRaw
+}>()
+
+const { t } = useTranslation()
+const { formatRelativeIfRecentDate } = useFormatDate()
+
+const chartIcon = computed(() => {
+  return props.chart.series[0]?.type === 'line' ? RiLineChartLine : RiBarChartBoxLine
+})
+</script>
diff --git a/datagouv-components/src/components/ObjectCard.vue b/datagouv-components/src/components/ObjectCard.vue
index c5b64b655..3bf26a07f 100644
--- a/datagouv-components/src/components/ObjectCard.vue
+++ b/datagouv-components/src/components/ObjectCard.vue
@@ -28,12 +28,15 @@ import { computed } from 'vue'
 
 const props = withDefaults(defineProps<{
   articleClass?: string | string[] | Record<string, boolean>
-  mediaSize?: 'sm' | 'lg'
+  mediaSize?: 'sm' | 'lg' | 'xl'
 }>(), {
   mediaSize: 'sm',
 })
 
 const mediaContainerClass = computed(() => {
+  if (props.mediaSize === 'xl') {
+    return 'w-[250px] h-[190px]'
+  }
   if (props.mediaSize === 'lg') {
     return 'w-[225px] h-[120px]'
   }
diff --git a/datagouv-components/src/components/Placeholder.vue b/datagouv-components/src/components/Placeholder.vue
index 88ac0bee0..5eb4da84d 100644
--- a/datagouv-components/src/components/Placeholder.vue
+++ b/datagouv-components/src/components/Placeholder.vue
@@ -10,10 +10,10 @@
 
 <script setup lang="ts">
 import { computed } from 'vue'
-import { RiBookShelfLine, RiBuilding2Line, RiDatabase2Line, RiLineChartLine, RiTerminalLine } from '@remixicon/vue'
+import { RiBarChartBoxLine, RiBookShelfLine, RiBuilding2Line, RiDatabase2Line, RiLineChartLine, RiTerminalLine } from '@remixicon/vue'
 
 const props = defineProps<{
-  type: 'Dataset' | 'Dataservice' | 'Reuse' | 'Organization' | 'Topic'
+  type: 'Dataset' | 'Dataservice' | 'Reuse' | 'Organization' | 'Topic' | 'Chart'
 }>()
 
 const icon = computed(() => {
@@ -23,6 +23,7 @@ const icon = computed(() => {
     Reuse: RiLineChartLine,
     Organization: RiBuilding2Line,
     Topic: RiBookShelfLine,
+    Chart: RiBarChartBoxLine,
   }[props.type]
 })
 </script>
diff --git a/datagouv-components/src/main.ts b/datagouv-components/src/main.ts
index 60ff6846e..3ca905a81 100644
--- a/datagouv-components/src/main.ts
+++ b/datagouv-components/src/main.ts
@@ -38,6 +38,7 @@ import Avatar from './components/Avatar.vue'
 import AvatarWithName from './components/AvatarWithName.vue'
 import BannerAction from './components/BannerAction.vue'
 import BrandedButton from './components/BrandedButton.vue'
+import ChartCard from './components/ChartCard.vue'
 import CopyButton from './components/CopyButton.vue'
 import DataserviceCard from './components/DataserviceCard.vue'
 import DataserviceQuality from './components/DataserviceQuality.vue'
@@ -344,6 +345,7 @@ export {
   AvatarWithName,
   BannerAction,
   BrandedButton,
+  ChartCard,
   CopyButton,
   DataserviceCard,
   DataserviceQuality,
diff --git a/datagouv-components/src/types/visualizations.ts b/datagouv-components/src/types/visualizations.ts
index b9d5d15a4..e94069af8 100644
--- a/datagouv-components/src/types/visualizations.ts
+++ b/datagouv-components/src/types/visualizations.ts
@@ -67,6 +67,7 @@ export type Chart = Owned & {
   created_at: string
   last_modified: string
   deleted_at: string | null
+  image: string | null
   uri: string
   page: string
   x_axis: XAxis
diff --git a/pages/admin/beta/charts/[cid].vue b/pages/admin/beta/charts/[cid].vue
new file mode 100644
index 000000000..52ec1e2ae
--- /dev/null
+++ b/pages/admin/beta/charts/[cid].vue
@@ -0,0 +1,46 @@
+<template>
+  <div>
+    <Breadcrumb>
+      <BreadcrumbItem to="/">
+        {{ $t('Accueil') }}
+      </BreadcrumbItem>
+      <BreadcrumbItem>
+        {{ $t('Visualisations') }}
+      </BreadcrumbItem>
+      <BreadcrumbItem>
+        {{ $t('Édition') }}
+      </BreadcrumbItem>
+    </Breadcrumb>
+    <LoadingBlock
+      v-slot="{ data: chart }"
+      :status
+      :data="loadedChart"
+    >
+      <ChartConfigurator
+        v-if="chartForm"
+        v-model="chartForm"
+        :initial-chart="chart"
+      />
+    </LoadingBlock>
+  </div>
+</template>
+
+<script setup lang="ts">
+import type { Chart, ChartForm } from '@datagouv/components-next'
+import { LoadingBlock, toChartForm } from '@datagouv/components-next'
+import BreadcrumbItem from '~/components/Breadcrumbs/BreadcrumbItem.vue'
+import ChartConfigurator from '~/components/Charts/ChartConfigurator.vue'
+
+const route = useRoute()
+
+const cid = route.params.cid as string
+
+const { data: loadedChart, status } = await useAPI<Chart>(`/api/1/visualizations/${cid}/`, { lazy: true, server: false })
+
+const chartForm = ref<ChartForm | null>(null)
+watchEffect(() => {
+  if (loadedChart.value) {
+    chartForm.value = toChartForm(loadedChart.value)
+  }
+})
+</script>
diff --git a/pages/admin/site/charts.vue b/pages/admin/site/charts.vue
new file mode 100644
index 000000000..0e4a317e7
--- /dev/null
+++ b/pages/admin/site/charts.vue
@@ -0,0 +1,7 @@
+<template>
+  <AdminChartsPage />
+</template>
+
+<script setup lang="ts">
+import AdminChartsPage from '~/components/Charts/AdminChartsPage.vue'
+</script>
diff --git a/pages/design/cards.vue b/pages/design/cards.vue
index 7de322b61..671d18a0c 100644
--- a/pages/design/cards.vue
+++ b/pages/design/cards.vue
@@ -65,6 +65,26 @@
       </LoadingBlock>
     </div>
 
+    <h2 class="mb-3">
+      Chart
+    </h2>
+    <div class="not-prose grid gap-4 md:grid-cols-2">
+      <LoadingBlock
+        v-for="chart in charts"
+        :key="chart.id"
+        v-slot="{ data }"
+        :status="chartStatus"
+        :data="chart"
+        class="bg-transparent"
+      >
+        <ChartCard
+          v-if="data"
+          :chart="data"
+          :chart-url="`/visualizations/${data.slug}/`"
+        />
+      </LoadingBlock>
+    </div>
+
     <h2 class="mb-3">
       Organization
     </h2>
@@ -144,12 +164,15 @@
 
 <script setup lang="ts">
 import { computed } from 'vue'
-import { DiscussionMessageCard, LoadingBlock, PostCard, ReuseHorizontalCard, TopicCard, type PaginatedArray, type Post, type ReuseV2, type Thread, type TopicV2 } from '@datagouv/components-next'
+import { ChartCard, DiscussionMessageCard, LoadingBlock, PostCard, ReuseHorizontalCard, TopicCard, type Chart, type PaginatedArray, type Post, type ReuseV2, type Thread, type TopicV2 } from '@datagouv/components-next'
 import BreadcrumbItem from '~/components/Breadcrumbs/BreadcrumbItem.vue'
 
 const { data: reusesData, status: reusesHorizontalStatus } = await useAPI<PaginatedArray<ReuseV2>>('/api/2/reuses/', { lazy: true, server: false, query: { page_size: 2 } })
 const reusesForHorizontal = computed(() => reusesData.value?.data ?? [])
 
+const { data: chartsData, status: chartStatus } = await useAPI<PaginatedArray<Chart>>('/api/1/visualizations/', { lazy: true, server: false, query: { page_size: 2 } })
+const charts = computed(() => chartsData.value?.data ?? [])
+
 const { data: discussionsData, status: discussionStatus } = await useAPI<PaginatedArray<Thread>>('/api/1/discussions/', { lazy: true, server: false, query: { page_size: 2 } })
 const discussionsForCards = computed(() => {
   if (!discussionsData.value?.data) return []
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index c581b1e74..f8e2b2810 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -87,10 +87,10 @@ importers:
         version: 7.21.3(@codemirror/language@6.12.4)(@codemirror/state@6.7.1)(@codemirror/view@6.43.6)(prosemirror-model@1.25.11)(prosemirror-state@1.4.4)(prosemirror-view@1.42.1)(typescript@5.9.3)(vue@3.5.40(typescript@5.9.3))
       '@nuxt/image':
         specifier: ^2.0.0
-        version: 2.0.0(@types/node@24.13.3)(db0@0.3.4)(ioredis@5.11.1)(magic-string@0.30.21)(magicast@0.5.4)(oxc-parser@0.133.0)(srvx@0.11.22)(unplugin@3.3.0(esbuild@0.28.1)(rollup@4.62.2)(vite@7.3.6(@types/node@24.13.3)(jiti@2.7.0)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(yaml@2.9.0)))
+        version: 2.0.0(@types/node@24.13.3)(db0@0.3.4)(ioredis@5.11.1)(magic-string@0.30.21)(magicast@0.5.4)(oxc-parser@0.138.0)(srvx@0.11.22)(unplugin@3.3.0(esbuild@0.28.1)(rollup@4.62.2)(vite@7.3.6(@types/node@24.13.3)(jiti@2.7.0)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(yaml@2.9.0)))
       '@nuxtjs/sitemap':
         specifier: ^8.2.2
-        version: 8.2.2(6437582c1d2d6533d8071aa3274724b5)
+        version: 8.2.2(508e51a253f7c5c9da74b7542b055749)
       '@prosemirror-adapter/vue':
         specifier: ^0.5.3
         version: 0.5.3(vue@3.5.40(typescript@5.9.3))
@@ -123,7 +123,7 @@ importers:
         version: 14.3.0(change-case@5.4.4)(fuse.js@7.5.0)(sortablejs@1.15.7)(vue@3.5.40(typescript@5.9.3))
       '@vueuse/nuxt':
         specifier: ^14.3.0
-        version: 14.3.0(magic-string@0.30.21)(magicast@0.5.4)(nuxt@4.4.8(@babel/plugin-proposal-decorators@7.28.0(@babel/core@7.29.7))(@babel/plugin-syntax-jsx@7.29.7(@babel/core@7.29.7))(@babel/plugin-syntax-typescript@7.29.7(@babel/core@7.29.7))(@parcel/watcher@2.5.6)(@types/node@24.13.3)(@vue/compiler-sfc@3.5.40)(cac@6.7.14)(commander@14.0.3)(db0@0.3.4)(esbuild@0.28.1)(eslint@9.39.4(jiti@2.7.0))(ioredis@5.11.1)(lightningcss@1.32.0)(magicast@0.5.4)(optionator@0.9.4)(rollup-plugin-visualizer@7.0.1(rollup@4.62.2))(rollup@4.62.2)(sass-embedded@1.100.0)(sass@1.100.0)(srvx@0.11.22)(terser@5.49.0)(typescript@5.9.3)(vite@7.3.6(@types/node@24.13.3)(jiti@2.7.0)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(yaml@2.9.0))(vue-tsc@3.3.7(typescript@5.9.3))(yaml@2.9.0))(oxc-parser@0.133.0)(unplugin@3.3.0(esbuild@0.28.1)(rollup@4.62.2)(vite@7.3.6(@types/node@24.13.3)(jiti@2.7.0)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(yaml@2.9.0)))(vue@3.5.40(typescript@5.9.3))
+        version: 14.3.0(magic-string@0.30.21)(magicast@0.5.4)(nuxt@4.4.8(@babel/plugin-proposal-decorators@7.28.0(@babel/core@7.29.7))(@babel/plugin-syntax-jsx@7.29.7(@babel/core@7.29.7))(@babel/plugin-syntax-typescript@7.29.7(@babel/core@7.29.7))(@parcel/watcher@2.5.6)(@types/node@24.13.3)(@vue/compiler-sfc@3.5.40)(cac@6.7.14)(commander@14.0.3)(db0@0.3.4)(esbuild@0.28.1)(eslint@9.39.4(jiti@2.7.0))(ioredis@5.11.1)(lightningcss@1.32.0)(magicast@0.5.4)(optionator@0.9.4)(rollup-plugin-visualizer@7.0.1(rollup@4.62.2))(rollup@4.62.2)(sass-embedded@1.100.0)(sass@1.100.0)(srvx@0.11.22)(terser@5.49.0)(typescript@5.9.3)(vite@7.3.6(@types/node@24.13.3)(jiti@2.7.0)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(yaml@2.9.0))(vue-tsc@3.3.7(typescript@5.9.3))(yaml@2.9.0))(oxc-parser@0.138.0)(unplugin@3.3.0(esbuild@0.28.1)(rollup@4.62.2)(vite@7.3.6(@types/node@24.13.3)(jiti@2.7.0)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(yaml@2.9.0)))(vue@3.5.40(typescript@5.9.3))
       '@vueuse/router':
         specifier: ^14.3.0
         version: 14.3.0(vue-router@5.2.0(@vue/compiler-sfc@3.5.40)(esbuild@0.28.1)(rollup@4.62.2)(vite@7.3.6(@types/node@24.13.3)(jiti@2.7.0)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(yaml@2.9.0))(vue@3.5.40(typescript@5.9.3)))(vue@3.5.40(typescript@5.9.3))
@@ -144,7 +144,7 @@ importers:
         version: 4.4.8(@babel/plugin-proposal-decorators@7.28.0(@babel/core@7.29.7))(@babel/plugin-syntax-jsx@7.29.7(@babel/core@7.29.7))(@babel/plugin-syntax-typescript@7.29.7(@babel/core@7.29.7))(@parcel/watcher@2.5.6)(@types/node@24.13.3)(@vue/compiler-sfc@3.5.40)(cac@6.7.14)(commander@14.0.3)(db0@0.3.4)(esbuild@0.28.1)(eslint@9.39.4(jiti@2.7.0))(ioredis@5.11.1)(lightningcss@1.32.0)(magicast@0.5.4)(optionator@0.9.4)(rollup-plugin-visualizer@7.0.1(rollup@4.62.2))(rollup@4.62.2)(sass-embedded@1.100.0)(sass@1.100.0)(srvx@0.11.22)(terser@5.49.0)(typescript@5.9.3)(vite@7.3.6(@types/node@24.13.3)(jiti@2.7.0)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(yaml@2.9.0))(vue-tsc@3.3.7(typescript@5.9.3))(yaml@2.9.0)
       nuxt-og-image:
         specifier: ^6.7.2
-        version: 6.7.2(f17a160e9fc648d550047b9b033f58f1)
+        version: 6.7.2(0ed6d8a4128092cda81a0e8a381a7c68)
       ofetch:
         specifier: ^1.5.1
         version: 1.5.1
@@ -184,10 +184,10 @@ importers:
         version: 4.12.1(playwright-core@1.61.1)
       '@nuxt/eslint':
         specifier: ^1.16.0
-        version: 1.16.0(@typescript-eslint/utils@8.64.0(eslint@9.39.4(jiti@2.7.0))(typescript@5.9.3))(@vue/compiler-sfc@3.5.40)(esbuild@0.28.1)(eslint@9.39.4(jiti@2.7.0))(magic-string@0.30.21)(magicast@0.5.4)(oxc-parser@0.133.0)(rollup@4.62.2)(srvx@0.11.22)(typescript@5.9.3)(unplugin@3.3.0(esbuild@0.28.1)(rollup@4.62.2)(vite@7.3.6(@types/node@24.13.3)(jiti@2.7.0)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(yaml@2.9.0)))(vite@7.3.6(@types/node@24.13.3)(jiti@2.7.0)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(yaml@2.9.0))
+        version: 1.16.0(@typescript-eslint/utils@8.64.0(eslint@9.39.4(jiti@2.7.0))(typescript@5.9.3))(@vue/compiler-sfc@3.5.40)(esbuild@0.28.1)(eslint@9.39.4(jiti@2.7.0))(magic-string@0.30.21)(magicast@0.5.4)(oxc-parser@0.138.0)(rollup@4.62.2)(srvx@0.11.22)(typescript@5.9.3)(unplugin@3.3.0(esbuild@0.28.1)(rollup@4.62.2)(vite@7.3.6(@types/node@24.13.3)(jiti@2.7.0)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(yaml@2.9.0)))(vite@7.3.6(@types/node@24.13.3)(jiti@2.7.0)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(yaml@2.9.0))
       '@nuxt/fonts':
         specifier: ^0.14.0
-        version: 0.14.0(db0@0.3.4)(esbuild@0.28.1)(ioredis@5.11.1)(magic-string@0.30.21)(magicast@0.5.4)(oxc-parser@0.133.0)(rollup@4.62.2)(vite@7.3.6(@types/node@24.13.3)(jiti@2.7.0)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(yaml@2.9.0))
+        version: 0.14.0(db0@0.3.4)(esbuild@0.28.1)(ioredis@5.11.1)(magic-string@0.30.21)(magicast@0.5.4)(oxc-parser@0.138.0)(rollup@4.62.2)(vite@7.3.6(@types/node@24.13.3)(jiti@2.7.0)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(yaml@2.9.0))
       '@parcel/watcher':
         specifier: ^2.5.6
         version: 2.5.6
@@ -352,7 +352,7 @@ importers:
         version: 2.0.1(vue@3.5.40(typescript@5.9.3))
       vue-sonner:
         specifier: ^2.0.9
-        version: 2.0.9(bad97383283a121f42fc398b5b554971)
+        version: 2.0.9(5d8cb6a73e0b18437f93fef9ae51e13c)
       vue3-json-viewer:
         specifier: ^2.4.1
         version: 2.4.1(vue@3.5.40(typescript@5.9.3))
@@ -422,7 +422,7 @@ importers:
         version: 7.3.5(@types/node@22.19.20)(jiti@2.7.0)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(yaml@2.9.0)
       vite-plugin-vue-devtools:
         specifier: ^8.1.2
-        version: 8.1.2(@nuxt/kit@4.5.2(magic-string@0.30.21)(magicast@0.5.4)(oxc-parser@0.133.0)(unplugin@3.3.0(esbuild@0.28.1)(rollup@4.62.2)(vite@7.3.5(@types/node@22.19.20)(jiti@2.7.0)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(yaml@2.9.0))))(vite@7.3.5(@types/node@22.19.20)(jiti@2.7.0)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(yaml@2.9.0))(vue@3.5.40(typescript@5.9.3))
+        version: 8.1.2(@nuxt/kit@4.5.2(magic-string@0.30.21)(magicast@0.5.4)(oxc-parser@0.138.0)(unplugin@3.3.0(esbuild@0.28.1)(rollup@4.62.2)(vite@7.3.5(@types/node@22.19.20)(jiti@2.7.0)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(yaml@2.9.0))))(vite@7.3.5(@types/node@22.19.20)(jiti@2.7.0)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(yaml@2.9.0))(vue@3.5.40(typescript@5.9.3))
       vue:
         specifier: ^3.5.40
         version: 3.5.40(typescript@5.9.3)
@@ -4934,6 +4934,7 @@ packages:
   eslint@9.39.4:
     resolution: {integrity: sha512-XoMjdBOwe/esVgEvLmNsD3IRHkm7fbKIUGvrleloJXUZgDHig2IPWNniv+GwjyJXzuNqVjlr5+4yVUZjycJwfQ==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    deprecated: This version is no longer supported. Please see https://eslint.org/version-support for other options.
     hasBin: true
     peerDependencies:
       jiti: '*'
@@ -10119,9 +10120,9 @@ snapshots:
 
   '@nuxt/devalue@2.0.2': {}
 
-  '@nuxt/devtools-kit@3.2.4(magic-string@0.30.21)(magicast@0.5.4)(oxc-parser@0.133.0)(unplugin@3.3.0(esbuild@0.28.1)(rollup@4.62.2)(vite@7.3.6(@types/node@24.13.3)(jiti@2.7.0)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(yaml@2.9.0)))(vite@7.3.6(@types/node@24.13.3)(jiti@2.7.0)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(yaml@2.9.0))':
+  '@nuxt/devtools-kit@3.2.4(magic-string@0.30.21)(magicast@0.5.4)(oxc-parser@0.138.0)(unplugin@3.3.0(esbuild@0.28.1)(rollup@4.62.2)(vite@7.3.6(@types/node@24.13.3)(jiti@2.7.0)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(yaml@2.9.0)))(vite@7.3.6(@types/node@24.13.3)(jiti@2.7.0)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(yaml@2.9.0))':
     dependencies:
-      '@nuxt/kit': 4.5.0(magic-string@0.30.21)(magicast@0.5.4)(oxc-parser@0.133.0)(unplugin@3.3.0(esbuild@0.28.1)(rollup@4.62.2)(vite@7.3.6(@types/node@24.13.3)(jiti@2.7.0)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(yaml@2.9.0)))
+      '@nuxt/kit': 4.5.0(magic-string@0.30.21)(magicast@0.5.4)(oxc-parser@0.138.0)(unplugin@3.3.0(esbuild@0.28.1)(rollup@4.62.2)(vite@7.3.6(@types/node@24.13.3)(jiti@2.7.0)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(yaml@2.9.0)))
       execa: 8.0.1
       vite: 7.3.6(@types/node@24.13.3)(jiti@2.7.0)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(yaml@2.9.0)
     transitivePeerDependencies:
@@ -10350,13 +10351,13 @@ snapshots:
       - supports-color
       - typescript
 
-  '@nuxt/eslint@1.16.0(@typescript-eslint/utils@8.64.0(eslint@9.39.4(jiti@2.7.0))(typescript@5.9.3))(@vue/compiler-sfc@3.5.40)(esbuild@0.28.1)(eslint@9.39.4(jiti@2.7.0))(magic-string@0.30.21)(magicast@0.5.4)(oxc-parser@0.133.0)(rollup@4.62.2)(srvx@0.11.22)(typescript@5.9.3)(unplugin@3.3.0(esbuild@0.28.1)(rollup@4.62.2)(vite@7.3.6(@types/node@24.13.3)(jiti@2.7.0)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(yaml@2.9.0)))(vite@7.3.6(@types/node@24.13.3)(jiti@2.7.0)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(yaml@2.9.0))':
+  '@nuxt/eslint@1.16.0(@typescript-eslint/utils@8.64.0(eslint@9.39.4(jiti@2.7.0))(typescript@5.9.3))(@vue/compiler-sfc@3.5.40)(esbuild@0.28.1)(eslint@9.39.4(jiti@2.7.0))(magic-string@0.30.21)(magicast@0.5.4)(oxc-parser@0.138.0)(rollup@4.62.2)(srvx@0.11.22)(typescript@5.9.3)(unplugin@3.3.0(esbuild@0.28.1)(rollup@4.62.2)(vite@7.3.6(@types/node@24.13.3)(jiti@2.7.0)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(yaml@2.9.0)))(vite@7.3.6(@types/node@24.13.3)(jiti@2.7.0)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(yaml@2.9.0))':
     dependencies:
       '@eslint/config-inspector': 3.1.0(eslint@9.39.4(jiti@2.7.0))(srvx@0.11.22)(typescript@5.9.3)
-      '@nuxt/devtools-kit': 3.2.4(magic-string@0.30.21)(magicast@0.5.4)(oxc-parser@0.133.0)(unplugin@3.3.0(esbuild@0.28.1)(rollup@4.62.2)(vite@7.3.6(@types/node@24.13.3)(jiti@2.7.0)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(yaml@2.9.0)))(vite@7.3.6(@types/node@24.13.3)(jiti@2.7.0)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(yaml@2.9.0))
+      '@nuxt/devtools-kit': 3.2.4(magic-string@0.30.21)(magicast@0.5.4)(oxc-parser@0.138.0)(unplugin@3.3.0(esbuild@0.28.1)(rollup@4.62.2)(vite@7.3.6(@types/node@24.13.3)(jiti@2.7.0)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(yaml@2.9.0)))(vite@7.3.6(@types/node@24.13.3)(jiti@2.7.0)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(yaml@2.9.0))
       '@nuxt/eslint-config': 1.16.0(@typescript-eslint/utils@8.64.0(eslint@9.39.4(jiti@2.7.0))(typescript@5.9.3))(@vue/compiler-sfc@3.5.40)(eslint@9.39.4(jiti@2.7.0))(typescript@5.9.3)
       '@nuxt/eslint-plugin': 1.16.0(eslint@9.39.4(jiti@2.7.0))(typescript@5.9.3)
-      '@nuxt/kit': 4.5.0(magic-string@0.30.21)(magicast@0.5.4)(oxc-parser@0.133.0)(unplugin@3.3.0(esbuild@0.28.1)(rollup@4.62.2)(vite@7.3.6(@types/node@24.13.3)(jiti@2.7.0)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(yaml@2.9.0)))
+      '@nuxt/kit': 4.5.0(magic-string@0.30.21)(magicast@0.5.4)(oxc-parser@0.138.0)(unplugin@3.3.0(esbuild@0.28.1)(rollup@4.62.2)(vite@7.3.6(@types/node@24.13.3)(jiti@2.7.0)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(yaml@2.9.0)))
       chokidar: 5.0.0
       eslint: 9.39.4(jiti@2.7.0)
       eslint-flat-config-utils: 3.2.0
@@ -10365,7 +10366,7 @@ snapshots:
       get-port-please: 3.2.0
       mlly: 1.8.2
       pathe: 2.0.3
-      unimport: 6.3.0(esbuild@0.28.1)(oxc-parser@0.133.0)(rollup@4.62.2)(vite@7.3.6(@types/node@24.13.3)(jiti@2.7.0)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(yaml@2.9.0))
+      unimport: 6.3.0(esbuild@0.28.1)(oxc-parser@0.138.0)(rollup@4.62.2)(vite@7.3.6(@types/node@24.13.3)(jiti@2.7.0)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(yaml@2.9.0))
     transitivePeerDependencies:
       - '@farmfe/core'
       - '@modelcontextprotocol/sdk'
@@ -10389,10 +10390,10 @@ snapshots:
       - vite
       - webpack
 
-  '@nuxt/fonts@0.14.0(db0@0.3.4)(esbuild@0.28.1)(ioredis@5.11.1)(magic-string@0.30.21)(magicast@0.5.4)(oxc-parser@0.133.0)(rollup@4.62.2)(vite@7.3.6(@types/node@24.13.3)(jiti@2.7.0)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(yaml@2.9.0))':
+  '@nuxt/fonts@0.14.0(db0@0.3.4)(esbuild@0.28.1)(ioredis@5.11.1)(magic-string@0.30.21)(magicast@0.5.4)(oxc-parser@0.138.0)(rollup@4.62.2)(vite@7.3.6(@types/node@24.13.3)(jiti@2.7.0)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(yaml@2.9.0))':
     dependencies:
-      '@nuxt/devtools-kit': 3.2.4(magic-string@0.30.21)(magicast@0.5.4)(oxc-parser@0.133.0)(unplugin@3.3.0(esbuild@0.28.1)(rollup@4.62.2)(vite@7.3.6(@types/node@24.13.3)(jiti@2.7.0)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(yaml@2.9.0)))(vite@7.3.6(@types/node@24.13.3)(jiti@2.7.0)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(yaml@2.9.0))
-      '@nuxt/kit': 4.5.0(magic-string@0.30.21)(magicast@0.5.4)(oxc-parser@0.133.0)(unplugin@3.3.0(esbuild@0.28.1)(rollup@4.62.2)(vite@7.3.6(@types/node@24.13.3)(jiti@2.7.0)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(yaml@2.9.0)))
+      '@nuxt/devtools-kit': 3.2.4(magic-string@0.30.21)(magicast@0.5.4)(oxc-parser@0.138.0)(unplugin@3.3.0(esbuild@0.28.1)(rollup@4.62.2)(vite@7.3.6(@types/node@24.13.3)(jiti@2.7.0)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(yaml@2.9.0)))(vite@7.3.6(@types/node@24.13.3)(jiti@2.7.0)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(yaml@2.9.0))
+      '@nuxt/kit': 4.5.0(magic-string@0.30.21)(magicast@0.5.4)(oxc-parser@0.138.0)(unplugin@3.3.0(esbuild@0.28.1)(rollup@4.62.2)(vite@7.3.6(@types/node@24.13.3)(jiti@2.7.0)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(yaml@2.9.0)))
       consola: 3.4.2
       defu: 6.1.7
       fontless: 0.2.1(db0@0.3.4)(ioredis@5.11.1)(vite@7.3.6(@types/node@24.13.3)(jiti@2.7.0)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(yaml@2.9.0))
@@ -10439,9 +10440,9 @@ snapshots:
       - vite
       - webpack
 
-  '@nuxt/image@2.0.0(@types/node@24.13.3)(db0@0.3.4)(ioredis@5.11.1)(magic-string@0.30.21)(magicast@0.5.4)(oxc-parser@0.133.0)(srvx@0.11.22)(unplugin@3.3.0(esbuild@0.28.1)(rollup@4.62.2)(vite@7.3.6(@types/node@24.13.3)(jiti@2.7.0)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(yaml@2.9.0)))':
+  '@nuxt/image@2.0.0(@types/node@24.13.3)(db0@0.3.4)(ioredis@5.11.1)(magic-string@0.30.21)(magicast@0.5.4)(oxc-parser@0.138.0)(srvx@0.11.22)(unplugin@3.3.0(esbuild@0.28.1)(rollup@4.62.2)(vite@7.3.6(@types/node@24.13.3)(jiti@2.7.0)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(yaml@2.9.0)))':
     dependencies:
-      '@nuxt/kit': 4.5.0(magic-string@0.30.21)(magicast@0.5.4)(oxc-parser@0.133.0)(unplugin@3.3.0(esbuild@0.28.1)(rollup@4.62.2)(vite@7.3.6(@types/node@24.13.3)(jiti@2.7.0)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(yaml@2.9.0)))
+      '@nuxt/kit': 4.5.0(magic-string@0.30.21)(magicast@0.5.4)(oxc-parser@0.138.0)(unplugin@3.3.0(esbuild@0.28.1)(rollup@4.62.2)(vite@7.3.6(@types/node@24.13.3)(jiti@2.7.0)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(yaml@2.9.0)))
       consola: 3.4.2
       defu: 6.1.7
       h3: 1.15.11
@@ -10562,7 +10563,7 @@ snapshots:
       - rolldown
       - unplugin
 
-  '@nuxt/kit@4.5.0(magic-string@0.30.21)(magicast@0.5.4)(oxc-parser@0.133.0)(unplugin@3.3.0(esbuild@0.28.1)(rollup@4.62.2)(vite@7.3.6(@types/node@24.13.3)(jiti@2.7.0)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(yaml@2.9.0)))':
+  '@nuxt/kit@4.5.0(magic-string@0.30.21)(magicast@0.5.4)(oxc-parser@0.138.0)(unplugin@3.3.0(esbuild@0.28.1)(rollup@4.62.2)(vite@7.3.6(@types/node@24.13.3)(jiti@2.7.0)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(yaml@2.9.0)))':
     dependencies:
       c12: 3.3.4(magicast@0.5.4)
       consola: 3.4.2
@@ -10583,7 +10584,7 @@ snapshots:
       semver: 7.8.5
       tinyglobby: 0.2.17
       ufo: 1.6.4
-      unctx: 3.0.0(magic-string@0.30.21)(oxc-parser@0.133.0)(unplugin@3.3.0(esbuild@0.28.1)(rollup@4.62.2)(vite@7.3.6(@types/node@24.13.3)(jiti@2.7.0)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(yaml@2.9.0)))
+      unctx: 3.0.0(magic-string@0.30.21)(oxc-parser@0.138.0)(unplugin@3.3.0(esbuild@0.28.1)(rollup@4.62.2)(vite@7.3.6(@types/node@24.13.3)(jiti@2.7.0)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(yaml@2.9.0)))
       untyped: 2.0.0
     transitivePeerDependencies:
       - magic-string
@@ -10653,6 +10654,37 @@ snapshots:
       - rolldown
       - unplugin
 
+  '@nuxt/kit@4.5.2(magic-string@0.30.21)(magicast@0.5.4)(oxc-parser@0.138.0)(unplugin@3.3.0(esbuild@0.28.1)(rollup@4.62.2)(vite@7.3.5(@types/node@22.19.20)(jiti@2.7.0)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(yaml@2.9.0)))':
+    dependencies:
+      c12: 3.3.4(magicast@0.5.4)
+      consola: 3.4.2
+      defu: 6.1.7
+      destr: 2.0.5
+      errx: 0.1.2
+      exsolve: 1.1.1
+      ignore: 7.0.6
+      jiti: 2.7.0
+      klona: 2.0.6
+      mlly: 1.8.2
+      nostics: 1.2.0
+      ohash: 2.0.11
+      pathe: 2.0.3
+      pkg-types: 2.3.1
+      rc9: 3.0.1
+      scule: 1.3.0
+      tinyglobby: 0.2.17
+      ufo: 1.6.4
+      unctx: 3.0.0(magic-string@0.30.21)(oxc-parser@0.138.0)(unplugin@3.3.0(esbuild@0.28.1)(rollup@4.62.2)(vite@7.3.5(@types/node@22.19.20)(jiti@2.7.0)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(yaml@2.9.0)))
+      untyped: 2.0.0
+      verkit: 0.3.2
+    transitivePeerDependencies:
+      - magic-string
+      - magicast
+      - oxc-parser
+      - rolldown
+      - unplugin
+    optional: true
+
   '@nuxt/nitro-server@4.4.8(patch_hash=37be564cc577f19df6660566e81b9b8be54b75817ee3c9712324a7c6f577133b)(783e60ecd24ffec0f81a89d0faa502fc)':
     dependencies:
       '@nuxt/devalue': 2.0.2
@@ -10948,13 +10980,13 @@ snapshots:
       - yaml
     optional: true
 
-  '@nuxtjs/sitemap@8.2.2(6437582c1d2d6533d8071aa3274724b5)':
+  '@nuxtjs/sitemap@8.2.2(508e51a253f7c5c9da74b7542b055749)':
     dependencies:
-      '@nuxt/kit': 4.5.0(magic-string@0.30.21)(magicast@0.5.4)(oxc-parser@0.133.0)(unplugin@3.3.0(esbuild@0.28.1)(rollup@4.62.2)(vite@7.3.6(@types/node@24.13.3)(jiti@2.7.0)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(yaml@2.9.0)))
+      '@nuxt/kit': 4.5.0(magic-string@0.30.21)(magicast@0.5.4)(oxc-parser@0.138.0)(unplugin@3.3.0(esbuild@0.28.1)(rollup@4.62.2)(vite@7.3.6(@types/node@24.13.3)(jiti@2.7.0)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(yaml@2.9.0)))
       consola: 3.4.2
       defu: 6.1.7
       fast-xml-parser: 5.10.1
-      nuxt-site-config: 4.1.1(6437582c1d2d6533d8071aa3274724b5)
+      nuxt-site-config: 4.1.1(508e51a253f7c5c9da74b7542b055749)
       nuxtseo-shared: 5.3.2(0f2c160dc0ee6b2033066fd8680a5f9a)
       ofetch: 1.5.1
       pathe: 2.0.3
@@ -12816,9 +12848,9 @@ snapshots:
 
   '@vueuse/metadata@14.3.0': {}
 
-  '@vueuse/nuxt@14.3.0(magic-string@0.30.21)(magicast@0.5.4)(nuxt@4.4.8(@babel/plugin-proposal-decorators@7.28.0(@babel/core@7.29.7))(@babel/plugin-syntax-jsx@7.29.7(@babel/core@7.29.7))(@babel/plugin-syntax-typescript@7.29.7(@babel/core@7.29.7))(@parcel/watcher@2.5.6)(@types/node@24.13.3)(@vue/compiler-sfc@3.5.40)(cac@6.7.14)(commander@14.0.3)(db0@0.3.4)(esbuild@0.28.1)(eslint@9.39.4(jiti@2.7.0))(ioredis@5.11.1)(lightningcss@1.32.0)(magicast@0.5.4)(optionator@0.9.4)(rollup-plugin-visualizer@7.0.1(rollup@4.62.2))(rollup@4.62.2)(sass-embedded@1.100.0)(sass@1.100.0)(srvx@0.11.22)(terser@5.49.0)(typescript@5.9.3)(vite@7.3.6(@types/node@24.13.3)(jiti@2.7.0)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(yaml@2.9.0))(vue-tsc@3.3.7(typescript@5.9.3))(yaml@2.9.0))(oxc-parser@0.133.0)(unplugin@3.3.0(esbuild@0.28.1)(rollup@4.62.2)(vite@7.3.6(@types/node@24.13.3)(jiti@2.7.0)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(yaml@2.9.0)))(vue@3.5.40(typescript@5.9.3))':
+  '@vueuse/nuxt@14.3.0(magic-string@0.30.21)(magicast@0.5.4)(nuxt@4.4.8(@babel/plugin-proposal-decorators@7.28.0(@babel/core@7.29.7))(@babel/plugin-syntax-jsx@7.29.7(@babel/core@7.29.7))(@babel/plugin-syntax-typescript@7.29.7(@babel/core@7.29.7))(@parcel/watcher@2.5.6)(@types/node@24.13.3)(@vue/compiler-sfc@3.5.40)(cac@6.7.14)(commander@14.0.3)(db0@0.3.4)(esbuild@0.28.1)(eslint@9.39.4(jiti@2.7.0))(ioredis@5.11.1)(lightningcss@1.32.0)(magicast@0.5.4)(optionator@0.9.4)(rollup-plugin-visualizer@7.0.1(rollup@4.62.2))(rollup@4.62.2)(sass-embedded@1.100.0)(sass@1.100.0)(srvx@0.11.22)(terser@5.49.0)(typescript@5.9.3)(vite@7.3.6(@types/node@24.13.3)(jiti@2.7.0)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(yaml@2.9.0))(vue-tsc@3.3.7(typescript@5.9.3))(yaml@2.9.0))(oxc-parser@0.138.0)(unplugin@3.3.0(esbuild@0.28.1)(rollup@4.62.2)(vite@7.3.6(@types/node@24.13.3)(jiti@2.7.0)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(yaml@2.9.0)))(vue@3.5.40(typescript@5.9.3))':
     dependencies:
-      '@nuxt/kit': 4.5.0(magic-string@0.30.21)(magicast@0.5.4)(oxc-parser@0.133.0)(unplugin@3.3.0(esbuild@0.28.1)(rollup@4.62.2)(vite@7.3.6(@types/node@24.13.3)(jiti@2.7.0)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(yaml@2.9.0)))
+      '@nuxt/kit': 4.5.0(magic-string@0.30.21)(magicast@0.5.4)(oxc-parser@0.138.0)(unplugin@3.3.0(esbuild@0.28.1)(rollup@4.62.2)(vite@7.3.6(@types/node@24.13.3)(jiti@2.7.0)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(yaml@2.9.0)))
       '@vueuse/core': 14.3.0(vue@3.5.40(typescript@5.9.3))
       '@vueuse/metadata': 14.3.0
       local-pkg: 1.2.1
@@ -14214,7 +14246,7 @@ snapshots:
 
   hast-util-from-parse5@8.0.3:
     dependencies:
-      '@types/hast': 3.0.4
+      '@types/hast': 3.0.5
       '@types/unist': 3.0.3
       devlop: 1.1.0
       hastscript: 9.0.1
@@ -14225,19 +14257,19 @@ snapshots:
 
   hast-util-heading-rank@3.0.0:
     dependencies:
-      '@types/hast': 3.0.4
+      '@types/hast': 3.0.5
 
   hast-util-is-element@3.0.0:
     dependencies:
-      '@types/hast': 3.0.4
+      '@types/hast': 3.0.5
 
   hast-util-parse-selector@4.0.0:
     dependencies:
-      '@types/hast': 3.0.4
+      '@types/hast': 3.0.5
 
   hast-util-raw@9.1.0:
     dependencies:
-      '@types/hast': 3.0.4
+      '@types/hast': 3.0.5
       '@types/unist': 3.0.3
       '@ungap/structured-clone': 1.3.0
       hast-util-from-parse5: 8.0.3
@@ -14253,13 +14285,13 @@ snapshots:
 
   hast-util-sanitize@5.0.2:
     dependencies:
-      '@types/hast': 3.0.4
+      '@types/hast': 3.0.5
       '@ungap/structured-clone': 1.3.0
       unist-util-position: 5.0.0
 
   hast-util-to-html@9.0.5:
     dependencies:
-      '@types/hast': 3.0.4
+      '@types/hast': 3.0.5
       '@types/unist': 3.0.3
       ccount: 2.0.1
       comma-separated-tokens: 2.0.3
@@ -14273,7 +14305,7 @@ snapshots:
 
   hast-util-to-parse5@8.0.0:
     dependencies:
-      '@types/hast': 3.0.4
+      '@types/hast': 3.0.5
       comma-separated-tokens: 2.0.3
       devlop: 1.1.0
       property-information: 6.5.0
@@ -14283,22 +14315,22 @@ snapshots:
 
   hast-util-to-string@3.0.1:
     dependencies:
-      '@types/hast': 3.0.4
+      '@types/hast': 3.0.5
 
   hast-util-to-text@4.0.2:
     dependencies:
-      '@types/hast': 3.0.4
+      '@types/hast': 3.0.5
       '@types/unist': 3.0.3
       hast-util-is-element: 3.0.0
       unist-util-find-after: 5.0.0
 
   hast-util-whitespace@3.0.0:
     dependencies:
-      '@types/hast': 3.0.4
+      '@types/hast': 3.0.5
 
   hastscript@9.0.1:
     dependencies:
-      '@types/hast': 3.0.4
+      '@types/hast': 3.0.5
       comma-separated-tokens: 2.0.3
       hast-util-parse-selector: 4.0.0
       property-information: 7.1.0
@@ -14768,7 +14800,7 @@ snapshots:
 
   lowlight@3.3.0:
     dependencies:
-      '@types/hast': 3.0.4
+      '@types/hast': 3.0.5
       devlop: 1.1.0
       highlight.js: 11.11.1
 
@@ -15065,7 +15097,7 @@ snapshots:
 
   mdast-util-to-hast@13.2.1:
     dependencies:
-      '@types/hast': 3.0.4
+      '@types/hast': 3.0.5
       '@types/mdast': 4.0.4
       '@ungap/structured-clone': 1.3.0
       devlop: 1.1.0
@@ -15666,6 +15698,118 @@ snapshots:
       - vite
       - webpack
 
+  nitropack@2.13.4(oxc-parser@0.138.0)(srvx@0.11.22)(vite@7.3.6(@types/node@24.13.3)(jiti@2.7.0)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(yaml@2.9.0)):
+    dependencies:
+      '@cloudflare/kv-asset-handler': 0.4.2
+      '@rollup/plugin-alias': 6.0.0(rollup@4.62.2)
+      '@rollup/plugin-commonjs': 29.0.3(rollup@4.62.2)
+      '@rollup/plugin-inject': 5.0.5(rollup@4.62.2)
+      '@rollup/plugin-json': 6.1.0(rollup@4.62.2)
+      '@rollup/plugin-node-resolve': 16.0.3(rollup@4.62.2)
+      '@rollup/plugin-replace': 6.0.3(rollup@4.62.2)
+      '@rollup/plugin-terser': 1.0.0(rollup@4.62.2)
+      '@vercel/nft': 1.10.2(rollup@4.62.2)
+      archiver: 7.0.1
+      c12: 3.3.4(magicast@0.5.4)
+      chokidar: 5.0.0
+      citty: 0.2.2
+      compatx: 0.2.0
+      confbox: 0.2.4
+      consola: 3.4.2
+      cookie-es: 2.0.1
+      croner: 10.0.1
+      crossws: 0.3.5
+      db0: 0.3.4
+      defu: 6.1.7
+      destr: 2.0.5
+      dot-prop: 10.1.0
+      esbuild: 0.28.1
+      escape-string-regexp: 5.0.0
+      etag: 1.8.1
+      exsolve: 1.1.0
+      globby: 16.2.2
+      gzip-size: 7.0.0
+      h3: 1.15.11
+      hookable: 5.5.3
+      httpxy: 0.5.5
+      ioredis: 5.11.1
+      jiti: 2.7.0
+      klona: 2.0.6
+      knitwork: 1.3.0
+      listhen: 1.10.0(srvx@0.11.22)
+      magic-string: 0.30.21
+      magicast: 0.5.4
+      mime: 4.1.0
+      mlly: 1.8.2
+      node-fetch-native: 1.6.7
+      node-mock-http: 1.0.4
+      ofetch: 1.5.1
+      ohash: 2.0.11
+      pathe: 2.0.3
+      perfect-debounce: 2.1.0
+      pkg-types: 2.3.1
+      pretty-bytes: 7.1.1
+      radix3: 1.1.2
+      rollup: 4.62.2
+      rollup-plugin-visualizer: 7.0.1(rollup@4.62.2)
+      scule: 1.3.0
+      semver: 7.8.5
+      serve-placeholder: 2.0.2
+      serve-static: 2.2.1
+      source-map: 0.7.6
+      std-env: 4.2.0
+      ufo: 1.6.4
+      ultrahtml: 1.7.0
+      uncrypto: 0.1.3
+      unctx: 2.5.0
+      unenv: 2.0.0-rc.24
+      unimport: 6.3.0(esbuild@0.28.1)(oxc-parser@0.138.0)(rollup@4.62.2)(vite@7.3.6(@types/node@24.13.3)(jiti@2.7.0)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(yaml@2.9.0))
+      unplugin-utils: 0.3.2
+      unstorage: 1.17.5(db0@0.3.4)(ioredis@5.11.1)
+      untyped: 2.0.0
+      unwasm: 0.5.3
+      youch: 4.1.1
+      youch-core: 0.3.3
+    transitivePeerDependencies:
+      - '@azure/app-configuration'
+      - '@azure/cosmos'
+      - '@azure/data-tables'
+      - '@azure/identity'
+      - '@azure/keyvault-secrets'
+      - '@azure/storage-blob'
+      - '@capacitor/preferences'
+      - '@deno/kv'
+      - '@electric-sql/pglite'
+      - '@farmfe/core'
+      - '@libsql/client'
+      - '@netlify/blobs'
+      - '@planetscale/database'
+      - '@rspack/core'
+      - '@upstash/redis'
+      - '@vercel/blob'
+      - '@vercel/functions'
+      - '@vercel/kv'
+      - aws4fetch
+      - bare-abort-controller
+      - bare-buffer
+      - better-sqlite3
+      - bun-types-no-globals
+      - drizzle-orm
+      - encoding
+      - idb-keyval
+      - mysql2
+      - oxc-parser
+      - react-native-b4a
+      - rolldown
+      - sqlite3
+      - srvx
+      - supports-color
+      - unloader
+      - uploadthing
+      - vite
+      - webpack
+    optional: true
+
   node-addon-api@7.1.1: {}
 
   node-fetch-native@1.6.7: {}
@@ -15722,7 +15866,7 @@ snapshots:
     dependencies:
       fflate: 0.8.2
 
-  nuxt-og-image@6.7.2(f17a160e9fc648d550047b9b033f58f1):
+  nuxt-og-image@6.7.2(0ed6d8a4128092cda81a0e8a381a7c68):
     dependencies:
       '@clack/prompts': 1.7.0
       '@nuxt/kit': 4.5.0(magic-string@0.30.21)(magicast@0.5.3)(oxc-parser@0.138.0)(unplugin@3.3.0(esbuild@0.28.1)(rollup@4.62.2)(vite@7.3.6(@types/node@24.13.3)(jiti@2.7.0)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(yaml@2.9.0)))
@@ -15740,7 +15884,7 @@ snapshots:
       magic-string: 0.30.21
       magicast: 0.5.3
       mocked-exports: 0.1.1
-      nuxt-site-config: 4.1.1(6437582c1d2d6533d8071aa3274724b5)
+      nuxt-site-config: 4.1.1(508e51a253f7c5c9da74b7542b055749)
       nuxtseo-shared: 5.3.2(0f2c160dc0ee6b2033066fd8680a5f9a)
       nypm: 0.6.8
       ofetch: 1.5.1
@@ -15761,7 +15905,7 @@ snapshots:
     optionalDependencies:
       '@takumi-rs/core': 2.3.0(csstype@3.2.3)
       fontless: 0.2.1(db0@0.3.4)(ioredis@5.11.1)(vite@7.3.6(@types/node@24.13.3)(jiti@2.7.0)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(yaml@2.9.0))
-      nitropack: 2.13.4(oxc-parser@0.133.0)(srvx@0.11.22)(vite@7.3.6(@types/node@24.13.3)(jiti@2.7.0)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(yaml@2.9.0))
+      nitropack: 2.13.4(oxc-parser@0.138.0)(srvx@0.11.22)(vite@7.3.6(@types/node@24.13.3)(jiti@2.7.0)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(yaml@2.9.0))
       playwright-core: 1.61.1
       sharp: 0.35.3(@types/node@24.13.3)
       tailwindcss: 4.3.3
@@ -15795,7 +15939,7 @@ snapshots:
       - unplugin
       - vue
 
-  nuxt-site-config@4.1.1(6437582c1d2d6533d8071aa3274724b5):
+  nuxt-site-config@4.1.1(508e51a253f7c5c9da74b7542b055749):
     dependencies:
       '@nuxt/devalue': 2.0.2
       '@nuxt/kit': 4.5.0(magic-string@0.30.21)(magicast@0.5.3)(oxc-parser@0.138.0)(unplugin@3.3.0(esbuild@0.28.1)(rollup@4.62.2)(vite@7.3.6(@types/node@24.13.3)(jiti@2.7.0)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(yaml@2.9.0)))
@@ -16109,7 +16253,7 @@ snapshots:
       ufo: 1.6.4
       vue: 3.5.40(typescript@5.9.3)
     optionalDependencies:
-      nuxt-site-config: 4.1.1(6437582c1d2d6533d8071aa3274724b5)
+      nuxt-site-config: 4.1.1(508e51a253f7c5c9da74b7542b055749)
     transitivePeerDependencies:
       - magic-string
       - magicast
@@ -17718,6 +17862,13 @@ snapshots:
       oxc-parser: 0.133.0
       unplugin: 3.3.0(esbuild@0.28.1)(rollup@4.62.2)(vite@7.3.6(@types/node@24.13.3)(jiti@2.7.0)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(yaml@2.9.0))
 
+  unctx@3.0.0(magic-string@0.30.21)(oxc-parser@0.138.0)(unplugin@3.3.0(esbuild@0.28.1)(rollup@4.62.2)(vite@7.3.5(@types/node@22.19.20)(jiti@2.7.0)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(yaml@2.9.0))):
+    optionalDependencies:
+      magic-string: 0.30.21
+      oxc-parser: 0.138.0
+      unplugin: 3.3.0(esbuild@0.28.1)(rollup@4.62.2)(vite@7.3.5(@types/node@22.19.20)(jiti@2.7.0)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(yaml@2.9.0))
+    optional: true
+
   unctx@3.0.0(magic-string@0.30.21)(oxc-parser@0.138.0)(unplugin@3.3.0(esbuild@0.28.1)(rollup@4.62.2)(vite@7.3.6(@types/node@24.13.3)(jiti@2.7.0)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(yaml@2.9.0))):
     optionalDependencies:
       magic-string: 0.30.21
@@ -17823,6 +17974,34 @@ snapshots:
       - vite
       - webpack
 
+  unimport@6.3.0(esbuild@0.28.1)(oxc-parser@0.138.0)(rollup@4.62.2)(vite@7.3.6(@types/node@24.13.3)(jiti@2.7.0)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(yaml@2.9.0)):
+    dependencies:
+      acorn: 8.17.0
+      escape-string-regexp: 5.0.0
+      estree-walker: 3.0.3
+      local-pkg: 1.2.1
+      magic-string: 0.30.21
+      mlly: 1.8.2
+      pathe: 2.0.3
+      picomatch: 4.0.5
+      pkg-types: 2.3.1
+      scule: 1.3.0
+      strip-literal: 3.1.0
+      tinyglobby: 0.2.17
+      unplugin: 3.3.0(esbuild@0.28.1)(rollup@4.62.2)(vite@7.3.6(@types/node@24.13.3)(jiti@2.7.0)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(yaml@2.9.0))
+      unplugin-utils: 0.3.2
+    optionalDependencies:
+      oxc-parser: 0.138.0
+    transitivePeerDependencies:
+      - '@farmfe/core'
+      - '@rspack/core'
+      - bun-types-no-globals
+      - esbuild
+      - rollup
+      - unloader
+      - vite
+      - webpack
+
   unist-util-find-after@5.0.0:
     dependencies:
       '@types/unist': 3.0.3
@@ -18186,7 +18365,7 @@ snapshots:
       typescript: 5.9.3
       vue-tsc: 3.3.7(typescript@5.9.3)
 
-  vite-plugin-inspect@11.3.3(@nuxt/kit@4.5.2(magic-string@0.30.21)(magicast@0.5.4)(oxc-parser@0.133.0)(unplugin@3.3.0(esbuild@0.28.1)(rollup@4.62.2)(vite@7.3.5(@types/node@22.19.20)(jiti@2.7.0)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(yaml@2.9.0))))(vite@7.3.5(@types/node@22.19.20)(jiti@2.7.0)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(yaml@2.9.0)):
+  vite-plugin-inspect@11.3.3(@nuxt/kit@4.5.2(magic-string@0.30.21)(magicast@0.5.4)(oxc-parser@0.138.0)(unplugin@3.3.0(esbuild@0.28.1)(rollup@4.62.2)(vite@7.3.5(@types/node@22.19.20)(jiti@2.7.0)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(yaml@2.9.0))))(vite@7.3.5(@types/node@22.19.20)(jiti@2.7.0)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(yaml@2.9.0)):
     dependencies:
       ansis: 4.2.0
       debug: 4.4.3
@@ -18199,7 +18378,7 @@ snapshots:
       vite: 7.3.5(@types/node@22.19.20)(jiti@2.7.0)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(yaml@2.9.0)
       vite-dev-rpc: 1.1.0(vite@7.3.5(@types/node@22.19.20)(jiti@2.7.0)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(yaml@2.9.0))
     optionalDependencies:
-      '@nuxt/kit': 4.5.2(magic-string@0.30.21)(magicast@0.5.4)(oxc-parser@0.133.0)(unplugin@3.3.0(esbuild@0.28.1)(rollup@4.62.2)(vite@7.3.5(@types/node@22.19.20)(jiti@2.7.0)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(yaml@2.9.0)))
+      '@nuxt/kit': 4.5.2(magic-string@0.30.21)(magicast@0.5.4)(oxc-parser@0.138.0)(unplugin@3.3.0(esbuild@0.28.1)(rollup@4.62.2)(vite@7.3.5(@types/node@22.19.20)(jiti@2.7.0)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(yaml@2.9.0)))
     transitivePeerDependencies:
       - supports-color
 
@@ -18234,14 +18413,14 @@ snapshots:
     optionalDependencies:
       '@nuxt/kit': 4.5.2(magic-string@0.30.21)(magicast@0.5.4)(oxc-parser@0.133.0)(unplugin@3.3.0(esbuild@0.28.1)(rollup@4.62.2)(vite@7.3.6(@types/node@24.13.3)(jiti@2.7.0)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(yaml@2.9.0)))
 
-  vite-plugin-vue-devtools@8.1.2(@nuxt/kit@4.5.2(magic-string@0.30.21)(magicast@0.5.4)(oxc-parser@0.133.0)(unplugin@3.3.0(esbuild@0.28.1)(rollup@4.62.2)(vite@7.3.5(@types/node@22.19.20)(jiti@2.7.0)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(yaml@2.9.0))))(vite@7.3.5(@types/node@22.19.20)(jiti@2.7.0)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(yaml@2.9.0))(vue@3.5.40(typescript@5.9.3)):
+  vite-plugin-vue-devtools@8.1.2(@nuxt/kit@4.5.2(magic-string@0.30.21)(magicast@0.5.4)(oxc-parser@0.138.0)(unplugin@3.3.0(esbuild@0.28.1)(rollup@4.62.2)(vite@7.3.5(@types/node@22.19.20)(jiti@2.7.0)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(yaml@2.9.0))))(vite@7.3.5(@types/node@22.19.20)(jiti@2.7.0)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(yaml@2.9.0))(vue@3.5.40(typescript@5.9.3)):
     dependencies:
       '@vue/devtools-core': 8.1.2(vue@3.5.40(typescript@5.9.3))
       '@vue/devtools-kit': 8.1.2
       '@vue/devtools-shared': 8.1.2
       sirv: 3.0.2
       vite: 7.3.5(@types/node@22.19.20)(jiti@2.7.0)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(yaml@2.9.0)
-      vite-plugin-inspect: 11.3.3(@nuxt/kit@4.5.2(magic-string@0.30.21)(magicast@0.5.4)(oxc-parser@0.133.0)(unplugin@3.3.0(esbuild@0.28.1)(rollup@4.62.2)(vite@7.3.5(@types/node@22.19.20)(jiti@2.7.0)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(yaml@2.9.0))))(vite@7.3.5(@types/node@22.19.20)(jiti@2.7.0)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(yaml@2.9.0))
+      vite-plugin-inspect: 11.3.3(@nuxt/kit@4.5.2(magic-string@0.30.21)(magicast@0.5.4)(oxc-parser@0.138.0)(unplugin@3.3.0(esbuild@0.28.1)(rollup@4.62.2)(vite@7.3.5(@types/node@22.19.20)(jiti@2.7.0)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(yaml@2.9.0))))(vite@7.3.5(@types/node@22.19.20)(jiti@2.7.0)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(yaml@2.9.0))
       vite-plugin-vue-inspector: 6.0.0(vite@7.3.5(@types/node@22.19.20)(jiti@2.7.0)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(yaml@2.9.0))
     transitivePeerDependencies:
       - '@nuxt/kit'
@@ -18498,9 +18677,9 @@ snapshots:
       - unloader
       - webpack
 
-  vue-sonner@2.0.9(bad97383283a121f42fc398b5b554971):
+  vue-sonner@2.0.9(5d8cb6a73e0b18437f93fef9ae51e13c):
     optionalDependencies:
-      '@nuxt/kit': 4.5.2(magic-string@0.30.21)(magicast@0.5.4)(oxc-parser@0.133.0)(unplugin@3.3.0(esbuild@0.28.1)(rollup@4.62.2)(vite@7.3.5(@types/node@22.19.20)(jiti@2.7.0)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(yaml@2.9.0)))
+      '@nuxt/kit': 4.5.2(magic-string@0.30.21)(magicast@0.5.4)(oxc-parser@0.138.0)(unplugin@3.3.0(esbuild@0.28.1)(rollup@4.62.2)(vite@7.3.5(@types/node@22.19.20)(jiti@2.7.0)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(yaml@2.9.0)))
       '@nuxt/schema': 4.4.8
       nuxt: 4.4.8(@babel/plugin-proposal-decorators@7.28.0(@babel/core@7.29.7))(@babel/plugin-syntax-jsx@7.29.7(@babel/core@7.29.7))(@babel/plugin-syntax-typescript@7.29.7(@babel/core@7.29.7))(@parcel/watcher@2.5.6)(@types/node@22.19.20)(@vue/compiler-sfc@3.5.40)(cac@6.7.14)(commander@14.0.3)(db0@0.3.4)(esbuild@0.28.1)(eslint@9.39.4(jiti@2.7.0))(ioredis@5.11.1)(lightningcss@1.32.0)(magicast@0.5.4)(optionator@0.9.4)(rollup-plugin-visualizer@7.0.1(rollup@4.62.2))(rollup@4.62.2)(sass-embedded@1.100.0)(sass@1.100.0)(srvx@0.11.22)(terser@5.49.0)(typescript@5.9.3)(vite@7.3.5(@types/node@22.19.20)(jiti@2.7.0)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(yaml@2.9.0))(vue-tsc@3.3.3(typescript@5.9.3))(yaml@2.9.0)
 
diff --git a/tests/visualizations/admin-site-charts.normal-user.spec.ts b/tests/visualizations/admin-site-charts.normal-user.spec.ts
new file mode 100644
index 000000000..01b2ceec1
--- /dev/null
+++ b/tests/visualizations/admin-site-charts.normal-user.spec.ts
@@ -0,0 +1,11 @@
+import { test, expect } from '../base'
+
+// The empty state is tested as a normal user: the list endpoint
+// returns soft-deleted charts to admins, so once a chart has been created and
+// deleted, an admin can never see the empty state.
+test('shows the empty state when the site has no chart', async ({ page }) => {
+  await page.goto('/admin/site/charts')
+  await page.waitForLoadState('networkidle')
+
+  await expect(page.getByText(`Il n'y a pas encore de graphique sur le site`)).toBeVisible()
+})
diff --git a/tests/visualizations/admin-site-charts.spec.ts b/tests/visualizations/admin-site-charts.spec.ts
new file mode 100644
index 000000000..4d9d5b2f3
--- /dev/null
+++ b/tests/visualizations/admin-site-charts.spec.ts
@@ -0,0 +1,88 @@
+import type { BrowserContext } from '@playwright/test'
+import { test, expect } from '../base'
+import { createChart, deleteAllCharts, deleteChart, setupAndSaveChart } from './fixtures'
+
+test.describe('with charts', () => {
+  const createdIds: Array<string> = []
+  let histogramChart: Awaited<ReturnType<typeof setupAndSaveChart>>
+  let lineChart: Awaited<ReturnType<typeof setupAndSaveChart>>
+  let privateChart: Awaited<ReturnType<typeof createChart>>
+  let deletedChart: Awaited<ReturnType<typeof createChart>>
+  let setupContext: BrowserContext
+  let uniqueSuffix: string
+
+  test.beforeAll(async ({ browser }) => {
+    uniqueSuffix = `${Date.now()}-${Math.random().toString(36).slice(2, 8)}`
+    setupContext = await browser.newContext({ storageState: 'playwright/.auth/user.json' })
+    const page = await setupContext.newPage()
+
+    await deleteAllCharts(setupContext.request)
+
+    histogramChart = await setupAndSaveChart(page, {
+      title: `Admin histogramme E2E ${uniqueSuffix}`,
+      description: 'Histogramme public pour la liste admin.',
+    })
+    createdIds.push(histogramChart.id)
+
+    lineChart = await setupAndSaveChart(page, {
+      title: `Admin courbe E2E ${uniqueSuffix}`,
+      description: 'Courbe publique pour la liste admin.',
+      type: 'line',
+    })
+    createdIds.push(lineChart.id)
+
+    // The configurator cannot set the private flag, so use the API for draft/deleted cases.
+    privateChart = await createChart(setupContext.request, {
+      title: `Admin brouillon E2E ${uniqueSuffix}`,
+      type: 'histogram',
+      private: true,
+      withImage: false,
+    })
+    createdIds.push(privateChart.id)
+
+    deletedChart = await createChart(setupContext.request, {
+      title: `Admin supprimé E2E ${uniqueSuffix}`,
+      type: 'histogram',
+      private: true,
+      withImage: false,
+    })
+    createdIds.push(deletedChart.id)
+    await deleteChart(setupContext.request, deletedChart.id)
+  })
+
+  test.afterAll(async ({ request }) => {
+    for (const id of createdIds) {
+      await deleteChart(request, id)
+    }
+    await setupContext.close()
+  })
+
+  test.beforeEach(async ({ page }) => {
+    await page.goto('/admin/site/charts')
+    await page.waitForLoadState('networkidle')
+  })
+
+  test('lists chart cards with the total count', async ({ page }) => {
+    await expect(page.getByRole('heading', { name: /\d+ graphiques/ })).toBeVisible()
+    for (const chart of [histogramChart, lineChart, privateChart, deletedChart]) {
+      await expect(page.getByRole('link', { name: chart.title })).toBeVisible()
+    }
+    await expect(page.locator('article').filter({ hasText: histogramChart.title }).getByText('Admin User')).toBeVisible()
+  })
+
+  test('chart cards link to the admin edit page', async ({ page }) => {
+    for (const chart of [histogramChart, lineChart, privateChart, deletedChart]) {
+      await expect(page.getByRole('link', { name: chart.title })).toHaveAttribute('href', `/admin/beta/charts/${chart.id}`)
+    }
+  })
+
+  test('private chart card displays a draft badge', async ({ page }) => {
+    const card = page.locator('article').filter({ hasText: privateChart.title })
+    await expect(card.locator('.fr-badge')).toHaveText('Brouillon')
+  })
+
+  test('deleted chart card displays a deleted badge, taking precedence over the draft badge', async ({ page }) => {
+    const card = page.locator('article').filter({ hasText: deletedChart.title })
+    await expect(card.locator('.fr-badge')).toHaveText('Supprimé')
+  })
+})
diff --git a/tests/visualizations/chart-card.spec.ts b/tests/visualizations/chart-card.spec.ts
new file mode 100644
index 000000000..7023bdb60
--- /dev/null
+++ b/tests/visualizations/chart-card.spec.ts
@@ -0,0 +1,90 @@
+import { test, expect } from '../base'
+import { createChart, deleteAllCharts, deleteChart } from './fixtures'
+
+test.use({ allowedConsoleMessages: ['No match found for location with path "/design/chart"'] })
+
+test.describe('chart cards', () => {
+  const createdIds: Array<string> = []
+
+  test.beforeEach(async ({ request }) => {
+    // The /design/cards page only shows the 2 most recent charts. Clean first so
+    // our fixtures are the only ones displayed, then create fresh charts for this test.
+    await deleteAllCharts(request)
+
+    const uniqueSuffix = `${Date.now()}-${Math.random().toString(36).slice(2, 8)}`
+
+    const histogramChart = await createChart(request, {
+      title: `Carte histogramme E2E ${uniqueSuffix}`,
+      description: 'Histogramme de test pour la carte.',
+      type: 'histogram',
+      private: false,
+      withImage: true,
+    })
+    createdIds.push(histogramChart.id)
+
+    const privateLineChart = await createChart(request, {
+      title: `Carte courbe E2E ${uniqueSuffix}`,
+      description: 'Courbe privée de test pour la carte.',
+      type: 'line',
+      private: true,
+      withImage: false,
+    })
+    createdIds.push(privateLineChart.id)
+  })
+
+  test.afterEach(async ({ request }) => {
+    for (const id of createdIds.splice(0)) {
+      await deleteChart(request, id)
+    }
+  })
+
+  test('display title, owner, update date, views and description', async ({ page }) => {
+    await page.goto('/design/cards')
+    await page.waitForLoadState('networkidle')
+
+    const histogramCard = page.locator('article').filter({ hasText: /Carte histogramme E2E/ })
+    await expect(histogramCard).toBeVisible()
+    const histogramLink = histogramCard.locator('h3 a')
+    await expect(histogramLink).toBeVisible()
+    await expect(histogramCard.getByText('Admin User')).toBeVisible()
+    await expect(histogramCard.getByText('Mis à jour')).toBeVisible()
+    await expect(histogramCard.locator('[aria-label="0 vues"]')).toBeVisible()
+    await expect(histogramCard.getByText('Histogramme de test pour la carte.')).toBeVisible()
+
+    const lineCard = page.locator('article').filter({ hasText: /Carte courbe E2E/ })
+    await expect(lineCard).toBeVisible()
+    await expect(lineCard.locator('[aria-label="0 vues"]')).toBeVisible()
+  })
+
+  test('with image displays an img, without image a placeholder', async ({ page }) => {
+    await page.goto('/design/cards')
+    await page.waitForLoadState('networkidle')
+
+    const histogramCard = page.locator('article').filter({ hasText: /Carte histogramme E2E/ })
+    await expect(histogramCard.locator('img')).toHaveCount(1)
+
+    const lineCard = page.locator('article').filter({ hasText: /Carte courbe E2E/ })
+    await expect(lineCard.locator('img')).toHaveCount(0)
+    await expect(lineCard.locator('div.bg-gray-lower')).toBeVisible()
+  })
+
+  test('title link points to the chart page', async ({ page }) => {
+    await page.goto('/design/cards')
+    await page.waitForLoadState('networkidle')
+
+    const histogramCard = page.locator('article').filter({ hasText: /Carte histogramme E2E/ })
+    const link = histogramCard.locator('h3 a')
+    await expect(link).toHaveAttribute('href', /\/visualizations\/carte-histogramme-e2e-/)
+  })
+
+  test('private chart card displays a draft badge, public chart card does not', async ({ page }) => {
+    await page.goto('/design/cards')
+    await page.waitForLoadState('networkidle')
+
+    const lineCard = page.locator('article').filter({ hasText: /Carte courbe E2E/ })
+    await expect(lineCard.locator('.fr-badge')).toHaveText('Brouillon')
+
+    const histogramCard = page.locator('article').filter({ hasText: /Carte histogramme E2E/ })
+    await expect(histogramCard.locator('.fr-badge')).toHaveCount(0)
+  })
+})
diff --git a/tests/visualizations/chart-configurator.spec.ts b/tests/visualizations/chart-configurator.spec.ts
index bd02d85f8..c693a18fa 100644
--- a/tests/visualizations/chart-configurator.spec.ts
+++ b/tests/visualizations/chart-configurator.spec.ts
@@ -1,49 +1,10 @@
 import type { Chart } from '@datagouv/components-next'
-import type { Page } from '@playwright/test'
 import { test, expect } from '../base'
 import { clickOutside } from '../helpers'
-import profile from './profile.json' with { type: 'json' }
-import data from './data.json' with { type: 'json' }
-
-async function mockTabular(page: Page) {
-  await page.route('**/api/resources/*/profile/', async (route) => {
-    await route.fulfill({ json: profile })
-  })
-  await page.route('**/api/resources/*/data/*', async (route) => {
-    await route.fulfill({ json: data })
-  })
-}
-
-async function setupChart(page: Page) {
-  await mockTabular(page)
-  await page.goto('/admin/beta/chart')
-  await page.waitForLoadState('networkidle')
-
-  await page.getByTestId('producer-select').click()
-  await page.getByRole('option', { name: 'Admin User', exact: true }).click()
-
-  await page.getByTestId('searchable-select-jeu-de-donn-es').click()
-
-  const getPromise = page.waitForResponse('**/api/1/datasets/suggest/?q=logements+sociaux*')
-  await page.getByPlaceholder('Recherchez un jeu de données...').fill('logements sociaux')
-  await getPromise
-
-  await page.getByRole('option', { name: 'Logements sociaux et bailleurs par région', exact: true }).click()
-  await clickOutside(page)
-
-  await page.keyboard.press('ArrowDown')
-  await page.keyboard.press('Enter')
-
-  const resourceProfilePromise = page.waitForResponse('**/api/resources/*/profile/')
-  const resourceSelect = page.getByLabel('Choix de la ressource')
-  await resourceSelect.selectOption({ index: 1 })
+import { setupChart } from './fixtures'
 
-  await resourceProfilePromise
-  await page.waitForTimeout(300) // necessary to wait for the watch, no real async to check
-
-  expect(page.getByLabel('Titre')).toBeVisible()
-  expect(await page.getByPlaceholder('Rechercher une colonne à afficher...').inputValue()).toBe('année_publication')
-}
+// API calls go straight to the backend: the frontend (baseURL) does not proxy them
+const API_BASE_URL = process.env.NUXT_PUBLIC_API_BASE || 'http://dev.local:7000'
 
 test('title input updates form value without debounce', async ({ page }) => {
   await setupChart(page)
@@ -342,89 +303,42 @@ test('y-axis unit position can be changed to prefix', async ({ page }) => {
   expect(unitPosition).toBe('prefix')
 })
 
-test('saving chart sends correct data to API', async ({ page, baseURL }) => {
+test('saving chart sends correct data to API', async ({ page }) => {
   await setupChart(page)
 
   await page.getByLabel('Titre').fill('Test Chart')
   await page.getByLabel('Description').fill('Test Description')
 
   const responsePromise = page.waitForResponse(response => response.url().includes('/api/1/visualizations/') && response.request().method() === 'POST')
-  const getPromise = page.waitForResponse(response => response.url().includes('/api/1/visualizations/') && response.request().method() === 'GET')
 
   await page.getByRole('button', { name: 'Sauvegarder le graphique' }).click()
   const response = await responsePromise
   const responseBody = (await response.json()) as Chart
-  await getPromise
 
   expect(responseBody!.title).toBe('Test Chart')
-  expect(await page.getByLabel('Graphiques existants').inputValue()).toBe(responseBody!.id)
-  await page.request.delete(`${baseURL}/api/1/visualizations/${responseBody!.id}/`)
+  await page.request.delete(`${API_BASE_URL}/api/1/visualizations/${responseBody!.id}/`)
 })
 
-test('saving chart shows success message', async ({ page, baseURL }) => {
+test('saving chart shows success message', async ({ page }) => {
   await setupChart(page)
 
   await page.getByLabel('Titre').fill('Test Chart')
   await page.getByLabel('Description').fill('Test Description')
 
   const responsePromise = page.waitForResponse(response => response.url().includes('/api/1/visualizations/') && response.request().method() === 'POST')
-  const getPromise = page.waitForResponse(response => response.url().includes('/api/1/visualizations/') && response.request().method() === 'GET')
 
   await page.getByRole('button', { name: 'Sauvegarder le graphique' }).click()
   const response = await responsePromise
   const responseBody = (await response.json()) as Chart
-  await getPromise
 
   await page.waitForTimeout(300)
 
   await expect(page.getByText('Graphique sauvegardé !')).toBeVisible()
 
-  await page.request.delete(`${baseURL}/api/1/visualizations/${responseBody!.id}/`)
-})
-
-test('existing charts selector shows placeholder option', async ({ page }) => {
-  await page.goto('/admin/beta/chart')
-
-  await page.waitForLoadState('networkidle')
-
-  const chartOptions = await page.getByLabel('Graphiques existants').locator('option').allTextContents()
-
-  expect(chartOptions[0]).toBe('Sélectionnez un graphique')
-})
-
-test('load button is disabled without selected chart', async ({ page }) => {
-  await page.goto('/admin/beta/chart')
-  await page.waitForLoadState('networkidle')
-
-  const loadButton = page.getByRole('button', { name: 'Charger' })
-  await expect(loadButton).toBeDisabled()
+  await page.request.delete(`${API_BASE_URL}/api/1/visualizations/${responseBody!.id}/`)
 })
 
-test('load button becomes enabled when chart is selected', async ({ page, baseURL }) => {
-  await setupChart(page)
-
-  await page.getByLabel('Titre').fill('Chart to load')
-  await page.getByLabel('Description').fill('Chart to load description')
-
-  const responsePromise = page.waitForResponse(response => response.url().includes('/api/1/visualizations/') && response.request().method() === 'POST')
-  const getPromise = page.waitForResponse(response => response.url().includes('/api/1/visualizations/') && response.request().method() === 'GET')
-
-  await page.getByRole('button', { name: 'Sauvegarder le graphique' }).click()
-  const response = await responsePromise
-  const responseBody = (await response.json()) as Chart
-  await getPromise
-
-  const chartId = responseBody!.id
-
-  await page.getByLabel('Graphiques existants').selectOption(chartId)
-
-  const loadButton = page.getByRole('button', { name: 'Charger' })
-  await expect(loadButton).toBeEnabled()
-
-  await page.request.delete(`${baseURL}/api/1/visualizations/${chartId}/`)
-})
-
-test('complete chart configuration flow', async ({ page, baseURL }) => {
+test('complete chart configuration flow', async ({ page }) => {
   await setupChart(page)
 
   await page.getByLabel('Titre').fill('Graphique complet')
@@ -454,18 +368,15 @@ test('complete chart configuration flow', async ({ page, baseURL }) => {
   await page.getByLabel('Position unité').selectOption('prefix')
 
   const responsePromise = page.waitForResponse(response => response.url().includes('/api/1/visualizations/') && response.request().method() === 'POST')
-  const getPromise = page.waitForResponse(response => response.url().includes('/api/1/visualizations/') && response.request().method() === 'GET')
 
   await page.getByRole('button', { name: 'Sauvegarder le graphique' }).click()
   const response = await responsePromise
   const responseBody = (await response.json()) as Chart
-  await getPromise
 
   await page.waitForTimeout(300)
   await expect(page.getByText('Graphique sauvegardé !')).toBeVisible()
 
   expect(responseBody!.title).toBe('Graphique complet')
-  expect(await page.getByLabel('Graphiques existants').inputValue()).toBe(responseBody!.id)
 
   expect(await page.getByLabel('Titre').inputValue()).toBe('Graphique complet')
   expect(await page.getByLabel('Description').inputValue()).toBe('Test complet de configuration')
@@ -481,7 +392,7 @@ test('complete chart configuration flow', async ({ page, baseURL }) => {
   expect(await page.locator('#y-axis-unit').inputValue()).toBe('%')
   expect(await page.getByLabel('Position unité').inputValue()).toBe('prefix')
 
-  await page.request.delete(`${baseURL}/api/1/visualizations/${responseBody!.id}/`)
+  await page.request.delete(`${API_BASE_URL}/api/1/visualizations/${responseBody!.id}/`)
 })
 
 test('y-axis column options update when selecting different resource', async ({ page }) => {
@@ -570,7 +481,7 @@ test('changing x-axis updates count serie column_y to the new x-axis column', as
   await expect(page.getByRole('option', { name: 'Compter', exact: true })).toBeVisible()
 })
 
-test('saving chart with count aggregation round-trips correctly', async ({ page, baseURL }) => {
+test('saving chart with count aggregation round-trips correctly', async ({ page }) => {
   await setupChart(page)
 
   await page.getByLabel('Titre').fill('Test Count Chart')
@@ -581,46 +492,40 @@ test('saving chart with count aggregation round-trips correctly', async ({ page,
   await clickOutside(page)
 
   const responsePromise = page.waitForResponse(response => response.url().includes('/api/1/visualizations/') && response.request().method() === 'POST')
-  const getPromise = page.waitForResponse(response => response.url().includes('/api/1/visualizations/') && response.request().method() === 'GET')
 
   await page.getByRole('button', { name: 'Sauvegarder le graphique' }).click()
   const response = await responsePromise
   const responseBody = (await response.json()) as Chart
-  await getPromise
 
   expect(responseBody.series[0].aggregate_y).toBe('count')
   expect(responseBody.series[0].column_y).toBe(responseBody.x_axis.column_x)
-  expect(await page.getByLabel('Graphiques existants').inputValue()).toBe(responseBody.id)
 
-  await page.request.delete(`${baseURL}/api/1/visualizations/${responseBody.id}/`)
+  await page.request.delete(`${API_BASE_URL}/api/1/visualizations/${responseBody.id}/`)
 })
 
-test('y-axis columns should not be empty after selecting resource from loaded chart', async ({ page, baseURL }) => {
+test('y-axis columns should not be empty after selecting resource from loaded chart', async ({ page }) => {
   await setupChart(page)
 
   await page.getByLabel('Titre').fill('Test Columns Wipe')
   await page.getByLabel('Description').fill('Test')
 
+  // The chart preview must be rendered before saving, otherwise the capture is empty
+  // and no image upload happens.
+  await expect(page.locator('canvas').first()).toBeVisible()
+
   const saveResponsePromise = page.waitForResponse(response =>
     response.url().includes('/api/1/visualizations/') && response.request().method() === 'POST',
   )
-  const imageResponsePromise = page.waitForResponse(response =>
-    response.url().includes('/image/') && response.request().method() === 'POST',
-  )
-  const getPromise = page.waitForResponse(response =>
-    response.url().includes('/api/1/visualizations/') && response.request().method() === 'GET',
+  const imageResponsePromise = page.waitForResponse(
+    response => response.url().includes('/image/') && response.request().method() === 'POST',
+    { timeout: 30000 },
   )
   await page.getByRole('button', { name: 'Sauvegarder le graphique' }).click()
   const saveResponse = await saveResponsePromise
   const chartData = (await saveResponse.json()) as Chart
-  await getPromise
   await imageResponsePromise
 
-  await page.reload()
-  await page.waitForLoadState('networkidle')
-
-  await page.getByLabel('Graphiques existants').selectOption(chartData.id)
-  await page.getByRole('button', { name: 'Charger' }).click()
+  await page.goto(`/admin/beta/charts/${chartData.id}`)
   await page.waitForLoadState('networkidle')
 
   await page.getByTestId('producer-select').click()
@@ -640,30 +545,32 @@ test('y-axis columns should not be empty after selecting resource from loaded ch
     expect(options.length).toBeGreaterThan(0)
   }
 
-  await page.request.delete(`${baseURL}/api/1/visualizations/${chartData.id}/`)
+  await page.request.delete(`${API_BASE_URL}/api/1/visualizations/${chartData.id}/`)
 })
 
-test('x-axis dropdown should show columns from all chart resources after loading', async ({ page, baseURL }) => {
+test('x-axis dropdown should show columns from all chart resources after loading', async ({ page }) => {
   await setupChart(page)
 
   const saveResponsePromise = page.waitForResponse(response =>
     response.url().includes('/api/1/visualizations/') && response.request().method() === 'POST',
   )
-  const imageResponsePromise = page.waitForResponse(response =>
-    response.url().includes('/image/') && response.request().method() === 'POST',
+  const imageResponsePromise = page.waitForResponse(
+    response => response.url().includes('/image/') && response.request().method() === 'POST',
+    { timeout: 30000 },
   )
   await page.getByLabel('Titre').fill('Test All Columns Loaded')
   await page.getByLabel('Description').fill('Test')
+
+  // The chart preview must be rendered before saving, otherwise the capture is empty
+  // and no image upload happens.
+  await expect(page.locator('canvas').first()).toBeVisible()
+
   await page.getByRole('button', { name: 'Sauvegarder le graphique' }).click()
   const saveResponse = await saveResponsePromise
   const chartData = (await saveResponse.json()) as Chart
   await imageResponsePromise
 
-  await page.reload()
-  await page.waitForLoadState('networkidle')
-
-  await page.getByLabel('Graphiques existants').selectOption(chartData.id)
-  await page.getByRole('button', { name: 'Charger' }).click()
+  await page.goto(`/admin/beta/charts/${chartData.id}`)
   await page.waitForLoadState('networkidle')
 
   await page.getByTestId('producer-select').click()
@@ -676,5 +583,5 @@ test('x-axis dropdown should show columns from all chart resources after loading
   expect(options.length).toBeGreaterThan(1)
   expect(options.some(opt => opt !== 'Sélectionnez une option' && opt !== '')).toBeTruthy()
 
-  await page.request.delete(`${baseURL}/api/1/visualizations/${chartData.id}/`)
+  await page.request.delete(`${API_BASE_URL}/api/1/visualizations/${chartData.id}/`)
 })
diff --git a/tests/visualizations/fixtures.ts b/tests/visualizations/fixtures.ts
new file mode 100644
index 000000000..a50788f9e
--- /dev/null
+++ b/tests/visualizations/fixtures.ts
@@ -0,0 +1,162 @@
+import type { APIRequestContext, Page } from '@playwright/test'
+import type { Chart } from '@datagouv/components-next'
+import { expect } from '@playwright/test'
+import { readFileSync } from 'node:fs'
+import path from 'node:path'
+import { clickOutside } from '../helpers'
+import profile from './profile.json' with { type: 'json' }
+import data from './data.json' with { type: 'json' }
+
+// API calls go straight to the backend: the frontend (baseURL) does not proxy them
+const API_BASE_URL = process.env.NUXT_PUBLIC_API_BASE || 'http://dev.local:7000'
+// Real resource from the test DB: bailleurs_sociaux_region.csv in "Logements sociaux et bailleurs par région"
+const RESOURCE_ID = '63f39717-e5c9-4d70-a0d5-544773c1d742'
+
+/**
+ * Mocks the tabular resource profile and data so the chart configurator can
+ * render a preview without hitting the real tabular API.
+ */
+export async function mockTabular(page: Page) {
+  await page.route('**/api/resources/*/profile/', async (route) => {
+    await route.fulfill({ json: profile })
+  })
+  await page.route('**/api/resources/*/data/*', async (route) => {
+    await route.fulfill({ json: data })
+  })
+}
+
+/**
+ * Sets up the chart configurator with the shared test resource.
+ * Selects "Admin User" as producer, the fixture dataset, and its first resource.
+ */
+export async function setupChart(page: Page) {
+  await mockTabular(page)
+  await page.goto('/admin/beta/chart')
+  await page.waitForLoadState('networkidle')
+
+  await page.getByTestId('producer-select').click()
+  await page.getByRole('option', { name: 'Admin User', exact: true }).click()
+
+  await page.getByTestId('searchable-select-jeu-de-donn-es').click()
+
+  const getPromise = page.waitForResponse('**/api/1/datasets/suggest/?q=logements+sociaux*')
+  await page.getByPlaceholder('Recherchez un jeu de données...').fill('logements sociaux')
+  await getPromise
+
+  await page.getByRole('option', { name: 'Logements sociaux et bailleurs par région', exact: true }).click()
+  await clickOutside(page)
+
+  await page.keyboard.press('ArrowDown')
+  await page.keyboard.press('Enter')
+
+  const resourceProfilePromise = page.waitForResponse('**/api/resources/*/profile/')
+  const resourceSelect = page.getByLabel('Choix de la ressource')
+  await resourceSelect.selectOption({ index: 1 })
+
+  await resourceProfilePromise
+  await page.waitForTimeout(300) // necessary to wait for the watch, no real async to check
+
+  await expect(page.getByLabel('Titre')).toBeVisible()
+  expect(await page.getByPlaceholder('Rechercher une colonne à afficher...').inputValue()).toBe('année_publication')
+}
+
+export type SetupAndSaveChartOptions = {
+  title?: string
+  description?: string
+  type?: 'line' | 'histogram'
+}
+
+/**
+ * Runs the full UI flow to create a real chart: configure the resource, fill
+ * title/description, wait for the preview canvas, save, and wait for the image
+ * upload. Returns the created chart.
+ */
+export async function setupAndSaveChart(page: Page, options: SetupAndSaveChartOptions = {}): Promise<Chart> {
+  await setupChart(page)
+
+  const title = options.title ?? `Test chart ${Date.now()}`
+  const description = options.description ?? 'Test chart description'
+
+  await page.getByLabel('Titre').fill(title)
+  await page.getByLabel('Description').fill(description)
+
+  if (options.type) {
+    const chartTypeButton = page.locator('#chart-type').getByRole('button')
+    await chartTypeButton.click()
+    const optionName = options.type === 'line' ? 'Ligne' : 'Histogramme'
+    await page.getByRole('option', { name: optionName, exact: true }).click()
+  }
+
+  // The chart preview must be rendered before saving, otherwise the capture is empty
+  // and no image upload happens.
+  await expect(page.locator('canvas').first()).toBeVisible()
+
+  const saveResponsePromise = page.waitForResponse(response =>
+    response.url().includes('/api/1/visualizations/') && response.request().method() === 'POST',
+  )
+  const imageResponsePromise = page.waitForResponse(
+    response => response.url().includes('/image/') && response.request().method() === 'POST',
+    { timeout: 30000 },
+  )
+
+  await page.getByRole('button', { name: 'Sauvegarder le graphique' }).click()
+  const saveResponse = await saveResponsePromise
+  const chartData = (await saveResponse.json()) as Chart
+  await imageResponsePromise
+
+  return chartData
+}
+
+export type CreateChartOptions = {
+  title: string
+  description?: string
+  type?: 'line' | 'histogram'
+  private?: boolean
+  withImage?: boolean
+}
+
+/**
+ * Creates a chart directly through the API. Useful for states the UI configurator
+ * cannot produce on its own (e.g. private charts or charts without a preview image).
+ */
+export async function createChart(request: APIRequestContext, options: CreateChartOptions): Promise<Chart> {
+  const response = await request.post(`${API_BASE_URL}/api/1/visualizations/`, {
+    data: {
+      title: options.title,
+      description: options.description ?? `Description de ${options.title}.`,
+      private: options.private ?? false,
+      x_axis: { column_x: 'annee', sort_x_by: null, sort_x_direction: null, type: 'discrete' },
+      y_axis: { min: null, max: null, label: null, unit: null, unit_position: 'suffix' },
+      series: [{ type: options.type ?? 'histogram', column_y: 'valeur', aggregate_y: 'sum', resource_id: RESOURCE_ID, column_x_name_override: null, filters: null }],
+      extras: {},
+    },
+  })
+  if (!response.ok()) throw new Error(`Chart creation failed: ${response.status()} ${await response.text()}`)
+  let chart = await response.json() as Chart
+
+  if (options.withImage) {
+    const image = readFileSync(path.join(import.meta.dirname, '../../public/nuxt_images/onboarding/logo-ign.png'))
+    const imageResponse = await request.post(`${API_BASE_URL}/api/1/visualizations/${chart.id}/image/`, {
+      multipart: { file: { name: 'image.png', mimeType: 'image/png', buffer: image } },
+    })
+    if (!imageResponse.ok()) throw new Error(`Chart image upload failed: ${imageResponse.status()} ${await imageResponse.text()}`)
+    chart = await (await request.get(`${API_BASE_URL}/api/1/visualizations/${chart.id}/`)).json() as Chart
+  }
+
+  return chart
+}
+
+export async function deleteChart(request: APIRequestContext, id: string): Promise<void> {
+  await request.delete(`${API_BASE_URL}/api/1/visualizations/${id}/`)
+}
+
+export async function deleteAllCharts(request: APIRequestContext): Promise<void> {
+  const response = await request.get(`${API_BASE_URL}/api/1/visualizations/`, {
+    params: { page_size: '100' },
+  })
+  if (!response.ok()) return
+  const { data } = await response.json() as { data: Array<{ id: string }> }
+  for (const chart of data) {
+    await deleteChart(request, chart.id)
+  }
+}