fix(front) : masque les champs non remplis en consultation sur les 4 modules (ERP-193)

En consultation (lecture seule), les champs vides et les cases a cocher non
cochees ne sont plus affiches (client, fournisseur, prestataire, transporteur).
Util partage isFilled (vide = null/chaine vide/multiselect vide/false ; 0 reste
affiche). Nouveau prop hideEmpty sur les blocs contact/adresse, passe uniquement
en consultation (edition inchangee).

frontend/modules/transport/components/CarrierAddressBlock.vue

@@ -3,6 +3,7 @@
     <div class="relative grid grid-cols-4 gap-x-[44px] gap-y-4 bg-white py-4 pl-[28px] pr-[60px] shadow-[0_4px_4px_0_rgba(0,0,0,0.25)]">
         <!-- Pays : prerempli « France » (RG-4.05). -->
         <MalioSelect
+            v-if="!hideEmpty || isFilled(model.country)"
             :model-value="model.country"
             :options="countryOptions"
             :label="t('transport.carriers.form.address.country')"
@@ -15,6 +16,7 @@
 
         <!-- Code postal (RG-4.06) : declenche l'autocomplete ville (BAN). -->
         <MalioInputText
+            v-if="!hideEmpty || isFilled(model.postalCode)"
             :model-value="model.postalCode"
             :label="t('transport.carriers.form.address.postalCode')"
             :mask="POSTAL_CODE_MASK"
@@ -27,7 +29,7 @@
 
         <!-- Ville : MalioSelect alimente par le code postal (BAN). Saisie libre si BAN indispo. -->
         <MalioSelect
-            v-if="!degraded"
+            v-if="!degraded && (!hideEmpty || isFilled(model.city))"
             :model-value="model.city"
             :options="cityOptions"
             :label="t('transport.carriers.form.address.city')"
@@ -39,7 +41,7 @@
             @update:model-value="onCityChange"
         />
         <MalioInputText
-            v-else
+            v-else-if="degraded && (!hideEmpty || isFilled(model.city))"
             :model-value="model.city"
             :label="t('transport.carriers.form.address.city')"
             :mask="ADDRESS_MASK"
@@ -50,12 +52,13 @@
             @update:model-value="(v: string) => update('city', v)"
         />
 
-        <!-- Filler : aligne le debut de la ligne suivante sur la grille. -->
-        <div aria-hidden="true" />
+        <!-- Filler : aligne le debut de la ligne suivante sur la grille. Inutile en
+             consultation masquee (la grille se recompose sans les champs vides). -->
+        <div v-if="!hideEmpty" aria-hidden="true" />
 
         <!-- Adresse (BAN) sur 2 colonnes + Adresse complementaire. allow-create : le
              texte saisi est conserve si la BAN ne propose rien (saisie manuelle). -->
-        <div class="col-span-2">
+        <div v-if="!hideEmpty || isFilled(model.street)" class="col-span-2">
             <MalioInputAutocomplete
                 v-if="!readonly && !disabled"
                 :model-value="model.street"
@@ -86,6 +89,7 @@
         </div>
 
         <MalioInputText
+            v-if="!hideEmpty || isFilled(model.streetComplement)"
             :model-value="model.streetComplement"
             :label="t('transport.carriers.form.address.streetComplement')"
             :mask="ADDRESS_MASK"
@@ -101,6 +105,7 @@
 import { useAddressAutocomplete, type AddressSuggestion } from '~/shared/composables/useAddressAutocomplete'
 import type { CarrierAddressFormDraft } from '~/modules/transport/types/carrierForm'
 import { ADDRESS_MASK } from '~/shared/utils/textSanitize'
+import { isFilled } from '~/shared/utils/consultationDisplay'
 
 interface RefOption {
     value: string
@@ -118,6 +123,8 @@ const props = defineProps<{
     readonly?: boolean
     /** Bloc desactive (champs grises, consultation — distinct de readonly). */
     disabled?: boolean
+    /** Consultation : masque les champs non remplis (ERP-193). */
+    hideEmpty?: boolean
     /** Erreurs serveur 422 de cette ligne, indexees par champ (ERP-101). */
     errors?: Record<string, string>
 }>()

frontend/modules/transport/components/CarrierContactBlock.vue

@@ -12,6 +12,7 @@
         />
 
         <MalioInputText
+            v-if="!hideEmpty || isFilled(model.lastName)"
             :model-value="model.lastName"
             :label="t('transport.carriers.form.contact.lastName')"
             :mask="PERSON_NAME_MASK"
@@ -21,6 +22,7 @@
             @update:model-value="(v: string) => update('lastName', v)"
         />
         <MalioInputText
+            v-if="!hideEmpty || isFilled(model.firstName)"
             :model-value="model.firstName"
             :label="t('transport.carriers.form.contact.firstName')"
             :mask="PERSON_NAME_MASK"
@@ -31,7 +33,7 @@
         />
         <!-- Fonction sur 2 colonnes : on wrappe car MalioInputText (inheritAttrs:false)
              renvoie `class` sur l'input interne, pas sur la cellule de grille. -->
-        <div class="col-span-2">
+        <div v-if="!hideEmpty || isFilled(model.jobTitle)" class="col-span-2">
             <MalioInputText
                 :model-value="model.jobTitle"
                 :label="t('transport.carriers.form.contact.jobTitle')"
@@ -43,6 +45,7 @@
             />
         </div>
         <MalioInputEmail
+            v-if="!hideEmpty || isFilled(model.email)"
             :model-value="model.email"
             :label="t('transport.carriers.form.contact.email')"
             :readonly="readonly"
@@ -53,6 +56,7 @@
         />
         <!-- Téléphone principal + bouton « + » révélant le 2e numéro (max 2). -->
         <MalioInputPhone
+            v-if="!hideEmpty || isFilled(model.phonePrimary)"
             :model-value="model.phonePrimary"
             :label="t('transport.carriers.form.contact.phonePrimary')"
             :mask="PHONE_MASK"
@@ -66,7 +70,7 @@
         />
         <!-- 2e numéro : révélé à la demande (max 2 téléphones — RG-4.08). -->
         <MalioInputPhone
-            v-if="model.hasSecondaryPhone"
+            v-if="model.hasSecondaryPhone && (!hideEmpty || isFilled(model.phoneSecondary))"
             :model-value="model.phoneSecondary"
             :label="t('transport.carriers.form.contact.phoneSecondary')"
             :mask="PHONE_MASK"
@@ -81,6 +85,7 @@
 <script setup lang="ts">
 import type { CarrierContactFormDraft } from '~/modules/transport/types/carrierForm'
 import { FREE_TEXT_MASK, PERSON_NAME_MASK } from '~/shared/utils/textSanitize'
+import { isFilled } from '~/shared/utils/consultationDisplay'
 
 // Masque téléphone FR : 5 groupes de 2 chiffres (la normalisation finale reste serveur).
 const PHONE_MASK = '## ## ## ## ##'
@@ -94,6 +99,8 @@ const props = defineProps<{
     readonly?: boolean
     /** Bloc desactive (champs grises, consultation — distinct de readonly). */
     disabled?: boolean
+    /** Consultation : masque les champs non remplis (ERP-193). */
+    hideEmpty?: boolean
     /** Erreurs serveur 422 de cette ligne, indexées par champ (ERP-101). */
     errors?: Record<string, string>
 }>()