feat(directory) : type prestataire, validateurs front, autocomplete adresse BAN

- Prestataire : entité/repo + ressource API Platform (RBAC directory.providers.*),
  ownership prestataire sur contacts/adresses/comptes-rendus (CHECK XOR à 3),
  DTO/service/drawer/fiche détail + onglet dédié dans le répertoire.
- Prospect : société uniquement (suppression du champ name, company requis) ;
  migration de backfill, conversion prospect→client et MCP adaptés.
- Champ site web sur client/prospect/prestataire (entités, DTO, onglet Information, MCP).
- Validateurs front email / téléphone FR (0549200910) / URL sur Information et Contacts,
  enregistrement bloqué tant qu'un champ est invalide.
- Autocomplete adresse branché sur la Base Adresse Nationale (api-adresse.data.gouv.fr)
  avec mode dégradé en saisie libre.
- Administration : retrait de l'onglet Clients.

frontend/modules/directory/components/CommercialReportDrawer.vue

@@ -54,7 +54,7 @@ import { useCommercialReportService } from '~/modules/directory/services/commerc
 const props = defineProps<{
     modelValue: boolean
     report: CommercialReport | null
-    owner: { client?: string, prospect?: string }
+    owner: { client?: string, prospect?: string, prestataire?: string }
 }>()
 
 const emit = defineEmits<{

frontend/modules/directory/components/CommercialReportTab.vue

@@ -141,7 +141,7 @@ import { useCommercialReportService } from '~/modules/directory/services/commerc
 import { useReportDocumentService } from '~/modules/directory/services/report-documents'
 
 const props = defineProps<{
-    owner: { client?: string, prospect?: string }
+    owner: { client?: string, prospect?: string, prestataire?: string }
     canManage: boolean
 }>()
 

frontend/modules/directory/components/DirectoryAddressBlock.vue

@@ -19,13 +19,33 @@
             :readonly="readonly"
             @update:model-value="update('label', $event)"
         />
-        <MalioInputText
-            class="col-span-2"
-            :label="$t('directory.addresses.fields.street')"
-            :model-value="modelValue.street ?? ''"
-            :readonly="readonly"
-            @update:model-value="update('street', $event)"
-        />
+
+        <!-- Rue : saisie assistée (BAN) en édition, champ texte en lecture seule.
+             allow-create conserve le texte saisi si la BAN ne propose rien
+             (erreur/timeout). Choisir une suggestion remplit rue + CP + ville. -->
+        <div class="col-span-2">
+            <MalioInputAutocomplete
+                v-if="!readonly"
+                :model-value="modelValue.street ?? ''"
+                :options="addressOptions"
+                :loading="addressLoading"
+                :min-search-length="3"
+                :allow-create="true"
+                :label="$t('directory.addresses.fields.street')"
+                :no-results-text="$t('directory.addresses.streetNotFound')"
+                @update:model-value="(v) => update('street', v === null ? '' : String(v))"
+                @search="onAddressSearch"
+                @select="onAddressSelect"
+            />
+            <MalioInputText
+                v-else
+                :label="$t('directory.addresses.fields.street')"
+                :model-value="modelValue.street ?? ''"
+                :readonly="readonly"
+                @update:model-value="update('street', $event)"
+            />
+        </div>
+
         <MalioInputText
             class="col-span-2"
             :label="$t('directory.addresses.fields.streetComplement')"
@@ -33,13 +53,27 @@
             :readonly="readonly"
             @update:model-value="update('streetComplement', $event)"
         />
+
         <MalioInputText
             :label="$t('directory.addresses.fields.postalCode')"
             :model-value="modelValue.postalCode ?? ''"
             :readonly="readonly"
-            @update:model-value="update('postalCode', $event)"
+            @update:model-value="onPostalCodeInput"
+        />
+
+        <!-- Ville : select alimenté par le code postal (BAN). En mode dégradé
+             (BAN indispo) ou lecture seule, on bascule en saisie libre. -->
+        <MalioSelect
+            v-if="!readonly && !degraded"
+            :model-value="modelValue.city ?? ''"
+            :options="cityOptions"
+            :label="$t('directory.addresses.fields.city')"
+            empty-option-label=""
+            group-class="w-full"
+            @update:model-value="(v) => update('city', v === null ? '' : String(v))"
         />
         <MalioInputText
+            v-else
             :label="$t('directory.addresses.fields.city')"
             :model-value="modelValue.city ?? ''"
             :readonly="readonly"
@@ -50,6 +84,10 @@
 
 <script setup lang="ts">
 import type { Address } from '~/modules/directory/services/dto/address'
+import {
+    useAddressAutocomplete,
+    type AddressSuggestion,
+} from '~/modules/directory/composables/useAddressAutocomplete'
 
 const props = defineProps<{
     modelValue: Address
@@ -63,7 +101,82 @@ const emit = defineEmits<{
     'remove': []
 }>()
 
+const { t } = useI18n()
+const toast = useToast()
+const autocomplete = useAddressAutocomplete()
+
+type Option = { label: string, value: string | number }
+
+const addressOptions = ref<Option[]>([])
+const cityOptions = ref<Option[]>([])
+const addressLoading = ref(false)
+// Mode dégradé : BAN indisponible → la ville passe en saisie libre.
+const degraded = ref(false)
+let lastAddressSuggestions: AddressSuggestion[] = []
+let notified = false
+
 function update(field: keyof Address, value: string): void {
     emit('update:modelValue', { ...props.modelValue, [field]: value === '' ? null : value })
 }
+
+// Avertit une seule fois que l'autocomplétion est indisponible (saisie libre).
+function notifyUnavailable(): void {
+    if (notified) return
+    notified = true
+    toast.info({ title: '', message: t('directory.addresses.autocompleteUnavailable') })
+}
+
+/** Recherche d'adresse assistée (event de MalioInputAutocomplete). */
+async function onAddressSearch(query: string): Promise<void> {
+    if (query.trim().length < 3) {
+        addressOptions.value = []
+        return
+    }
+    addressLoading.value = true
+    try {
+        const postalCode = (props.modelValue.postalCode ?? '').replace(/\D/g, '') || undefined
+        const suggestions = await autocomplete.searchAddress(query, postalCode)
+        lastAddressSuggestions = suggestions
+        addressOptions.value = suggestions.map(s => ({ value: s.street, label: s.label }))
+    }
+    catch {
+        addressOptions.value = []
+        notifyUnavailable()
+    }
+    finally {
+        addressLoading.value = false
+    }
+}
+
+/** Sélection d'une suggestion → remplit rue + ville + code postal. */
+function onAddressSelect(option: Option | null): void {
+    if (option === null) return
+    const suggestion = lastAddressSuggestions.find(s => s.street === option.value)
+    if (!suggestion) {
+        update('street', String(option.value))
+        return
+    }
+    emit('update:modelValue', {
+        ...props.modelValue,
+        street: suggestion.street,
+        city: suggestion.city || props.modelValue.city,
+        postalCode: suggestion.postalCode || props.modelValue.postalCode,
+    })
+}
+
+/** Saisie du code postal → met à jour le champ + interroge la BAN pour la ville. */
+async function onPostalCodeInput(value: string): Promise<void> {
+    update('postalCode', value)
+    const digits = (value ?? '').replace(/\D/g, '')
+    if (digits.length < 5) return
+    try {
+        const suggestions = await autocomplete.searchCity(digits)
+        cityOptions.value = suggestions.map(s => ({ value: s.city, label: s.city }))
+        degraded.value = false
+    }
+    catch {
+        degraded.value = true
+        notifyUnavailable()
+    }
+}
 </script>

frontend/modules/directory/components/DirectoryContactBlock.vue

@@ -35,18 +35,21 @@
             :label="$t('directory.contacts.fields.email')"
             :model-value="modelValue.email ?? ''"
             :readonly="readonly"
+            :error="emailError"
             @update:model-value="update('email', $event)"
         />
         <MalioInputText
             :label="$t('directory.contacts.fields.phonePrimary')"
             :model-value="modelValue.phonePrimary ?? ''"
             :readonly="readonly"
+            :error="phonePrimaryError"
             @update:model-value="update('phonePrimary', $event)"
         />
         <MalioInputText
             :label="$t('directory.contacts.fields.phoneSecondary')"
             :model-value="modelValue.phoneSecondary ?? ''"
             :readonly="readonly"
+            :error="phoneSecondaryError"
             @update:model-value="update('phoneSecondary', $event)"
         />
     </div>
@@ -54,6 +57,7 @@
 
 <script setup lang="ts">
 import type { Contact } from '~/modules/directory/services/dto/contact'
+import { isValidEmail, isValidFrPhone } from '~/modules/directory/utils/validation'
 
 const props = defineProps<{
     modelValue: Contact
@@ -67,6 +71,18 @@ const emit = defineEmits<{
     'remove': []
 }>()
 
+const { t } = useI18n()
+
+const emailError = computed(() =>
+    isValidEmail(props.modelValue.email) ? '' : t('directory.validation.emailInvalid'),
+)
+const phonePrimaryError = computed(() =>
+    isValidFrPhone(props.modelValue.phonePrimary) ? '' : t('directory.validation.phoneInvalid'),
+)
+const phoneSecondaryError = computed(() =>
+    isValidFrPhone(props.modelValue.phoneSecondary) ? '' : t('directory.validation.phoneInvalid'),
+)
+
 function update(field: keyof Contact, value: string): void {
     emit('update:modelValue', { ...props.modelValue, [field]: value === '' ? null : value })
 }

frontend/modules/directory/components/PrestataireDrawer.vue

@@ -0,0 +1,88 @@
+<template>
+    <MalioDrawer v-model="isOpen">
+        <template #header>
+            <h2 class="text-xl font-bold">{{ isEditing ? $t('prestataires.editPrestataire') : $t('prestataires.addPrestataire') }}</h2>
+        </template>
+        <form @submit.prevent="handleSubmit" class="flex flex-col gap-2">
+            <MalioInputText
+                v-model="form.name"
+                :label="$t('prestataires.fields.name')"
+                input-class="w-full"
+                :error="touched.name && !form.name.trim() ? $t('directory.validation.nameRequired') : ''"
+                @blur="touched.name = true"
+            />
+
+            <div class="mt-6 flex justify-end">
+                <MalioButton
+                    :label="$t('common.save')"
+                    button-class="w-auto px-6"
+                    :disabled="isSubmitting"
+                    @click="handleSubmit"
+                />
+            </div>
+        </form>
+    </MalioDrawer>
+</template>
+
+<script setup lang="ts">
+import type { Prestataire, PrestataireWrite } from '~/modules/directory/services/dto/prestataire'
+import { usePrestataireService } from '~/modules/directory/services/prestataires'
+
+const props = defineProps<{
+    modelValue: boolean
+    prestataire: Prestataire | null
+}>()
+
+const emit = defineEmits<{
+    (e: 'update:modelValue', value: boolean): void
+    (e: 'saved'): void
+}>()
+
+const isOpen = computed({
+    get: () => props.modelValue,
+    set: (v) => emit('update:modelValue', v),
+})
+
+const isEditing = computed(() => !!props.prestataire)
+const isSubmitting = ref(false)
+
+const form = reactive({
+    name: '',
+})
+
+const touched = reactive({
+    name: false,
+})
+
+watch(() => props.modelValue, (open) => {
+    if (open) {
+        form.name = props.prestataire?.name ?? ''
+        touched.name = false
+    }
+})
+
+const { create, update } = usePrestataireService()
+
+async function handleSubmit() {
+    touched.name = true
+    if (!form.name.trim()) return
+
+    isSubmitting.value = true
+    try {
+        const payload: PrestataireWrite = {
+            name: form.name.trim(),
+        }
+
+        if (isEditing.value && props.prestataire) {
+            await update(props.prestataire.id, payload)
+        } else {
+            await create(payload)
+        }
+
+        emit('saved')
+        isOpen.value = false
+    } finally {
+        isSubmitting.value = false
+    }
+}
+</script>

frontend/modules/directory/components/ProspectDrawer.vue

@@ -5,11 +5,11 @@
         </template>
         <form @submit.prevent="handleSubmit" class="flex flex-col gap-2">
             <MalioInputText
-                v-model="form.name"
-                label="Nom société"
+                v-model="form.company"
+                :label="$t('prospects.fields.company')"
                 input-class="w-full"
-                :error="touched.name && !form.name.trim() ? $t('prospects.validation.nameRequired') : ''"
-                @blur="touched.name = true"
+                :error="touched.company && !form.company.trim() ? $t('prospects.validation.companyRequired') : ''"
+                @blur="touched.company = true"
             />
 
             <div class="mt-6 flex items-center justify-between gap-2">
@@ -62,30 +62,30 @@ const isConverted = computed(() => !!props.prospect?.convertedClient)
 const isSubmitting = ref(false)
 
 const form = reactive({
-    name: '',
+    company: '',
 })
 
 const touched = reactive({
-    name: false,
+    company: false,
 })
 
 watch(() => props.modelValue, (open) => {
     if (open) {
-        form.name = props.prospect?.name ?? ''
-        touched.name = false
+        form.company = props.prospect?.company ?? ''
+        touched.company = false
     }
 })
 
 const { create, update, convert } = useProspectService()
 
 async function handleSubmit() {
-    touched.name = true
-    if (!form.name.trim()) return
+    touched.company = true
+    if (!form.company.trim()) return
 
     isSubmitting.value = true
     try {
         const payload: ProspectWrite = {
-            name: form.name.trim(),
+            company: form.company.trim(),
         }
 
         if (isEditing.value && props.prospect) {

frontend/modules/directory/composables/useAddressAutocomplete.ts

@@ -0,0 +1,113 @@
+import { httpExternal } from '~/utils/httpExternal'
+
+// Autocomplétion d'adresse branchée sur la Base Adresse Nationale (BAN),
+// `api-adresse.data.gouv.fr` — service public français, gratuit, CORS ouvert.
+//
+// Appel HTTP DIRECT depuis le front (pas de proxy back) : la BAN est un domaine
+// externe, sans cookie de session ni enveloppe Hydra → on passe par
+// `httpExternal` et NON `useApi()`.
+//
+// Contrat :
+//   searchCity(postalCode)       -> liste { city, postalCode }
+//   searchAddress(query, cp?)    -> liste { label, street, postalCode, city }
+//   En cas d'erreur/timeout, la méthode THROW une
+//   AddressAutocompleteUnavailableError. Le composant consommateur catch,
+//   avertit l'utilisateur et bascule en saisie libre.
+
+/** URL de l'endpoint de recherche BAN. */
+const BAN_SEARCH_URL = 'https://api-adresse.data.gouv.fr/search/'
+
+/** Une suggestion de ville renvoyée à partir d'un code postal. */
+export interface CitySuggestion {
+    city: string
+    postalCode: string
+}
+
+/** Une suggestion d'adresse complète (saisie assistée du champ « Rue »). */
+export interface AddressSuggestion {
+    label: string
+    street: string
+    postalCode: string
+    city: string
+}
+
+export interface AddressAutocomplete {
+    searchCity(postalCode: string): Promise<CitySuggestion[]>
+    searchAddress(query: string, postalCode?: string): Promise<AddressSuggestion[]>
+}
+
+/** Erreur signalant que le service d'autocomplétion BAN n'est pas disponible. */
+export class AddressAutocompleteUnavailableError extends Error {
+    constructor() {
+        super('Address autocomplete (BAN) is not available.')
+        this.name = 'AddressAutocompleteUnavailableError'
+    }
+}
+
+/** Propriétés d'une « feature » GeoJSON renvoyée par la BAN (champs utilisés). */
+interface BanFeatureProperties {
+    label?: string
+    name?: string
+    street?: string
+    postcode?: string
+    city?: string
+}
+
+/** Réponse GeoJSON FeatureCollection de la BAN. */
+interface BanResponse {
+    features?: { properties?: BanFeatureProperties }[]
+}
+
+export function useAddressAutocomplete(): AddressAutocomplete {
+    return {
+        async searchCity(postalCode: string): Promise<CitySuggestion[]> {
+            let res: BanResponse
+            try {
+                res = await httpExternal<BanResponse>(BAN_SEARCH_URL, {
+                    query: { q: postalCode, type: 'municipality' },
+                })
+            }
+            catch {
+                throw new AddressAutocompleteUnavailableError()
+            }
+
+            return (res.features ?? []).map((feature) => {
+                const props = feature.properties ?? {}
+                return {
+                    city: props.city ?? props.name ?? '',
+                    postalCode: props.postcode ?? '',
+                }
+            })
+        },
+
+        async searchAddress(query: string, postalCode?: string): Promise<AddressSuggestion[]> {
+            // Pas de `type=housenumber` ici : sans filtre, la BAN classe rues +
+            // numéros par pertinence (comportement d'autocomplétion attendu).
+            // On n'ajoute `postcode` que s'il est fourni (sinon recherche large).
+            const banQuery: Record<string, string> = { q: query }
+            if (postalCode) {
+                banQuery.postcode = postalCode
+            }
+
+            let res: BanResponse
+            try {
+                res = await httpExternal<BanResponse>(BAN_SEARCH_URL, { query: banQuery })
+            }
+            catch {
+                throw new AddressAutocompleteUnavailableError()
+            }
+
+            return (res.features ?? []).map((feature) => {
+                const props = feature.properties ?? {}
+                return {
+                    label: props.label ?? '',
+                    // `name` porte la ligne d'adresse complète (numéro + voie) ;
+                    // `street` ne contient que la voie. On privilégie `name`.
+                    street: props.name ?? props.street ?? '',
+                    postalCode: props.postcode ?? '',
+                    city: props.city ?? '',
+                }
+            })
+        },
+    }
+}

frontend/modules/directory/composables/useDirectoryDetail.ts

@@ -3,7 +3,7 @@ import type { Address } from '~/modules/directory/services/dto/address'
 import { useContactService } from '~/modules/directory/services/contacts'
 import { useAddressService } from '~/modules/directory/services/addresses'
 
-type Owner = { client?: string, prospect?: string }
+type Owner = { client?: string, prospect?: string, prestataire?: string }
 
 /**
  * Logique partagée des fiches détail Client/Prospect : blocs répétables Contact

frontend/modules/directory/pages/directory/clients/[id].vue

@@ -21,17 +21,25 @@
                             <MalioInputText
                                 v-model="info.email"
                                 :label="$t('directory.info.fields.email')"
+                                :error="emailError"
                             />
                             <MalioInputText
                                 v-model="info.phone"
                                 :label="$t('directory.info.fields.phone')"
+                                :error="phoneError"
+                            />
+                            <MalioInputText
+                                v-model="info.website"
+                                class="col-span-2"
+                                :label="$t('directory.info.fields.website')"
+                                :error="websiteError"
                             />
                         </div>
                         <div class="flex justify-center pt-2">
                             <MalioButton
                                 button-class="w-auto px-6"
                                 :label="$t('common.save')"
-                                :disabled="savingInfo"
+                                :disabled="savingInfo || !infoValid"
                                 @click="saveInfo"
                             />
                         </div>
@@ -109,6 +117,7 @@
 <script setup lang="ts">
 import type { Client } from '~/modules/directory/services/dto/client'
 import { useClientService } from '~/modules/directory/services/clients'
+import { isValidEmail, isValidFrPhone, isValidUrl } from '~/modules/directory/utils/validation'
 
 definePageMeta({ middleware: ['admin'] })
 
@@ -153,19 +162,25 @@ const tabs = [
 
 // Champs de base de la fiche, édités en mémoire et persistés au clic sur
 // « Enregistrer » (PATCH), comme les onglets Contact/Adresse.
-const info = reactive({ name: '', email: '', phone: '' })
+const info = reactive({ name: '', email: '', phone: '', website: '' })
 const infoTouched = reactive({ name: false })
 const savingInfo = ref(false)
 
+const emailError = computed(() => (isValidEmail(info.email) ? '' : t('directory.validation.emailInvalid')))
+const phoneError = computed(() => (isValidFrPhone(info.phone) ? '' : t('directory.validation.phoneInvalid')))
+const websiteError = computed(() => (isValidUrl(info.website) ? '' : t('directory.validation.urlInvalid')))
+const infoValid = computed(() => !emailError.value && !phoneError.value && !websiteError.value)
+
 async function saveInfo(): Promise<void> {
     infoTouched.name = true
-    if (!info.name.trim() || savingInfo.value) return
+    if (!info.name.trim() || !infoValid.value || savingInfo.value) return
     savingInfo.value = true
     try {
         client.value = await clientService.update(id, {
             name: info.name.trim(),
             email: info.email.trim() || null,
             phone: info.phone.trim() || null,
+            website: info.website.trim() || null,
         })
     } finally {
         savingInfo.value = false
@@ -181,6 +196,7 @@ onMounted(async () => {
     info.name = client.value.name ?? ''
     info.email = client.value.email ?? ''
     info.phone = client.value.phone ?? ''
+    info.website = client.value.website ?? ''
     await load()
     loading.value = false
 })

frontend/modules/directory/pages/directory/index.vue

@@ -107,6 +107,46 @@
                     </MalioDataTable>
                 </div>
             </template>
+            <!-- Prestataires -->
+            <template #prestataires>
+                <div class="flex min-h-[30rem] flex-col gap-4 pt-10">
+                    <div class="flex items-center justify-end">
+                        <MalioButton
+                            icon-name="mdi:plus"
+                            icon-position="left"
+                            button-class="w-auto px-4"
+                            :label="$t('directory.prestataires.add')"
+                            @click="openCreatePrestataire"
+                        />
+                    </div>
+
+                    <MalioDataTable
+                        :columns="prestataireColumns"
+                        :items="prestataires"
+                        :total-items="prestataires.length"
+                        :empty-message="$t('directory.prestataires.empty')"
+                        @row-click="openEditPrestataire"
+                    >
+                        <template #cell-email="{ item }">
+                            {{ (item as Prestataire).email ?? '—' }}
+                        </template>
+                        <template #cell-phone="{ item }">
+                            {{ (item as Prestataire).phone ?? '—' }}
+                        </template>
+                        <template #cell-actions="{ item }">
+                            <div class="flex justify-end" @click.stop>
+                                <MalioButtonIcon
+                                    icon="mdi:trash-can-outline"
+                                    :aria-label="$t('common.delete')"
+                                    button-class="!bg-red-100 !text-red-700"
+                                    :icon-size="18"
+                                    @click="askDeletePrestataire(item as Prestataire)"
+                                />
+                            </div>
+                        </template>
+                    </MalioDataTable>
+                </div>
+            </template>
         </MalioTabList>
 
         <ClientDrawer
@@ -119,6 +159,11 @@
             :prospect="selectedProspect"
             @saved="onProspectSaved"
         />
+        <PrestataireDrawer
+            v-model="prestataireDrawerOpen"
+            :prestataire="selectedPrestataire"
+            @saved="loadPrestataires"
+        />
 
         <ConfirmDeleteModal
             v-model="deleteModalOpen"
@@ -134,6 +179,8 @@ import type { Client } from '~/modules/directory/services/dto/client'
 import { useClientService } from '~/modules/directory/services/clients'
 import type { Prospect, ProspectStatus } from '~/modules/directory/services/dto/prospect'
 import { useProspectService } from '~/modules/directory/services/prospects'
+import type { Prestataire } from '~/modules/directory/services/dto/prestataire'
+import { usePrestataireService } from '~/modules/directory/services/prestataires'
 
 definePageMeta({ middleware: ['admin'] })
 
@@ -144,11 +191,13 @@ useHead({ title: t('directory.title') })
 
 const clientService = useClientService()
 const prospectService = useProspectService()
+const prestataireService = usePrestataireService()
 
 const activeTab = ref('clients')
 const tabs = [
     { key: 'clients', label: t('directory.tabs.clients'), icon: 'mdi:account-tie-outline' },
     { key: 'prospects', label: t('directory.tabs.prospects'), icon: 'mdi:account-search-outline' },
+    { key: 'prestataires', label: t('directory.tabs.prestataires'), icon: 'mdi:account-hard-hat-outline' },
 ]
 
 // --- Clients ---
@@ -157,7 +206,7 @@ const clientDrawerOpen = ref(false)
 const selectedClient = ref<Client | null>(null)
 
 const clientColumns = [
-    { key: 'name', label: t('prospects.fields.name') },
+    { key: 'name', label: t('prospects.fields.company') },
     { key: 'email', label: t('prospects.fields.email') },
     { key: 'phone', label: t('prospects.fields.phone') },
     { key: 'actions', label: '' },
@@ -191,7 +240,6 @@ const statusOptions = [
 ]
 
 const prospectColumns = [
-    { key: 'name', label: t('prospects.fields.name') },
     { key: 'company', label: t('prospects.fields.company') },
     { key: 'status', label: t('prospects.fields.status') },
     { key: 'email', label: t('prospects.fields.email') },
@@ -247,26 +295,62 @@ async function onProspectSaved() {
     await Promise.all([loadProspects(), loadClients()])
 }
 
-// --- Suppression (clients & prospects) ---
+// --- Prestataires ---
+const prestataires = ref<Prestataire[]>([])
+const prestataireDrawerOpen = ref(false)
+const selectedPrestataire = ref<Prestataire | null>(null)
+
+const prestataireColumns = [
+    { key: 'name', label: t('prospects.fields.company') },
+    { key: 'email', label: t('prospects.fields.email') },
+    { key: 'phone', label: t('prospects.fields.phone') },
+    { key: 'actions', label: '' },
+]
+
+async function loadPrestataires() {
+    prestataires.value = await prestataireService.getAll()
+}
+
+function openCreatePrestataire() {
+    selectedPrestataire.value = null
+    prestataireDrawerOpen.value = true
+}
+
+function openEditPrestataire(item: Record<string, unknown>) {
+    navigateTo(`/directory/prestataires/${(item as Prestataire).id}`)
+}
+
+// --- Suppression (clients, prospects & prestataires) ---
 type DeleteTarget =
     | { type: 'client'; item: Client }
     | { type: 'prospect'; item: Prospect }
+    | { type: 'prestataire'; item: Prestataire }
 
 const deleteModalOpen = ref(false)
 const deleteTarget = ref<DeleteTarget | null>(null)
 
-const deleteModalTitle = computed(() =>
-    deleteTarget.value?.type === 'prospect'
-        ? t('prospects.deleteConfirmTitle')
-        : t('clients.deleteConfirmTitle'),
-)
+const deleteModalTitle = computed(() => {
+    switch (deleteTarget.value?.type) {
+        case 'prospect':
+            return t('prospects.deleteConfirmTitle')
+        case 'prestataire':
+            return t('prestataires.deleteConfirmTitle')
+        default:
+            return t('clients.deleteConfirmTitle')
+    }
+})
 
 const deleteModalMessage = computed(() => {
-    if (!deleteTarget.value) return ''
-    const name = deleteTarget.value.item.name
-    return deleteTarget.value.type === 'prospect'
-        ? t('prospects.deleteConfirmMessage', { name })
-        : t('clients.deleteConfirmMessage', { name })
+    const target = deleteTarget.value
+    if (!target) return ''
+    switch (target.type) {
+        case 'prospect':
+            return t('prospects.deleteConfirmMessage', { name: target.item.company })
+        case 'prestataire':
+            return t('prestataires.deleteConfirmMessage', { name: target.item.name })
+        default:
+            return t('clients.deleteConfirmMessage', { name: target.item.name })
+    }
 })
 
 function askDeleteClient(item: Client) {
@@ -279,6 +363,11 @@ function askDeleteProspect(item: Prospect) {
     deleteModalOpen.value = true
 }
 
+function askDeletePrestataire(item: Prestataire) {
+    deleteTarget.value = { type: 'prestataire', item }
+    deleteModalOpen.value = true
+}
+
 async function confirmDelete() {
     const target = deleteTarget.value
     if (!target) return
@@ -286,9 +375,12 @@ async function confirmDelete() {
     if (target.type === 'client') {
         await clientService.remove(target.item.id)
         await loadClients()
-    } else {
+    } else if (target.type === 'prospect') {
         await prospectService.remove(target.item.id)
         await loadProspects()
+    } else {
+        await prestataireService.remove(target.item.id)
+        await loadPrestataires()
     }
 
     deleteModalOpen.value = false
@@ -298,7 +390,7 @@ async function confirmDelete() {
 watch(statusFilter, loadProspects)
 
 onMounted(async () => {
-    await Promise.all([loadClients(), loadProspects()])
+    await Promise.all([loadClients(), loadProspects(), loadPrestataires()])
 })
 </script>
 

frontend/modules/directory/pages/directory/prestataires/[id].vue

@@ -0,0 +1,201 @@
+<template>
+    <div class="flex flex-col gap-6">
+        <div class="flex items-center gap-3 pt-4">
+            <MalioButtonIcon icon="mdi:arrow-left" :aria-label="$t('common.back')" @click="goBack" />
+            <h1 class="text-2xl font-bold text-neutral-900">{{ prestataire?.name ?? '…' }}</h1>
+        </div>
+
+        <p v-if="loading">{{ $t('common.loading') }}</p>
+        <template v-else-if="prestataire">
+            <MalioTabList v-model="activeTab" :tabs="tabs">
+                <template #info>
+                    <div class="flex flex-col gap-4 pt-6">
+                        <div class="relative grid grid-cols-2 gap-x-[44px] gap-y-4 rounded-lg bg-white px-7 py-5 shadow-[0_4px_4px_0_rgba(0,0,0,0.10)]">
+                            <MalioInputText
+                                v-model="info.name"
+                                class="col-span-2"
+                                :label="$t('directory.info.fields.name')"
+                                :error="infoTouched.name && !info.name.trim() ? $t('directory.validation.nameRequired') : ''"
+                                @blur="infoTouched.name = true"
+                            />
+                            <MalioInputText
+                                v-model="info.email"
+                                :label="$t('directory.info.fields.email')"
+                                :error="emailError"
+                            />
+                            <MalioInputText
+                                v-model="info.phone"
+                                :label="$t('directory.info.fields.phone')"
+                                :error="phoneError"
+                            />
+                            <MalioInputText
+                                v-model="info.website"
+                                class="col-span-2"
+                                :label="$t('directory.info.fields.website')"
+                                :error="websiteError"
+                            />
+                        </div>
+                        <div class="flex justify-center pt-2">
+                            <MalioButton
+                                button-class="w-auto px-6"
+                                :label="$t('common.save')"
+                                :disabled="savingInfo || !infoValid"
+                                @click="saveInfo"
+                            />
+                        </div>
+                    </div>
+                </template>
+
+                <template #contact>
+                    <div class="flex flex-col gap-4 pt-6">
+                        <DirectoryContactBlock
+                            v-for="(contact, i) in contacts"
+                            :key="contact.id || `new-${i}`"
+                            :model-value="contact"
+                            :title="$t('directory.contacts.item', { n: i + 1 })"
+                            :removable="contacts.length > 0"
+                            @update:model-value="(v) => onContactInput(i, v)"
+                            @remove="removeContact(i)"
+                        />
+                        <div class="flex justify-center gap-3 pt-2">
+                            <MalioButton
+                                variant="tertiary"
+                                icon-name="mdi:plus"
+                                icon-position="left"
+                                button-class="w-auto px-4"
+                                :label="$t('directory.contacts.add')"
+                                @click="addContact"
+                            />
+                            <MalioButton
+                                button-class="w-auto px-6"
+                                :label="$t('common.save')"
+                                :disabled="savingContacts"
+                                @click="saveContacts"
+                            />
+                        </div>
+                    </div>
+                </template>
+
+                <template #address>
+                    <div class="flex flex-col gap-4 pt-6">
+                        <DirectoryAddressBlock
+                            v-for="(address, i) in addresses"
+                            :key="address.id || `new-${i}`"
+                            :model-value="address"
+                            :title="$t('directory.addresses.item', { n: i + 1 })"
+                            :removable="addresses.length > 0"
+                            @update:model-value="(v) => onAddressInput(i, v)"
+                            @remove="removeAddress(i)"
+                        />
+                        <div class="flex justify-center gap-3 pt-2">
+                            <MalioButton
+                                variant="tertiary"
+                                icon-name="mdi:plus"
+                                icon-position="left"
+                                button-class="w-auto px-4"
+                                :label="$t('directory.addresses.add')"
+                                @click="addAddress"
+                            />
+                            <MalioButton
+                                button-class="w-auto px-6"
+                                :label="$t('common.save')"
+                                :disabled="savingAddresses"
+                                @click="saveAddresses"
+                            />
+                        </div>
+                    </div>
+                </template>
+
+                <template #report>
+                    <CommercialReportTab :owner="owner" :can-manage="canManage" />
+                </template>
+            </MalioTabList>
+        </template>
+    </div>
+</template>
+
+<script setup lang="ts">
+import type { Prestataire } from '~/modules/directory/services/dto/prestataire'
+import { usePrestataireService } from '~/modules/directory/services/prestataires'
+import { isValidEmail, isValidFrPhone, isValidUrl } from '~/modules/directory/utils/validation'
+
+definePageMeta({ middleware: ['admin'] })
+
+const route = useRoute()
+const router = useRouter()
+const { t } = useI18n()
+
+const id = Number(route.params.id)
+const ownerIri = `/api/prestataires/${id}`
+const owner = { prestataire: ownerIri }
+
+const prestataireService = usePrestataireService()
+const {
+    contacts,
+    addresses,
+    savingContacts,
+    savingAddresses,
+    onContactInput,
+    addContact,
+    removeContact,
+    saveContacts,
+    onAddressInput,
+    addAddress,
+    removeAddress,
+    saveAddresses,
+    load,
+} = useDirectoryDetail(owner)
+
+const { can } = usePermissions()
+const canManage = computed(() => can('directory.providers.manage'))
+
+const prestataire = ref<Prestataire | null>(null)
+const loading = ref(true)
+
+const activeTab = ref('info')
+const tabs = [
+    { key: 'info', label: t('directory.tabs.info'), icon: 'mdi:information-outline' },
+    { key: 'contact', label: t('directory.tabs.contact'), icon: 'mdi:account-outline' },
+    { key: 'address', label: t('directory.tabs.address'), icon: 'mdi:map-marker-outline' },
+    { key: 'report', label: t('directory.tabs.report'), icon: 'mdi:file-document-outline' },
+]
+
+const info = reactive({ name: '', email: '', phone: '', website: '' })
+const infoTouched = reactive({ name: false })
+const savingInfo = ref(false)
+
+const emailError = computed(() => (isValidEmail(info.email) ? '' : t('directory.validation.emailInvalid')))
+const phoneError = computed(() => (isValidFrPhone(info.phone) ? '' : t('directory.validation.phoneInvalid')))
+const websiteError = computed(() => (isValidUrl(info.website) ? '' : t('directory.validation.urlInvalid')))
+const infoValid = computed(() => !emailError.value && !phoneError.value && !websiteError.value)
+
+async function saveInfo(): Promise<void> {
+    infoTouched.name = true
+    if (!info.name.trim() || !infoValid.value || savingInfo.value) return
+    savingInfo.value = true
+    try {
+        prestataire.value = await prestataireService.update(id, {
+            name: info.name.trim(),
+            email: info.email.trim() || null,
+            phone: info.phone.trim() || null,
+            website: info.website.trim() || null,
+        })
+    } finally {
+        savingInfo.value = false
+    }
+}
+
+function goBack(): void {
+    router.push('/directory')
+}
+
+onMounted(async () => {
+    prestataire.value = await prestataireService.getById(id)
+    info.name = prestataire.value.name ?? ''
+    info.email = prestataire.value.email ?? ''
+    info.phone = prestataire.value.phone ?? ''
+    info.website = prestataire.value.website ?? ''
+    await load()
+    loading.value = false
+})
+</script>

frontend/modules/directory/pages/directory/prospects/[id].vue

@@ -2,7 +2,7 @@
     <div class="flex flex-col gap-6">
         <div class="flex items-center gap-3 pt-4">
             <MalioButtonIcon icon="mdi:arrow-left" :aria-label="$t('common.back')" @click="goBack" />
-            <h1 class="text-2xl font-bold text-neutral-900">{{ prospect?.name ?? '…' }}</h1>
+            <h1 class="text-2xl font-bold text-neutral-900">{{ prospect?.company ?? '…' }}</h1>
         </div>
 
         <p v-if="loading">{{ $t('common.loading') }}</p>
@@ -11,16 +11,12 @@
                 <template #info>
                     <div class="flex flex-col gap-4 pt-6">
                         <div class="relative grid grid-cols-2 gap-x-[44px] gap-y-4 rounded-lg bg-white px-7 py-5 shadow-[0_4px_4px_0_rgba(0,0,0,0.10)]">
-                            <MalioInputText
-                                v-model="info.name"
-                                class="col-span-2"
-                                :label="$t('prospects.fields.name')"
-                                :error="infoTouched.name && !info.name.trim() ? $t('prospects.validation.nameRequired') : ''"
-                                @blur="infoTouched.name = true"
-                            />
                             <MalioInputText
                                 v-model="info.company"
+                                class="col-span-2"
                                 :label="$t('prospects.fields.company')"
+                                :error="infoTouched.company && !info.company.trim() ? $t('prospects.validation.companyRequired') : ''"
+                                @blur="infoTouched.company = true"
                             />
                             <MalioSelect
                                 v-model="info.status"
@@ -28,13 +24,20 @@
                                 :options="statusOptions"
                                 group-class="w-full"
                             />
+                            <MalioInputText
+                                v-model="info.website"
+                                :label="$t('prospects.fields.website')"
+                                :error="websiteError"
+                            />
                             <MalioInputText
                                 v-model="info.email"
                                 :label="$t('prospects.fields.email')"
+                                :error="emailError"
                             />
                             <MalioInputText
                                 v-model="info.phone"
                                 :label="$t('prospects.fields.phone')"
+                                :error="phoneError"
                             />
                             <MalioInputText
                                 v-model="info.source"
@@ -51,7 +54,7 @@
                             <MalioButton
                                 button-class="w-auto px-6"
                                 :label="$t('common.save')"
-                                :disabled="savingInfo"
+                                :disabled="savingInfo || !infoValid"
                                 @click="saveInfo"
                             />
                         </div>
@@ -129,6 +132,7 @@
 <script setup lang="ts">
 import type { Prospect, ProspectStatus } from '~/modules/directory/services/dto/prospect'
 import { useProspectService } from '~/modules/directory/services/prospects'
+import { isValidEmail, isValidFrPhone, isValidUrl } from '~/modules/directory/utils/validation'
 
 definePageMeta({ middleware: ['admin'] })
 
@@ -182,27 +186,32 @@ const statusOptions = [
 // Champs de base de la fiche, édités en mémoire et persistés au clic sur
 // « Enregistrer » (PATCH), comme les onglets Contact/Adresse.
 const info = reactive<{
-    name: string
     company: string
     email: string
     phone: string
+    website: string
     status: ProspectStatus
     source: string
     notes: string
-}>({ name: '', company: '', email: '', phone: '', status: 'new', source: '', notes: '' })
-const infoTouched = reactive({ name: false })
+}>({ company: '', email: '', phone: '', website: '', status: 'new', source: '', notes: '' })
+const infoTouched = reactive({ company: false })
 const savingInfo = ref(false)
 
+const emailError = computed(() => (isValidEmail(info.email) ? '' : t('directory.validation.emailInvalid')))
+const phoneError = computed(() => (isValidFrPhone(info.phone) ? '' : t('directory.validation.phoneInvalid')))
+const websiteError = computed(() => (isValidUrl(info.website) ? '' : t('directory.validation.urlInvalid')))
+const infoValid = computed(() => !emailError.value && !phoneError.value && !websiteError.value)
+
 async function saveInfo(): Promise<void> {
-    infoTouched.name = true
-    if (!info.name.trim() || savingInfo.value) return
+    infoTouched.company = true
+    if (!info.company.trim() || !infoValid.value || savingInfo.value) return
     savingInfo.value = true
     try {
         prospect.value = await prospectService.update(id, {
-            name: info.name.trim(),
-            company: info.company.trim() || null,
+            company: info.company.trim(),
             email: info.email.trim() || null,
             phone: info.phone.trim() || null,
+            website: info.website.trim() || null,
             status: info.status,
             source: info.source.trim() || null,
             notes: info.notes.trim() || null,
@@ -218,10 +227,10 @@ function goBack(): void {
 
 onMounted(async () => {
     prospect.value = await prospectService.getById(id)
-    info.name = prospect.value.name ?? ''
     info.company = prospect.value.company ?? ''
     info.email = prospect.value.email ?? ''
     info.phone = prospect.value.phone ?? ''
+    info.website = prospect.value.website ?? ''
     info.status = prospect.value.status ?? 'new'
     info.source = prospect.value.source ?? ''
     info.notes = prospect.value.notes ?? ''

frontend/modules/directory/services/addresses.ts

@@ -2,7 +2,7 @@ import type { Address, AddressWrite } from './dto/address'
 import type { HydraCollection } from '~/utils/api'
 import { extractHydraMembers } from '~/utils/api'
 
-type Owner = { client?: string, prospect?: string }
+type Owner = { client?: string, prospect?: string, prestataire?: string }
 
 export function useAddressService() {
     const api = useApi()

frontend/modules/directory/services/commercial-reports.ts

@@ -2,7 +2,7 @@ import type { CommercialReport, CommercialReportWrite } from './dto/commercial-r
 import type { HydraCollection } from '~/utils/api'
 import { extractHydraMembers } from '~/utils/api'
 
-type Owner = { client?: string, prospect?: string }
+type Owner = { client?: string, prospect?: string, prestataire?: string }
 
 export function useCommercialReportService() {
     const api = useApi()

frontend/modules/directory/services/contacts.ts

@@ -2,7 +2,7 @@ import type { Contact, ContactWrite } from './dto/contact'
 import type { HydraCollection } from '~/utils/api'
 import { extractHydraMembers } from '~/utils/api'
 
-type Owner = { client?: string, prospect?: string }
+type Owner = { client?: string, prospect?: string, prestataire?: string }
 
 export function useContactService() {
     const api = useApi()

frontend/modules/directory/services/dto/address.ts

@@ -9,6 +9,7 @@ export type Address = {
     country: string
     client?: string | null
     prospect?: string | null
+    prestataire?: string | null
 }
 
 export type AddressWrite = {
@@ -20,4 +21,5 @@ export type AddressWrite = {
     country: string
     client?: string | null
     prospect?: string | null
+    prestataire?: string | null
 }

frontend/modules/directory/services/dto/client.ts

@@ -4,10 +4,12 @@ export type Client = {
     name: string
     email: string | null
     phone: string | null
+    website: string | null
 }
 
 export type ClientWrite = {
     name: string
     email?: string | null
     phone?: string | null
+    website?: string | null
 }

frontend/modules/directory/services/dto/commercial-report.ts

@@ -12,6 +12,7 @@ export type CommercialReport = {
     author?: { id: number, username: string } | null
     client?: string | null
     prospect?: string | null
+    prestataire?: string | null
     documents?: ReportDocument[]
     createdAt?: string
     updatedAt?: string
@@ -24,4 +25,5 @@ export type CommercialReportWrite = {
     type: ReportType
     client?: string | null
     prospect?: string | null
+    prestataire?: string | null
 }

frontend/modules/directory/services/dto/contact.ts

@@ -9,6 +9,7 @@ export type Contact = {
     phoneSecondary: string | null
     client?: string | null
     prospect?: string | null
+    prestataire?: string | null
 }
 
 export type ContactWrite = {
@@ -20,4 +21,5 @@ export type ContactWrite = {
     phoneSecondary: string | null
     client?: string | null
     prospect?: string | null
+    prestataire?: string | null
 }

frontend/modules/directory/services/dto/prestataire.ts

@@ -0,0 +1,15 @@
+export type Prestataire = {
+    id: number
+    '@id'?: string
+    name: string
+    email: string | null
+    phone: string | null
+    website: string | null
+}
+
+export type PrestataireWrite = {
+    name: string
+    email?: string | null
+    phone?: string | null
+    website?: string | null
+}

frontend/modules/directory/services/dto/prospect.ts

@@ -5,10 +5,10 @@ export type ProspectStatus = 'new' | 'contacted' | 'qualified' | 'won' | 'lost'
 export type Prospect = {
     id: number
     '@id'?: string
-    name: string
-    company: string | null
+    company: string
     email: string | null
     phone: string | null
+    website: string | null
     status: ProspectStatus
     source: string | null
     notes: string | null
@@ -18,10 +18,10 @@ export type Prospect = {
 }
 
 export type ProspectWrite = {
-    name: string
-    company?: string | null
+    company: string
     email?: string | null
     phone?: string | null
+    website?: string | null
     status?: ProspectStatus
     source?: string | null
     notes?: string | null

frontend/modules/directory/services/prestataires.ts

@@ -0,0 +1,36 @@
+import type { Prestataire, PrestataireWrite } from './dto/prestataire'
+import type { HydraCollection } from '~/utils/api'
+import { extractHydraMembers } from '~/utils/api'
+
+export function usePrestataireService() {
+    const api = useApi()
+
+    async function getAll(): Promise<Prestataire[]> {
+        const data = await api.get<HydraCollection<Prestataire>>('/prestataires')
+        return extractHydraMembers(data)
+    }
+
+    async function getById(id: number): Promise<Prestataire> {
+        return api.get<Prestataire>(`/prestataires/${id}`)
+    }
+
+    async function create(payload: PrestataireWrite): Promise<Prestataire> {
+        return api.post<Prestataire>('/prestataires', payload as Record<string, unknown>, {
+            toastSuccessKey: 'prestataires.created',
+        })
+    }
+
+    async function update(id: number, payload: Partial<PrestataireWrite>): Promise<Prestataire> {
+        return api.patch<Prestataire>(`/prestataires/${id}`, payload as Record<string, unknown>, {
+            toastSuccessKey: 'prestataires.updated',
+        })
+    }
+
+    async function remove(id: number): Promise<void> {
+        await api.delete(`/prestataires/${id}`, {}, {
+            toastSuccessKey: 'prestataires.deleted',
+        })
+    }
+
+    return { getAll, getById, create, update, remove }
+}

frontend/modules/directory/utils/validation.ts

@@ -0,0 +1,40 @@
+// Validateurs partagés du répertoire (annuaire). Chaque validateur considère
+// une valeur VIDE comme valide : les champs email/téléphone/site web sont
+// facultatifs — la validation ne porte que sur le format quand c'est renseigné.
+
+/** Email basique (présence d'un @ entouré de caractères, un point dans le domaine). */
+const EMAIL_RE = /^[^\s@]+@[^\s@]+\.[^\s@]+$/
+
+/**
+ * Téléphone français : 10 chiffres commençant par 0 (ex. `0549200910`) — format
+ * saisi par l'utilisateur, sans séparateurs — ou notation internationale
+ * `+33XXXXXXXXX` (9 chiffres après l'indicatif). Les espaces, points et tirets
+ * sont tolérés à la frappe (retirés avant contrôle).
+ */
+const FR_PHONE_NATIONAL_RE = /^0\d{9}$/
+const FR_PHONE_INTL_RE = /^\+33\d{9}$/
+
+const URL_RE = /^https?:\/\/[^\s.]+\.[^\s]+$/
+
+/** Retire les séparateurs usuels d'un numéro (espaces, points, tirets, parenthèses). */
+export function stripPhoneSeparators(value: string): string {
+    return value.replace(/[\s.\-()]/g, '')
+}
+
+export function isValidEmail(value: string | null | undefined): boolean {
+    const v = (value ?? '').trim()
+    if (v === '') return true
+    return EMAIL_RE.test(v)
+}
+
+export function isValidFrPhone(value: string | null | undefined): boolean {
+    const v = stripPhoneSeparators((value ?? '').trim())
+    if (v === '') return true
+    return FR_PHONE_NATIONAL_RE.test(v) || FR_PHONE_INTL_RE.test(v)
+}
+
+export function isValidUrl(value: string | null | undefined): boolean {
+    const v = (value ?? '').trim()
+    if (v === '') return true
+    return URL_RE.test(v)
+}