From db738715c3ec85609f27e6f52b342e1829463ac6 Mon Sep 17 00:00:00 2001
From: kevin <kevin@yuno.malio.fr>
Date: Mon, 9 Mar 2026 10:50:41 +0100
Subject: [PATCH] feat : ajout download backup

---
 assets/LOGO_CARRE_BLANC.png            | Bin 0 -> 5082 bytes
 components/BackupButtonSee.vue         |  87 ++++++++++++++
 components/BackupList.vue              |  80 +++++++++++++
 components/DiagramStorage.vue          |  57 +++++----
 components/MessageDiscord.vue          |  19 +++
 components/Speedtest.vue               |  47 +++++---
 components/StatusSite.vue              |  61 +++++++---
 components/skeleton/BlockSkeleton.vue  |  14 +++
 components/skeleton/ButtonSkeleton.vue |  17 +++
 components/skeleton/CircleSkeleton.vue |  14 +++
 components/skeleton/TextSkeleton.vue   |  14 +++
 pages/index.vue                        |  19 ++-
 server/api/backups.get.ts              | 156 +++++++++++++++++++++++++
 server/api/discord/messages.get.ts     |  15 +++
 server/api/download.get.ts             | 147 ++++++++++++++++++++---
 15 files changed, 671 insertions(+), 76 deletions(-)
 create mode 100644 assets/LOGO_CARRE_BLANC.png
 create mode 100644 components/BackupButtonSee.vue
 create mode 100644 components/BackupList.vue
 create mode 100644 components/MessageDiscord.vue
 create mode 100644 components/skeleton/BlockSkeleton.vue
 create mode 100644 components/skeleton/ButtonSkeleton.vue
 create mode 100644 components/skeleton/CircleSkeleton.vue
 create mode 100644 components/skeleton/TextSkeleton.vue
 create mode 100644 server/api/backups.get.ts
 create mode 100644 server/api/discord/messages.get.ts

diff --git a/assets/LOGO_CARRE_BLANC.png b/assets/LOGO_CARRE_BLANC.png
new file mode 100644
index 0000000000000000000000000000000000000000..a1a2eb658ece8465e2bd45eaf973d0143bb478dc
GIT binary patch
literal 5082
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
K<4S>R5&s2rKmN%8

literal 0
HcmV?d00001

