From 10a2f08752b39d368383dc4a592d7094dffb8b53 Mon Sep 17 00:00:00 2001
From: BatLeDev <baptiste.guerny@koumoul.com>
Date: Mon, 20 Apr 2026 15:53:43 +0200
Subject: [PATCH 1/2] fix(ui): restore prepend spacing in v-list-items after
 Vuetify 4 migration

Vuetify 4's VListItem prepend spacer only picks up a default width for direct
v-icon, v-badge, v-tooltip or v-avatar children. Other prepend content
(v-progress-circular, wrapped avatars) falls through to an unset
--v-list-prepend-gap and collapses to 0. Set prepend-gap explicitly on the
affected list items to restore a readable gap.
---
 api/types/processing/schema.js                       | 2 +-
 ui/src/components/processing/processing-activity.vue | 1 +
 ui/src/components/processing/processing-card.vue     | 6 ++++--
 ui/src/components/run/run-list-item.vue              | 1 +
 4 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/api/types/processing/schema.js b/api/types/processing/schema.js
index b65c2ac3..c811e353 100644
--- a/api/types/processing/schema.js
+++ b/api/types/processing/schema.js
@@ -77,7 +77,7 @@ export default {
     debug: {
       type: 'boolean',
       title: 'Mode debug',
-      description: 'Active le mode debug pour ce traitement',
+      description: 'Capture des logs détaillés (stacks d\'erreurs, appels HTTP) réservés aux super-admins, pour diagnostiquer un plugin en erreur.',
       readOnly: true
     },
     owner: {
diff --git a/ui/src/components/processing/processing-activity.vue b/ui/src/components/processing/processing-activity.vue
index a5fc6e55..991e897d 100644
--- a/ui/src/components/processing/processing-activity.vue
+++ b/ui/src/components/processing/processing-activity.vue
@@ -2,6 +2,7 @@
   <v-list-item
     :prepend-avatar="avatarUrl"
     :title="ownerName"
+    prepend-gap="20"
   />
   <v-list-item
     v-if="processing.updated"
diff --git a/ui/src/components/processing/processing-card.vue b/ui/src/components/processing/processing-card.vue
index 3e586262..40ab9a3f 100644
--- a/ui/src/components/processing/processing-card.vue
+++ b/ui/src/components/processing/processing-card.vue
@@ -70,13 +70,15 @@
 
         <!-- Last run -->
         <template v-if="processing.lastRun">
-          <v-list-item v-if="processing.lastRun.status === 'running'">
+          <v-list-item
+            v-if="processing.lastRun.status === 'running'"
+            prepend-gap="28"
+          >
             <template #prepend>
               <v-progress-circular
                 indeterminate
                 color="primary"
                 size="small"
-                class="mr-7"
               />
             </template>
             {{ t('runStarted') }} {{ dayjs(processing.lastRun.startedAt).fromNow() }}
diff --git a/ui/src/components/run/run-list-item.vue b/ui/src/components/run/run-list-item.vue
index 87168a1b..3066efb5 100644
--- a/ui/src/components/run/run-list-item.vue
+++ b/ui/src/components/run/run-list-item.vue
@@ -1,6 +1,7 @@
 <template>
   <v-list-item
     class="py-4"
+    prepend-gap="32"
     :to="link ? `/processings/${run.processing._id}/runs/${run._id}` : ''"
   >
     <template #prepend>

From 980558ef47f2b7edcbb1e586a9ed55b9b62d4183 Mon Sep 17 00:00:00 2001
From: BatLeDev <baptiste.guerny@koumoul.com>
Date: Tue, 21 Apr 2026 10:44:00 +0200
Subject: [PATCH 2/2] feat(ui): add navigation and actions sections in
 processing actions component

---
 .../processing/processing-actions.vue         | 79 ++++++++++++++-----
 1 file changed, 61 insertions(+), 18 deletions(-)

diff --git a/ui/src/components/processing/processing-actions.vue b/ui/src/components/processing/processing-actions.vue
index 0ea02ea1..2e44382a 100644
--- a/ui/src/components/processing/processing-actions.vue
+++ b/ui/src/components/processing/processing-actions.vue
@@ -1,4 +1,33 @@
 <template>
+  <!-- Navigation -->
+  <template v-if="linkedDatasets.length">
+    <v-list-subheader class="text-uppercase">
+      {{ t('navigation') }}
+    </v-list-subheader>
+    <v-list-item
+      v-for="d in linkedDatasets"
+      :key="d.id"
+      :href="`/data-fair/dataset/${d.id}`"
+      target="_blank"
+      rounded
+    >
+      <template #prepend>
+        <v-icon
+          color="primary"
+          :icon="mdiOpenInNew"
+        />
+      </template>
+      {{ t('viewDataset', { title: d.title }) }}
+    </v-list-item>
+  </template>
+
+  <v-list-subheader
+    v-if="hasActions"
+    class="text-uppercase"
+  >
+    {{ t('actions') }}
+  </v-list-subheader>
+
   <!-- Execute -->
   <v-menu
     v-if="canAdmin || canExec"
@@ -230,22 +259,6 @@
     </v-card>
   </v-menu>
 
-  <!-- Dataset link -->
-  <v-list-item
-    v-if="processing?.config?.dataset?.id"
-    :href="`/data-fair/dataset/${processing.config.dataset.id}`"
-    target="_blank"
-    rounded
-  >
-    <template #prepend>
-      <v-icon
-        color="primary"
-        :icon="mdiOpenInNew"
-      />
-    </template>
-    {{ t('viewDataset') }}
-  </v-list-item>
-
   <!-- Documentation link -->
   <v-list-item
     v-if="metadata?.documentation"
@@ -342,6 +355,32 @@ const newOwner = ref<Account>(session.state.account)
 const duplicateTitle = ref(`${processing.title} ${t('copy')}`)
 
 const canSubscribeNotif = computed(() => processing?.owner.type === session.state.account.type && processing?.owner.id === session.state.account.id)
+
+const linkedDatasets = computed(() => {
+  const seen = new Set<string>()
+  const result: { id: string, title: string }[] = []
+  const add = (d: any) => {
+    if (!d?.id || seen.has(d.id)) return
+    seen.add(d.id)
+    result.push({ id: d.id, title: d.title || d.id })
+  }
+  const cfg = processing?.config
+  if (!cfg) return result
+  add(cfg.dataset)
+  if (Array.isArray(cfg.datasets)) {
+    for (const entry of cfg.datasets) {
+      add(entry?.dataset ?? entry)
+    }
+  }
+  return result
+})
+
+const hasActions = computed(() =>
+  canAdmin || canExec ||
+  !!metadata?.documentation ||
+  !!session.state.user?.adminMode ||
+  (!!eventsSubscribeUrl.value && canSubscribeNotif.value)
+)
 const ownerString = computed(() => `${processing?.owner.type}:${processing?.owner.id}${processing?.owner.department ? ':' + processing?.owner.department : ''}`)
 
 const eventsSubscribeUrl = computed(() => {
@@ -461,7 +500,9 @@ en:
   sensitiveOperation: Sensitive operation
   changeOwnerWarning: Changing the owner of a processing can have consequences on the processing execution.
   confirm: Confirm
-  viewDataset: View the dataset
+  navigation: Navigation
+  actions: Actions
+  viewDataset: "View {title}"
   tutorial: Tutorial
   useApi: Use the API
   notifications: Notifications
@@ -497,7 +538,9 @@ fr:
   sensitiveOperation: Opération sensible
   changeOwnerWarning: Changer le propriétaire d'un traitement peut avoir des conséquences sur l'execution du traitement.
   confirm: Confirmer
-  viewDataset: Voir le jeu de données
+  navigation: Navigation
+  actions: Actions
+  viewDataset: "Voir {title}"
   tutorial: Tutoriel
   useApi: Utiliser l'API
   notifications: Notifications