fix(front) : masque les onglets vides en consultation des 4 repertoires (ERP-193)

frontend/modules/technique/pages/providers/[id]/index.vue

@@ -68,7 +68,8 @@
             </div>
 
             <!-- ── Onglets (navigation libre, tout en lecture seule) ──────────── -->
-            <MalioTabList v-model="activeTab" :tabs="tabs" :max-visible-tabs="5" :max-width="1100" class="mt-[60px]">
+            <!-- ERP-193 : barre masquee s'il ne reste aucun onglet non vide. -->
+            <MalioTabList v-if="visibleTabKeys.length" v-model="activeTab" :tabs="tabs" :max-visible-tabs="5" :max-width="1100" class="mt-[60px]">
                 <!-- Onglet Contacts -->
                 <template #contacts>
                     <div class="mt-12 flex flex-col gap-6">
@@ -96,10 +97,8 @@
                         />
                     </div>
                 </template>
-
-                <!-- Onglets placeholder « A venir » (comme les autres modules). -->
-                <template #reports><ComingSoonPlaceholder /></template>
-                <template #exchanges><ComingSoonPlaceholder /></template>
+                <!-- ERP-193 : les onglets « a venir » (Rapports / Echanges) ne sont
+                     plus rendus en consultation (masquage des onglets vides). -->
 
                 <!-- Onglet Comptabilite (present uniquement si accounting.view). -->
                 <template v-if="canAccountingView" #accounting>
@@ -158,7 +157,7 @@
 </template>
 
 <script setup lang="ts">