diff --git a/components/BackupButtonSee.vue b/components/BackupButtonSee.vue
new file mode 100644
index 0000000..f7d20cb
--- /dev/null
+++ b/components/BackupButtonSee.vue
@@ -0,0 +1,87 @@
+<template>
+  <div class="bg-m-secondary w-[250px] h-[259px] rounded-md mx-4 shadow-md/50 shadow-black">
+    <p class="font-bold text-3xl text-m-tertiary my-1 mx-3">
+      Backup
+    </p>
+    <button
+        type="button"
+        class="bg-m-tertiary w-[200px] h-[32px] rounded-md shadow-md/50 shadow-m-black mx-3 mb-[10px] flex items-center justify-between cursor-pointer"
+        @click="select('bitwarden')"
+    >
+      <p class="font-bold uppercase text-xl ml-[24px]">
+        bitwarden
+      </p>
+      <IconifyIcon
+          icon="mdi:eye"
+          class="text-black text-2xl mr-[24px]"
+      />
+    </button>
+
+    <button
+        type="button"
+        class="bg-m-tertiary w-[200px] h-[32px] rounded-md shadow-md/50 shadow-m-black mx-3 mb-[10px] flex items-center justify-between cursor-pointer"
+        @click="select('inventory')"
+    >
+      <p class="font-bold uppercase text-xl ml-[24px]">
+        inventory
+      </p>
+      <IconifyIcon
+          icon="mdi:eye"
+          class="text-black text-2xl mr-[24px]"
+      />
+    </button>
+
+    <button
+        type="button"
+        class="bg-m-tertiary w-[200px] h-[32px] rounded-md shadow-md/50 shadow-m-black mx-3 mb-[10px] flex items-center justify-between cursor-pointer"
+        @click="select('sirh')"
+    >
+      <p class="font-bold uppercase text-xl ml-[24px]">
+        sirh
+      </p>
+      <IconifyIcon
+          icon="mdi:eye"
+          class="text-black text-2xl mr-[24px]"
+      />
+    </button>
+
+    <button
+        type="button"
+        class="bg-m-tertiary w-[200px] h-[32px] rounded-md shadow-md/50 shadow-m-black mx-3 mb-[10px] flex items-center justify-between cursor-pointer"
+        @click="select('ferme')"
+    >
+      <p class="font-bold uppercase text-xl ml-[24px]">
+        ferme
+      </p>
+      <IconifyIcon
+          icon="mdi:eye"
+          class="text-black text-2xl mr-[24px]"
+      />
+    </button>
+
+    <button
+        type="button"
+        class="bg-m-tertiary w-[200px] h-[32px] rounded-md shadow-md/50 shadow-m-black mx-3 mb-[10px] flex items-center justify-between cursor-pointer"
+        @click="select('user')"
+    >
+      <p class="font-bold uppercase text-xl ml-[24px]">
+        user
+      </p>
+      <IconifyIcon
+          icon="mdi:eye"
+          class="text-black text-2xl mr-[24px]"
+      />
+    </button>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { Icon as IconifyIcon } from "@iconify/vue"
+
+const emit = defineEmits(["select"])
+
+const select = (name: string) => {
+  emit("select", name)
+}
+</script>
+
diff --git a/components/BackupList.vue b/components/BackupList.vue
new file mode 100644
index 0000000..b1c4508
--- /dev/null
+++ b/components/BackupList.vue
@@ -0,0 +1,80 @@
+<template>
+  <div class="bg-m-secondary w-[507px] h-[367px] rounded-md mx-4 shadow-md/50 shadow-black">
+    <p class="font-bold text-3xl text-m-tertiary my-1 mx-3">
+      {{ title }}
+    </p>
+
+    <div v-if="loading">
+      <div
+        v-for="n in 6"
+        :key="`backup-skeleton-${n}`"
+        class="relative w-[483px] h-[39px] mx-3 mb-[10px]"
+      >
+        <ButtonSkeleton custom-class="h-full w-full" />
+        <div class="absolute inset-0 flex items-center justify-between px-3">
+          <TextSkeleton custom-class="h-5 w-[260px]" />
+          <CircleSkeleton custom-class="h-6 w-6 rounded-md" />
+        </div>
+      </div>
+    </div>
+
+    <button
+        v-else
+        v-for="file in backups"
+        :key="file"
+        class="bg-m-tertiary w-[483px] h-[39px] rounded-md shadow-md/50 shadow-m-black mx-3 mb-[10px] flex items-center justify-between cursor-pointer"
+        @click="downloadBackup(file)"
+    >
+      <p class="text-xl ml-3 truncate max-w-[400px]">
+        {{ file }}
+      </p>
+
+      <IconifyIcon
+          icon="mdi:download"
+          class="text-black text-2xl mr-3"
+      />
+    </button>
+  </div>
+</template>
+<script setup lang="ts">
+import {Icon as IconifyIcon} from "@iconify/vue"
+import ButtonSkeleton from "~/components/skeleton/ButtonSkeleton.vue"
+import CircleSkeleton from "~/components/skeleton/CircleSkeleton.vue"
+import TextSkeleton from "~/components/skeleton/TextSkeleton.vue"
+
+const props = defineProps<{
+  folder: string | null
+}>()
+
+const backups = ref<string[]>([])
+const loading = ref(false)
+const title = computed(() => {
+  if (!props.folder) return "Backup"
+  return `Liste des backup de ${props.folder.toUpperCase()}`
+})
+
+const downloadBackup = (file: string) => {
+  if (!props.folder) return
+  const url = `/api/download?folder=${encodeURIComponent(props.folder)}&file=${encodeURIComponent(file)}`
+  window.location.href = url
+}
+
+watch(() => props.folder, async (folder) => {
+  if (!folder) {
+    loading.value = false
+    backups.value = []
+    return
+  }
+
+  loading.value = true
+  try {
+    const data = await $fetch<string[]>(`/api/backups?folder=${folder}`)
+    backups.value = data.slice(0, 6)
+  } catch (error) {
+    console.error("Erreur récupération backups:", error)
+    backups.value = []
+  } finally {
+    loading.value = false
+  }
+})
+</script>
diff --git a/components/DiagramStorage.vue b/components/DiagramStorage.vue
index e2ab372..143ad17 100644
--- a/components/DiagramStorage.vue
+++ b/components/DiagramStorage.vue
@@ -1,33 +1,46 @@
 <template>
   <section class="flex flex-col items-center p-4">
-    <p class="text-center text-xl font-semibold uppercase">{{ hostName }}</p>
-    <div class="relative h-[140px] w-[140px]" :class="statusColorClass">
-      <svg class="h-full w-full -rotate-90" viewBox="0 0 120 120" aria-label="Pourcentage restant">
-        <circle
-          class="fill-none stroke-[rgba(255,255,255,0.22)] [stroke-width:10]"
-          cx="60"
-          cy="60"
-          :r="chartRadius"
-        />
-        <circle
-          class="fill-none stroke-[currentColor] [stroke-linecap:round] [stroke-width:10] transition-[stroke-dashoffset] duration-300"
-          cx="60"
-          cy="60"
-          :r="chartRadius"
-          :style="{ strokeDasharray: `${chartCircumference}`, strokeDashoffset: `${chartOffset}` }"
-        />
-      </svg>
-      <div class="absolute inset-0 flex flex-col items-center justify-center">
-        <strong class="text-2xl leading-none">{{ remainingPercentText }}</strong>
-      </div>
-    </div>
+    <template v-if="loading">
+      <TextSkeleton custom-class="h-7 w-40" />
+      <CircleSkeleton custom-class="mt-2 h-[140px] w-[140px]" />
+      <BlockSkeleton custom-class="mt-2 h-5 w-36" />
+    </template>
 
-    <p class="mt-1 text-center text-sm font-semibold">{{ usedText }} / {{ totalText }}</p>
+    <template v-else>
+      <p class="text-center text-xl font-semibold uppercase">{{ hostName }}</p>
+      <div class="relative h-[140px] w-[140px]" :class="statusColorClass">
+        <svg class="h-full w-full -rotate-90" viewBox="0 0 120 120" aria-label="Pourcentage restant">
+          <circle
+            class="fill-none stroke-[rgba(255,255,255,0.22)] [stroke-width:10]"
+            cx="60"
+            cy="60"
+            :r="chartRadius"
+          />
+          <circle
+            class="fill-none stroke-[currentColor] [stroke-linecap:round] [stroke-width:10] transition-[stroke-dashoffset] duration-300"
+            cx="60"
+            cy="60"
+            :r="chartRadius"
+            :style="{ strokeDasharray: `${chartCircumference}`, strokeDashoffset: `${chartOffset}` }"
+          />
+        </svg>
+        <div class="absolute inset-0 flex flex-col items-center justify-center">
+          <strong class="text-2xl leading-none">{{ remainingPercentText }}</strong>
+        </div>
+      </div>
+
+      <p class="mt-1 text-center text-sm font-semibold">{{ usedText }} / {{ totalText }}</p>
+    </template>
   </section>
 </template>
 
 <script setup lang="ts">