-import { computed, onMounted, reactive, ref } from 'vue'
+import { computed, onMounted, reactive, ref, watch } from 'vue'
 import { useProvider } from '~/modules/technique/composables/useProvider'
 import {
     canEditProvider,
@@ -170,6 +169,7 @@ import {
     mapContactToDraft,
     mapRibToDraft,
     paymentTypeCodeOf,
+    providerConsultationVisibleTabs,
     referentialOptionOf,
     showArchiveAction,
     showRestoreAction,
@@ -197,7 +197,6 @@ const headerTitle = computed(() => provider.value?.companyName || t('technique.p
 useHead({ title: t('technique.providers.consultation.title') })
 
 // ── Onglets (ordre spec : Contacts · Adresse · Rapports · Échanges · Comptabilité) ──
-const activeTab = ref('contacts')
 const TAB_ICONS: Record<string, string> = {
     contacts: 'mdi:account-box-plus-outline',
     address: 'mdi:map-marker-outline',
@@ -205,11 +204,27 @@ const TAB_ICONS: Record<string, string> = {
     exchanges: 'mdi:swap-horizontal',
     accounting: 'mdi:bank-circle-outline',
 }
-const tabs = computed(() => {
-    const keys = ['contacts', 'address', 'reports', 'exchanges']
-    if (canAccountingView.value) keys.push('accounting')
-    return keys.map(key => ({ key, label: t(`technique.providers.tab.${key}`), icon: TAB_ICONS[key] }))
-})
+// ERP-193 (retour metier) : on masque les coquilles (Rapports / Echanges) ET
+// tout onglet de donnees vide. La liste depend donc du payload charge.
+const visibleTabKeys = computed(() => providerConsultationVisibleTabs(provider.value, {
+    canAccountingView: canAccountingView.value,
+}))
+const tabs = computed(() => visibleTabKeys.value.map(
+    key => ({ key, label: t(`technique.providers.tab.${key}`), icon: TAB_ICONS[key] }),
+))
+
+// Onglet initial : vide tant que le prestataire n'est pas charge, puis premier
+// onglet visible. Un watcher recale si l'onglet courant disparait.
+const activeTab = ref('')
+watch(visibleTabKeys, (keys) => {
+    if (keys.length === 0) {
+        activeTab.value = ''
+        return
+    }
+    if (!keys.includes(activeTab.value)) {
+        activeTab.value = keys[0]
+    }
+}, { immediate: true })
 
 // ── Donnees mappees depuis la SEULE reponse detail ─────────────────────────────
 const mainCategoryIris = computed(() => irisOf(provider.value?.categories))

frontend/modules/technique/utils/forms/__tests__/providerDetail.spec.ts

@@ -10,6 +10,7 @@ const {
     canEditProvider,
     categoryOptionsOf,
     contactOptionsOf,
+    hasAccountingData,
     iriOf,
     irisOf,
     mapAccountingDraft,
@@ -17,6 +18,7 @@ const {
     mapContactToDraft,
     mapRibToDraft,
     paymentTypeCodeOf,
+    providerConsultationVisibleTabs,
     referentialOptionOf,
     showArchiveAction,
     showRestoreAction,
@@ -165,3 +167,48 @@ describe('providerDetail helpers', () => {
         })
     })
 })
+
+describe('hasAccountingData (prestataire)', () => {
+    it('faux sans champ comptable ni RIB', () => {
+        expect(hasAccountingData({ '@id': '/api/providers/1', id: 1 })).toBe(false)
+    })
+
+    it('vrai avec un champ comptable ou un RIB', () => {
+        expect(hasAccountingData({ '@id': '/api/providers/1', id: 1, siren: '123456789' })).toBe(true)
+        expect(hasAccountingData({
+            '@id': '/api/providers/1', id: 1,
+            ribs: [{ '@id': '/api/provider_ribs/1', id: 1, iban: 'FR76...' }],
+        })).toBe(true)
+    })
+})
+
+describe('providerConsultationVisibleTabs', () => {
+    it('retourne [] tant que le prestataire n\'est pas charge', () => {
+        expect(providerConsultationVisibleTabs(null, { canAccountingView: true })).toEqual([])
+    })
+
+    it('masque les coquilles (reports/exchanges) et les onglets vides', () => {
+        expect(providerConsultationVisibleTabs(
+            { '@id': '/api/providers/1', id: 1, companyName: 'ACME' },
+            { canAccountingView: true },
+        )).toEqual([])
+    })
+
+    it('affiche contacts/address/accounting dans l\'ordre (pas d\'onglet information)', () => {
+        const provider = {
+            '@id': '/api/providers/1', id: 1,
+            contacts: [{ '@id': '/api/provider_contacts/1', id: 1 }],
+            addresses: [{ '@id': '/api/provider_addresses/1', id: 1 }],
+            siren: '123456789',
+        }
+        expect(providerConsultationVisibleTabs(provider, { canAccountingView: true }))
+            .toEqual(['contacts', 'address', 'accounting'])
+    })
+
+    it('masque Comptabilite sans le droit accounting.view', () => {
+        expect(providerConsultationVisibleTabs(
+            { '@id': '/api/providers/1', id: 1, siren: '123456789' },
+            { canAccountingView: false },
+        )).toEqual([])
+    })
+})

frontend/modules/technique/utils/forms/providerDetail.ts

@@ -224,6 +224,58 @@ export function paymentTypeCodeOf(relation: Relation): string | null {
     return (relation.code as string | undefined) ?? null
 }
 
+/**
+ * Vrai si une valeur scalaire porte une donnee affichable (non null/undefined,
+ * et non chaine vide apres trim). Sert au predicat « onglet vide » ci-dessous.
+ */
+function hasValue(value: unknown): boolean {
+    if (value === null || value === undefined) {
+        return false
+    }
+    if (typeof value === 'string') {
+        return value.trim() !== ''
+    }
+    return true
+}
+
+/**
+ * Vrai si l'onglet Comptabilite porte au moins un champ comptable OU un RIB.
+ * (Le gating permission `accounting.view` reste applique en amont par l'appelant.)
+ */
+export function hasAccountingData(provider: ProviderDetail): boolean {
+    const draft = mapAccountingDraft(provider)
+    const hasField = Object.values(draft).some(hasValue)
+    const hasRib = (provider.ribs ?? []).length > 0
+    return hasField || hasRib
+}
+
+/**
+ * Onglets visibles en consultation (ERP-193, retour metier) : on masque les
+ * coquilles non implementees (Rapports / Echanges) ET tout onglet de donnees
+ * vide. Le prestataire n'a pas d'onglet Information (bloc principal au-dessus
+ * des onglets). Ordre : Contacts · Adresse · Comptabilite. Retourne `[]` tant
+ * que le prestataire n'est pas charge.
+ */
+export function providerConsultationVisibleTabs(
+    provider: ProviderDetail | null | undefined,
+    options: { canAccountingView: boolean },
+): string[] {
+    if (!provider) {
+        return []
+    }
+    const visible: string[] = []
+    if ((provider.contacts ?? []).length > 0) {
+        visible.push('contacts')
+    }
+    if ((provider.addresses ?? []).length > 0) {
+        visible.push('address')
+    }
+    if (options.canAccountingView && hasAccountingData(provider)) {
+        visible.push('accounting')
+    }
+    return visible
+}
+
 /**
  * Bouton « Modifier » : visible si l'utilisateur peut editer au moins un onglet —
  * `manage` (onglets metier) OU `accounting.manage` (le role Compta doit pouvoir