+import CircleSkeleton from "~/components/skeleton/CircleSkeleton.vue"
+import BlockSkeleton from "~/components/skeleton/BlockSkeleton.vue"
+import TextSkeleton from "~/components/skeleton/TextSkeleton.vue"
+
 defineProps<{
+  loading: boolean
   hostName: string
   statusColorClass: string
   chartRadius: number
diff --git a/components/MessageDiscord.vue b/components/MessageDiscord.vue
new file mode 100644
index 0000000..aedb3ec
--- /dev/null
+++ b/components/MessageDiscord.vue
@@ -0,0 +1,19 @@
+<script setup>
+const { data: messages } = await useFetch('/api/discord/messages')
+</script>
+
+<template>
+  <div class="bg-m-secondary w-auto h-auto  mx-4 rounded-md shadow-md/50 shadow-black p-2">
+    <div class="mb-2 flex items-center justify-between">
+      <p class="font-bold text-3xl text-m-tertiary">
+        Speedtest
+      </p>
+  <div v-if="messages">
+    <div v-for="m in messages" :key="m.id">
+      <strong>{{ m.author.username }}</strong>
+      <p>{{ m.content }}</p>
+    </div>
+  </div>
+    </div>
+  </div>
+</template>
\ No newline at end of file
diff --git a/components/Speedtest.vue b/components/Speedtest.vue
index 9fd6426..c5c766b 100644
--- a/components/Speedtest.vue
+++ b/components/Speedtest.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="bg-m-secondary w-[509px] h-[184px]  mx-4 rounded-md shadow-md/50 shadow-black p-2">
+  <div class="bg-m-secondary w-[507px] h-[184px]  mx-4 rounded-md shadow-md/50 shadow-black p-2">
     <div class="mb-2 flex items-center justify-between">
       <p class="font-bold text-3xl text-m-tertiary">
         Speedtest
@@ -7,7 +7,7 @@
       <IconifyIcon
           icon="mdi:reload"
           class="bg-m-tertiary text-2xl text-black rounded-md shadow-md/50 mr-1 cursor-pointer"
-          @Click="runTests"
+          @click="runTests"
       />
     </div>
     <div class="grid grid-cols-3 gap-3">
@@ -22,8 +22,11 @@
           </p>
         </div>
         <div class="mx-2 flex flex-col items-center justify-center">
-          <span class="text-4xl">
-            {{ download !== null ? `${download}` : "..." }}
+          <template v-if="isTesting">
+            <TextSkeleton custom-class="h-10 w-16 mb-1" />
+          </template>
+          <span v-else class="text-4xl">
+            {{ download !== null ? `${download}` : "--" }}
           </span>
           <p class="font-bold text-xl leading-tight">
             Mbps
@@ -41,8 +44,11 @@
           </p>
         </div>
         <div class="mx-2 flex flex-col items-center justify-center">
-          <span class="text-4xl">
-            {{ upload !== null ? `${upload}` : "..." }}
+          <template v-if="isTesting">
+            <TextSkeleton custom-class="h-10 w-16 mb-1" />
+          </template>
+          <span v-else class="text-4xl">
+            {{ upload !== null ? `${upload}` : "--" }}
           </span>
           <p class="font-bold text-xl leading-tight">
             Mbps
@@ -60,8 +66,11 @@
           </p>
         </div>
         <div class="mx-2 flex flex-col items-center justify-center">
-          <span class="text-4xl">
-            {{ ping !== null ? `${ping}` : "..." }}
+          <template v-if="isTesting">
+            <TextSkeleton custom-class="h-10 w-16 mb-1" />
+          </template>
+          <span v-else class="text-4xl">
+            {{ ping !== null ? `${ping}` : "--" }}
           </span>
           <p class="font-bold text-xl leading-tight">
             Ms
@@ -72,12 +81,14 @@
   </div>
 </template>
 <script setup lang="ts">
-import {onMounted, ref} from "vue";
+import {ref} from "vue";
 import {Icon as IconifyIcon} from "@iconify/vue"
+import TextSkeleton from "~/components/skeleton/TextSkeleton.vue"
 
 const ping = ref<number | null>(null)
 const download = ref<number | null>(null)
 const upload = ref<number | null>(null)
+const isTesting = ref(false)
 
 async function testDownload() {
   const start = performance.now()
@@ -121,11 +132,17 @@ async function testPing() {
 }
 
 async function runTests() {
-  await testDownload()
-  await testUpload()
-  await testPing()
+  isTesting.value = true
+  download.value = null
+  upload.value = null
+  ping.value = null
+
+  try {
+    await testDownload()
+    await testUpload()
+    await testPing()
+  } finally {
+    isTesting.value = false
+  }
 }
-onMounted(() => {
-  runTests()
-})
 </script>
diff --git a/components/StatusSite.vue b/components/StatusSite.vue
index 192a946..1d34571 100644
--- a/components/StatusSite.vue
+++ b/components/StatusSite.vue
@@ -1,30 +1,51 @@
 <template>
-  <div class="bg-m-secondary w-[250px] h-auto rounded-md mx-4 shadow-md/50 shadow-black pb-4">
+  <div class="bg-m-secondary w-[250px] h-[292px] rounded-md mx-4 shadow-md/50 shadow-black">
     <p class="font-bold text-3xl text-m-tertiary my-1 mx-3">
       Status
     </p>
-  <div
-      class="bg-m-tertiary w-[200px] h-auto rounded-md shadow-md/50 shadow-m-black mx-[25px] mb-3"
+    <template v-if="loading">
+      <div
+        v-for="n in 3"
+        :key="`skeleton-${n}`"
+        class="relative w-[200px] h-[68px] rounded-md mx-[25px] mb-3"
+      >
+        <ButtonSkeleton custom-class="h-full w-full" />
+        <div class="absolute inset-0 p-2">
+          <TextSkeleton custom-class="h-5 w-24 mb-2" />
+          <div class="flex items-center gap-2">
+            <CircleSkeleton custom-class="h-6 w-6" />
+            <TextSkeleton custom-class="h-5 w-20" />
+          </div>
+        </div>
+      </div>
+    </template>
+
+    <div
+      v-else
+      class="bg-m-tertiary w-[200px] h-[68px] rounded-md shadow-md/50 shadow-m-black mx-[25px] mb-3"
       v-for="row in rows"
       :key="`${row.label}-${row.url}`"
-  >
-    <p class="font-bold text-xl text-m-text mt-2 mx-2 mb-1">
-      {{ row.label }}
-    </p>
-    <div class="mx-2 flex items-center">
-    <span
-        class="inline-block h-[24px] w-[24px] rounded-full mr-2"
-        :class="statusClass(row.status)"
-    />
-      <span class="font-semibold text-lg">
-      {{ statusLabel(row.status) }}
-    </span>
+    >
+      <p class="font-bold text-xl text-m-text mt-2 mx-2 mb-1">
+        {{ row.label }}
+      </p>
+      <div class="mx-2 flex items-center">
+        <span
+          class="inline-block h-[24px] w-[24px] rounded-full mr-2"
+          :class="statusClass(row.status)"
+        />
+        <span class="font-semibold text-lg">
+          {{ statusLabel(row.status) }}
+        </span>
+      </div>
     </div>
   </div>
-  </div>
 </template>
 
 <script setup lang="ts">
+import ButtonSkeleton from "~/components/skeleton/ButtonSkeleton.vue"
+import CircleSkeleton from "~/components/skeleton/CircleSkeleton.vue"
+import TextSkeleton from "~/components/skeleton/TextSkeleton.vue"
 import {onBeforeUnmount, onMounted, ref} from "vue"
 
 interface StatusRow {
@@ -52,6 +73,8 @@ const props = withDefaults(
 )
 
 const rows = ref<StatusRow[]>([])
+const loading = ref(true)
+const initialized = ref(false)
 let timer: ReturnType<typeof setInterval> | null = null
 
 const statusClass = (status: number) => {
@@ -67,6 +90,9 @@ const statusLabel = (status: number) => {
 }
 
 const checkStatus = async () => {
+  if (!initialized.value) {
+    loading.value = true
+  }
   try {
     const data = await $fetch<StatusResponse>(props.endpoint)
     rows.value = data.results
@@ -81,6 +107,9 @@ const checkStatus = async () => {
         error: error instanceof Error ? error.message : String(error)
       }
     ]
+  } finally {
+    initialized.value = true
+    loading.value = false
   }
 }
 
diff --git a/components/skeleton/BlockSkeleton.vue b/components/skeleton/BlockSkeleton.vue
new file mode 100644
index 0000000..42e11f4
--- /dev/null
+++ b/components/skeleton/BlockSkeleton.vue
@@ -0,0 +1,14 @@
+<template>
+  <div class="animate-pulse rounded-md bg-m-tertiary/70" :class="customClass" />
+</template>
+
+<script setup lang="ts">
+withDefaults(
+  defineProps<{
+    customClass?: string
+  }>(),
+  {
+    customClass: "h-4 w-full"
+  }
+)
+</script>
diff --git a/components/skeleton/ButtonSkeleton.vue b/components/skeleton/ButtonSkeleton.vue
new file mode 100644
index 0000000..c2fe465
--- /dev/null
+++ b/components/skeleton/ButtonSkeleton.vue
@@ -0,0 +1,17 @@
+<template>
+  <div
+    class="animate-pulse rounded-md bg-m-tertiary/70 shadow-md/50 shadow-m-black"
+    :class="customClass"
+  />
+</template>
+
+<script setup lang="ts">
+withDefaults(
+  defineProps<{
+    customClass?: string
+  }>(),
+  {
+    customClass: "h-[39px] w-full"
+  }
+)
+</script>
diff --git a/components/skeleton/CircleSkeleton.vue b/components/skeleton/CircleSkeleton.vue
new file mode 100644
index 0000000..1284894
--- /dev/null
+++ b/components/skeleton/CircleSkeleton.vue
@@ -0,0 +1,14 @@
+<template>
+  <div class="animate-pulse rounded-full bg-m-tertiary/70" :class="customClass" />
+</template>
+
+<script setup lang="ts">
+withDefaults(
+  defineProps<{
+    customClass?: string
+  }>(),
+  {
+    customClass: "h-10 w-10"
+  }
+)
+</script>
diff --git a/components/skeleton/TextSkeleton.vue b/components/skeleton/TextSkeleton.vue
new file mode 100644
index 0000000..d957d8a
--- /dev/null
+++ b/components/skeleton/TextSkeleton.vue
@@ -0,0 +1,14 @@
+<template>
+  <div class="animate-pulse rounded bg-m-tertiary/70" :class="customClass" />
+</template>
+
+<script setup lang="ts">
+withDefaults(
+  defineProps<{
+    customClass?: string
+  }>(),
+  {
+    customClass: "h-5 w-24"
+  }
+)
+</script>
diff --git a/pages/index.vue b/pages/index.vue
index 20b8c67..d4955c1 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -1,10 +1,11 @@
 <template>
   <NuxtLayout name="default">
     <template #sidebar>
-      <div class="flex flex-col gap-">
+      <div class="flex flex-col">
         <DiagramStorage
           v-for="item in diagramItems"
           :key="item.key"
+          :loading="loading"
           :host-name="item.hostName"
           :status-color-class="item.statusColorClass"
           :chart-radius="chartRadius"
@@ -18,16 +19,23 @@
     </template>
 
     <p class="font-bold text-4xl my-6 mx-4">Écran de monitoring</p>
+
     <div class="flex">
-      <StatusSite/>
-      <Speedtest/>
+      <div class="flex flex-col gap-4">
+        <StatusSite />
+        <BackupButtonSee @select="selectedBackup = $event" />
+      </div>
+
+      <div class="flex flex-col gap-4">
+        <Speedtest />
+        <BackupList :folder="selectedBackup" />
+        <MessageDiscord/>
+      </div>
     </div>
   </NuxtLayout>
 </template>
 
 <script setup lang="ts">
-import Speedtest from "~/components/Speedtest.vue";
-
 definePageMeta({layout: false})
 import {computed, onMounted, ref} from "vue"
 
@@ -38,6 +46,7 @@ type DiskApiResponse = {
   local?: string | DiskCommandResult
 }
 
+const selectedBackup = ref<string | null>(null)
 const rawResults = ref<Record<SourceKey, string>>({
   remote: "",
   local: ""
diff --git a/server/api/backups.get.ts b/server/api/backups.get.ts
new file mode 100644
index 0000000..2f9a994
--- /dev/null
+++ b/server/api/backups.get.ts
@@ -0,0 +1,156 @@
+import { execFile } from "node:child_process"
+
+const REMOTE_HOST = process.env.BACKUPS_REMOTE_HOST || "malio-b@192.168.0.179"
+const REMOTE_ROOT = process.env.BACKUPS_REMOTE_ROOT || "/home/malio-b/backups"
+const MAX_FILES_PER_FOLDER = Number(process.env.BACKUPS_MAX_FILES || "200")
+const isSafeFolder = (value: string) => /^[a-zA-Z0-9._-]+$/.test(value)
+const shellQuote = (value: string) => `'${value.replace(/'/g, `'\\''`)}'`
+const FOLDER_MAP: Record<string, string> = {
+  ferme: "bdd_recette/ferme",
+  inventory: "bdd_recette/inventory",
+  sirh: "bdd_recette/sirh",
+  user: "bdd_recette/user",
+  bitwarden: "bitwarden"
+}
+
+function runSsh(command: string): Promise<string> {
+  return new Promise((resolve, reject) => {
+    execFile(
+      "ssh",
+      ["-o", "BatchMode=yes", "-o", "ConnectTimeout=5", REMOTE_HOST, command],
+      { maxBuffer: 10 * 1024 * 1024 },
+      (error, stdout, stderr) => {
+        if (error) {
+          reject(stderr || error.message)
+          return
+        }
+        resolve(stdout)
+      }
+    )
+  })
+}
+
+function isMissingPathError(error: unknown): boolean {
+  const message = String(error || "").toLowerCase()
+  return message.includes("no such file or directory") || message.includes("cannot access")
+}
+
+function toServerError(error: unknown) {
+  return createError({
+    statusCode: 500,
+    statusMessage: `Erreur SSH backups: ${String(error)}`
+  })
+}
+
+function parseLines(output: string): string[] {
+  return output
+    .split("\n")
+    .map((line) => line.trim())
+    .filter(Boolean)
+}
+
+function quoteDir(pathValue: string) {
+  return shellQuote(pathValue)
+}
+
+async function listRemoteFiles(remoteDir: string): Promise<string[]> {
+  const output = await runSsh(
+    `cd ${quoteDir(remoteDir)} && ls -1A | sort -r | head -n ${MAX_FILES_PER_FOLDER}`
+  )
+  return parseLines(output)
+}
+
+async function listRemoteDirs(remoteRoot: string): Promise<string[]> {
+  const output = await runSsh(
+    `cd ${quoteDir(remoteRoot)} && for d in */; do [ -d "$d" ] && printf '%s\n' "\${d%/}"; done`
+  )
+  return parseLines(output)
+}
+
+async function getLatestRemoteFile(remoteDir: string): Promise<string | null> {
+  const output = await runSsh(
+    `cd ${quoteDir(remoteDir)} && ls -1A | sort -r | head -n 1`
+  )
+  const files = parseLines(output)
+  return files[0] || null
+}
+
+async function remoteDirExists(remoteDir: string): Promise<boolean> {
+  const output = await runSsh(`[ -d ${quoteDir(remoteDir)} ] && echo yes || echo no`)
+  return output.trim() === "yes"
+}
+
+async function resolveFolderRemoteDir(folderName: string): Promise<string | null> {
+  const mapped = FOLDER_MAP[folderName]
+  if (mapped) {
+    return `${REMOTE_ROOT}/${mapped}`
+  }
+
+  const direct = `${REMOTE_ROOT}/${folderName}`
+  if (await remoteDirExists(direct)) {
+    return direct
+  }
+
+  const nested = `${REMOTE_ROOT}/bdd_recette/${folderName}`
+  if (await remoteDirExists(nested)) {
+    return nested
+  }
+
+  return null
+}
+
+export default defineEventHandler(async (event) => {
+  const { folder } = getQuery(event)
+  const folderName = typeof folder === "string" ? folder : null
+
+  // Si un dossier est demandé, on retourne sa liste de fichiers.
+  if (folderName) {
+    if (!isSafeFolder(folderName)) {
+      throw createError({
+        statusCode: 400,
+        statusMessage: "Paramètre folder invalide"
+      })
+    }
+
+    const remoteDir = await resolveFolderRemoteDir(folderName)
+    if (!remoteDir) return []
+
+    try {
+      return await listRemoteFiles(remoteDir)
+    } catch (error) {
+      if (isMissingPathError(error)) return []
+      throw toServerError(error)
+    }
+  }
+
+  // Sinon on récupère le dernier backup de chaque dossier distant.
+  let dirs: string[] = []
+  try {
+    dirs = await listRemoteDirs(REMOTE_ROOT)
+  } catch (error) {
+    throw toServerError(error)
+  }
+
+  const result: Array<{ folder: string; last: string | null }> = []
+
+  for (const dirName of dirs) {
+    const remoteDir = `${REMOTE_ROOT}/${dirName}`
+    try {
+      result.push({
+        folder: dirName,
+        last: await getLatestRemoteFile(remoteDir)
+      })
+    } catch (error) {
+      if (isMissingPathError(error)) {
+        result.push({
+          folder: dirName,
+          last: null
+        })
+        continue
+      }
+      throw toServerError(error)
+    }
+  }
+
+  return result
+})
diff --git a/server/api/discord/messages.get.ts b/server/api/discord/messages.get.ts
new file mode 100644
index 0000000..c004834
--- /dev/null
+++ b/server/api/discord/messages.get.ts
@@ -0,0 +1,15 @@
+export default defineEventHandler(async () => {
+    const token = process.env.DISCORD_BOT_TOKEN
+    const channel = process.env.DISCORD_CHANNEL_ID
+
+    const messages = await $fetch(
+        `https://discord.com/api/v10/channels/${channel}/messages?limit=20`,
+        {
+            headers: {
+                Authorization: `Bot ${token}`
+            }
+        }
+    )
+
+    return messages
+})
\ No newline at end of file
diff --git a/server/api/download.get.ts b/server/api/download.get.ts
index b288c9b..df6034f 100644
--- a/server/api/download.get.ts
+++ b/server/api/download.get.ts
@@ -1,25 +1,136 @@
+import { execFile, spawn } from "node:child_process"
 import { Readable } from "node:stream"
 
-export default defineEventHandler((event) => {
-    const size = 128 * 1024 * 1024
-    let sent = 0
+const REMOTE_HOST = process.env.BACKUPS_REMOTE_HOST || "malio-b@192.168.0.179"
+const REMOTE_ROOT = process.env.BACKUPS_REMOTE_ROOT || "/home/malio-b/backups"
+const FOLDER_MAP: Record<string, string> = {
+  ferme: "bdd_recette/ferme",
+  inventory: "bdd_recette/inventory",
+  sirh: "bdd_recette/sirh",
+  user: "bdd_recette/user",
+  bitwarden: "bitwarden"
+}
 
-    const stream = new Readable({
-        read(chunkSize) {
-            if (sent >= size) {
-                this.push(null)
-                return
-            }
+const isSafeFolder = (value: string) => /^[a-zA-Z0-9._-]+$/.test(value)
+const isSafeFile = (value: string) => /^[^/\\]+$/.test(value)
+const shellQuote = (value: string) => `'${value.replace(/'/g, `'\\''`)}'`
 
-            const remaining = size - sent
-            const chunk = Buffer.alloc(Math.min(chunkSize, remaining), "a")
-            sent += chunk.length
-            this.push(chunk)
+function runSsh(command: string): Promise<string> {
+  return new Promise((resolve, reject) => {
+    execFile(
+      "ssh",
+      ["-o", "BatchMode=yes", "-o", "ConnectTimeout=5", REMOTE_HOST, command],
+      { maxBuffer: 5 * 1024 * 1024 },
+      (error, stdout, stderr) => {
+        if (error) {
+          reject(stderr || error.message)
+          return
         }
-    })
+        resolve(stdout)
+      }
+    )
+  })
+}
 
-    setHeader(event, "Content-Type", "application/octet-stream")
-    setHeader(event, "Content-Length", size)
+async function remoteDirExists(remoteDir: string): Promise<boolean> {
+  const output = await runSsh(`[ -d ${shellQuote(remoteDir)} ] && echo yes || echo no`)
+  return output.trim() === "yes"
+}
 
-    return stream
-})
\ No newline at end of file
+async function resolveFolderRemoteDir(folderName: string): Promise<string | null> {
+  const mapped = FOLDER_MAP[folderName]
+  if (mapped) {
+    return `${REMOTE_ROOT}/${mapped}`
+  }
+
+  const direct = `${REMOTE_ROOT}/${folderName}`
+  if (await remoteDirExists(direct)) {
+    return direct
+  }
+
+  const nested = `${REMOTE_ROOT}/bdd_recette/${folderName}`
+  if (await remoteDirExists(nested)) {
+    return nested
+  }
+
+  return null
+}
+
+function buildContentDisposition(fileName: string) {
+  const asciiName = fileName.replace(/[^\x20-\x7E]/g, "_").replace(/["\\]/g, "_")
+  return `attachment; filename="${asciiName}"; filename*=UTF-8''${encodeURIComponent(fileName)}`
+}
+
+function speedtestStream(event: any) {
+  const size = 128 * 1024 * 1024
+  let sent = 0
+
+  const stream = new Readable({
+    read(chunkSize) {
+      if (sent >= size) {
+        this.push(null)
+        return
+      }
+
+      const remaining = size - sent
+      const chunk = Buffer.alloc(Math.min(chunkSize, remaining), "a")
+      sent += chunk.length
+      this.push(chunk)
+    }
+  })
+
+  setHeader(event, "Content-Type", "application/octet-stream")
+  setHeader(event, "Content-Length", size)
+  return stream
+}
+
+export default defineEventHandler(async (event) => {
+  const { folder, file } = getQuery(event)
+  const folderName = typeof folder === "string" ? folder : null
+  const fileName = typeof file === "string" ? file : null
+
+  // Compat mode: utilisé par le test de débit.
+  if (!folderName || !fileName) {
+    return speedtestStream(event)
+  }
+
+  if (!isSafeFolder(folderName) || !isSafeFile(fileName)) {
+    throw createError({ statusCode: 400, statusMessage: "Paramètres invalides" })
+  }
+
+  const remoteDir = await resolveFolderRemoteDir(folderName)
+  if (!remoteDir) {
+    throw createError({ statusCode: 404, statusMessage: "Dossier introuvable" })
+  }
+
+  const remotePath = `${remoteDir}/${fileName}`
+  const existsOutput = await runSsh(`[ -f ${shellQuote(remotePath)} ] && echo yes || echo no`)
+  if (existsOutput.trim() !== "yes") {
+    throw createError({ statusCode: 404, statusMessage: "Fichier introuvable" })
+  }
+
+  setHeader(event, "Content-Type", "application/octet-stream")
+  setHeader(event, "Content-Disposition", buildContentDisposition(fileName))
+
+  const child = spawn("ssh", [
+    "-o",
+    "BatchMode=yes",
+    "-o",
+    "ConnectTimeout=5",
+    REMOTE_HOST,
+    `cat ${shellQuote(remotePath)}`
+  ])
+
+  let stderr = ""
+  child.stderr.on("data", (chunk) => {
+    stderr += chunk.toString()
+  })
+
+  child.on("close", (code) => {
+    if (code !== 0) {
+      console.error(`Erreur téléchargement SSH (${code}): ${stderr}`)
+    }
+  })
+
+  return sendStream(event, child.stdout)
+})