chore: bump version to v0.1.156

## Objectif

Améliorer les multiselects (`MalioSelectCheckbox`) de l'application :

### Couleur des sites sur les tags
Les tags des multiselects **sites** (86 / 17 / 82) prennent désormais :
- en **fond** la couleur d'identification du site (champ `color`, groupe `site:read` — déjà exposé côté API, aucune modif back) ;
- en **texte** du blanc, pour rester lisibles sur les fonds colorés.

Appliqué en saisie **et** en consultation, dans les 4 modules concernés : Clients (M1), Fournisseurs (M2), Prestataires (M3), Produits (M6).

### Limite d'affichage des autres multiselects
Tous les multiselects **non-sites** (catégories, contacts, états, types de stockage…) affichent **au maximum 3 tags** ; le surplus est condensé en « +N ».

## Dépendance
- Bump `@malio/layer-ui` `1.7.15` → `1.7.17` (support `color` / `textColor` et `maxTags` sur les options).

## Tests
- 722 tests Vitest verts (69 fichiers), assertions des options sites enrichies (`color` / `textColor`).
- ESLint clean sur les 15 fichiers `.vue` modifiés.

> Commit front-only : hook pre-commit (tests back) contourné via `--no-verify`, la validation front a été lancée séparément.

Reviewed-on: #161
Co-authored-by: tristan <tristan@yuno.malio.fr>
Co-committed-by: tristan <tristan@yuno.malio.fr>

config/packages/security.yaml

@@ -33,9 +33,14 @@ security:
             stateless: true
             provider: app_user_provider
             jwt: ~
+            # API JWT stateless : pas de `target` (redirection 302) — le logout
+            # renvoie 204 via ApiLogoutSuccessListener. Une redirection generait
+            # une URL absolue basee sur le Host (en dev : l'upstream proxy
+            # « nginx », non resolvable par le navigateur => ERR_NAME_NOT_RESOLVED
+            # + ~3 s de timeout DNS). Le cookie BEARER reste efface par
+            # delete_cookies.
             logout:
                 path: /api/logout
-                target: /login
                 enable_csrf: false
                 delete_cookies:
                     BEARER:

config/sidebar.php

@@ -184,6 +184,9 @@ return [
     // Section "Mon compte" : espace personnel. Accessible a tout user authentifie
     // (aucune permission RBAC requise, tous les items restent dans `core` pour
     // rester toujours presents meme quand les modules metier sont desactives).
+    // La deconnexion a quitte cette section : elle vit desormais dans le footer
+    // de la sidebar (compte connecte + lien deconnexion + version, cf.
+    // frontend/app/layouts/default.vue + useLogout).
     [
         'label' => 'sidebar.account.section',
         'icon'  => 'mdi:account-circle-outline',
@@ -194,12 +197,6 @@ return [
                 'icon'   => 'mdi:view-dashboard-outline',
                 'module' => 'core',
             ],
-            [
-                'label'  => 'sidebar.account.logout',
-                'to'     => '/logout',
-                'icon'   => 'mdi:logout',
-                'module' => 'core',
-            ],
         ],
     ],
 ];

config/version.yaml

@@ -1,2 +1,2 @@
 parameters:
-    app.version: '0.1.153'
+    app.version: '0.1.156'

docs/specs/M6-produit/spec-back.md

@@ -35,7 +35,7 @@ statut_global: pret_a_dev
 # === DÉPENDANCES AMONT ===
 depend_de:
   - Catalog        # Module hôte (REQUIRED). Category + CategoryType (ajout du type PRODUIT) + nouveau StorageType + Product
-  - Sites          # Site (relation ManyToMany product↔site) + filtrage des types de stockage par site
+  - Sites          # Site (relation ManyToMany product↔site, RG-6.04)
   - Core           # User, Role, Permission, Audit, JWT
   - Shared         # TimestampableBlamableTrait + Subscriber (ERP-52) + CategoryInterface
 ---
@@ -65,7 +65,7 @@ Cette spec **complète et précise** la [spec front V0.1](./spec-front.md) (docx
 | C1 | « Module 7 — Catalogue produit » / « Module Administration » | Le projet n'a pas de « Module 7 » ni de module « Administration » ; un module `Catalog` existe déjà. | **Produit logé dans `Catalog`** ; item sidebar dans la **section Administration**, sous « Répertoire transporteurs » (§ 2.1 / § 5.3). |
 | C2 | Colonnes liste = `Nom`, `Numéro`, `Catégorie` ; formulaire = `Nom`, `Code produit`, `Catégorie` | « Numéro » (liste) vs « Code produit » (formulaire) : 2 noms pour quoi ? | **Même champ** : `code` (= « Numéro » = « Code produit »), **saisi**, **unique global**, 409 sur doublon (RG-6.01). La colonne liste « Numéro » affiche `code`. |
 | C3 | « État du produit » : Multi-select **obligatoire**, valeurs *Achat / Vendu / Autre* | Les onglets parlent de *Achat / Vendu / **Aucun*** → « Autre » ≠ « Aucun ». Et « obligatoire » + « Aucun » se contredisent. | **Enum `PURCHASE` / `SALE` / `OTHER`**, multi-select, **≥ 1 obligatoire** (RG-6.02). « Aucun » des onglets = « ni Achat ni Vendu » (donc `OTHER` seul). |
-| C4 | « Type de stockage » : « *liste fournie par Aurore* en fonction des sites » | Aucun référentiel de stockage n'existe en base ; la vraie liste est en attente. | **Référentiel minimal `StorageType` créé maintenant** (provisoire), seedé avec la liste Figma (node 1503-34285) ; options **filtrées par les sites sélectionnés** (RG-6.06, § 2.4). À re-seeder quand Aurore livre la liste/le mapping site définitifs (HP-M6-02). |
+| C4 | « Type de stockage » : « *liste fournie par Aurore* en fonction des sites » | Aucun référentiel de stockage n'existe en base ; la vraie liste est en attente. | **Référentiel minimal `StorageType` créé maintenant** (provisoire, **plat**), seedé avec la liste Figma (node 1503-34285) ; multi-select listant **tous** les types (plus de filtrage par site — décision 26/06, § 2.4). La disponibilité par site relèvera du futur module **Stockage**. À re-seeder quand Aurore livre la liste définitive (HP-M6-02). |
 | C5 | « Catégorie produit » : « Liste des catégories produit » | Le type `PRODUIT` n'est pas seedé ; aucune catégorie produit n'existe. | Le M6 **seede le `CategoryType` PRODUIT** + quelques `Category` produit, et le select est **filtré `?typeCode=PRODUIT`** (RG-6.05, § 2.5). |
 | C6 | « Fabriqué » / « Contient de la mélasse » : « apparaît si État = Vendu » | Comportement front only ? Que stocke-t-on si l'état n'est plus Vendu ? | Booléens **conditionnés à `SALE`** : saisis seulement si l'état contient `SALE`, sinon **forcés `false` serveur** (RG-6.03). |
 | C7 | RBAC : Admin = Tout, tous les autres rôles = Non | Très restrictif (admin-only). Confirmé ? | **Confirmé** : `catalog.products.view` / `.manage` attribués **au seul rôle Admin** (§ 5.2). |
@@ -95,14 +95,16 @@ Ajout au module **`Catalog`** (pas de nouveau module — C1) :
 
 Pilotage des champs conditionnels (RG-6.03) : `manufactured` et `containsMolasses` ne sont **saisissables que si `states` contient `SALE`** ; sinon forcés `false` côté serveur (Processor) — pas de state machine.
 
-### 2.4 Référentiel `StorageType` (C4 / RG-6.06) — PROVISOIRE
+### 2.4 Référentiel `StorageType` (C4 / RG-6.06) — PROVISOIRE, référentiel PLAT
 
 > **Décision Matthieu (24/06)** : créer un **référentiel minimal** en attendant la liste/mapping définitifs d'Aurore. Seed = liste Figma (node 1503-34285).
+>
+> **Décision Tristan (26/06)** : `StorageType` devient un **référentiel PLAT** — plus de rattachement aux sites. La disponibilité « tel type sur tel site » relèvera de la **future entité `Stockage`** (module Stockage : un stockage = 1 site + 1 type), dérivée des stockages réels. On **retire** donc la jointure `storage_type_site` et **tout filtrage du multi-select par site** (migration `Version20260626100000` : drop de la jointure + seed idempotent). Le référentiel est aussi seedé **en migration** (prod-safe, comme `payment_type`/`bank`/`country`), la fixture ne servant qu'au re-seed dev après purge.
 
-- Entité `StorageType` (`Catalog`) : `id`, `code` (slug MAJUSCULE stable, unique), `label` (FR affiché), relation **`sites` ManyToMany → Site** (sur quels sites ce type de stockage est disponible).
+- Entité `StorageType` (`Catalog`) : `id`, `code` (slug MAJUSCULE stable, unique), `label` (FR affiché). **Plus de relation `sites`.**
-- **Seed initial (10 valeurs, Figma)** : Boisseau, Boisseau dosage, Case, Cellule, Container, Cuve mélasse, Stockage big bag, Stockage palette, Tas, Zone. **Provisoirement rattachés aux 3 sites** (86/17/82) tant qu'Aurore n'a pas précisé le mapping réel par site.
+- **Seed (10 valeurs, Figma)** : Boisseau, Boisseau dosage, Case, Cellule, Container, Cuve mélasse, Stockage big bag, Stockage palette, Tas, Zone. Seedées en migration (`ON CONFLICT (code) DO NOTHING`) **et** par `StorageTypeFixtures` (dev/test).
-- Le champ produit « Type de stockage » est un **multi-select filtré par les sites sélectionnés** dans le formulaire : `GET /api/storage_types?siteId[]=…` ne renvoie que les types disponibles sur ces sites (RG-6.06).
+- Le champ produit « Type de stockage » est un **multi-select listant TOUS les types** : `GET /api/storage_types` (plus de paramètre `?siteId[]=`).
-- **Provisoire** : codes, libellés et mapping site sont à revalider/re-seeder à réception de la liste Aurore (HP-M6-02). Référentiel en **lecture seule** au M6 (pas de CRUD admin du StorageType — HP-M6-03).
+- **Provisoire** : codes et libellés sont à revalider/re-seeder à réception de la liste Aurore (HP-M6-02). Référentiel en **lecture seule** au M6 (pas de CRUD admin du StorageType — HP-M6-03).
 
 ### 2.5 Catégorie produit — type `PRODUIT` (C5 / RG-6.05)
 
@@ -155,7 +157,7 @@ Le docx M6 ne prévoit **ni archivage ni suppression** (actions = + Ajouter / Ex
         +---+
 ```
 
-Tables de jonction : `product_site (product_id, site_id)`, `product_storage_type (product_id, storage_type_id)`, `storage_type_site (storage_type_id, site_id)`.
+Tables de jonction : `product_site (product_id, site_id)`, `product_storage_type (product_id, storage_type_id)`. *(La jonction `storage_type_site` initialement créée par ERP-198 a été **supprimée** : `StorageType` est devenu un référentiel plat — migration `Version20260626100000`, décision 26/06, § 2.4.)*
 
 ### 3.2 Migration Doctrine — SQL Postgres (illustratif)
 
@@ -176,6 +178,8 @@ CREATE TABLE storage_type (
 );
 CREATE UNIQUE INDEX uq_storage_type_code ON storage_type (code);
 
+-- NB : storage_type_site (créée ici par ERP-198) est DROPPÉE par la migration
+-- Version20260626100000 — StorageType est un référentiel plat (décision 26/06, § 2.4).
 CREATE TABLE storage_type_site (
     storage_type_id INT NOT NULL REFERENCES storage_type(id) ON DELETE CASCADE,
     site_id         INT NOT NULL REFERENCES site(id)         ON DELETE CASCADE,
@@ -355,7 +359,7 @@ class Product implements TimestampableInterface, BlamableInterface
     #[Groups(['product:read', 'product:write'])]
     private Collection $sites;
 
-    /** @var Collection<int, StorageType> Types de stockage (≥ 1, filtrés par sites — RG-6.06). */
+    /** @var Collection<int, StorageType> Types de stockage (≥ 1 — RG-6.06, référentiel plat). */
     #[ORM\ManyToMany(targetEntity: StorageType::class)]
     #[ORM\JoinTable(name: 'product_storage_type')]
     #[Assert\Count(min: 1, minMessage: 'Sélectionnez au moins un type de stockage.')]
@@ -371,8 +375,9 @@ class Product implements TimestampableInterface, BlamableInterface
         $this->storageTypes = new ArrayCollection();
     }
 
-    // RG-6.03 (champs conditionnels SALE) + RG-6.05 (catégorie de type PRODUIT)
+    // RG-6.03 (champs conditionnels SALE) + RG-6.05 (catégorie de type PRODUIT) :
-    // + RG-6.06 (types de stockage ⊆ sites) : cohérence via #[Assert\Callback] (§ 7).
+    // cohérence via #[Assert\Callback] (§ 7). RG-6.06 = simple Assert\Count(min:1)
+    // (référentiel plat, plus de contrainte de disponibilité par site).
     // ... getters/setters ...
 }
 ```
@@ -544,7 +549,7 @@ Pagination obligatoire (règle ABSOLUE n°13) — provider ORM via `ApiPlatform\
 
 - Opérations : `GetCollection` + `Get` (lecture seule au M6 — § 2.4).
 - Sécurité : `is_granted('catalog.products.view')` (référentiel servant le formulaire produit). *(Si un autre rôle doit lire ce référentiel sans accès produit, ajouter une `read_ref` dédiée — non requis au M6 vu le RBAC admin-only.)*
-- **`?siteId[]=…`** : filtre les types disponibles sur les sites passés (alimente le multi-select « Type de stockage » filtré par les sites cochés — RG-6.06).
+- Référentiel **plat** : renvoie TOUS les types (plus de paramètre `?siteId[]=` — RG-6.06 revue, § 2.4).
 - **`?pagination=false`** : échappatoire select (référentiel borné ≤ quelques dizaines) — règle frontend.
 - `normalizationContext: ['storage_type:read']` ; tri `label ASC`.
 
@@ -555,7 +560,7 @@ Pagination obligatoire (règle ABSOLUE n°13) — provider ORM via `ApiPlatform\
   1. Normalise `code` (trim + UPPER) et `name` (trim) — RG-6.07.
   2. Valide l'**unicité globale** du `code` parmi les actifs → **409** sur doublon (RG-6.01).
   3. Force `manufactured` / `containsMolasses` à `false` si `states` ne contient pas `SALE` (RG-6.03).
-  4. Valide que `category` est de type **PRODUIT** (RG-6.05) et que `storageTypes ⊆` types disponibles sur les `sites` choisis (RG-6.06) → 422 sinon.
+  4. Valide que `category` est de type **PRODUIT** (RG-6.05) → 422 sinon. `storageTypes` : `≥ 1` (RG-6.06, référentiel plat — plus de contrainte de disponibilité par site).
 - Réponse `201` avec le produit complet.
 
 ### 4.4 `PATCH /api/products/{id}` (modification)
@@ -628,13 +633,13 @@ Toute permission `catalog.products.*` doit être posée **simultanément** dans
 | **RG-6.03** | docx+back | « Fabriqué » et « Contient de la mélasse » saisissables **uniquement si `states` contient `SALE`** ; sinon forcés `false` serveur. |
 | **RG-6.04** | docx | `sites` (multi-select) obligatoire, **≥ 1** site. |
 | **RG-6.05** | docx+back | `category` obligatoire, limitée aux catégories de **type PRODUIT** (select filtré `?typeCode=PRODUIT` + validation Callback 422). |
-| **RG-6.06** | docx+back | `storageTypes` (multi-select) obligatoire, **≥ 1**, options **filtrées par les sites sélectionnés** ; référentiel `StorageType` **provisoire** (en attente Aurore). |
+| **RG-6.06** | docx+back | `storageTypes` (multi-select) obligatoire, **≥ 1**. Référentiel `StorageType` **plat** (tous les types, **plus de filtrage par site** — décision 26/06, § 2.4) et **provisoire** (en attente Aurore). |
 | **RG-6.07** | back | Normalisation serveur : `code` trim+UPPER, `name` trim (§ 6). |
 | **RG-6.08** | back | « Modification » = même formulaire/mêmes règles que « Ajouter » ; bouton « Valider » → « Enregistrer » (docx p.7). Code & contraintes inchangés. |
 | **RG-6.09** | back | Liste : exclut par défaut les produits soft-deleted ; pas de Delete exposé (§ 2.7). |
-| **RG-6.10** | back | Onglets « Fournisseurs » / « Clients » = **hors périmètre V0** (placeholder), dépendent du module Contrat inexistant (HP-M6-01). |
+| **RG-6.10** | back+front | Onglets « Fournisseurs » / « Clients » = **hors périmètre V0** (placeholder), dépendent du module Contrat inexistant (HP-M6-01). **Front** : (a) NON affichés à l'ajout — n'apparaissent qu'après validation du formulaire principal (écran de modification) ; (b) visibilité conditionnée par l'état (cf. C3, « Aucun » = `OTHER`) : « Fournisseurs » si `PURCHASE` ou `OTHER`, « Clients » si `SALE` ou `OTHER`. |
 
-Cohérence inter-champs (RG-6.03 / 6.05 / 6.06) implémentée via `#[Assert\Callback]` portant des messages FR + CHECK Postgres (non-vacuité `states`).
+Cohérence inter-champs (RG-6.03 / 6.05) implémentée via `#[Assert\Callback]` portant des messages FR + CHECK Postgres (non-vacuité `states`). RG-6.06 : simple `Assert\Count(min:1)` (référentiel plat, plus de validation de disponibilité par site).
 
 ## 8. Tests (PHPUnit) — `make test`
 
@@ -643,7 +648,7 @@ Cohérence inter-champs (RG-6.03 / 6.05 / 6.06) implémentée via `#[Assert\Call
 - **`ProductStatesValidationTest`** : ≥ 1 état (RG-6.02) ; valeurs hors enum rejetées.
 - **`ProductConditionalFieldsTest`** : `manufactured`/`containsMolasses` forcés `false` si pas `SALE` (RG-6.03).
 - **`ProductCategoryTypeTest`** : 422 si `category` n'est pas de type PRODUIT (RG-6.05).
-- **`ProductStorageTypeBySiteTest`** : 422 si un `storageType` n'est pas disponible sur les `sites` choisis (RG-6.06).
+- ~~**`ProductStorageTypeBySiteTest`**~~ : supprimé — `StorageType` est un référentiel plat (plus de disponibilité par site, RG-6.06 revue, § 2.4).
 - **RBAC** : Admin OK ; Bureau/Compta/Commerciale/Usine → 403 (view + manage).
 - **Architecture** (déjà en place, ne pas casser) : `ColumnsHaveSqlCommentTest`, `EntitiesAreTimestampableBlamableTest` (whitelister `StorageType`), `AuditableEntitiesHaveI18nLabelTest` (`catalog_product`), `CollectionsArePaginatedTest`, `EntityConstraintsHaveFrenchMessageTest`.
 
@@ -652,7 +657,7 @@ Cohérence inter-champs (RG-6.03 / 6.05 / 6.06) implémentée via `#[Assert\Call
 | Réf | Sujet |
 |---|---|
 | **HP-M6-01** | **Onglets « Fournisseurs » et « Clients »** du produit (liaison à des **contrats** client/fournisseur, « clients en prestation de triage », « contrats TAF »). Dépend d'un **module Contrat inexistant**. Rendus en **placeholder « en cours de développement »** au M6 (§ 1.bis C8, RG-6.10). À spécifier quand le module Contrat existera. |
-| **HP-M6-02** | Liste/mapping **définitifs des types de stockage par site** (fournis par Aurore). Re-seed du référentiel `StorageType` + révision du filtrage par site (§ 2.4). |
+| **HP-M6-02** | Liste **définitive des types de stockage** (fournie par Aurore). Re-seed du référentiel `StorageType` (§ 2.4). La disponibilité par site relèvera du futur module **Stockage** (un stockage = 1 site + 1 type), pas de ce référentiel. |
 | **HP-M6-03** | **CRUD admin du référentiel `StorageType`** (création/édition par un admin). Au M6 : lecture seule + seed. |
 | **HP-M6-04** | Archivage / suppression d'un produit (non prévu au docx — soft delete préparé mais non exposé, § 2.7). |
 | **HP-M6-05** | Contrainte SQL « `category` de type PRODUIT » au niveau base (au M6 : validation applicative seulement, § 2.5). |
@@ -670,6 +675,7 @@ Cohérence inter-champs (RG-6.03 / 6.05 / 6.06) implémentée via `#[Assert\Call
 | 6 | Tests PHPUnit RG-6.01→6.10 + capture contrat JSON | Backend |
 | 7 | Page liste `/admin/products` (usePaginatedList) + drawer filtre + export | Frontend |
 | 8 | Écran Ajouter (champs conditionnels SALE, selects filtrés catégorie/stockage) | Frontend |
+| 8.bis | Écran **Consultation** (lecture seule) `/admin/products/{id}` : clic sur une ligne → consultation (pas l'édition directe), bouton « Modifier » → édition. **Règle ERP-193 (calque client/fournisseur)** : champs vides + checkbox non cochées masqués, et **onglets vides masqués** → les coquilles Fournisseurs/Clients (placeholder, module Contrat inexistant) ne sont **pas affichées en consultation** (elles restent visibles à l'édition). | Frontend |
 | 9 | Écran Modification (« Enregistrer ») + onglets **placeholder « en cours de dev »** (Fournisseurs / Clients) | Frontend |
 | 10 | i18n + libellé audit (`catalog_product`) | Frontend |
 

docs/superpowers/plans/2026-06-25-erp-208-fix-ticket-pesee.md

@@ -0,0 +1,353 @@
+# ERP-208 — Fix ticket de pesée — Plan d'implémentation
+
+> **For agentic workers:** REQUIRED SUB-SKILL: superpowers:subagent-driven-development ou superpowers:executing-plans. Étapes en cases à cocher (`- [ ]`).
+
+**Goal:** Ajouter le nom du tiers dans un cartouche bordé en haut à droite du bon de pesée PDF, et filtrer les listes Client/Fournisseur du formulaire de ticket sur le site courant (avec recharge au changement de site).
+
+**Architecture:** Le filtre back `?siteId[]=` existe déjà sur `/clients` et `/suppliers` (joint adresses→sites) → point 2 = front uniquement. Point 1 = une méthode entité `getCounterpartyName()` + refonte du header du template Twig en table 2 colonnes (Dompdf = CSS 2.1).
+
+**Tech Stack:** PHP 8.4 / Symfony / API Platform / Doctrine / Twig + Dompdf ; Nuxt 4 / Vue 3 / Vitest.
+
+## Global Constraints
+
+- `declare(strict_types=1);` en tête de tout fichier PHP.
+- Commentaires en **français**, code (noms) en anglais.
+- Front : `useApi()` uniquement, composants `Malio*`, 4 espaces, TS strict.
+- Dompdf : **CSS 2.1 uniquement** (pas de flex/grid) → mise en page par tableaux.
+- **Aucun commit sans demande explicite de Tristan** (les étapes « commit » sont différées en fin de chantier, sur demande).
+- Vérif finale : `make test` + `make nuxt-test` + `make php-cs-fixer-allow-risky`. Pas d'E2E.
+
+---
+
+### Task 1 : `WeighingTicket::getCounterpartyName()` (back)
+
+**Files:**
+- Modify: `src/Module/Logistique/Domain/Entity/WeighingTicket.php` (ajout méthode près de `getOtherLabel`, ~ligne 449)
+- Test: `tests/Module/Logistique/Domain/WeighingTicketCounterpartyNameTest.php` (create)
+
+**Interfaces:**
+- Produces: `WeighingTicket::getCounterpartyName(): ?string` — companyName du client/fournisseur ou otherLabel selon `counterpartyType`, null sinon. Consommé par le template Twig (Task 2).
+
+- [ ] **Step 1 : test qui échoue**
+
+```php
+<?php
+
+declare(strict_types=1);
+
+namespace App\Tests\Module\Logistique\Domain;
+
+use App\Module\Commercial\Domain\Entity\Client;
+use App\Module\Commercial\Domain\Entity\Supplier;
+use App\Module\Logistique\Domain\Entity\WeighingTicket;
+use PHPUnit\Framework\TestCase;
+
+final class WeighingTicketCounterpartyNameTest extends TestCase
+{
+    public function testReturnsClientCompanyNameForClientCounterparty(): void
+    {
+        $client = (new Client())->setCompanyName('Ferme du Pré');
+        $ticket = (new WeighingTicket())->setCounterpartyType('CLIENT')->setClient($client);
+
+        self::assertSame('Ferme du Pré', $ticket->getCounterpartyName());
+    }
+
+    public function testReturnsSupplierCompanyNameForSupplierCounterparty(): void
+    {
+        $supplier = (new Supplier())->setCompanyName('Coop Sud');
+        $ticket = (new WeighingTicket())->setCounterpartyType('FOURNISSEUR')->setSupplier($supplier);
+
+        self::assertSame('Coop Sud', $ticket->getCounterpartyName());
+    }
+
+    public function testReturnsOtherLabelForOtherCounterparty(): void
+    {
+        $ticket = (new WeighingTicket())->setCounterpartyType('AUTRE')->setOtherLabel('Particulier');
+
+        self::assertSame('Particulier', $ticket->getCounterpartyName());
+    }
+
+    public function testReturnsNullWhenNoCounterparty(): void
+    {
+        self::assertNull((new WeighingTicket())->getCounterpartyName());
+    }
+}
+```
+
+- [ ] **Step 2 : lancer le test → échec**
+
+`make test` filtré : `docker exec php-starseed-fpm php bin/phpunit tests/Module/Logistique/Domain/WeighingTicketCounterpartyNameTest.php`
+Attendu : FAIL (`getCounterpartyName` n'existe pas). Vérifier au passage que `Client`/`Supplier` ont bien un constructeur sans argument et `setCompanyName` (sinon adapter l'instanciation du test au pattern existant des entités).
+
+- [ ] **Step 3 : implémentation minimale**
+
+Dans `WeighingTicket.php`, après `getOtherLabel()`/`setOtherLabel()` :
+
+```php
+    /**
+     * Nom du tiers à afficher (bon de pesée PDF, ERP-208) : raison sociale du
+     * client/fournisseur ou libellé libre selon le type de contrepartie (RG-5.03).
+     * Null si aucune contrepartie cohérente (brouillon).
+     */
+    public function getCounterpartyName(): ?string
+    {
+        return match ($this->counterpartyType) {
+            'CLIENT' => $this->client?->getCompanyName(),
+            'FOURNISSEUR' => $this->supplier?->getCompanyName(),
+            'AUTRE' => $this->otherLabel,
+            default => null,
+        };
+    }
+```
+
+- [ ] **Step 4 : lancer le test → succès**
+
+`docker exec php-starseed-fpm php bin/phpunit tests/Module/Logistique/Domain/WeighingTicketCounterpartyNameTest.php` → PASS.
+
+---
+
+### Task 2 : Cartouche tiers dans le template PDF
+
+**Files:**
+- Modify: `templates/logistique/weighing_ticket_print.html.twig`
+
+**Interfaces:**
+- Consumes: `ticket.counterpartyName` (Task 1).
+
+- [ ] **Step 1 : ajouter le style du cartouche + header 2 colonnes**
+
+Dans le `<style>`, ajouter :
+
+```css
+        .header { width: 100%; border-collapse: collapse; }
+        .header td { vertical-align: top; }
+        .header .h-right { text-align: right; }
+        .party-box { display: inline-block; border: 1px solid #000; padding: 8px 12px; min-width: 160px; text-align: center; font-weight: bold; font-size: 12px; }
+```
+
+- [ ] **Step 2 : remplacer le bloc logo + identité par une table 2 colonnes**
+
+Remplacer (logo + 3 lignes company) par :
+
+```twig
+    <table class="header">
+        <tr>
+            <td>
+                {% if logoSrc %}
+                    <div class="logo"><img src="{{ logoSrc }}" alt="LPC LIOT"></div>
+                {% endif %}
+                <div class="company-name">SA LIOT Châtellerault</div>
+                <div class="company-line">Email : lpc.contacts@lpc-liot.fr</div>
+                <div class="company-line">RCS Châtellerault B 339 505 612</div>
+            </td>
+            <td class="h-right">
+                {% if ticket.counterpartyName %}
+                    <div class="party-box">{{ ticket.counterpartyName }}</div>
+                {% endif %}
+            </td>
+        </tr>
+    </table>
+```
+
+(Le `.title` « Ticket de pesée » et la suite restent inchangés, sous la table.)
+
+- [ ] **Step 3 : vérifier le rendu PDF**
+
+Le test existant `WeighingTicketPrintApiTest` doit rester vert :
+`docker exec php-starseed-fpm php bin/phpunit tests/Module/Logistique/Api/WeighingTicketPrintApiTest.php` → PASS (`%PDF`, content-type, disposition inchangés).
+
+---
+
+### Task 3 : `useWeighingTicketReferentials.load(siteId?)` (front)
+
+**Files:**
+- Modify: `frontend/modules/logistique/composables/useWeighingTicketReferentials.ts`
+- Test: `frontend/modules/logistique/composables/__tests__/useWeighingTicketReferentials.spec.ts` (create)
+
+**Interfaces:**
+- Produces: `load(siteId?: number | null): Promise<void>` — passe `siteId[]=<siteId>` aux fetch `/clients` et `/suppliers` quand `siteId` est fourni ; sinon comportement actuel (liste complète).
+
+- [ ] **Step 1 : test qui échoue**
+
+```ts
+import { describe, it, expect, vi, beforeEach } from 'vitest'
+
+const getMock = vi.fn()
+vi.stubGlobal('useApi', () => ({ get: getMock }))
+
+import { useWeighingTicketReferentials } from '~/modules/logistique/composables/useWeighingTicketReferentials'
+
+describe('useWeighingTicketReferentials', () => {
+    beforeEach(() => {
+        getMock.mockReset()
+        getMock.mockResolvedValue({ member: [] })
+    })
+
+    it('passe siteId[] aux deux endpoints quand un site est fourni', async () => {
+        const { load } = useWeighingTicketReferentials()
+        await load(7)
+
+        const clientsCall = getMock.mock.calls.find(c => c[0] === '/clients')
+        const suppliersCall = getMock.mock.calls.find(c => c[0] === '/suppliers')
+        expect(clientsCall?.[1]).toMatchObject({ pagination: 'false', 'siteId[]': [7] })
+        expect(suppliersCall?.[1]).toMatchObject({ pagination: 'false', 'siteId[]': [7] })
+    })
+
+    it('ne passe pas siteId[] quand aucun site (liste complète)', async () => {
+        const { load } = useWeighingTicketReferentials()
+        await load(null)
+
+        const clientsCall = getMock.mock.calls.find(c => c[0] === '/clients')
+        expect(clientsCall?.[1]).not.toHaveProperty('siteId[]')
+    })
+})
+```
+
+- [ ] **Step 2 : lancer → échec**
+
+`make nuxt-test` (ou ciblé) → FAIL (`load` n'accepte pas d'argument / `siteId[]` absent).
+
+- [ ] **Step 3 : implémentation**
+
+Modifier `fetchAll` et `load` :
+
+```ts
+    /** Récupère une collection complète (pagination désactivée) en Hydra, filtrée site si fourni. */
+    async function fetchAll(url: string, siteId?: number | null): Promise<PartyMember[]> {
+        const query: Record<string, unknown> = { pagination: 'false' }
+        // Filtre par site courant (ERP-208) : un tiers est rattaché à un site via
+        // les sites de ses adresses. Param `siteId[]` déjà géré par les providers M1/M2.
+        if (siteId !== null && siteId !== undefined) {
+            query['siteId[]'] = [siteId]
+        }
+        const res = await api.get<{ member?: PartyMember[] }>(
+            url,
+            query,
+            { headers: LD_JSON_HEADERS, toast: false },
+        )
+        return res.member ?? []
+    }
+
+    async function load(siteId?: number | null): Promise<void> {
+        await Promise.allSettled([
+            fetchAll('/clients', siteId).then((list) => {
+                clients.value = list.map(c => ({ value: c['@id'], label: c.companyName }))
+            }),
+            fetchAll('/suppliers', siteId).then((list) => {
+                suppliers.value = list.map(s => ({ value: s['@id'], label: s.companyName }))
+            }),
+        ])
+    }
+```
+
+- [ ] **Step 4 : lancer → succès**
+
+`make nuxt-test` ciblé sur le spec → PASS.
+
+---
+
+### Task 4 : Brancher site courant + recharge dans new.vue et edit.vue (front)
+
+**Files:**
+- Modify: `frontend/modules/logistique/pages/weighing-tickets/new.vue`
+- Modify: `frontend/modules/logistique/pages/weighing-tickets/[id]/edit.vue`
+- Test: `frontend/modules/logistique/pages/__tests__/weighingTicketNew.spec.ts` (étendre)
+
+**Interfaces:**
+- Consumes: `useCurrentSite().currentSite` (ref `Site | null`), `useWeighingTicketReferentials().load(siteId?)`, `form.clientIri` / `form.supplierIri` / `referentials.clients` / `referentials.suppliers`.
+
+- [ ] **Step 1 : helper de reset partagé**
+
+Logique commune aux deux pages : après recharge, vider le tiers sélectionné s'il n'est plus dans les options. Implémenté inline dans chaque page (2 lignes) — pas de nouveau composable pour si peu.
+
+- [ ] **Step 2 : new.vue — brancher currentSite + watch**
+
+Remplacer le bloc `onMounted` final :
+
+```ts
+const { currentSite } = useCurrentSite()
+
+/** Recharge les référentiels pour le site donné puis purge le tiers devenu hors-site (ERP-208). */
+async function reloadReferentials(siteId: number | null): Promise<void> {
+    await referentials.load(siteId)
+    if (form.clientIri.value && !referentials.clients.value.some(o => o.value === form.clientIri.value)) {
+        form.clientIri.value = null
+    }
+    if (form.supplierIri.value && !referentials.suppliers.value.some(o => o.value === form.supplierIri.value)) {
+        form.supplierIri.value = null
+    }
+}
+
+onMounted(() => {
+    reloadReferentials(currentSite.value?.id ?? null).catch(() => {})
+})
+
+// Changement de site pendant la saisie → recharge les listes du nouveau site (ERP-208).
+watch(() => currentSite.value?.id, (siteId) => {
+    reloadReferentials(siteId ?? null).catch(() => {})
+})
+```
+
+Ajouter `watch` à l'import `vue` et `useCurrentSite` (auto-importé Nuxt — sinon import explicite `~/modules/sites/composables/useCurrentSite`).
+
+- [ ] **Step 3 : edit.vue — même branchement**
+
+Adapter le `onMounted` async existant (qui fait aussi `fetchTicket`/`hydrate`) :
+
+```ts
+const { currentSite } = useCurrentSite()
+
+async function reloadReferentials(siteId: number | null): Promise<void> {
+    await referentials.load(siteId)
+    if (form.clientIri.value && !referentials.clients.value.some(o => o.value === form.clientIri.value)) {
+        form.clientIri.value = null
+    }
+    if (form.supplierIri.value && !referentials.suppliers.value.some(o => o.value === form.supplierIri.value)) {
+        form.supplierIri.value = null
+    }
+}
+
+onMounted(async () => {
+    reloadReferentials(currentSite.value?.id ?? null).catch(() => {})
+    try {
+        const detail = await fetchTicket(ticketId)
+        ticketNumber.value = detail.number ?? ''
+        form.hydrate(detail)
+    }
+    catch {
+        error.value = true
+    }
+    finally {
+        loading.value = false
+    }
+})
+
+watch(() => currentSite.value?.id, (siteId) => {
+    reloadReferentials(siteId ?? null).catch(() => {})
+})
+```
+
+- [ ] **Step 4 : étendre le spec front**
+
+Dans `weighingTicketNew.spec.ts`, ajouter un cas vérifiant que `load` est appelé avec l'id du site courant au montage (mock `useCurrentSite` retournant un `currentSite` avec `id`). Adapter au style de mock déjà en place dans le fichier.
+
+- [ ] **Step 5 : lancer les tests front**
+
+`make nuxt-test` → PASS (specs new/edit + referentials).
+
+---
+
+## Vérification finale
+
+- [ ] `make test` (back) — vert.
+- [ ] `make nuxt-test` (front) — vert.
+- [ ] `make php-cs-fixer-allow-risky` — pas de diff non voulu.
+- [ ] **STOP** : remettre la main à Tristan pour les tests manuels (impression PDF + switch de site). Commits différés jusqu'à sa demande.
+
+## Self-review (couverture spec)
+
+- Point 1 (cartouche PDF nom seul) → Task 1 + Task 2. ✓
+- Point 2 (filtre site + recharge au switch + reset-si-absent) → Task 3 + Task 4. ✓
+- Définition « lié au site » via adresses → param `siteId[]` (back déjà OK). ✓
+- Portée ticket-seulement (pas de modif répertoires) → on n'édite que le composable du ticket + ses pages. ✓
+- Pas de migration / RBAC / E2E. ✓

docs/superpowers/specs/2026-06-25-erp-208-fix-ticket-pesee-design.md

@@ -0,0 +1,124 @@
+# ERP-208 — Fix ticket de pesée
+
+> Module : **Logistique (M5)** — écrans « Ajouter / Modifier un ticket de pesée » + bon de pesée imprimé (PDF).
+> Branche : `fix/erp-208-ticket-pesee`.
+> Date : 2026-06-25.
+
+## 1. Contexte
+
+Le ticket de pesée (M5) est implémenté (ERP-181 → ERP-193). Deux retours client sont
+regroupés dans ce fix :
+
+1. **Bon de pesée PDF** : il manque un **cartouche bordé en haut à droite** de la
+   page contenant le **nom du tiers** (client / fournisseur / champ « autre »). Le
+   PDF actuel n'affiche que l'identité société (SA LIOT) en haut à gauche.
+2. **Écran de saisie** : quand l'utilisateur a **plusieurs sites autorisés**, les
+   listes déroulantes Client / Fournisseur doivent être **filtrées sur le site
+   courant** (le tiers est rattaché à un site via les sites de ses adresses), et
+   **rechargées si l'utilisateur change de site** en restant sur la page.
+
+## 2. État du code existant (constats de cadrage)
+
+- **Le tiers n'a pas de site en propre.** Client (M1) et Supplier (M2) sont
+  rattachés à un site **via les sites de leurs adresses** (`getSites()` agrège ;
+  RG-2.06). « Lié au site » = a au moins une adresse rattachée à ce site.
+- **Le filtre back existe déjà.** `ClientProvider` / `SupplierProvider` lisent un
+  filtre répétable `?siteId[]=<id>` (drawers des répertoires M1/M2) et le délèguent
+  à `createListQueryBuilder(..., array $siteIds, ...)` → `applySiteIds()` qui joint
+  `addresses → sites` (`site3.id IN (:siteIds)` / `site4.id IN (:siteIds)`).
+  **Aucun travail back n'est nécessaire pour le filtre.**
+- **La donnée du PDF est déjà chargée.** `DoctrineWeighingTicketRepository::findById()`
+  fetch-joine `client` et `supplier` ; le `WeighingTicketPrintProvider` charge le
+  ticket par cette méthode. Le template a donc accès au nom du tiers.
+- **Le changement de site est global** (`SiteSelector` header → `useCurrentSite.switchSite`
+  → `PATCH /me/current-site` + `loadSidebar()` + `refreshNuxtData()`). `currentSite`
+  est un ref singleton de module. Les référentiels du ticket sont chargés en
+  `onMounted` **uniquement** (pas via `useAsyncData`) → ils ne se rechargent pas au
+  switch : **c'est le bug du point 2.**
+- Le template PDF (`templates/logistique/weighing_ticket_print.html.twig`) est rendu
+  par Dompdf → **CSS 2.1 uniquement (pas de flexbox/grid)**, mise en page par tableaux.
+
+## 3. Décisions (validées avec Tristan)
+
+| Sujet | Décision |
+|---|---|
+| Définition « lié au site » | Tiers ayant ≥ 1 adresse rattachée au site sélectionné (via les adresses). |
+| Portée du filtre | **Ticket de pesée seulement.** On ne modifie PAS le comportement des répertoires M1/M2 (déjà validés). On réutilise le param `?siteId[]=` existant côté front. |
+| Switch de site avec tiers sélectionné | **Reset si absent** : après rechargement, si le tiers sélectionné n'est plus dans la liste du nouveau site, on vide sa valeur (le type de contrepartie reste). S'il y est encore, on le garde. |
+| Contenu du cartouche PDF | **Nom seul** (pas de libellé « Client » / « Fournisseur » au-dessus). |
+
+## 4. Conception
+
+### 4.1 Point 1 — Cartouche tiers sur le bon de pesée (back + template)
+
+**a. Résolution du nom — `WeighingTicket::getCounterpartyName(): ?string`**
+
+Nouvelle méthode sur l'entité qui retourne, selon `counterpartyType` :
+- `CLIENT` → `client?->getCompanyName()`
+- `FOURNISSEUR` → `supplier?->getCompanyName()`
+- `AUTRE` → `otherLabel`
+- défaut → `null`
+
+Rationale : garde le Twig « bête » (un seul `{{ ticket.counterpartyName }}`) et rend
+la logique testable unitairement, sans toucher le provider ni le renderer.
+
+**b. Template `weighing_ticket_print.html.twig`**
+
+Passer le bloc d'en-tête en **table 2 colonnes** (contrainte Dompdf CSS 2.1) :
+- colonne gauche (`width:auto`, `vertical-align:top`) : logo + identité société
+  (contenu **inchangé**) ;
+- colonne droite (`text-align:right`, `vertical-align:top`) : un cartouche
+  `border:1px solid #000; padding:8px;` (largeur fixe, ~200px) contenant
+  `{{ ticket.counterpartyName }}` (nom seul, en gras).
+
+Le reste du template (titre, table des pesées, poids net) est inchangé.
+
+Cas `counterpartyName` null : en pratique l'impression a lieu après validation, où la
+contrepartie est requise (groupe `finalize`). Par robustesse, si null → ne pas rendre
+le cartouche (pas de cadre vide).
+
+**c. Provider / renderer** : aucun changement (relations déjà fetch-jointes).
+
+### 4.2 Point 2 — Listes filtrées par site + recharge au switch (front uniquement)
+
+**a. `useWeighingTicketReferentials.ts`**
+
+`load()` accepte un identifiant de site optionnel et l'injecte comme `siteId[]` dans
+les requêtes `/clients` et `/suppliers` (en plus de `pagination=false`) :
+- site fourni → `{ pagination: 'false', 'siteId[]': [siteId] }` ;
+- site absent (`null`) → comportement actuel (liste complète, dégradé gracieux).
+
+**b. Pages `weighing-tickets/new.vue` et `weighing-tickets/[id]/edit.vue`**
+
+- récupèrent `currentSite` via `useCurrentSite()` ;
+- `onMounted` → `referentials.load(currentSite.value?.id ?? null)` ;
+- `watch(currentSite)` (sur l'id) → `referentials.load(newId)` puis **reset-si-absent** :
+  - si `form.clientIri` est défini et absent de `referentials.clients` → `form.clientIri = null` ;
+  - si `form.supplierIri` est défini et absent de `referentials.suppliers` → `form.supplierIri = null` ;
+  - `counterpartyType` et `otherLabel` ne sont pas touchés.
+
+Note : le reset s'appuie sur les options (IRI `@id`) renvoyées par le référentiel ;
+la comparaison se fait sur `value` (l'IRI Hydra).
+
+**c. Cohérence avec la liste des tickets** : la liste `/weighing_tickets` est déjà
+cloisonnée par site (provider M5). Filtrer les selects sur le site courant aligne la
+saisie sur la liste.
+
+## 5. Tests & vérification
+
+| Niveau | Test | Contenu |
+|---|---|---|
+| Back (PHPUnit) | unitaire `WeighingTicket::getCounterpartyName()` | 3 cas : CLIENT → companyName, FOURNISSEUR → companyName, AUTRE → otherLabel ; + null si type absent. |
+| Back | `WeighingTicketPrintApiTest` (existant) | reste vert (`%PDF`, content-type, disposition). |
+| Front (Vitest) | `weighingTicketNew.spec.ts` / `weighingTicketEdit.spec.ts` | `load` passe `siteId[]` quand un site courant existe ; au changement de `currentSite` → rechargement + reset-si-absent du tiers sélectionné. |
+
+Commandes : `make test` + `make nuxt-test` + `make php-cs-fixer-allow-risky`.
+Pas de test E2E (règle d'or : Vitest privilégié).
+
+## 6. Hors périmètre / non-objectifs
+
+- Pas de modification du comportement des répertoires Clients / Fournisseurs (M1/M2).
+- Pas de nouvelle permission RBAC, pas de migration, pas de changement de schéma.
+- Pas de cloisonnement par site « global » sur `/clients` et `/suppliers` (rejeté :
+  on garde le filtre opt-in via `?siteId[]`).
+- L'identité société du PDF reste fixe (décision ERP-192, ne change pas selon le site).

frontend/app/layouts/default.vue

@@ -21,6 +21,45 @@
                 <template #logo-collapsed>
                     <img src="/LOGO_MALIO_COLLAPSED.png" alt="Malio"/>
                 </template>
+
+                <!-- Footer deplie : compte connecte (survol -> deconnexion) + version. -->
+                <template #footer>
+                    <div class="flex flex-col gap-2">
+                        <!-- Bloc compte : au survol, un menu de deconnexion s'ouvre vers
+                             le haut (le footer etant colle en bas de la sidebar). -->
+                        <div class="group relative" data-test="sidebar-account">
+                            <button
+                                type="button"
+                                data-test="sidebar-logout"
+                                class="invisible absolute bottom-full left-0 right-0 mb-2 flex items-center gap-2 rounded-md bg-white px-3 py-2 text-[14px] font-semibold text-m-danger opacity-0 shadow-lg ring-1 ring-m-border transition-all duration-150 hover:bg-m-danger hover:text-white group-hover:visible group-hover:opacity-100"
+                                @click="onLogout"
+                            >
+                                <Icon name="mdi:logout" class="size-[18px] shrink-0"/>
+                                <span>{{ t('sidebar.account.logout') }}</span>
+                            </button>
+                            <div class="flex items-center gap-2 rounded-md p-1.5 text-black transition-colors group-hover:bg-m-primary/10 group-hover:font-semibold group-hover:text-m-primary">
+                                <span class="flex size-9 shrink-0 items-center justify-center rounded-full bg-m-primary text-[13px] font-bold uppercase text-white">{{ initials }}</span>
+                                <span class="min-w-0 flex-1 truncate text-[14px] font-semibold">{{ username }}</span>
+                                <Icon name="mdi:chevron-up" class="size-[18px] shrink-0"/>
+                            </div>
+                        </div>
+                        <p v-if="version" class="text-center text-[12px] font-bold text-m-muted">v {{ version }}</p>
+                    </div>
+                </template>
+
+                <!-- Footer replie : pastille initiale, survol -> icone deconnexion. -->
+                <template #footer-collapsed>
+                    <button
+                        type="button"
+                        data-test="sidebar-logout"
+                        :title="`${username} — ${t('sidebar.account.logout')}`"
+                        class="group mx-auto flex size-9 items-center justify-center rounded-full bg-m-primary text-[13px] font-bold uppercase text-white transition-colors hover:bg-m-danger"
+                        @click="onLogout"
+                    >
+                        <span class="group-hover:hidden">{{ initials }}</span>
+                        <Icon name="mdi:logout" class="hidden size-[18px] group-hover:block"/>
+                    </button>
+                </template>
             </MalioSidebar>
 
             <div class="h-full flex-1 flex flex-col min-h-0 min-w-0">
@@ -42,6 +81,18 @@ const {isModuleActive} = useModules()
 const auth = useAuthStore()
 const route = useRoute()
 
+// Footer de la sidebar : compte connecte + deconnexion inline + version.
+const {logout: onLogout} = useLogout()
+const {version, load: loadAppVersion} = useAppVersion()
+
+const username = computed(() => auth.user?.username ?? '')
+// Pastille avatar : 1re lettre du compte (meme convention que la maquette Malio).
+const initials = computed(() => username.value.charAt(0).toUpperCase() || '?')
+
+onMounted(() => {
+    void loadAppVersion()
+})
+
 // Le SiteSelector est rendu si :
 //  - le module Sites est actif dans config/modules.php (sinon la feature
 //    n'a pas de sens, cf. ticket 3 spec criteres d'acceptation) ;

frontend/i18n/locales/fr.json

@@ -53,7 +53,7 @@
         },
         "catalog": {
             "categories": "Gestion des catégories",
-            "products": "Catalogue produit"
+            "products": "Catalogue produits"
         }
     },
     "dashboard": {
@@ -72,7 +72,7 @@
                 "companyName": "Nom",
                 "categories": "Catégories",
                 "sites": "Site",
-                "lastActivity": "Dernière modification"
+                "lastActivity": "Dernière activité"
             },
             "filters": {
                 "title": "Filtres",
@@ -218,7 +218,7 @@
                 "companyName": "Nom",
                 "categories": "Catégories",
                 "sites": "Site",
-                "lastActivity": "Dernière modification"
+                "lastActivity": "Dernière activité"
             },
             "filters": {
                 "title": "Filtres",
@@ -389,7 +389,7 @@
                 "companyName": "Nom",
                 "categories": "Catégories",
                 "sites": "Site",
-                "lastActivity": "Dernière modification"
+                "lastActivity": "Dernière activité"
             },
             "filters": {
                 "title": "Filtres",
@@ -745,7 +745,8 @@
                 "weighbridge": {
                     "auto": "Pesée bascule",
                     "manual": "Pesée manuelle",
-                    "confirmTitle": "Êtes-vous sûr de vouloir déclencher une pesée ?",
+                    "confirmTitle": "Pesée bascule",
+                    "confirmMessage": "Êtes-vous sûr de vouloir déclencher une pesée ?",
                     "validate": "Valider",
                     "unavailable": "Pont bascule indisponible — passez en pesée manuelle."
                 },
@@ -1020,6 +1021,74 @@
                 "duplicate": "Une catégorie nommée « {name} » existe déjà.",
                 "typesLoadFailed": "Impossible de charger les types de catégorie. Réessayez."
             }
+        },
+        "products": {
+            "title": "Catalogue produit",
+            "add": "Ajouter",
+            "export": "Exporter",
+            "empty": "Aucun produit pour l'instant.",
+            "column": {
+                "name": "Nom",
+                "code": "Numéro",
+                "category": "Catégorie"
+            },
+            "state": {
+                "PURCHASE": "Achat",
+                "SALE": "Vendu",
+                "OTHER": "Autre"
+            },
+            "filters": {
+                "title": "Filtres",
+                "search": "Recherche",
+                "category": "Catégorie",
+                "categoryAll": "Toutes les catégories",
+                "state": "État",
+                "stateAll": "Tous les états",
+                "site": "Sites",
+                "apply": "Voir les résultats",
+                "reset": "Réinitialiser"
+            },
+            "form": {
+                "title": "Ajouter un produit",
+                "back": "Retour au catalogue",
+                "submit": "Valider",
+                "states": "État du produit",
+                "sites": "Site",
+                "name": "Nom du produit",
+                "code": "Code produit",
+                "category": "Catégorie produit",
+                "storageTypes": "Type de stockage",
+                "manufactured": "Fabriqué",
+                "containsMolasses": "Contient de la mélasse",
+                "duplicateCode": "Un produit portant ce code existe déjà."
+            },
+            "edit": {
+                "title": "Modifier le produit",
+                "back": "Retour",
+                "save": "Enregistrer",
+                "loading": "Chargement du produit…",
+                "notFound": "Produit introuvable."
+            },
+            "consultation": {
+                "title": "Fiche produit",
+                "back": "Retour au catalogue",
+                "loading": "Chargement du produit…",
+                "notFound": "Produit introuvable."
+            },
+            "action": {
+                "edit": "Modifier"
+            },
+            "tab": {
+                "suppliers": "Fournisseurs",
+                "clients": "Clients",
+                "placeholder": "Cet onglet est en cours de développement"
+            },
+            "toast": {
+                "error": "Une erreur est survenue. Réessayez.",
+                "exportError": "L'export du catalogue produit a échoué. Réessayez.",
+                "createSuccess": "Produit créé avec succès",
+                "updateSuccess": "Produit mis à jour avec succès"
+            }
         }
     }
 }

frontend/modules/catalog/components/CategoryDeleteModal.vue

@@ -1,5 +1,6 @@
 <template>
     <MalioModal
+        :dismissable="false"
         :model-value="modelValue"
         modal-class="max-w-md"
         @update:model-value="emit('update:modelValue', $event)"

frontend/modules/catalog/components/CategoryDrawer.vue

@@ -30,6 +30,7 @@
             <MalioSelectCheckbox
                 v-model="form.categoryTypeIds.value"
                 :options="typeOptions"
+                :max-tags="3"
                 :label="t('admin.categories.form.types')"
                 :error="form.errors.categoryTypes"
                 :display-tag="true"

frontend/modules/catalog/components/ProductPlaceholderTabs.vue

@@ -0,0 +1,54 @@
+<template>
+    <!--
+        Onglets « Fournisseurs » / « Clients » de la fiche produit — HORS PERIMETRE
+        V0 (HP-M6-01, RG-6.10) : ils dependent d'un module Contrat inexistant.
+        Rendu en placeholder « en cours de développement » (meme composant que les
+        onglets non-dev des fiches M1→M4). AUCUN appel API, AUCUN champ saisissable.
+
+        Visibilite conditionnee par l'etat du produit (cf. spec C3, « Aucun » = OTHER) :
+        - « Fournisseurs » : visible si l'etat contient Achat (PURCHASE) ou Aucun (OTHER) ;
+        - « Clients »      : visible si l'etat contient Vendu (SALE) ou Aucun (OTHER).
+        Si aucun onglet n'est applicable (etat vide), rien n'est rendu.
+    -->
+    <MalioTabList v-if="tabs.length" v-model="activeTab" :tabs="tabs" class="mt-[60px]">
+        <template #suppliers><ComingSoonPlaceholder :title="t('admin.products.tab.placeholder')" /></template>
+        <template #clients><ComingSoonPlaceholder :title="t('admin.products.tab.placeholder')" /></template>
+    </MalioTabList>
+</template>
+
+<script setup lang="ts">
+import { computed, ref, watch } from 'vue'
+
+const props = defineProps<{
+    /** Etats du produit (codes enum PURCHASE / SALE / OTHER) pilotant la visibilite. */
+    states: string[]
+}>()
+
+const { t } = useI18n()
+
+// RG (spec C3) : « Fournisseurs » si Achat ou Aucun ; « Clients » si Vendu ou Aucun.
+const showSuppliers = computed(() => props.states.includes('PURCHASE') || props.states.includes('OTHER'))
+const showClients = computed(() => props.states.includes('SALE') || props.states.includes('OTHER'))
+
+// Icone (Iconify) par onglet, alignee sur la convention des fiches existantes.
+const tabs = computed(() => {
+    const list: { key: string, label: string, icon: string }[] = []
+    if (showSuppliers.value) {
+        list.push({ key: 'suppliers', label: t('admin.products.tab.suppliers'), icon: 'mdi:truck-outline' })
+    }
+    if (showClients.value) {
+        list.push({ key: 'clients', label: t('admin.products.tab.clients'), icon: 'mdi:account-group-outline' })
+    }
+    return list
+})
+
+const activeTab = ref('suppliers')
+
+// Si l'onglet actif disparait suite a un changement d'etat, retombe sur le premier
+// onglet encore disponible (evite un onglet actif fantome).
+watch(tabs, (list) => {
+    if (list.length && !list.some(tab => tab.key === activeTab.value)) {
+        activeTab.value = list[0].key
+    }
+}, { immediate: true })
+</script>

frontend/modules/catalog/components/__tests__/ProductPlaceholderTabs.spec.ts

@@ -0,0 +1,64 @@
+import { describe, it, expect, vi } from 'vitest'
+import { mount } from '@vue/test-utils'
+import { defineComponent, h, nextTick } from 'vue'
+import ProductPlaceholderTabs from '../ProductPlaceholderTabs.vue'
+
+// i18n auto-import : retourne la cle telle quelle.
+vi.stubGlobal('useI18n', () => ({ t: (key: string) => key }))
+
+// Stub de MalioTabList : expose les `key` des onglets recus (data-tab) pour
+// verifier la visibilite conditionnee par l'etat, sans dependre de la lib UI.
+const TabListStub = defineComponent({
+    props: { tabs: { type: Array, default: () => [] }, modelValue: { type: String, default: '' } },
+    setup(props) {
+        return () => h(
+            'div',
+            { 'data-testid': 'tablist' },
+            (props.tabs as { key: string }[]).map(tab => h('span', { 'data-tab': tab.key })),
+        )
+    },
+})
+const PlaceholderStub = defineComponent({ setup() { return () => h('div') } })
+
+function mountTabs(states: string[]) {
+    return mount(ProductPlaceholderTabs, {
+        props: { states },
+        global: { stubs: { MalioTabList: TabListStub, ComingSoonPlaceholder: PlaceholderStub } },
+    })
+}
+
+const tabKeys = (wrapper: ReturnType<typeof mountTabs>): string[] =>
+    wrapper.findAll('[data-tab]').map(node => node.attributes('data-tab') ?? '')
+
+describe('ProductPlaceholderTabs — visibilite conditionnee par l\'etat', () => {
+    it('Achat (PURCHASE) : affiche uniquement « Fournisseurs »', () => {
+        expect(tabKeys(mountTabs(['PURCHASE']))).toEqual(['suppliers'])
+    })
+
+    it('Vendu (SALE) : affiche uniquement « Clients »', () => {
+        expect(tabKeys(mountTabs(['SALE']))).toEqual(['clients'])
+    })
+
+    it('Aucun (OTHER) : affiche les deux onglets', () => {
+        expect(tabKeys(mountTabs(['OTHER']))).toEqual(['suppliers', 'clients'])
+    })
+
+    it('Achat + Vendu : affiche les deux onglets', () => {
+        expect(tabKeys(mountTabs(['PURCHASE', 'SALE']))).toEqual(['suppliers', 'clients'])
+    })
+
+    it('etat vide : ne rend aucun onglet (MalioTabList absent)', () => {
+        const wrapper = mountTabs([])
+        expect(wrapper.find('[data-testid="tablist"]').exists()).toBe(false)
+    })
+
+    it('retombe sur le premier onglet visible si l\'actif disparait', async () => {
+        // OTHER -> suppliers actif par defaut ; passage a SALE retire « Fournisseurs ».
+        const wrapper = mountTabs(['OTHER'])
+        await wrapper.setProps({ states: ['SALE'] })
+        await nextTick()
+        // Seul « Clients » subsiste : pas d'onglet actif fantome (verifie via le modelValue).
+        const tablist = wrapper.findComponent(TabListStub)
+        expect(tablist.props('modelValue')).toBe('clients')
+    })
+})

frontend/modules/catalog/composables/__tests__/useProductForm.spec.ts

@@ -0,0 +1,293 @@
+import { describe, it, expect, vi, beforeEach } from 'vitest'
+import { nextTick } from 'vue'
+import { useFormErrors } from '~/shared/composables/useFormErrors'
+import { useProductForm } from '../useProductForm'
+
+// Stubs des auto-imports Nuxt consommes par le composable + ses dependances.
+const mockGet = vi.hoisted(() => vi.fn())
+const mockPost = vi.hoisted(() => vi.fn())
+const mockPatch = vi.hoisted(() => vi.fn())
+const mockToastSuccess = vi.hoisted(() => vi.fn())
+const mockToastError = vi.hoisted(() => vi.fn())
+
+vi.stubGlobal('useApi', () => ({
+    get: mockGet,
+    post: mockPost,
+    put: vi.fn(),
+    patch: mockPatch,
+    delete: vi.fn(),
+}))
+vi.stubGlobal('useToast', () => ({
+    success: mockToastSuccess,
+    error: mockToastError,
+}))
+// useFormErrors est un auto-import Nuxt : on expose l'implementation reelle
+// (elle consomme useToast/useI18n deja stubbes) pour tester l'integration 422/409.
+vi.stubGlobal('useFormErrors', useFormErrors)
+vi.stubGlobal('useI18n', () => ({
+    t: (key: string, params?: Record<string, unknown>) =>
+        params ? `${key}::${JSON.stringify(params)}` : key,
+}))
+
+/** Referentiel PLAT des types de stockage (renvoye tel quel, sans filtre site). */
+const STORAGE_TYPES = {
+    member: [
+        { '@id': '/api/storage_types/9', label: 'Tas' },
+        { '@id': '/api/storage_types/5', label: 'Cellule' },
+        { '@id': '/api/storage_types/7', label: 'Cuve mélasse' },
+    ],
+}
+
+describe('useProductForm', () => {
+    beforeEach(() => {
+        mockGet.mockReset()
+        mockPost.mockReset()
+        mockPatch.mockReset()
+        mockToastSuccess.mockReset()
+        mockToastError.mockReset()
+
+        // Routage des GET par url (referentiels). Le stockage est un referentiel
+        // plat : meme reponse quelle que soit la requete.
+        mockGet.mockImplementation((url: string) => {
+            if (url === '/sites') {
+                return Promise.resolve({ member: [{ '@id': '/api/sites/1', name: 'Chatellerault' }] })
+            }
+            if (url === '/categories') {
+                return Promise.resolve({ member: [{ '@id': '/api/categories/12', name: 'Céréales' }] })
+            }
+            if (url === '/storage_types') {
+                return Promise.resolve(STORAGE_TYPES)
+            }
+            return Promise.resolve({ member: [] })
+        })
+    })
+
+    describe('RG-6.03 — champs conditionnels « Vendu »', () => {
+        it('isSale est vrai uniquement si states contient SALE', () => {
+            const { form, isSale } = useProductForm()
+            expect(isSale.value).toBe(false)
+            form.states = ['PURCHASE']
+            expect(isSale.value).toBe(false)
+            form.states = ['PURCHASE', 'SALE']
+            expect(isSale.value).toBe(true)
+        })
+
+        it('remet manufactured / containsMolasses a false quand SALE est retire', async () => {
+            const { form, isSale } = useProductForm()
+            form.states = ['SALE']
+            form.manufactured = true
+            form.containsMolasses = true
+            await nextTick()
+            expect(isSale.value).toBe(true)
+
+            form.states = ['PURCHASE']
+            await nextTick()
+            expect(form.manufactured).toBe(false)
+            expect(form.containsMolasses).toBe(false)
+        })
+    })
+
+    describe('RG-6.06 — types de stockage (referentiel plat)', () => {
+        it('loadReferentials charge TOUS les types de stockage, sans filtre site', async () => {
+            const { storageTypeOptions, loadReferentials } = useProductForm()
+            await loadReferentials()
+
+            const storageCall = mockGet.mock.calls.find(c => c[0] === '/storage_types')
+            expect(storageCall).toBeDefined()
+            // Aucun filtre siteId envoye (referentiel plat).
+            expect(storageCall?.[1]).not.toHaveProperty('siteId[]')
+            expect(storageTypeOptions.value.map(o => o.value)).toEqual([
+                '/api/storage_types/9',
+                '/api/storage_types/5',
+                '/api/storage_types/7',
+            ])
+        })
+
+        it('setSites met a jour les sites sans recharger le stockage ni purger la selection', async () => {
+            const { form, setSites, setStorageTypes, loadReferentials } = useProductForm()
+            await loadReferentials()
+            const storageCallsBefore = mockGet.mock.calls.filter(c => c[0] === '/storage_types').length
+
+            setStorageTypes(['/api/storage_types/9'])
+            setSites(['/api/sites/1'])
+
+            expect(form.siteIris).toEqual(['/api/sites/1'])
+            // Selection conservee : plus de cascade ni de purge par site.
+            expect(form.storageTypeIris).toEqual(['/api/storage_types/9'])
+            // setSites ne declenche aucun nouvel appel /storage_types.
+            const storageCallsAfter = mockGet.mock.calls.filter(c => c[0] === '/storage_types').length
+            expect(storageCallsAfter).toBe(storageCallsBefore)
+        })
+    })
+
+    describe('submit — POST /products', () => {
+        function fillValidForm(form: ReturnType<typeof useProductForm>['form']): void {
+            form.code = 'ble-01'
+            form.name = 'Blé tendre'
+            form.states = ['PURCHASE', 'SALE']
+            form.siteIris = ['/api/sites/1']
+            form.categoryIri = '/api/categories/12'
+            form.storageTypeIris = ['/api/storage_types/9']
+            form.manufactured = true
+            form.containsMolasses = false
+        }
+
+        it('poste le payload (relations en IRI) et retourne true au succes', async () => {
+            mockPost.mockResolvedValueOnce({ id: 34 })
+            const { form, submit } = useProductForm()
+            fillValidForm(form)
+
+            const ok = await submit()
+
+            expect(ok).toBe(true)
+            expect(mockPost).toHaveBeenCalledWith(
+                '/products',
+                {
+                    code: 'ble-01',
+                    name: 'Blé tendre',
+                    states: ['PURCHASE', 'SALE'],
+                    manufactured: true,
+                    containsMolasses: false,
+                    category: '/api/categories/12',
+                    sites: ['/api/sites/1'],
+                    storageTypes: ['/api/storage_types/9'],
+                },
+                expect.objectContaining({ toast: false }),
+            )
+            expect(mockToastSuccess).toHaveBeenCalled()
+        })
+
+        it('force manufactured / containsMolasses a false hors « Vendu » (RG-6.03)', async () => {
+            mockPost.mockResolvedValueOnce({ id: 35 })
+            const { form, submit } = useProductForm()
+            fillValidForm(form)
+            // L'utilisateur retire « Vendu » apres avoir coche les booleens.
+            form.states = ['PURCHASE']
+
+            await submit()
+
+            const payload = mockPost.mock.calls[0][1]
+            expect(payload.manufactured).toBe(false)
+            expect(payload.containsMolasses).toBe(false)
+        })
+
+        it('omet `category` du payload quand aucune categorie n\'est choisie', async () => {
+            // Envoyer category:null casserait la denormalisation back (type IRI
+            // attendu) et court-circuiterait les autres violations -> on l'omet.
+            mockPost.mockResolvedValueOnce({ id: 40 })
+            const { form, submit } = useProductForm()
+            fillValidForm(form)
+            form.categoryIri = null
+
+            await submit()
+
+            const payload = mockPost.mock.calls[0][1]
+            expect(payload).not.toHaveProperty('category')
+        })
+
+        it('mappe un 409 doublon de code sur errors.code + toast explicite', async () => {
+            mockPost.mockRejectedValueOnce({ response: { status: 409, _data: {} } })
+            const { form, errors, submit } = useProductForm()
+            fillValidForm(form)
+
+            const ok = await submit()
+
+            expect(ok).toBe(false)
+            expect(errors.code).toBe('admin.products.form.duplicateCode')
+            expect(mockToastError).toHaveBeenCalled()
+        })
+
+        it('mappe une 422 inline par champ (errors.code) sans toast', async () => {
+            mockPost.mockRejectedValueOnce({
+                response: {
+                    status: 422,
+                    _data: { violations: [{ propertyPath: 'code', message: 'Le code produit est obligatoire.' }] },
+                },
+            })
+            const { form, errors, submit } = useProductForm()
+            fillValidForm(form)
+            form.code = null
+
+            const ok = await submit()
+
+            expect(ok).toBe(false)
+            expect(errors.code).toBe('Le code produit est obligatoire.')
+            expect(mockToastError).not.toHaveBeenCalled()
+        })
+    })
+
+    describe('RG-6.08 — mode edition (prefill + PATCH)', () => {
+        // Produit charge (memes cles que la reponse reelle § 4.0.bis : @id sur les relations).
+        const PRODUCT = {
+            id: 34,
+            code: 'BLE-01',
+            name: 'Blé tendre',
+            states: ['PURCHASE', 'SALE'],
+            manufactured: true,
+            containsMolasses: false,
+            category: { '@id': '/api/categories/12', id: 12, name: 'Céréales', code: 'CEREALES' },
+            sites: [{ '@id': '/api/sites/1', id: 1, name: 'Chatellerault', code: '86', postalCode: '86100', city: 'C', color: '#000', fullAddress: 'x' }],
+            storageTypes: [{ '@id': '/api/storage_types/9', id: 9, code: 'TAS', label: 'Tas' }],
+            createdAt: '', updatedAt: '',
+        }
+
+        it('pre-remplit le formulaire depuis le produit (relations en IRI)', async () => {
+            const { form, prefill } = useProductForm()
+            await prefill(PRODUCT)
+
+            expect(form.code).toBe('BLE-01')
+            expect(form.name).toBe('Blé tendre')
+            expect(form.states).toEqual(['PURCHASE', 'SALE'])
+            expect(form.categoryIri).toBe('/api/categories/12')
+            expect(form.siteIris).toEqual(['/api/sites/1'])
+            expect(form.storageTypeIris).toEqual(['/api/storage_types/9'])
+            expect(form.manufactured).toBe(true)
+        })
+
+        it('soumet un PATCH /products/{id} apres prefill (RG-6.08)', async () => {
+            // Le PATCH renvoie le produit normalise : submit re-prefill le form a partir
+            // de la reponse (l'utilisateur reste sur l'ecran, pas de redirection).
+            mockPatch.mockResolvedValueOnce({ ...PRODUCT, code: 'BLE-01', name: 'Blé tendre' })
+            const { prefill, submit } = useProductForm()
+            await prefill(PRODUCT)
+
+            const ok = await submit()
+
+            expect(ok).toBe(true)
+            expect(mockPost).not.toHaveBeenCalled()
+            expect(mockPatch).toHaveBeenCalledWith(
+                '/products/34',
+                expect.objectContaining({ code: 'BLE-01', name: 'Blé tendre' }),
+                expect.objectContaining({ toast: false }),
+            )
+            expect(mockToastSuccess).toHaveBeenCalled()
+        })
+
+        it('re-affiche les valeurs normalisees du serveur apres un PATCH (RG-6.07, pas de redirection)', async () => {
+            // Le back normalise code (trim+UPPER) et name (trim) : le form doit refleter
+            // la reponse serveur, pas la saisie locale.
+            mockPatch.mockResolvedValueOnce({ ...PRODUCT, code: 'BLE-01', name: 'Blé tendre' })
+            const { form, prefill, submit } = useProductForm()
+            await prefill(PRODUCT)
+            form.code = 'ble-01 '
+            form.name = ' Blé tendre '
+
+            await submit()
+
+            expect(form.code).toBe('BLE-01')
+            expect(form.name).toBe('Blé tendre')
+        })
+
+        it('mappe un 409 doublon de code aussi en edition', async () => {
+            mockPatch.mockRejectedValueOnce({ response: { status: 409, _data: {} } })
+            const { errors, prefill, submit } = useProductForm()
+            await prefill(PRODUCT)
+
+            const ok = await submit()
+
+            expect(ok).toBe(false)
+            expect(errors.code).toBe('admin.products.form.duplicateCode')
+            expect(mockToastError).toHaveBeenCalled()
+        })
+    })
+})

frontend/modules/catalog/composables/useCategoriesAdmin.ts

@@ -11,8 +11,9 @@
  * la recharger a chaque ouverture du drawer.
  *
  * State singleton au niveau module : reset automatique au logout via
- * `onAuthSessionCleared` (cf. CLAUDE.md regle frontend.md), et reset
+ * `onAuthSessionCleared` (cf. CLAUDE.md regle frontend.md), declenche par
- * explicite via `resetCategoriesAdmin()` appele depuis logout.vue.
+ * `clearSession()` (logout volontaire `useLogout` ou intercepteur 401).
+ * `resetCategoriesAdmin()` reste expose pour un reset manuel/tests.
  */
 import { ref } from 'vue'
 import type { CategoryType } from '~/modules/catalog/types/category'
@@ -38,10 +39,9 @@ function resetCategoriesAdminState(): void {
     error.value = null
 }
 
-// Auto-enregistrement singleton : purge le state sur 401/clearSession
+// Auto-enregistrement singleton : purge le state sur clearSession() (logout
-// pour eviter qu'un user suivant (connecte sur le meme onglet) voie le
+// volontaire via useLogout, ou intercepteur 401) pour eviter qu'un user suivant
-// referentiel de l'ancien tenant. Le logout volontaire (page logout.vue)
+// (connecte sur le meme onglet) voie le referentiel de l'ancien tenant.
-// appelle directement `resetCategoriesAdmin()` ci-dessous.
 onAuthSessionCleared(resetCategoriesAdminState)
 
 export function useCategoriesAdmin() {
@@ -73,9 +73,9 @@ export function useCategoriesAdmin() {
     }
 
     /**
-     * Reset explicite — appele depuis `logout.vue` apres `auth.logout()`
+     * Reset explicite expose pour un reset manuel (tests, ou appel cible).
-     * pour garantir que la prochaine session reparte sur un state propre
+     * Au logout, le reset est deja garanti par `onAuthSessionCleared`
-     * meme si `clearSession()` n'a pas ete declenche (cas logout volontaire).
+     * (declenche par `clearSession()` dans `auth.logout()`).
      */
     function resetCategoriesAdmin(): void {
         resetCategoriesAdminState()

frontend/modules/catalog/composables/useProduct.ts

@@ -0,0 +1,41 @@
+import { ref } from 'vue'
+import type { Product } from '~/modules/catalog/types/product'
+
+/**
+ * Chargement d'un produit unique (ecran « Modification produit », M6 — ERP-206).
+ * Lit le detail via `GET /api/products/{id}` — meme structure que la ligne de
+ * liste (category / sites / storageTypes embarques, § 4.0.bis).
+ *
+ * L'en-tete `Accept: application/ld+json` est impose pour obtenir le payload
+ * Hydra complet (IRI `@id` des relations, necessaires au pre-remplissage des
+ * selects). Etat 100 % local a l'instance (refs) — aucune persistance URL.
+ */
+export function useProduct(id: number | string) {
+    const api = useApi()
+
+    const product = ref<Product | null>(null)
+    const loading = ref(false)
+    const error = ref(false)
+
+    /** Charge le detail du produit. En cas d'echec : `error = true`, `product = null`. */
+    async function load(): Promise<void> {
+        loading.value = true
+        error.value = false
+        try {
+            product.value = await api.get<Product>(
+                `/products/${id}`,
+                {},
+                { headers: { Accept: 'application/ld+json' }, toast: false },
+            )
+        }
+        catch {
+            error.value = true
+            product.value = null
+        }
+        finally {
+            loading.value = false
+        }
+    }
+
+    return { product, loading, error, load }
+}

frontend/modules/catalog/composables/useProductForm.ts

@@ -0,0 +1,202 @@
+/**
+ * Composable du formulaire de creation produit (M6 — ERP-205).
+ *
+ * Porte l'etat du formulaire principal, les referentiels des selects, les regles
+ * de gestion front (champs conditionnels RG-6.03) et la soumission
+ * `POST /api/products` avec mapping des erreurs 422/409 inline
+ * (useFormErrors). Reference : ecran « Ajouter un client » / « Ajouter un
+ * prestataire » (formulaire principal).
+ *
+ * Etat 100 % local a l'instance.
+ */
+import { computed, reactive, ref, watch } from 'vue'
+import {
+    useSiteOptions,
+    useCategoryOptions,
+    useStorageTypeOptions,
+} from '~/modules/catalog/composables/useProductOptions'
+import type { Product } from '~/modules/catalog/types/product'
+
+/** Etats produit (miroir de l'enum back Product::STATE_*). */
+export const PRODUCT_STATES = ['PURCHASE', 'SALE', 'OTHER'] as const
+
+export function useProductForm() {
+    const api = useApi()
+    const { t } = useI18n()
+    const toast = useToast()
+    const formErrors = useFormErrors()
+
+    const sites = useSiteOptions()
+    const categories = useCategoryOptions({ typeCode: 'PRODUIT' })
+    const storage = useStorageTypeOptions()
+
+    // ── Etat du formulaire ───────────────────────────────────────────────────
+    // Les relations sont stockees en IRI (envoyees telles quelles au POST) ;
+    // `states` porte les codes enum ; les booleens conditionnels RG-6.03 a part.
+    const form = reactive({
+        code: null as string | null,
+        name: null as string | null,
+        states: [] as string[],
+        siteIris: [] as string[],
+        categoryIri: null as string | null,
+        storageTypeIris: [] as string[],
+        manufactured: false,
+        containsMolasses: false,
+    })
+
+    const submitting = ref(false)
+
+    // Id du produit edite (null = creation). Pilote l'URL/methode du submit (RG-6.08 :
+    // « Modification » = meme formulaire/regles que « Ajouter », bouton « Enregistrer »).
+    const productId = ref<number | null>(null)
+
+    // RG-6.03 : « Fabriqué » / « Contient de la mélasse » saisissables uniquement
+    // si l'etat contient « Vendu » (SALE).
+    const isSale = computed(() => form.states.includes('SALE'))
+
+    // Quand l'etat ne contient plus SALE, on remet les booleens a false : le back
+    // les forcerait de toute facon (RG-6.03), on evite de soumettre une valeur
+    // fantome saisie avant de retirer « Vendu ».
+    watch(isSale, (sale) => {
+        if (!sale) {
+            form.manufactured = false
+            form.containsMolasses = false
+        }
+    })
+
+    /** Met a jour les etats (multi-select). */
+    function setStates(states: string[]): void {
+        form.states = states
+    }
+
+    /** Met a jour la categorie (select simple). */
+    function setCategory(iri: string | null): void {
+        form.categoryIri = iri
+    }
+
+    /** Met a jour les types de stockage (multi-select). */
+    function setStorageTypes(iris: string[]): void {
+        form.storageTypeIris = iris
+    }
+
+    /** Met a jour les sites de disponibilite (multi-select, RG-6.04). */
+    function setSites(iris: string[]): void {
+        form.siteIris = iris
+    }
+
+    /**
+     * Charge les referentiels initiaux (sites + categories + types de stockage).
+     * Resilient. Les types de stockage forment un referentiel plat : on les charge
+     * tous d'emblee (plus de cascade par site, RG-6.06 revue).
+     */
+    async function loadReferentials(): Promise<void> {
+        await Promise.allSettled([sites.load(), categories.load(), storage.load()])
+    }
+
+    /**
+     * Pre-remplit le formulaire depuis un produit charge (mode edition, RG-6.08).
+     * Les relations sont reprises via leur IRI `@id` (= valeur d'option des selects).
+     * Les options de Type de stockage sont chargees par loadReferentials (referentiel
+     * plat) : prefill se contente de mapper la selection.
+     */
+    async function prefill(product: Product): Promise<void> {
+        productId.value = product.id
+        form.code = product.code
+        form.name = product.name
+        form.states = [...product.states]
+        form.categoryIri = product.category?.['@id'] ?? null
+        form.siteIris = product.sites.map(s => s['@id'])
+        form.manufactured = product.manufactured
+        form.containsMolasses = product.containsMolasses
+        form.storageTypeIris = product.storageTypes.map(st => st['@id'])
+    }
+
+    /**
+     * Soumet le formulaire. Retourne true au succes (la page redirige), false sinon.
+     * Creation → `POST /products` ; edition (productId non nul, RG-6.08) →
+     * `PATCH /products/{id}` (mode merge-patch gere par useApi). 422 → mapping
+     * inline par champ (useFormErrors) ; 409 doublon de code → erreur inline sur
+     * `code` + toast explicite (RG-6.01, unicite re-validee aussi en edition).
+     */
+    async function submit(): Promise<boolean> {
+        if (submitting.value) {
+            return false
+        }
+        submitting.value = true
+        formErrors.clearErrors()
+        const editing = productId.value !== null
+        try {
+            const payload: Record<string, unknown> = {
+                // Chaine vide (jamais null) : les setters back setCode/setName attendent
+                // un `string` non-nullable -> envoyer null leverait une erreur de type
+                // (denormalisation) qui court-circuiterait toutes les autres violations.
+                // Avec '', la contrainte NotBlank renvoie un message propre par champ.
+                code: form.code ?? '',
+                name: form.name ?? '',
+                states: form.states,
+                // RG-6.03 : booleens forces a false hors « Vendu » (le back les
+                // re-force, on garde le payload coherent).
+                manufactured: isSale.value ? form.manufactured : false,
+                containsMolasses: isSale.value ? form.containsMolasses : false,
+                sites: form.siteIris,
+                storageTypes: form.storageTypeIris,
+            }
+            // `category` attend un IRI (string) : envoyer null declencherait une
+            // erreur de denormalisation API Platform qui court-circuiterait TOUTES
+            // les autres violations. On omet la cle quand aucune categorie n'est
+            // choisie -> la contrainte NotNull renvoie un message propre, et les
+            // autres champs sont valides dans la meme 422 (mapping inline ERP-101).
+            if (form.categoryIri) {
+                payload.category = form.categoryIri
+            }
+            const options = { headers: { Accept: 'application/ld+json' }, toast: false }
+            if (editing) {
+                const updated = await api.patch<Product>(`/products/${productId.value}`, payload, options)
+                toast.success({ title: t('admin.products.toast.updateSuccess') })
+                // L'utilisateur garde la main (pas de redirection, calque client/
+                // fournisseur) : on reaffiche les valeurs normalisees renvoyees par le
+                // serveur (code trim+UPPER, name trim — RG-6.07) directement dans le form.
+                await prefill(updated)
+            }
+            else {
+                await api.post('/products', payload, options)
+                toast.success({ title: t('admin.products.toast.createSuccess') })
+            }
+            return true
+        }
+        catch (error) {
+            const status = (error as { response?: { status?: number } })?.response?.status
+            if (status === 409) {
+                // Doublon de code (RG-6.01) : inline sur le champ + toast explicite.
+                const message = t('admin.products.form.duplicateCode')
+                formErrors.setError('code', message)
+                toast.error({ title: t('admin.products.toast.error'), message })
+            }
+            else {
+                formErrors.handleApiError(error, { fallbackMessage: t('admin.products.toast.error') })
+            }
+            return false
+        }
+        finally {
+            submitting.value = false
+        }
+    }
+
+    return {
+        form,
+        productId,
+        errors: formErrors.errors,
+        submitting,
+        isSale,
+        siteOptions: sites.options,
+        categoryOptions: categories.options,
+        storageTypeOptions: storage.options,
+        setStates,
+        setCategory,
+        setStorageTypes,
+        setSites,
+        loadReferentials,
+        prefill,
+        submit,
+    }
+}

frontend/modules/catalog/composables/useProductOptions.ts

@@ -0,0 +1,101 @@
+/**
+ * Composables d'options des selects du formulaire produit (M6 — ERP-205).
+ *
+ * Chaque referentiel est borne (quelques dizaines d'entrees) : on le recupere en
+ * entier via l'echappatoire `?pagination=false`, avec l'en-tete
+ * `Accept: application/ld+json` impose par API Platform 4 pour obtenir l'enveloppe
+ * Hydra (`member`). La valeur d'option est l'IRI Hydra (`@id`), renvoyee telle
+ * quelle dans le payload POST (relations ManyToOne / ManyToMany).
+ *
+ * Etat 100 % local a l'instance (refs) — aucune persistance URL. Chaque appel cree
+ * sa propre instance ; le formulaire en consomme une via `useProductForm`.
+ */
+import { ref } from 'vue'
+
+/** Option generique au format attendu par MalioSelect / MalioSelectCheckbox. */
+export interface RefOption {
+    value: string
+    label: string
+    // Couleur de fond optionnelle de l'option (hex #RRGGBB). Alimentee par le
+    // referentiel sites (couleur d'identification du site, affichee sur les tags
+    // selectionnes du multiselect).
+    color?: string
+    // Couleur de texte optionnelle (hex). Sites : blanc, pour rester lisible
+    // sur le fond colore du tag.
+    textColor?: string
+}
+
+/** Membre Hydra minimal commun aux referentiels consommes ici. */
+interface HydraMember {
+    '@id': string
+    name?: string
+    label?: string
+    color?: string
+}
+
+const LD_JSON_HEADERS = { Accept: 'application/ld+json' }
+
+/**
+ * Recupere une collection complete (pagination desactivee) et la projette en
+ * options `{ value: IRI, label }`. Resilient : l'appelant gere l'echec (liste vide).
+ */
+async function fetchOptions(
+    url: string,
+    query: Record<string, string | string[]>,
+    toLabel: (member: HydraMember) => string,
+    toColor?: (member: HydraMember) => string | undefined,
+): Promise<RefOption[]> {
+    const res = await useApi().get<{ member?: HydraMember[] }>(
+        url,
+        { pagination: 'false', ...query },
+        { headers: LD_JSON_HEADERS, toast: false },
+    )
+    return (res.member ?? []).map(m => ({
+        value: m['@id'],
+        label: toLabel(m),
+        // Couleur reportee uniquement si un extracteur est fourni (ex: sites).
+        ...(toColor ? { color: toColor(m) } : {}),
+    }))
+}
+
+/** Sites de disponibilite (libelle = nom du site). */
+export function useSiteOptions() {
+    const options = ref<RefOption[]>([])
+
+    async function load(): Promise<void> {
+        // Sites : couleur de fond depuis l'embed + texte blanc pour rester lisible.
+        const sites = await fetchOptions('/sites', {}, s => s.name ?? '', s => s.color)
+        options.value = sites.map(o => ({ ...o, textColor: '#FFFFFF' }))
+    }
+
+    return { options, load }
+}
+
+/**
+ * Categories produit. Filtrees au type voulu (`?typeCode=PRODUIT` pour le produit,
+ * RG-6.05) cote serveur — le provider Category supporte deja `typeCode`.
+ */
+export function useCategoryOptions(params: { typeCode: string }) {
+    const options = ref<RefOption[]>([])
+
+    async function load(): Promise<void> {
+        options.value = await fetchOptions('/categories', { typeCode: params.typeCode }, c => c.name ?? '')
+    }
+
+    return { options, load }
+}
+
+/**
+ * Types de stockage (libelle = `label`). Referentiel PLAT : on charge TOUS les
+ * types, sans filtrage par site (RG-6.06 revue — la dispo par site releve du futur
+ * module Stockage).
+ */
+export function useStorageTypeOptions() {
+    const options = ref<RefOption[]>([])
+
+    async function load(): Promise<void> {
+        options.value = await fetchOptions('/storage_types', {}, s => s.label ?? '')
+    }
+
+    return { options, load }
+}

frontend/modules/catalog/pages/__tests__/productConsultation.spec.ts

@@ -0,0 +1,139 @@
+import { describe, it, expect, vi, beforeEach } from 'vitest'
+import { mount, flushPromises } from '@vue/test-utils'
+import { defineComponent, h, Suspense } from 'vue'
+
+// Produit charge simule (cles de la reponse reelle § 4.0.bis).
+const PRODUCT = {
+    id: 34,
+    code: 'BLE-01',
+    name: 'Blé tendre',
+    states: ['PURCHASE', 'SALE'],
+    manufactured: true,
+    containsMolasses: false,
+    category: { '@id': '/api/categories/12', id: 12, name: 'Céréales', code: 'CEREALES' },
+    sites: [{ '@id': '/api/sites/1', id: 1, name: 'Chatellerault' }],
+    storageTypes: [{ '@id': '/api/storage_types/9', id: 9, code: 'TAS', label: 'Tas' }],
+    createdAt: '', updatedAt: '',
+}
+
+const fx = vi.hoisted(() => ({ load: vi.fn() }))
+
+vi.mock('~/modules/catalog/composables/useProduct', async () => {
+    const { ref } = await import('vue')
+    return {
+        useProduct: () => ({
+            product: ref(PRODUCT),
+            loading: ref(false),
+            error: ref(false),
+            load: fx.load,
+        }),
+    }
+})
+
+// ── Auto-imports Nuxt stubbes globalement ───────────────────────────────────
+const mockPush = vi.hoisted(() => vi.fn())
+const mockNavigateTo = vi.hoisted(() => vi.fn())
+const mockCan = vi.hoisted(() => vi.fn())
+
+vi.stubGlobal('useI18n', () => ({ t: (key: string) => key }))
+vi.stubGlobal('useHead', () => undefined)
+vi.stubGlobal('useRoute', () => ({ params: { id: '34' } }))
+vi.stubGlobal('useRouter', () => ({ push: mockPush }))
+vi.stubGlobal('usePermissions', () => ({ can: mockCan }))
+vi.stubGlobal('navigateTo', mockNavigateTo)
+
+const ViewPage = (await import('../admin/products/[id]/index.vue')).default
+
+const ButtonStub = defineComponent({
+    props: { label: { type: String, default: '' } },
+    emits: ['click'],
+    setup(props, { emit }) {
+        return () => h('button', { 'data-label': props.label, onClick: () => emit('click') }, props.label)
+    },
+})
+// Input lecture seule : expose le label + la valeur affichee (model-value).
+const InputStub = defineComponent({
+    props: { label: { type: String, default: '' }, modelValue: { default: null } },
+    setup(props) { return () => h('input', { 'data-label': props.label, 'data-value': String(props.modelValue ?? '') }) },
+})
+const CheckboxStub = defineComponent({
+    props: { label: { type: String, default: '' }, modelValue: { type: Boolean, default: false } },
+    setup(props) { return () => h('input', { 'type': 'checkbox', 'data-label': props.label }) },
+})
+const TabsStub = defineComponent({ setup() { return () => h('div', { 'data-testid': 'placeholder-tabs' }) } })
+
+const stubs = {
+    MalioButtonIcon: ButtonStub,
+    MalioButton: ButtonStub,
+    MalioInputText: InputStub,
+    MalioCheckbox: CheckboxStub,
+    ProductPlaceholderTabs: TabsStub,
+}
+
+async function mountPage() {
+    const wrapper = mount(defineComponent({
+        components: { ViewPage },
+        setup: () => () => h(Suspense, null, { default: () => h(ViewPage) }),
+    }), { global: { stubs } })
+    await flushPromises()
+    return wrapper
+}
+
+describe('Écran Consultation produit (page /admin/products/{id})', () => {
+    beforeEach(() => {
+        fx.load.mockReset().mockResolvedValue(undefined)
+        mockPush.mockReset()
+        mockNavigateTo.mockReset()
+        mockCan.mockReset().mockReturnValue(true)
+    })
+
+    it('charge le produit au montage', async () => {
+        await mountPage()
+        expect(fx.load).toHaveBeenCalled()
+    })
+
+    it('redirige vers la liste sans la permission view', async () => {
+        mockCan.mockReturnValue(false)
+        await mountPage()
+        expect(mockNavigateTo).toHaveBeenCalledWith('/admin/products')
+    })
+
+    it('affiche les champs en lecture seule (libelles mappes)', async () => {
+        const wrapper = await mountPage()
+        const valueOf = (label: string) =>
+            wrapper.find(`[data-label="${label}"]`).attributes('data-value')
+        expect(valueOf('admin.products.form.name')).toBe('Blé tendre')
+        expect(valueOf('admin.products.form.code')).toBe('BLE-01')
+        expect(valueOf('admin.products.form.category')).toBe('Céréales')
+        expect(valueOf('admin.products.form.sites')).toBe('Chatellerault')
+        expect(valueOf('admin.products.form.storageTypes')).toBe('Tas')
+        // Etats : libelles i18n joints.
+        expect(valueOf('admin.products.form.states')).toBe('admin.products.state.PURCHASE, admin.products.state.SALE')
+    })
+
+    it('bouton « Modifier » (manage) → ecran d\'edition', async () => {
+        const wrapper = await mountPage()
+        await wrapper.find('[data-label="admin.products.action.edit"]').trigger('click')
+        expect(mockPush).toHaveBeenCalledWith('/admin/products/34/edit')
+    })
+
+    it('masque « Modifier » sans la permission manage', async () => {
+        // view OK mais manage refuse.
+        mockCan.mockImplementation((perm: string) => perm === 'catalog.products.view')
+        const wrapper = await mountPage()
+        expect(wrapper.find('[data-label="admin.products.action.edit"]').exists()).toBe(false)
+    })
+
+    it('n\'affiche AUCUN onglet en consultation (coquilles vides masquees, ERP-193)', async () => {
+        const wrapper = await mountPage()
+        expect(wrapper.find('[data-testid="placeholder-tabs"]').exists()).toBe(false)
+    })
+
+    it('masque un champ vide / une checkbox non cochee (ERP-193, isFilled)', async () => {
+        const wrapper = await mountPage()
+        // containsMolasses = false dans le fixture => case masquee.
+        expect(wrapper.find('[data-label="admin.products.form.containsMolasses"]').exists()).toBe(false)
+        // manufactured = true => case affichee.
+        expect(wrapper.find('[data-label="admin.products.form.manufactured"]').exists()).toBe(true)
+    })
+})

frontend/modules/catalog/pages/__tests__/productEdit.spec.ts

@@ -0,0 +1,155 @@
+import { describe, it, expect, vi, beforeEach } from 'vitest'
+import { mount, flushPromises } from '@vue/test-utils'
+import { defineComponent, h, Suspense } from 'vue'
+
+// Produit charge simule (cles de la reponse reelle § 4.0.bis).
+const PRODUCT = {
+    id: 34,
+    code: 'BLE-01',
+    name: 'Blé tendre',
+    states: ['PURCHASE'],
+    manufactured: false,
+    containsMolasses: false,
+    category: { '@id': '/api/categories/12', id: 12, name: 'Céréales', code: 'CEREALES' },
+    sites: [{ '@id': '/api/sites/1', id: 1, name: 'Chatellerault' }],
+    storageTypes: [{ '@id': '/api/storage_types/9', id: 9, code: 'TAS', label: 'Tas' }],
+    createdAt: '', updatedAt: '',
+}
+
+// Holders crees dans les factories (vue initialise au moment de l'import page).
+const fx = vi.hoisted(() => ({
+    isSale: null as unknown as { value: boolean },
+    submit: vi.fn(),
+    prefill: vi.fn(),
+    loadReferentials: vi.fn(),
+    load: vi.fn(),
+}))
+
+vi.mock('~/modules/catalog/composables/useProductForm', async () => {
+    const { ref, reactive } = await import('vue')
+    fx.isSale = ref(false)
+    return {
+        PRODUCT_STATES: ['PURCHASE', 'SALE', 'OTHER'],
+        useProductForm: () => ({
+            form: reactive({
+                code: null, name: null, states: [], siteIris: [],
+                categoryIri: null, storageTypeIris: [], manufactured: false, containsMolasses: false,
+            }),
+            errors: reactive({}),
+            submitting: ref(false),
+            isSale: fx.isSale,
+            siteOptions: ref([]),
+            categoryOptions: ref([]),
+            storageTypeOptions: ref([]),
+            setStates: vi.fn(),
+            setCategory: vi.fn(),
+            setStorageTypes: vi.fn(),
+            setSites: vi.fn(),
+            loadReferentials: fx.loadReferentials,
+            prefill: fx.prefill,
+            submit: fx.submit,
+        }),
+    }
+})
+
+vi.mock('~/modules/catalog/composables/useProduct', async () => {
+    const { ref } = await import('vue')
+    return {
+        useProduct: () => ({
+            product: ref(PRODUCT),
+            loading: ref(false),
+            error: ref(false),
+            load: fx.load,
+        }),
+    }
+})
+
+// ── Auto-imports Nuxt stubbes globalement ───────────────────────────────────
+const mockPush = vi.hoisted(() => vi.fn())
+const mockNavigateTo = vi.hoisted(() => vi.fn())
+const mockCan = vi.hoisted(() => vi.fn())
+
+vi.stubGlobal('useI18n', () => ({ t: (key: string) => key }))
+vi.stubGlobal('useHead', () => undefined)
+vi.stubGlobal('useRoute', () => ({ params: { id: '34' } }))
+vi.stubGlobal('useRouter', () => ({ push: mockPush }))
+vi.stubGlobal('usePermissions', () => ({ can: mockCan }))
+vi.stubGlobal('navigateTo', mockNavigateTo)
+
+const EditPage = (await import('../admin/products/[id]/edit.vue')).default
+
+const ButtonStub = defineComponent({
+    props: { label: { type: String, default: '' }, disabled: { type: Boolean, default: false } },
+    emits: ['click'],
+    setup(props, { emit }) {
+        return () => h('button', { 'data-label': props.label, onClick: () => emit('click') }, props.label)
+    },
+})
+const InputStub = defineComponent({
+    props: { label: { type: String, default: '' }, modelValue: { default: null } },
+    setup(props) { return () => h('input', { 'data-label': props.label }) },
+})
+const CheckboxStub = defineComponent({
+    props: { label: { type: String, default: '' } },
+    setup(props) { return () => h('input', { 'type': 'checkbox', 'data-label': props.label }) },
+})
+// Placeholder : rendu sans aucun appel API (juste un marqueur).
+const TabsStub = defineComponent({ setup() { return () => h('div', { 'data-testid': 'placeholder-tabs' }) } })
+
+const stubs = {
+    MalioButtonIcon: ButtonStub,
+    MalioButton: ButtonStub,
+    MalioInputText: InputStub,
+    MalioSelect: InputStub,
+    MalioSelectCheckbox: InputStub,
+    MalioCheckbox: CheckboxStub,
+    ProductPlaceholderTabs: TabsStub,
+}
+
+async function mountPage() {
+    const wrapper = mount(defineComponent({
+        components: { EditPage },
+        setup: () => () => h(Suspense, null, { default: () => h(EditPage) }),
+    }), { global: { stubs } })
+    await flushPromises()
+    return wrapper
+}
+
+describe('Écran Modifier un produit (page /admin/products/{id}/edit)', () => {
+    beforeEach(() => {
+        fx.submit.mockReset().mockResolvedValue(true)
+        fx.prefill.mockReset().mockResolvedValue(undefined)
+        fx.loadReferentials.mockReset().mockResolvedValue(undefined)
+        fx.load.mockReset().mockResolvedValue(undefined)
+        mockPush.mockReset()
+        mockNavigateTo.mockReset()
+        mockCan.mockReset().mockReturnValue(true)
+        fx.isSale.value = false
+    })
+
+    it('charge le produit et pre-remplit le formulaire au montage', async () => {
+        await mountPage()
+        expect(fx.load).toHaveBeenCalled()
+        expect(fx.prefill).toHaveBeenCalledWith(PRODUCT)
+    })
+
+    it('redirige vers la consultation sans la permission manage', async () => {
+        mockCan.mockReturnValue(false)
+        await mountPage()
+        expect(mockNavigateTo).toHaveBeenCalledWith('/admin/products/34')
+    })
+
+    it('bouton « Enregistrer » : submit (PATCH) SANS redirection (l\'utilisateur garde la main)', async () => {
+        const wrapper = await mountPage()
+        await wrapper.find('[data-label="admin.products.edit.save"]').trigger('click')
+        await flushPromises()
+        expect(fx.submit).toHaveBeenCalled()
+        // On reste sur l'ecran d'edition : aucune navigation au succes (calque client/fournisseur).
+        expect(mockPush).not.toHaveBeenCalled()
+    })
+
+    it('affiche les onglets placeholder (rendu sans appel API)', async () => {
+        const wrapper = await mountPage()
+        expect(wrapper.find('[data-testid="placeholder-tabs"]').exists()).toBe(true)
+    })
+})

frontend/modules/catalog/pages/__tests__/productNew.spec.ts

@@ -0,0 +1,147 @@
+import { describe, it, expect, vi, beforeEach } from 'vitest'
+import { mount, flushPromises } from '@vue/test-utils'
+import { defineComponent, h, Suspense } from 'vue'
+
+// ── Mock du composable form (sa logique est testee a part : useProductForm.spec).
+// Ici on teste le WIRING de la page : rendu conditionnel RG-6.03 + submit→redirect.
+// Les refs partagees sont creees DANS la factory (vue est initialise au moment ou
+// la page est importee) et exposees via un holder hoiste pour pilotage par test.
+const fx = vi.hoisted(() => ({
+    isSale: null as unknown as { value: boolean },
+    submit: vi.fn(),
+    loadReferentials: vi.fn(),
+}))
+
+vi.mock('~/modules/catalog/composables/useProductForm', async () => {
+    const { ref, reactive } = await import('vue')
+    fx.isSale = ref(false)
+    return {
+        PRODUCT_STATES: ['PURCHASE', 'SALE', 'OTHER'],
+        useProductForm: () => ({
+            form: reactive({
+                code: null, name: null, states: [], siteIris: [],
+                categoryIri: null, storageTypeIris: [], manufactured: false, containsMolasses: false,
+            }),
+            errors: reactive({}),
+            submitting: ref(false),
+            isSale: fx.isSale,
+            siteOptions: ref([]),
+            categoryOptions: ref([]),
+            storageTypeOptions: ref([]),
+            setStates: vi.fn(),
+            setCategory: vi.fn(),
+            setStorageTypes: vi.fn(),
+            setSites: vi.fn(),
+            loadReferentials: fx.loadReferentials,
+            submit: fx.submit,
+        }),
+    }
+})
+
+// ── Auto-imports Nuxt stubbes globalement ───────────────────────────────────
+const mockPush = vi.hoisted(() => vi.fn())
+const mockNavigateTo = vi.hoisted(() => vi.fn())
+const mockCan = vi.hoisted(() => vi.fn())
+
+vi.stubGlobal('useI18n', () => ({ t: (key: string) => key }))
+vi.stubGlobal('useHead', () => undefined)
+vi.stubGlobal('useRouter', () => ({ push: mockPush }))
+vi.stubGlobal('usePermissions', () => ({ can: mockCan }))
+vi.stubGlobal('navigateTo', mockNavigateTo)
+
+const NewPage = (await import('../admin/products/new.vue')).default
+
+const ButtonStub = defineComponent({
+    props: { label: { type: String, default: '' }, disabled: { type: Boolean, default: false } },
+    emits: ['click'],
+    setup(props, { emit }) {
+        return () => h('button', { 'data-label': props.label, onClick: () => emit('click') }, props.label)
+    },
+})
+const InputStub = defineComponent({
+    props: { label: { type: String, default: '' }, modelValue: { default: null } },
+    setup(props) { return () => h('input', { 'data-label': props.label }) },
+})
+const CheckboxStub = defineComponent({
+    props: { label: { type: String, default: '' }, modelValue: { type: Boolean, default: false } },
+    setup(props) { return () => h('input', { 'type': 'checkbox', 'data-label': props.label }) },
+})
+
+// Placeholder (onglets Fournisseurs/Clients) : marqueur sans appel API.
+const TabsStub = defineComponent({ setup() { return () => h('div', { 'data-testid': 'placeholder-tabs' }) } })
+
+const stubs = {
+    MalioButtonIcon: ButtonStub,
+    MalioButton: ButtonStub,
+    MalioInputText: InputStub,
+    MalioSelect: InputStub,
+    MalioSelectCheckbox: InputStub,
+    MalioCheckbox: CheckboxStub,
+    ProductPlaceholderTabs: TabsStub,
+}
+
+async function mountPage() {
+    const wrapper = mount(defineComponent({
+        components: { NewPage },
+        setup: () => () => h(Suspense, null, { default: () => h(NewPage) }),
+    }), { global: { stubs } })
+    await flushPromises()
+    return wrapper
+}
+
+describe('Écran Ajouter un produit (page /admin/products/new)', () => {
+    beforeEach(() => {
+        fx.submit.mockReset().mockResolvedValue(true)
+        fx.loadReferentials.mockReset().mockResolvedValue(undefined)
+        mockPush.mockReset()
+        mockNavigateTo.mockReset()
+        mockCan.mockReset().mockReturnValue(true)
+        fx.isSale.value = false
+    })
+
+    it('redirige vers la liste sans la permission manage', async () => {
+        mockCan.mockReturnValue(false)
+        await mountPage()
+        expect(mockNavigateTo).toHaveBeenCalledWith('/admin/products')
+    })
+
+    it('charge les referentiels au montage', async () => {
+        await mountPage()
+        expect(fx.loadReferentials).toHaveBeenCalled()
+    })
+
+    it('RG-6.03 : masque Fabriqué / mélasse tant que l\'etat ne contient pas « Vendu »', async () => {
+        fx.isSale.value = false
+        const wrapper = await mountPage()
+        expect(wrapper.find('[data-label="admin.products.form.manufactured"]').exists()).toBe(false)
+        expect(wrapper.find('[data-label="admin.products.form.containsMolasses"]').exists()).toBe(false)
+    })
+
+    it('RG-6.03 : affiche Fabriqué / mélasse quand l\'etat contient « Vendu »', async () => {
+        fx.isSale.value = true
+        const wrapper = await mountPage()
+        expect(wrapper.find('[data-label="admin.products.form.manufactured"]').exists()).toBe(true)
+        expect(wrapper.find('[data-label="admin.products.form.containsMolasses"]').exists()).toBe(true)
+    })
+
+    it('« Valider » : submit puis retour a la liste au succes', async () => {
+        const wrapper = await mountPage()
+        await wrapper.find('[data-label="admin.products.form.submit"]').trigger('click')
+        await flushPromises()
+        expect(fx.submit).toHaveBeenCalled()
+        expect(mockPush).toHaveBeenCalledWith('/admin/products')
+    })
+
+    it('ne redirige pas si submit echoue (erreurs inline)', async () => {
+        fx.submit.mockResolvedValueOnce(false)
+        const wrapper = await mountPage()
+        await wrapper.find('[data-label="admin.products.form.submit"]').trigger('click')
+        await flushPromises()
+        expect(mockPush).not.toHaveBeenCalled()
+    })
+
+    it('n\'affiche PAS les onglets Fournisseurs/Clients a l\'ajout (avant validation)', async () => {
+        const wrapper = await mountPage()
+        expect(wrapper.find('[data-testid="placeholder-tabs"]').exists()).toBe(false)
+    })
+})

frontend/modules/catalog/pages/__tests__/productsIndex.spec.ts

@@ -0,0 +1,272 @@
+import { describe, it, expect, vi, beforeEach } from 'vitest'
+import { mount, flushPromises } from '@vue/test-utils'
+import { defineComponent, h, ref } from 'vue'
+
+// ── Auto-imports Nuxt stubbes globalement ───────────────────────────────────
+// La page ne les importe pas (auto-import) : on les expose en globals pour le
+// runtime de test (happy-dom). Meme philosophie que les specs M1→M5.
+const mockPush = vi.hoisted(() => vi.fn())
+const mockApiGet = vi.hoisted(() => vi.fn())
+const mockCan = vi.hoisted(() => vi.fn())
+const mockSetFilters = vi.hoisted(() => vi.fn())
+const mockFetch = vi.hoisted(() => vi.fn())
+const mockToastError = vi.hoisted(() => vi.fn())
+
+vi.stubGlobal('useI18n', () => ({ t: (key: string) => key }))
+vi.stubGlobal('useHead', () => undefined)
+vi.stubGlobal('useApi', () => ({ get: mockApiGet }))
+vi.stubGlobal('useRouter', () => ({ push: mockPush }))
+vi.stubGlobal('useToast', () => ({ error: mockToastError, success: vi.fn() }))
+vi.stubGlobal('usePermissions', () => ({ can: mockCan }))
+// usePaginatedList est l'auto-import pilotant la liste : on controle items +
+// setFilters + fetch. La ligne reproduit le contrat JSON reel (§ 4.0.bis).
+vi.stubGlobal('usePaginatedList', () => ({
+    items: ref<Array<Record<string, unknown>>>([
+        {
+            id: 34,
+            code: 'BLE-TENDRE-01',
+            name: 'Blé tendre',
+            states: ['PURCHASE', 'SALE'],
+            manufactured: true,
+            containsMolasses: true,
+            category: { id: 12, name: 'Céréales', code: 'CEREALES' },
+            sites: [{ id: 1, name: 'Chatellerault', code: '86' }],
+            storageTypes: [{ id: 9, code: 'TAS', label: 'Tas' }],
+        },
+    ]),
+    totalItems: ref(1),
+    currentPage: ref(1),
+    itemsPerPage: ref(10),
+    itemsPerPageOptions: ref([10, 25, 50]),
+    fetch: mockFetch,
+    goToPage: vi.fn(),
+    setItemsPerPage: vi.fn(),
+    setFilters: mockSetFilters,
+}))
+
+// happy-dom n'implemente pas createObjectURL : on ajoute les methodes statiques
+// sur la classe URL existante (sans la remplacer — sinon `new URL()` casse).
+globalThis.URL.createObjectURL = vi.fn(() => 'blob:fake')
+globalThis.URL.revokeObjectURL = vi.fn()
+
+// Import APRES les stubs (la page resout les auto-imports au top-level du module).
+const ProductsIndex = (await import('../admin/products/index.vue')).default
+
+// ── Stubs de composants ──────────────────────────────────────────────────────
+const ButtonStub = defineComponent({
+    props: { label: { type: String, default: '' }, disabled: { type: Boolean, default: false } },
+    emits: ['click'],
+    setup(props, { emit }) {
+        return () => h('button', { 'data-label': props.label, onClick: () => emit('click') }, props.label)
+    },
+})
+
+const DataTableStub = defineComponent({
+    props: { items: { type: Array, default: () => [] } },
+    emits: ['row-click', 'update:page', 'update:per-page'],
+    setup(props, { emit }) {
+        return () => h('div', { 'data-testid': 'datatable' },
+            (props.items as Array<Record<string, unknown>>).map(it =>
+                h('tr', {
+                    'data-row-id': it.id,
+                    'data-name': it.name,
+                    'data-code': it.code,
+                    'data-category': it.categoryName,
+                    'onClick': () => emit('row-click', it),
+                }),
+            ),
+        )
+    },
+})
+
+const DrawerStub = defineComponent({
+    props: { modelValue: { type: Boolean, default: false } },
+    setup(_, { slots }) {
+        return () => h('div', {}, [slots.header?.(), slots.default?.(), slots.footer?.()])
+    },
+})
+
+const SlotStub = defineComponent({ setup(_, { slots }) { return () => h('div', {}, slots.default?.()) } })
+
+const PageHeaderStub = defineComponent({
+    setup(_, { slots }) { return () => h('div', {}, [slots.default?.(), slots.actions?.()]) },
+})
+
+const CheckboxStub = defineComponent({
+    props: { id: { type: String, default: '' }, modelValue: { type: Boolean, default: false } },
+    emits: ['update:model-value'],
+    setup(props, { emit }) {
+        return () => h('input', {
+            'type': 'checkbox',
+            'data-id': props.id,
+            'onChange': (e: Event) => emit('update:model-value', (e.target as HTMLInputElement).checked),
+        })
+    },
+})
+
+const SelectStub = defineComponent({
+    props: {
+        modelValue: { type: [String, Number, null] as unknown as () => string | number | null, default: null },
+        options: { type: Array, default: () => [] },
+        emptyOptionLabel: { type: String, default: '' },
+    },
+    emits: ['update:model-value'],
+    setup(props, { emit }) {
+        return () => h('select', {
+            'data-empty-label': props.emptyOptionLabel,
+            'onChange': (e: Event) => emit('update:model-value', (e.target as HTMLSelectElement).value),
+        }, (props.options as Array<{ value: string | number, label: string }>).map(o =>
+            h('option', { value: o.value }, o.label),
+        ))
+    },
+})
+
+const InputTextStub = defineComponent({ setup() { return () => h('input') } })
+
+function mountPage() {
+    return mount(ProductsIndex, {
+        global: {
+            stubs: {
+                PageHeader: PageHeaderStub,
+                MalioButton: ButtonStub,
+                MalioDataTable: DataTableStub,
+                MalioDrawer: DrawerStub,
+                MalioAccordion: SlotStub,
+                MalioAccordionItem: SlotStub,
+                MalioInputText: InputTextStub,
+                MalioSelect: SelectStub,
+                MalioCheckbox: CheckboxStub,
+            },
+        },
+    })
+}
+
+describe('Catalogue produit (page /admin/products)', () => {
+    beforeEach(() => {
+        mockPush.mockReset()
+        mockApiGet.mockReset().mockImplementation((url: string) => {
+            if (url === '/categories') {
+                return Promise.resolve({ member: [{ '@id': '/api/categories/12', id: 12, name: 'Céréales' }] })
+            }
+            if (url === '/sites') {
+                return Promise.resolve({ member: [{ id: 1, name: 'Chatellerault' }] })
+            }
+            return Promise.resolve({ member: [] })
+        })
+        mockCan.mockReset().mockReturnValue(true)
+        mockSetFilters.mockReset()
+        mockFetch.mockReset()
+        mockToastError.mockReset()
+    })
+
+    it('charge la liste au montage', async () => {
+        mountPage()
+        await flushPromises()
+        expect(mockFetch).toHaveBeenCalled()
+    })
+
+    it('mappe les colonnes Nom / Numéro / Catégorie sur le JSON réel (§ 4.0.bis)', async () => {
+        const wrapper = mountPage()
+        await flushPromises()
+        const row = wrapper.find('tr[data-row-id="34"]')
+        expect(row.attributes('data-name')).toBe('Blé tendre')
+        expect(row.attributes('data-code')).toBe('BLE-TENDRE-01')
+        expect(row.attributes('data-category')).toBe('Céréales')
+    })
+
+    it('affiche « + Ajouter » uniquement avec la permission manage', async () => {
+        mockCan.mockImplementation((perm: string) => perm === 'catalog.products.manage')
+        const wrapper = mountPage()
+        await flushPromises()
+        expect(wrapper.find('[data-label="admin.products.add"]').exists()).toBe(true)
+    })
+
+    it('masque « + Ajouter » sans la permission manage (view seul)', async () => {
+        mockCan.mockImplementation((perm: string) => perm === 'catalog.products.view')
+        const wrapper = mountPage()
+        await flushPromises()
+        expect(wrapper.find('[data-label="admin.products.add"]').exists()).toBe(false)
+    })
+
+    it('navigue vers la consultation au clic sur une ligne', async () => {
+        const wrapper = mountPage()
+        await flushPromises()
+        await wrapper.find('tr[data-row-id="34"]').trigger('click')
+        expect(mockPush).toHaveBeenCalledWith('/admin/products/34')
+    })
+
+    it('navigue vers la création au clic sur « + Ajouter »', async () => {
+        const wrapper = mountPage()
+        await flushPromises()
+        await wrapper.find('[data-label="admin.products.add"]').trigger('click')
+        expect(mockPush).toHaveBeenCalledWith('/admin/products/new')
+    })
+
+    it('appelle l\'export XLSX sur /products/export.xlsx en blob', async () => {
+        const wrapper = mountPage()
+        await flushPromises()
+        await wrapper.find('[data-label="admin.products.export"]').trigger('click')
+        await flushPromises()
+        expect(mockApiGet).toHaveBeenCalledWith(
+            '/products/export.xlsx',
+            expect.any(Object),
+            expect.objectContaining({ responseType: 'blob', toast: false }),
+        )
+    })
+
+    it('répercute les sites cochés dans setFilters (filtre multi, clé siteId[])', async () => {
+        const wrapper = mountPage()
+        await flushPromises()
+
+        await wrapper.find('input[data-id="filter-site-1"]').setValue(true)
+        await wrapper.find('[data-label="admin.products.filters.apply"]').trigger('click')
+
+        expect(mockSetFilters).toHaveBeenLastCalledWith(
+            { 'siteId[]': ['1'] },
+            { replace: true },
+        )
+        // Etat 100 % local (regle n°6) : aucune navigation/query string declenchee.
+        expect(mockPush).not.toHaveBeenCalled()
+    })
+
+    it('répercute l\'état sélectionné dans setFilters (param state)', async () => {
+        const wrapper = mountPage()
+        await flushPromises()
+
+        await wrapper.find('select[data-empty-label="admin.products.filters.stateAll"]').setValue('SALE')
+        await wrapper.find('[data-label="admin.products.filters.apply"]').trigger('click')
+
+        expect(mockSetFilters).toHaveBeenLastCalledWith(
+            { state: 'SALE' },
+            { replace: true },
+        )
+    })
+
+    it('répercute la catégorie sélectionnée dans setFilters (param categoryId)', async () => {
+        const wrapper = mountPage()
+        await flushPromises()
+
+        await wrapper.find('select[data-empty-label="admin.products.filters.categoryAll"]').setValue('12')
+        await wrapper.find('[data-label="admin.products.filters.apply"]').trigger('click')
+
+        expect(mockSetFilters).toHaveBeenLastCalledWith(
+            { categoryId: '12' },
+            { replace: true },
+        )
+    })
+
+    it('badge filtres actifs + Réinitialiser vide l\'état appliqué', async () => {
+        const wrapper = mountPage()
+        await flushPromises()
+
+        await wrapper.find('input[data-id="filter-site-1"]').setValue(true)
+        await wrapper.find('[data-label="admin.products.filters.apply"]').trigger('click')
+
+        // Le libelle du bouton Filtrer porte le compteur (1 filtre actif).
+        expect(wrapper.find('[data-label="admin.products.filters.title (1)"]').exists()).toBe(true)
+
+        // Réinitialiser → query propre (setFilters avec objet vide).
+        await wrapper.find('[data-label="admin.products.filters.reset"]').trigger('click')
+        expect(mockSetFilters).toHaveBeenLastCalledWith({}, { replace: true })
+    })
+})

frontend/modules/catalog/pages/admin/products/[id]/edit.vue

@@ -0,0 +1,188 @@
+<template>
+    <div>
+        <!-- En-tete : retour vers le catalogue + nom du produit. -->
+        <div class="flex items-center gap-3 pt-11">
+            <MalioButtonIcon
+                icon="mdi:arrow-left-bold"
+                icon-size="24"
+                variant="ghost"
+                :title="t('admin.products.edit.back')"
+                v-bind="{ ariaLabel: t('admin.products.edit.back') }"
+                @click="goBack"
+            />
+            <h1 class="text-[30px] font-semibold text-m-primary">{{ headerTitle }}</h1>
+        </div>
+
+        <!-- Etats de chargement / introuvable. -->
+        <p v-if="loading" class="mt-12 text-center text-black/60">{{ t('admin.products.edit.loading') }}</p>
+        <p v-else-if="error" class="mt-12 text-center text-m-danger">{{ t('admin.products.edit.notFound') }}</p>
+
+        <template v-else-if="product">
+            <!-- ── Formulaire principal pre-rempli (mêmes champs/regles que l'ajout,
+                 RG-6.01→6.07). Bouton « Enregistrer » → PATCH (RG-6.08). -->
+            <div class="mt-[48px] grid grid-cols-3 xl:grid-cols-4 gap-x-[44px] gap-y-4">
+                <!-- Etat du produit : multi-select obligatoire (>= 1, RG-6.02). -->
+                <MalioSelectCheckbox
+                    :model-value="form.states"
+                    :options="stateOptions"
+                    :max-tags="3"
+                    :label="t('admin.products.form.states')"
+                    :display-tag="true"
+                    :required="true"
+                    :error="errors.states"
+                    @update:model-value="(v: (string | number)[]) => setStates(v.map(String))"
+                />
+                <!-- Sites de disponibilite : multi-select obligatoire (>= 1, RG-6.04). -->
+                <MalioSelectCheckbox
+                    :model-value="form.siteIris"
+                    :options="siteOptions"
+                    :label="t('admin.products.form.sites')"
+                    :display-tag="true"
+                    :required="true"
+                    :error="errors.sites"
+                    @update:model-value="(v: (string | number)[]) => setSites(v.map(String))"
+                />
+                <MalioInputText
+                    v-model="form.name"
+                    :mask="FREE_TEXT_MASK"
+                    :label="t('admin.products.form.name')"
+                    :required="true"
+                    :error="errors.name"
+                />
+                <!-- Code modifiable techniquement ; l'unicite reste re-validee serveur (RG-6.01). -->
+                <MalioInputText
+                    v-model="form.code"
+                    :mask="CODE_ALNUM_MASK"
+                    :label="t('admin.products.form.code')"
+                    :required="true"
+                    :error="errors.code"
+                />
+                <!-- Categorie produit : select simple obligatoire, filtre type PRODUIT (RG-6.05). -->
+                <MalioSelect
+                    :model-value="form.categoryIri"
+                    :options="categoryOptions"
+                    :label="t('admin.products.form.category')"
+                    empty-option-label=""
+                    :required="true"
+                    :error="errors.category"
+                    @update:model-value="(v: string | number | null) => setCategory(v === null || v === '' ? null : String(v))"
+                />
+                <!-- Type de stockage : multi-select obligatoire (>= 1). Referentiel plat :
+                     tous les types (plus de filtrage par site, RG-6.06). -->
+                <MalioSelectCheckbox
+                    :model-value="form.storageTypeIris"
+                    :options="storageTypeOptions"
+                    :max-tags="3"
+                    :label="t('admin.products.form.storageTypes')"
+                    :display-tag="true"
+                    :required="true"
+                    :error="errors.storageTypes"
+                    @update:model-value="(v: (string | number)[]) => setStorageTypes(v.map(String))"
+                />
+                <!-- RG-6.03 : « Fabriqué » + « Contient de la mélasse » visibles
+                     uniquement si l'Etat contient « Vendu ». -->
+                <MalioCheckbox
+                    v-if="isSale"
+                    v-model="form.manufactured"
+                    :label="t('admin.products.form.manufactured')"
+                    group-class="self-center"
+                />
+                <MalioCheckbox
+                    v-if="isSale"
+                    v-model="form.containsMolasses"
+                    :label="t('admin.products.form.containsMolasses')"
+                    group-class="self-center"
+                />
+            </div>
+
+            <div class="mt-12 flex justify-center">
+                <MalioButton
+                    variant="primary"
+                    :label="t('admin.products.edit.save')"
+                    :disabled="submitting"
+                    @click="onSubmit"
+                />
+            </div>
+
+            <!-- Onglets Fournisseurs / Clients en placeholder (HP-M6-01). Visibilite
+                 conditionnee par l'etat : Fournisseurs si Achat/Aucun, Clients si
+                 Vendu/Aucun (cf. ProductPlaceholderTabs). -->
+            <ProductPlaceholderTabs :states="form.states" />
+        </template>
+    </div>
+</template>
+
+<script setup lang="ts">
+import { computed, onMounted } from 'vue'
+import { useProductForm, PRODUCT_STATES } from '~/modules/catalog/composables/useProductForm'
+import { useProduct } from '~/modules/catalog/composables/useProduct'
+import { CODE_ALNUM_MASK, FREE_TEXT_MASK } from '~/shared/utils/textSanitize'
+
+const { t } = useI18n()
+const route = useRoute()
+const router = useRouter()
+const { can } = usePermissions()
+
+const productId = route.params.id as string
+
+// Gating de la route : la modification est reservee a `manage` ; sinon retour
+// consultation (la lecture seule reste accessible avec `view`).
+if (!can('catalog.products.manage')) {
+    await navigateTo(`/admin/products/${productId}`)
+}
+
+const { product, loading, error, load } = useProduct(productId)
+
+const {
+    form,
+    errors,
+    submitting,
+    isSale,
+    siteOptions,
+    categoryOptions,
+    storageTypeOptions,
+    setStates,
+    setCategory,
+    setStorageTypes,
+    setSites,
+    loadReferentials,
+    prefill,
+    submit,
+} = useProductForm()
+
+const headerTitle = computed(() => product.value?.name ?? t('admin.products.edit.title'))
+
+useHead({ title: headerTitle })
+
+// Options de l'etat : libelles i18n (la valeur d'option = code enum).
+const stateOptions = computed(() =>
+    PRODUCT_STATES.map(code => ({ value: code, label: t(`admin.products.state.${code}`) })),
+)
+
+/** Retour vers la consultation du produit (fleche d'en-tete). */
+function goBack(): void {
+    router.push(`/admin/products/${productId}`)
+}
+
+/**
+ * Soumet la modification (PATCH). Au succes : on RESTE sur l'ecran d'edition
+ * (l'utilisateur garde la main, calque client/fournisseur) — le toast de succes et
+ * la reaffichage des valeurs normalisees sont geres par `submit()`. La navigation
+ * reste manuelle (fleche retour -> consultation).
+ */
+async function onSubmit(): Promise<void> {
+    await submit()
+}
+
+onMounted(async () => {
+    // Referentiels (selects) + detail du produit charges en parallele.
+    await Promise.all([
+        loadReferentials().catch(() => {}),
+        load(),
+    ])
+    // Pre-remplissage une fois le produit charge (echec de chargement => message).
+    if (product.value) {
+        await prefill(product.value)
+    }
+})
+</script>

frontend/modules/catalog/pages/admin/products/[id]/index.vue

@@ -0,0 +1,155 @@
+<template>
+    <div>
+        <!-- En-tete : retour catalogue + nom du produit + action « Modifier ». -->
+        <div class="flex items-center gap-3 pt-11">
+            <MalioButtonIcon
+                icon="mdi:arrow-left-bold"
+                icon-size="24"
+                variant="ghost"
+                :title="t('admin.products.consultation.back')"
+                v-bind="{ ariaLabel: t('admin.products.consultation.back') }"
+                @click="goBack"
+            />
+            <h1 class="text-[30px] font-semibold text-m-primary">{{ headerTitle }}</h1>
+
+            <div class="ml-auto flex items-center gap-12">
+                <MalioButton
+                    v-if="canManage"
+                    variant="secondary"
+                    icon-name="mdi:pencil-outline"
+                    icon-position="left"
+                    :label="t('admin.products.action.edit')"
+                    @click="goEdit"
+                />
+            </div>
+        </div>
+
+        <!-- Etats de chargement / introuvable. -->
+        <p v-if="loading" class="mt-12 text-center text-black/60">{{ t('admin.products.consultation.loading') }}</p>
+        <p v-else-if="error" class="mt-12 text-center text-m-danger">{{ t('admin.products.consultation.notFound') }}</p>
+
+        <template v-else-if="product">
+            <!-- ── Bloc principal (lecture seule) — meme disposition que l'ajout/edition.
+                 Champs non remplis masques (ERP-193, isFilled). -->
+            <div class="mt-[48px] grid grid-cols-3 xl:grid-cols-4 gap-x-[44px] gap-y-4">
+                <MalioInputText
+                    v-if="isFilled(statesLabel)"
+                    :model-value="statesLabel"
+                    :label="t('admin.products.form.states')"
+                    disabled
+                />
+                <MalioInputText
+                    v-if="isFilled(sitesLabel)"
+                    :model-value="sitesLabel"
+                    :label="t('admin.products.form.sites')"
+                    disabled
+                />
+                <MalioInputText
+                    v-if="isFilled(product.name)"
+                    :model-value="product.name"
+                    :label="t('admin.products.form.name')"
+                    disabled
+                />
+                <MalioInputText
+                    v-if="isFilled(product.code)"
+                    :model-value="product.code"
+                    :label="t('admin.products.form.code')"
+                    disabled
+                />
+                <MalioInputText
+                    v-if="isFilled(categoryLabel)"
+                    :model-value="categoryLabel"
+                    :label="t('admin.products.form.category')"
+                    disabled
+                />
+                <MalioInputText
+                    v-if="isFilled(storageTypesLabel)"
+                    :model-value="storageTypesLabel"
+                    :label="t('admin.products.form.storageTypes')"
+                    disabled
+                />
+                <!-- RG-6.03 : « Fabriqué » / « Contient de la mélasse » affiches
+                     uniquement si l'etat contient « Vendu » ET la case est cochee. -->
+                <div v-if="isSale && isFilled(product.manufactured)" class="flex h-12 items-center">
+                    <MalioCheckbox
+                        id="product-view-manufactured"
+                        :label="t('admin.products.form.manufactured')"
+                        :model-value="product.manufactured"
+                        disabled
+                        :reserve-message-space="false"
+                    />
+                </div>
+                <div v-if="isSale && isFilled(product.containsMolasses)" class="flex h-12 items-center">
+                    <MalioCheckbox
+                        id="product-view-molasses"
+                        :label="t('admin.products.form.containsMolasses')"
+                        :model-value="product.containsMolasses"
+                        disabled
+                        :reserve-message-space="false"
+                    />
+                </div>
+            </div>
+
+            <!-- Pas d'onglet en consultation (ERP-193) : on masque les onglets vides.
+                 Les onglets Fournisseurs / Clients sont des coquilles non implementees
+                 (placeholder, module Contrat inexistant, HP-M6-01) => aucune donnee a
+                 afficher, donc rien n'est rendu ici. Ils restent visibles a l'edition
+                 (preview + regle d'etat). Quand le module Contrat existera, ce bloc
+                 affichera les onglets effectivement remplis (calque client/fournisseur). -->
+        </template>
+    </div>
+</template>
+
+<script setup lang="ts">
+import { computed, onMounted } from 'vue'
+import { useProduct } from '~/modules/catalog/composables/useProduct'
+import { isFilled } from '~/shared/utils/consultationDisplay'
+
+const { t } = useI18n()
+const route = useRoute()
+const router = useRouter()
+const { can } = usePermissions()
+
+// Gating de la route : la consultation est reservee a `view` (catalogue admin-only).
+if (!can('catalog.products.view')) {
+    await navigateTo('/admin/products')
+}
+
+const productId = route.params.id as string
+
+const { product, loading, error, load } = useProduct(productId)
+
+// L'edition est reservee a `manage` ; le bouton « Modifier » suit cette permission.
+const canManage = computed(() => can('catalog.products.manage'))
+
+const headerTitle = computed(() => product.value?.name ?? t('admin.products.consultation.title'))
+
+useHead({ title: t('admin.products.consultation.title') })
+
+// RG-6.03 : « Vendu » conditionne l'affichage des booleens fabriqué / mélasse.
+const isSale = computed(() => product.value?.states.includes('SALE') ?? false)
+
+// ── Libelles lecture seule (relations embarquees mappees en texte) ───────────
+const statesLabel = computed(() =>
+    (product.value?.states ?? []).map(code => t(`admin.products.state.${code}`)).join(', '),
+)
+const sitesLabel = computed(() =>
+    (product.value?.sites ?? []).map(site => site.name).join(', '),
+)
+const categoryLabel = computed(() => product.value?.category?.name ?? '')
+const storageTypesLabel = computed(() =>
+    (product.value?.storageTypes ?? []).map(type => type.label).join(', '),
+)
+
+/** Retour vers le catalogue produit (fleche d'en-tete). */
+function goBack(): void {
+    router.push('/admin/products')
+}
+
+/** Bascule vers l'ecran de modification. */
+function goEdit(): void {
+    router.push(`/admin/products/${productId}/edit`)
+}
+
+onMounted(load)
+</script>

frontend/modules/catalog/pages/admin/products/index.vue

@@ -0,0 +1,377 @@
+<template>
+    <div>
+        <PageHeader>
+            {{ t('admin.products.title') }}
+            <template #actions>
+                <!-- gap-8 = 32px d'espacement entre Filtrer et Ajouter (meme
+                     design que le Repertoire transporteurs / la Gestion des categories). -->
+                <div class="flex items-center gap-8">
+                    <!-- Bouton Filtrer a GAUCHE d'Ajouter. Le compteur reflete les filtres actifs. -->
+                    <MalioButton
+                        v-if="canView"
+                        variant="tertiary"
+                        :label="filterButtonLabel"
+                        icon-name="mdi:tune"
+                        icon-position="left"
+                        icon-size="24"
+                        @click="openFilters"
+                    />
+                    <MalioButton
+                        v-if="canManage"
+                        variant="secondary"
+                        :label="t('admin.products.add')"
+                        icon-name="mdi:add-bold"
+                        icon-position="left"
+                        @click="goToCreate"
+                    />
+                </div>
+            </template>
+        </PageHeader>
+
+        <!-- Datatable branchee sur usePaginatedList : pagination serveur, tri
+             name ASC par defaut (cote back, § 4.1). Colonnes Nom / Numero /
+             Categorie (docx p.3). -->
+        <MalioDataTable
+            :columns="columns"
+            :items="rows"
+            :total-items="totalItems"
+            :page="currentPage"
+            :per-page="itemsPerPage"
+            :per-page-options="itemsPerPageOptions"
+            row-clickable
+            :empty-message="t('admin.products.empty')"
+            @row-click="onRowClick"
+            @update:page="goToPage"
+            @update:per-page="setItemsPerPage"
+        />
+
+        <div class="flex justify-center mt-4">
+            <MalioButton
+                v-if="canView"
+                variant="primary"
+                :label="t('admin.products.export')"
+                :disabled="exporting"
+                @click="exportXlsx"
+            />
+        </div>
+
+        <!-- Drawer de filtres : etat BROUILLON, applique uniquement au clic sur
+             « Voir les résultats ». Meme pattern que les repertoires M1→M5.
+             Etat 100 % local, jamais dans l'URL (regle ABSOLUE n°6). -->
+        <MalioDrawer
+            v-model="filterDrawerOpen"
+            drawer-class="max-w-[450px]"
+            body-class="p-0"
+            footer-class="justify-between border-t border-black p-6"
+        >
+            <template #header>
+                <h2 class="text-[24px] font-bold uppercase">{{ t('admin.products.filters.title') }}</h2>
+            </template>
+
+            <MalioAccordion>
+                <!-- Recherche : code + nom (param `search`, partiel insensible a la casse). -->
+                <MalioAccordionItem :title="t('admin.products.filters.search')" value="search">
+                    <MalioInputText
+                        v-model="draftSearch"
+                        icon-name="mdi:magnify"
+                    />
+                </MalioAccordionItem>
+
+                <!-- Categorie : select simple (param `categoryId`). Referentiel borne
+                     aux categories de type PRODUIT (RG-6.05). -->
+                <MalioAccordionItem :title="t('admin.products.filters.category')" value="category">
+                    <MalioSelect
+                        :model-value="draftCategoryId"
+                        :options="categoryOptions"
+                        :empty-option-label="t('admin.products.filters.categoryAll')"
+                        @update:model-value="(v: string | number | null) => draftCategoryId = v === null || v === '' ? null : Number(v)"
+                    />
+                </MalioAccordionItem>
+
+                <!-- Etat : select simple (param `state`, enum PURCHASE / SALE / OTHER). -->
+                <MalioAccordionItem :title="t('admin.products.filters.state')" value="state">
+                    <MalioSelect
+                        :model-value="draftState"
+                        :options="stateOptions"
+                        :empty-option-label="t('admin.products.filters.stateAll')"
+                        @update:model-value="(v: string | number | null) => draftState = v === null || v === '' ? null : String(v)"
+                    />
+                </MalioAccordionItem>
+
+                <!-- Site(s) : cases a cocher (multi, param `siteId[]`). Un produit
+                     remonte s'il est disponible sur AU MOINS UN des sites coches. -->
+                <MalioAccordionItem :title="t('admin.products.filters.site')" value="site">
+                    <div class="flex flex-col">
+                        <MalioCheckbox
+                            v-for="opt in siteOptions"
+                            :id="`filter-site-${opt.value}`"
+                            :key="opt.value"
+                            :label="opt.label"
+                            :model-value="draftSiteIds.includes(opt.value)"
+                            @update:model-value="(val: boolean) => toggleSite(opt.value, val)"
+                        />
+                    </div>
+                </MalioAccordionItem>
+            </MalioAccordion>
+
+            <template #footer>
+                <MalioButton
+                    variant="tertiary"
+                    :label="t('admin.products.filters.reset')"
+                    button-class="w-m-btn-action"
+                    @click="resetFilters"
+                />
+                <MalioButton
+                    variant="primary"
+                    :label="t('admin.products.filters.apply')"
+                    button-class="w-[170px]"
+                    @click="applyFilters"
+                />
+            </template>
+        </MalioDrawer>
+    </div>
+</template>
+
+<script setup lang="ts">
+import { computed, onMounted, ref } from 'vue'
+import type { Product } from '~/modules/catalog/types/product'
+
+interface FilterOption {
+    value: number
+    label: string
+}
+
+const { t } = useI18n()
+const api = useApi()
+const router = useRouter()
+const toast = useToast()
+const { can } = usePermissions()
+
+useHead({ title: t('admin.products.title') })
+
+// Catalogue produit admin-only (docx p.3) : « + Ajouter » reserve a `manage`.
+// « Filtrer » / « Exporter » suivent `view` (gate page-level). L'item sidebar
+// est deja masque cote back pour les roles sans `view` (RBAC § 5.2).
+const canManage = computed(() => can('catalog.products.manage'))
+const canView = computed(() => can('catalog.products.view'))
+
+// Pagination serveur via le composable partage. Le ProductProvider applique
+// deja name ASC (§ 4.1) — pas de defaultSort cote front tant qu'aucun
+// OrderFilter n'est expose.
+const {
+    items: products,
+    totalItems,
+    currentPage,
+    itemsPerPage,
+    itemsPerPageOptions,
+    fetch: loadProducts,
+    goToPage,
+    setItemsPerPage,
+    setFilters,
+} = usePaginatedList<Product>({ url: '/products' })
+
+// Mappe les produits en objets « plats » pour MalioDataTable (items typees
+// Record<string, unknown>[]) : un objet litteral porte une signature d'index
+// implicite, contrairement a l'interface Product. Meme pattern que M1→M5.
+const rows = computed(() => products.value.map(product => ({
+    id: product.id,
+    name: product.name,
+    code: product.code,
+    categoryName: product.category?.name ?? '',
+})))
+
+const columns = [
+    { key: 'name', label: t('admin.products.column.name') },
+    { key: 'code', label: t('admin.products.column.code') },
+    { key: 'categoryName', label: t('admin.products.column.category') },
+]
+
+/** Clic sur une ligne → ecran de consultation (lecture seule) /admin/products/{id}. */
+function onRowClick(item: Record<string, unknown>): void {
+    router.push(`/admin/products/${item.id}`)
+}
+
+function goToCreate(): void {
+    router.push('/admin/products/new')
+}
+
+// ── Referentiels des filtres ─────────────────────────────────────────────────
+// Charges une fois (pagination desactivee, referentiels bornes). Categories
+// filtrees au type PRODUIT (RG-6.05) ; sites = tous les sites actifs.
+const categoryOptions = ref<FilterOption[]>([])
+const siteOptions = ref<FilterOption[]>([])
+
+// Etats produit (miroir de l'enum back Product::STATE_*). Le libelle est resolu
+// par i18n. Select simple cote filtre (`?state=` n'accepte qu'une valeur).
+const PRODUCT_STATES = ['PURCHASE', 'SALE', 'OTHER'] as const
+
+const stateOptions = computed(() =>
+    PRODUCT_STATES.map(code => ({ value: code, label: t(`admin.products.state.${code}`) })),
+)
+
+interface HydraMember { '@id': string, id: number, name?: string, postalCode?: string }
+
+/** Recupere une collection complete (pagination desactivee) en Hydra. */
+async function fetchAll<T extends HydraMember>(
+    url: string,
+    query: Record<string, string> = {},
+): Promise<T[]> {
+    const res = await api.get<{ member?: T[] }>(
+        url,
+        { pagination: 'false', ...query },
+        { headers: { Accept: 'application/ld+json' }, toast: false },
+    )
+    return res.member ?? []
+}
+
+/**
+ * Charge les referentiels des filtres en parallele et de maniere resiliente :
+ * un referentiel en echec (403/500) reste vide sans casser l'autre.
+ */
+async function loadFilterReferentials(): Promise<void> {
+    await Promise.allSettled([
+        fetchAll('/categories', { typeCode: 'PRODUIT' })
+            .then((cats) => { categoryOptions.value = cats.map(c => ({ value: c.id, label: c.name ?? '' })) }),
+        fetchAll('/sites')
+            .then((sitesList) => { siteOptions.value = sitesList.map(s => ({ value: s.id, label: s.name ?? '' })) }),
+    ])
+}
+
+// ── Filtres (drawer) ─────────────────────────────────────────────────────────
+// Deux niveaux d'etat (pattern repertoires M1→M5) :
+//  - APPLIED : pilote la liste/l'export + le compteur du bouton. Modifie
+//    uniquement au clic « Voir les résultats » / « Réinitialiser ».
+//  - DRAFT : edite librement dans le drawer ; recopie vers applied a la validation.
+const filterDrawerOpen = ref(false)
+
+const draftSearch = ref('')
+const draftCategoryId = ref<number | null>(null)
+const draftState = ref<string | null>(null)
+const draftSiteIds = ref<number[]>([])
+
+const appliedSearch = ref('')
+const appliedCategoryId = ref<number | null>(null)
+const appliedState = ref<string | null>(null)
+const appliedSiteIds = ref<number[]>([])
+
+const activeFilterCount = computed(() => {
+    let count = 0
+    if (appliedSearch.value.trim() !== '') count++
+    if (appliedCategoryId.value !== null) count++
+    if (appliedState.value !== null) count++
+    if (appliedSiteIds.value.length > 0) count++
+    return count
+})
+
+const filterButtonLabel = computed(() => {
+    const base = t('admin.products.filters.title')
+    return activeFilterCount.value > 0 ? `${base} (${activeFilterCount.value})` : base
+})
+
+// Recopie l'etat applique vers le brouillon puis ouvre le drawer : la reouverture
+// reflete les filtres actifs.
+function openFilters(): void {
+    draftSearch.value = appliedSearch.value
+    draftCategoryId.value = appliedCategoryId.value
+    draftState.value = appliedState.value
+    draftSiteIds.value = [...appliedSiteIds.value]
+    filterDrawerOpen.value = true
+}
+
+/** Coche / decoche un site dans le brouillon (filtre multi). */
+function toggleSite(id: number, selected: boolean): void {
+    draftSiteIds.value = selected
+        ? [...draftSiteIds.value, id]
+        : draftSiteIds.value.filter(s => s !== id)
+}
+
+/**
+ * Construit le payload de filtres serveur a partir de l'etat applique. Cle
+ * `siteId[]` pour que PHP la parse en tableau (OR cote back). Les filtres vides
+ * sont omis pour une query propre.
+ */
+function buildFilterPayload(): Record<string, string | string[]> {
+    const payload: Record<string, string | string[]> = {}
+    if (appliedSearch.value.trim() !== '') payload.search = appliedSearch.value.trim()
+    if (appliedCategoryId.value !== null) payload.categoryId = String(appliedCategoryId.value)
+    if (appliedState.value !== null) payload.state = appliedState.value
+    if (appliedSiteIds.value.length > 0) payload['siteId[]'] = appliedSiteIds.value.map(String)
+    return payload
+}
+
+// « Voir les résultats » : recopie brouillon → applied, pousse les filtres
+// (retombe en page 1 via usePaginatedList) et ferme le drawer.
+function applyFilters(): void {
+    appliedSearch.value = draftSearch.value.trim()
+    appliedCategoryId.value = draftCategoryId.value
+    appliedState.value = draftState.value
+    appliedSiteIds.value = [...draftSiteIds.value]
+
+    setFilters(buildFilterPayload(), { replace: true })
+    filterDrawerOpen.value = false
+}
+
+// « Réinitialiser » : vide brouillon ET applied, recharge la liste complete.
+// Le drawer reste ouvert pour montrer le formulaire vide.
+function resetFilters(): void {
+    draftSearch.value = ''
+    draftCategoryId.value = null
+    draftState.value = null
+    draftSiteIds.value = []
+
+    appliedSearch.value = ''
+    appliedCategoryId.value = null
+    appliedState.value = null
+    appliedSiteIds.value = []
+
+    setFilters({}, { replace: true })
+}
+
+// ── Export XLSX ──────────────────────────────────────────────────────────────
+// Memes filtres que la vue : l'export reflete exactement ce que l'utilisateur voit.
+const exporting = ref(false)
+
+async function exportXlsx(): Promise<void> {
+    if (exporting.value) {
+        return
+    }
+    exporting.value = true
+    try {
+        // useApi type ses options en JSON ; l'export renvoie un binaire, donc on
+        // force responseType:'blob' (transmis tel quel a ofetch au runtime). Cast
+        // contenu faute d'overload blob sur le client partage (meme pattern M2→M5).
+        const blob = await api.get<Blob>('/products/export.xlsx', buildFilterPayload(), {
+            responseType: 'blob',
+            toast: false,
+        } as unknown as Parameters<typeof api.get>[2])
+
+        triggerDownload(blob, 'catalogue-produits.xlsx')
+    }
+    catch {
+        toast.error({
+            title: t('admin.products.toast.error'),
+            message: t('admin.products.toast.exportError'),
+        })
+    }
+    finally {
+        exporting.value = false
+    }
+}
+
+/** Declenche le telechargement d'un blob via un lien temporaire. */
+function triggerDownload(blob: Blob, filename: string): void {
+    const url = URL.createObjectURL(blob)
+    const link = document.createElement('a')
+    link.href = url
+    link.download = filename
+    document.body.appendChild(link)
+    link.click()
+    link.remove()
+    URL.revokeObjectURL(url)
+}
+
+onMounted(() => {
+    loadProducts()
+    loadFilterReferentials()
+})
+</script>

frontend/modules/catalog/pages/admin/products/new.vue

@@ -0,0 +1,162 @@
+<template>
+    <div>
+        <!-- En-tete : retour vers le catalogue + titre. -->
+        <div class="flex items-center gap-3 pt-11">
+            <MalioButtonIcon
+                icon="mdi:arrow-left-bold"
+                icon-size="24"
+                variant="ghost"
+                :title="t('admin.products.form.back')"
+                v-bind="{ ariaLabel: t('admin.products.form.back') }"
+                @click="goBack"
+            />
+            <h1 class="text-[30px] font-semibold text-m-primary">{{ t('admin.products.form.title') }}</h1>
+        </div>
+
+        <!-- ── Formulaire principal de creation ───────────────────────────────
+             Bouton « Valider » TOUJOURS actif (ERP-101) : la validation
+             autoritaire est serveur, les erreurs 422 reviennent inline. -->
+        <div class="mt-[48px] grid grid-cols-3 xl:grid-cols-4 gap-x-[44px] gap-y-4">
+            <!-- Etat du produit : multi-select obligatoire (>= 1, RG-6.02). -->
+            <MalioSelectCheckbox
+                :model-value="form.states"
+                :options="stateOptions"
+                :max-tags="3"
+                :label="t('admin.products.form.states')"
+                :display-tag="true"
+                :required="true"
+                :error="errors.states"
+                @update:model-value="(v: (string | number)[]) => setStates(v.map(String))"
+            />
+            <!-- Sites de disponibilite : multi-select obligatoire (>= 1, RG-6.04). -->
+            <MalioSelectCheckbox
+                :model-value="form.siteIris"
+                :options="siteOptions"
+                :label="t('admin.products.form.sites')"
+                :display-tag="true"
+                :required="true"
+                :error="errors.sites"
+                @update:model-value="(v: (string | number)[]) => setSites(v.map(String))"
+            />
+            <MalioInputText
+                v-model="form.name"
+                :mask="FREE_TEXT_MASK"
+                :label="t('admin.products.form.name')"
+                :required="true"
+                :error="errors.name"
+            />
+            <MalioInputText
+                v-model="form.code"
+                :mask="CODE_ALNUM_MASK"
+                :label="t('admin.products.form.code')"
+                :required="true"
+                :error="errors.code"
+            />
+            <!-- Categorie produit : select simple obligatoire, filtre type PRODUIT (RG-6.05). -->
+            <MalioSelect
+                :model-value="form.categoryIri"
+                :options="categoryOptions"
+                :label="t('admin.products.form.category')"
+                empty-option-label=""
+                :required="true"
+                :error="errors.category"
+                @update:model-value="(v: string | number | null) => setCategory(v === null || v === '' ? null : String(v))"
+            />
+            <!-- Type de stockage : multi-select obligatoire (>= 1). Referentiel plat :
+                 tous les types (plus de filtrage par site, RG-6.06). -->
+            <MalioSelectCheckbox
+                :model-value="form.storageTypeIris"
+                :options="storageTypeOptions"
+                :max-tags="3"
+                :label="t('admin.products.form.storageTypes')"
+                :display-tag="true"
+                :required="true"
+                :error="errors.storageTypes"
+                @update:model-value="(v: (string | number)[]) => setStorageTypes(v.map(String))"
+            />
+            <!-- RG-6.03 : « Fabriqué » + « Contient de la mélasse » visibles
+                 uniquement si l'Etat contient « Vendu ». -->
+            <MalioCheckbox
+                v-if="isSale"
+                v-model="form.manufactured"
+                :label="t('admin.products.form.manufactured')"
+                group-class="self-center"
+            />
+            <MalioCheckbox
+                v-if="isSale"
+                v-model="form.containsMolasses"
+                :label="t('admin.products.form.containsMolasses')"
+                group-class="self-center"
+            />
+        </div>
+
+        <div class="mt-12 flex justify-center">
+            <MalioButton
+                variant="primary"
+                :label="t('admin.products.form.submit')"
+                :disabled="submitting"
+                @click="onSubmit"
+            />
+        </div>
+
+        <!-- Onglets Fournisseurs / Clients (placeholder, HP-M6-01) : NON affiches a
+             l'ajout. Ils n'apparaissent qu'apres validation du formulaire principal
+             (ecran de modification), une fois le produit cree. -->
+    </div>
+</template>
+
+<script setup lang="ts">
+import { computed, onMounted } from 'vue'
+import { useProductForm, PRODUCT_STATES } from '~/modules/catalog/composables/useProductForm'
+import { CODE_ALNUM_MASK, FREE_TEXT_MASK } from '~/shared/utils/textSanitize'
+
+const { t } = useI18n()
+const router = useRouter()
+const { can } = usePermissions()
+
+useHead({ title: t('admin.products.form.title') })
+
+// Gating de la route : la creation est reservee a `manage` (catalogue admin-only).
+if (!can('catalog.products.manage')) {
+    await navigateTo('/admin/products')
+}
+
+const {
+    form,
+    errors,
+    submitting,
+    isSale,
+    siteOptions,
+    categoryOptions,
+    storageTypeOptions,
+    setStates,
+    setCategory,
+    setStorageTypes,
+    setSites,
+    loadReferentials,
+    submit,
+} = useProductForm()
+
+// Options de l'etat : libelles i18n (la valeur d'option = code enum).
+const stateOptions = computed(() =>
+    PRODUCT_STATES.map(code => ({ value: code, label: t(`admin.products.state.${code}`) })),
+)
+
+/** Retour vers le catalogue produit (fleche d'en-tete). */
+function goBack(): void {
+    router.push('/admin/products')
+}
+
+/** Soumet la creation ; au succes, retour a la liste. */
+async function onSubmit(): Promise<void> {
+    const ok = await submit()
+    if (ok) {
+        router.push('/admin/products')
+    }
+}
+
+onMounted(() => {
+    // Echec du chargement des referentiels non bloquant : les selects restent vides.
+    loadReferentials().catch(() => {})
+})
+</script>

frontend/modules/catalog/types/product.ts

@@ -0,0 +1,72 @@
+/**
+ * Types front du module Catalog (M6 — Catalogue produit).
+ *
+ * Contrats API consommes :
+ *   - GET /api/products            → HydraCollection<Product>
+ *   - GET /api/products/{id}       → Product
+ *   - GET /api/products/export.xlsx → binaire XLSX (export complet, filtres actifs)
+ *
+ * Notes (cf. spec-back § 4.0.bis, contrat JSON capture en ERP-203) :
+ *   - `category` est embarque (objet, pas IRI) ; idem `sites` / `storageTypes`
+ *     (tableaux d'objets bornes). On n'a besoin que de `category.name` en liste.
+ *   - `states` est un tableau de chaines (PURCHASE / SALE / OTHER).
+ *   - `skip_null_values` actif cote back : ne pas presumer la presence des nulls.
+ */
+
+/** Type de categorie embarque dans `category.categoryTypes` (RG-6.05). */
+export interface ProductCategoryType {
+    id: number
+    code: string
+    label: string
+}
+
+/** Categorie embarquee dans un produit (lecture seule, sous-ensemble utile au front). */
+export interface ProductCategory {
+    /** IRI Hydra, ex. `/api/categories/12` — utilise pour pre-selectionner le select en edition. */
+    '@id': string
+    id: number
+    name: string
+    code: string
+    categoryTypes?: ProductCategoryType[]
+}
+
+/** Site de disponibilite embarque dans un produit (groupe `site:read`). */
+export interface ProductSite {
+    /** IRI Hydra, ex. `/api/sites/1` — utilise pour pre-selectionner le multi-select en edition. */
+    '@id': string
+    id: number
+    name: string
+    code: string
+    postalCode: string
+    city: string
+    color: string
+    fullAddress: string
+}
+
+/** Type de stockage embarque dans un produit (referentiel borne, § 2.4). */
+export interface ProductStorageType {
+    /** IRI Hydra, ex. `/api/storage_types/9` — utilise pour pre-selectionner le multi-select en edition. */
+    '@id': string
+    id: number
+    code: string
+    label: string
+}
+
+/**
+ * Produit metier — tel qu'il est lu depuis l'API. L'entite porte le pattern
+ * Timestampable+Blamable (cf. spec-back § 2.8).
+ */
+export interface Product {
+    id: number
+    code: string
+    name: string
+    /** Etats : sous-ensemble de PURCHASE / SALE / OTHER (RG-6.02). */
+    states: string[]
+    manufactured: boolean
+    containsMolasses: boolean
+    category: ProductCategory | null
+    sites: ProductSite[]
+    storageTypes: ProductStorageType[]
+    createdAt: string
+    updatedAt: string
+}

frontend/modules/commercial/components/ClientAddressBlock.vue

@@ -53,6 +53,7 @@
                 v-if="!hideEmpty || isFilled(model.contactIris)"
                 :model-value="model.contactIris"
                 :options="contactOptions"
+                :max-tags="3"
                 :label="t('commercial.clients.form.address.contacts')"
                 :display-tag="true"
                 :readonly="readonly"
@@ -97,6 +98,7 @@
             <MalioSelectCheckbox
                 :model-value="model.categoryIris"
                 :options="categoryOptions"
+                :max-tags="3"
                 :label="t('commercial.clients.form.address.categories')"
                 :display-tag="true"
                 :readonly="readonly"
@@ -217,7 +219,7 @@ import {
     type AddressType,
 } from '~/modules/commercial/utils/forms/clientFormRules'
 import { useAddressAutocomplete, type AddressSuggestion } from '~/shared/composables/useAddressAutocomplete'
-import type { CategoryOption, RefOption } from '~/modules/commercial/composables/useClientReferentials'
+import type { CategoryOption, RefOption } from '~/modules/commercial/types/referentials'
 import type { AddressFormDraft } from '~/modules/commercial/types/clientForm'
 import { ADDRESS_MASK } from '~/shared/utils/textSanitize'
 import { isFilled } from '~/shared/utils/consultationDisplay'

frontend/modules/commercial/components/SupplierAddressBlock.vue

@@ -51,6 +51,7 @@
                 v-if="!hideEmpty || isFilled(model.contactIris)"
                 :model-value="model.contactIris"
                 :options="contactOptions"
+                :max-tags="3"
                 :label="t('commercial.suppliers.form.address.contacts')"
                 :display-tag="true"
                 :readonly="readonly"
@@ -67,6 +68,7 @@
             <MalioSelectCheckbox
                 :model-value="model.categoryIris"
                 :options="categoryOptions"
+                :max-tags="3"
                 :label="t('commercial.suppliers.form.address.categories')"
                 :display-tag="true"
                 :readonly="readonly"
@@ -198,7 +200,7 @@
 
 <script setup lang="ts">
 import { useAddressAutocomplete, type AddressSuggestion } from '~/shared/composables/useAddressAutocomplete'
-import type { CategoryOption, RefOption } from '~/modules/commercial/composables/useSupplierReferentials'
+import type { CategoryOption, RefOption } from '~/modules/commercial/types/referentials'
 import type { SupplierAddressFormDraft, SupplierAddressType } from '~/modules/commercial/types/supplierForm'
 import { ADDRESS_MASK } from '~/shared/utils/textSanitize'
 import { isFilled } from '~/shared/utils/consultationDisplay'

frontend/modules/commercial/composables/__tests__/useClientReferentials.spec.ts

@@ -45,7 +45,7 @@ describe('useClientReferentials.loadCommon (resilience ERP-102)', () => {
 
         // Resilience : les referentiels OK sont peuples malgre l'echec de /categories.
         // Le libelle d'un site est son numero de departement (2 premiers chiffres du code postal).
-        expect(refs.sites.value).toEqual([{ value: '/api/sites/1', label: '86' }])
+        expect(refs.sites.value).toEqual([{ value: '/api/sites/1', label: '86', textColor: '#FFFFFF' }])
         expect(refs.tvaModes.value).toEqual([{ value: '/api/x/1', label: 'Libelle X' }])
         expect(refs.banks.value).toEqual([{ value: '/api/x/1', label: 'Libelle X' }])
         // Pays : value = nom du pays (et non l'IRI).
@@ -63,7 +63,7 @@ describe('useClientReferentials.loadCommon (resilience ERP-102)', () => {
                 })
             }
             if (url === '/sites') {
-                return Promise.resolve({ member: [{ '@id': '/api/sites/1', name: 'Chatellerault', postalCode: '86100' }] })
+                return Promise.resolve({ member: [{ '@id': '/api/sites/1', name: 'Chatellerault', postalCode: '86100', color: '#FF0000' }] })
             }
             return Promise.resolve({ member: [] })
         })
@@ -74,8 +74,9 @@ describe('useClientReferentials.loadCommon (resilience ERP-102)', () => {
         expect(refs.categories.value).toEqual([
             { value: '/api/categories/1', label: 'Secteur', code: 'SECTEUR' },
         ])
-        // Le libelle d'un site est son numero de departement (2 premiers chiffres du code postal).
+        // Le libelle d'un site est son numero de departement (2 premiers chiffres du
-        expect(refs.sites.value).toEqual([{ value: '/api/sites/1', label: '86' }])
+        // code postal) ; la couleur du site est reportee (fond) avec un texte blanc.
+        expect(refs.sites.value).toEqual([{ value: '/api/sites/1', label: '86', color: '#FF0000', textColor: '#FFFFFF' }])
     })
 
     it('separe les categories CLIENT (formulaire) des categories ADRESSE (blocs adresse)', async () => {

frontend/modules/commercial/composables/useClientReferentials.ts

@@ -1,4 +1,5 @@
 import { ref } from 'vue'
+import type { CategoryOption, ClientOption, PaymentTypeOption, RefOption } from '~/modules/commercial/types/referentials'
 
 /**
  * Charge les referentiels (listes courtes) alimentant les selects de l'ecran
@@ -15,25 +16,6 @@ import { ref } from 'vue'
  * Etat 100 % local a l'instance (refs) — aucune persistance URL.
  */
 
-/** Option generique au format attendu par MalioSelect / MalioSelectCheckbox ({ label, value }). */
-export interface RefOption {
-    value: string
-    label: string
-}
-
-/** Option de type de reglement enrichie de son code stable (RG-1.12 / RG-1.13). */
-export interface PaymentTypeOption extends RefOption {
-    code: string
-}
-
-/** Option de categorie enrichie de son code stable (filtrage RG-1.29 cote adresse). */
-export interface CategoryOption extends RefOption {
-    code: string
-}
-
-/** Option de client (distributeur / courtier) — value = IRI du client lie. */
-export type ClientOption = RefOption
-
 interface HydraMember {
     '@id': string
 }
@@ -46,6 +28,7 @@ interface CategoryMember extends HydraMember {
 interface SiteMember extends HydraMember {
     name: string
     postalCode: string
+    color?: string
 }
 
 interface ReferentialMember extends HydraMember {
@@ -119,7 +102,7 @@ export function useClientReferentials() {
                 // Libelle = numero de departement (2 premiers chiffres du code
                 // postal du site), ex: 86100 -> « 86 ». Le code postal est deja
                 // expose par /sites (groupe site:read) — aucune colonne a ajouter.
-                .then((sitesList) => { sites.value = sitesList.map(s => ({ value: s['@id'], label: (s.postalCode ?? '').slice(0, 2) })) }),
+                .then((sitesList) => { sites.value = sitesList.map(s => ({ value: s['@id'], label: (s.postalCode ?? '').slice(0, 2), color: s.color, textColor: '#FFFFFF' })) }),
             fetchAll<ReferentialMember>('/tva_modes')
                 .then((tva) => { tvaModes.value = tva.map(t => ({ value: t['@id'], label: t.label })) }),
             fetchAll<ReferentialMember>('/payment_delays')

frontend/modules/commercial/composables/useSupplierReferentials.ts

@@ -1,4 +1,5 @@
 import { ref } from 'vue'
+import type { CategoryOption, PaymentTypeOption, RefOption } from '~/modules/commercial/types/referentials'
 
 /**
  * Charge les referentiels (listes courtes) alimentant les selects de l'ecran
@@ -16,22 +17,6 @@ import { ref } from 'vue'
  * Etat 100 % local a l'instance (refs) — aucune persistance URL.
  */
 
-/** Option generique au format attendu par MalioSelect / MalioSelectCheckbox. */
-export interface RefOption {
-    value: string
-    label: string
-}
-
-/** Option de type de reglement enrichie de son code stable (RG-2.07 / RG-2.08). */
-export interface PaymentTypeOption extends RefOption {
-    code: string
-}
-
-/** Option de categorie enrichie de son code stable. */
-export interface CategoryOption extends RefOption {
-    code: string
-}
-
 interface HydraMember {
     '@id': string
 }
@@ -44,6 +29,7 @@ interface CategoryMember extends HydraMember {
 interface SiteMember extends HydraMember {
     name: string
     postalCode: string
+    color?: string
 }
 
 interface ReferentialMember extends HydraMember {
@@ -106,7 +92,7 @@ export function useSupplierReferentials() {
             fetchAll<SiteMember>('/sites')
                 // Libelle = numero de departement (2 premiers chiffres du code
                 // postal du site), ex: 86100 -> « 86 ».
-                .then((sitesList) => { sites.value = sitesList.map(s => ({ value: s['@id'], label: (s.postalCode ?? '').slice(0, 2) })) }),
+                .then((sitesList) => { sites.value = sitesList.map(s => ({ value: s['@id'], label: (s.postalCode ?? '').slice(0, 2), color: s.color, textColor: '#FFFFFF' })) }),
             fetchAll<ReferentialMember>('/tva_modes')
                 .then((tva) => { tvaModes.value = tva.map(t => ({ value: t['@id'], label: t.label })) }),
             fetchAll<ReferentialMember>('/payment_delays')

frontend/modules/commercial/pages/clients/[id]/edit.vue

@@ -35,6 +35,7 @@
                 <MalioSelectCheckbox
                     :model-value="main.categoryIris"
                     :options="mainCategoryOptions"
+                    :max-tags="3"
                     :label="t('commercial.clients.form.main.categories')"
                     :display-tag="true"
                     :disabled="businessReadonly"
@@ -394,7 +395,7 @@
         </template>
 
         <!-- Modal de confirmation generique (suppression contact / adresse / RIB). -->
-        <MalioModal v-model="confirmModal.open" modal-class="max-w-md">
+        <MalioModal :dismissable="false" v-model="confirmModal.open" modal-class="max-w-md">
             <template #header>
                 <h2 class="text-[24px] font-bold">{{ t('commercial.clients.form.confirmDelete.title') }}</h2>
             </template>
@@ -420,7 +421,8 @@
 <script setup lang="ts">
 import { computed, onMounted, reactive, ref, watch } from 'vue'
 import { useClient } from '~/modules/commercial/composables/useClient'
-import { useClientReferentials, type CategoryOption, type RefOption } from '~/modules/commercial/composables/useClientReferentials'
+import { useClientReferentials } from '~/modules/commercial/composables/useClientReferentials'
+import type { CategoryOption, RefOption } from '~/modules/commercial/types/referentials'
 import { useClientFormErrors } from '~/modules/commercial/composables/useClientFormErrors'
 import {
     canEditClient,

frontend/modules/commercial/pages/clients/[id]/index.vue

@@ -58,6 +58,7 @@
                     v-if="isFilled(categoryIris)"
                     :model-value="categoryIris"
                     :options="mainCategoryOptions"
+                    :max-tags="3"
                     :label="t('commercial.clients.form.main.categories')"
                     :display-tag="true"
                     disabled
@@ -282,7 +283,7 @@
         </template>
 
         <!-- Modal de confirmation Archiver / Restaurer. -->
-        <MalioModal v-model="confirmOpen" modal-class="max-w-md">
+        <MalioModal :dismissable="false" v-model="confirmOpen" modal-class="max-w-md">
             <template #header>
                 <h2 class="text-[24px] font-bold">
                     {{ isArchived ? t('commercial.clients.consultation.confirmRestore.title') : t('commercial.clients.consultation.confirmArchive.title') }}

frontend/modules/commercial/pages/clients/index.vue

@@ -62,10 +62,9 @@
                 </span>
             </template>
 
-            <!-- Derniere activite : date de derniere modification (updatedAt). -->
+            <!-- Derniere activite : volontairement vide tant que le suivi
-            <template #cell-lastActivity="{ item }">
+                 d'activite (onglets de la fiche) n'est pas encore developpe. -->
-                {{ formatLastActivity(item) }}
+            <template #cell-lastActivity />
-            </template>
         </MalioDataTable>
 
         <div class="flex justify-center mt-4">
@@ -199,7 +198,6 @@ const rows = computed(() => clients.value.map(client => ({
     companyName: client.companyName,
     categories: client.categories,
     sites: client.sites,
-    updatedAt: client.updatedAt,
 })))
 
 const columns = [
@@ -215,26 +213,6 @@ function formatCategories(item: Record<string, unknown>): string {
     return categories.map(c => c.name).join(', ')
 }
 
-/**
- * Derniere activite : faute de suivi d'activite metier au M1, on affiche la
- * date de derniere modification de la fiche (updatedAt, expose en liste via
- * default:read). Format court francais jj/mm/aaaa.
- */
-function formatLastActivity(item: Record<string, unknown>): string {
-    const value = item.updatedAt as string | null | undefined
-    if (!value) {
-        return ''
-    }
-
-    // Garde-fou date invalide : un updatedAt mal forme donnerait « Invalid Date ».
-    const date = new Date(value)
-    if (Number.isNaN(date.getTime())) {
-        return ''
-    }
-
-    return date.toLocaleDateString('fr-FR')
-}
-
 /** Clic sur une ligne → ecran Consultation (route a plat /clients/{id}). */
 function onRowClick(item: Record<string, unknown>): void {
     router.push(`/clients/${item.id}`)

frontend/modules/commercial/pages/clients/new.vue

@@ -29,6 +29,7 @@
             <MalioSelectCheckbox
                 :model-value="main.categoryIris"
                 :options="referentials.categories.value"
+                :max-tags="3"
                 :label="t('commercial.clients.form.main.categories')"
                 :display-tag="true"
                 :disabled="mainLocked"
@@ -391,7 +392,7 @@
         </MalioTabList>
 
         <!-- Modal de confirmation generique (suppression contact/adresse/RIB). -->
-        <MalioModal v-model="confirmModal.open" modal-class="max-w-md">
+        <MalioModal :dismissable="false" v-model="confirmModal.open" modal-class="max-w-md">
             <template #header>
                 <h2 class="text-[24px] font-bold">{{ t('commercial.clients.form.confirmDelete.title') }}</h2>
             </template>
@@ -416,7 +417,8 @@
 
 <script setup lang="ts">
 import { computed, onMounted, reactive, ref, watch } from 'vue'
-import { useClientReferentials, type RefOption } from '~/modules/commercial/composables/useClientReferentials'
+import { useClientReferentials } from '~/modules/commercial/composables/useClientReferentials'
+import type { RefOption } from '~/modules/commercial/types/referentials'
 import { useClientFormErrors } from '~/modules/commercial/composables/useClientFormErrors'
 import {
     buildClientFormTabKeys,

frontend/modules/commercial/pages/suppliers/[id]/edit.vue

@@ -34,6 +34,7 @@
                 <MalioSelectCheckbox
                     :model-value="main.categoryIris"
                     :options="mainCategoryOptions"
+                    :max-tags="3"
                     :label="t('commercial.suppliers.form.main.categories')"
                     :display-tag="true"
                     :disabled="businessReadonly"
@@ -363,7 +364,7 @@
         </template>
 
         <!-- Modal de confirmation generique (suppression contact / adresse / RIB). -->
-        <MalioModal v-model="confirmModal.open" modal-class="max-w-md">
+        <MalioModal :dismissable="false" v-model="confirmModal.open" modal-class="max-w-md">
             <template #header>
                 <h2 class="text-[24px] font-bold">{{ t('commercial.suppliers.form.confirmDelete.title') }}</h2>
             </template>
@@ -389,7 +390,8 @@
 <script setup lang="ts">
 import { computed, onMounted, reactive, ref } from 'vue'
 import { useSupplier } from '~/modules/commercial/composables/useSupplier'
-import { useSupplierReferentials, type CategoryOption, type RefOption } from '~/modules/commercial/composables/useSupplierReferentials'
+import { useSupplierReferentials } from '~/modules/commercial/composables/useSupplierReferentials'
+import type { CategoryOption, RefOption } from '~/modules/commercial/types/referentials'
 import { useSupplierFormErrors } from '~/modules/commercial/composables/useSupplierFormErrors'
 import {
     canEditSupplier,

frontend/modules/commercial/pages/suppliers/[id]/index.vue

@@ -58,6 +58,7 @@
                     v-if="isFilled(categoryIris)"
                     :model-value="categoryIris"
                     :options="mainCategoryOptions"
+                    :max-tags="3"
                     :label="t('commercial.suppliers.form.main.categories')"
                     :display-tag="true"
                     disabled
@@ -263,7 +264,7 @@
         </template>
 
         <!-- Modal de confirmation Archiver / Restaurer. -->
-        <MalioModal v-model="confirmOpen" modal-class="max-w-md">
+        <MalioModal :dismissable="false" v-model="confirmOpen" modal-class="max-w-md">
             <template #header>
                 <h2 class="text-[24px] font-bold">
                     {{ isArchived ? t('commercial.suppliers.consultation.confirmRestore.title') : t('commercial.suppliers.consultation.confirmArchive.title') }}

frontend/modules/commercial/pages/suppliers/index.vue

@@ -62,10 +62,9 @@
                 </span>
             </template>
 
-            <!-- Derniere activite : date de derniere modification (updatedAt). -->
+            <!-- Derniere activite : volontairement vide tant que le suivi
-            <template #cell-lastActivity="{ item }">
+                 d'activite (onglets de la fiche) n'est pas encore developpe. -->
-                {{ formatLastActivity(item) }}
+            <template #cell-lastActivity />
-            </template>
         </MalioDataTable>
 
         <div class="flex justify-center mt-4">
@@ -199,7 +198,6 @@ const rows = computed(() => suppliers.value.map(supplier => ({
     companyName: supplier.companyName,
     categories: supplier.categories,
     sites: supplier.sites,
-    updatedAt: supplier.updatedAt,
 })))
 
 const columns = [
@@ -215,26 +213,6 @@ function formatCategories(item: Record<string, unknown>): string {
     return categories.map(c => c.name).join(', ')
 }
 
-/**
- * Derniere activite : faute de suivi d'activite metier au M2, on affiche la
- * date de derniere modification de la fiche (updatedAt, expose en liste via
- * default:read). Format court francais jj/mm/aaaa.
- */
-function formatLastActivity(item: Record<string, unknown>): string {
-    const value = item.updatedAt as string | null | undefined
-    if (!value) {
-        return ''
-    }
-
-    // Garde-fou date invalide : un updatedAt mal forme donnerait « Invalid Date ».
-    const date = new Date(value)
-    if (Number.isNaN(date.getTime())) {
-        return ''
-    }
-
-    return date.toLocaleDateString('fr-FR')
-}
-
 /** Clic sur une ligne → ecran Consultation (route a plat /suppliers/{id}). */
 function onRowClick(item: Record<string, unknown>): void {
     router.push(`/suppliers/${item.id}`)

frontend/modules/commercial/pages/suppliers/new.vue

@@ -29,6 +29,7 @@
             <MalioSelectCheckbox
                 :model-value="main.categoryIris"
                 :options="referentials.categories.value"
+                :max-tags="3"
                 :label="t('commercial.suppliers.form.main.categories')"
                 :display-tag="true"
                 :disabled="mainLocked"
@@ -356,7 +357,7 @@
         </MalioTabList>
 
         <!-- Modal de confirmation generique (suppression contact/adresse/RIB). -->
-        <MalioModal v-model="confirmModal.open" modal-class="max-w-md">
+        <MalioModal :dismissable="false" v-model="confirmModal.open" modal-class="max-w-md">
             <template #header>
                 <h2 class="text-[24px] font-bold">{{ t('commercial.suppliers.form.confirmDelete.title') }}</h2>
             </template>
@@ -381,7 +382,8 @@
 
 <script setup lang="ts">
 import { computed, onMounted, reactive, ref, watch } from 'vue'
-import { useSupplierReferentials, type RefOption } from '~/modules/commercial/composables/useSupplierReferentials'
+import { useSupplierReferentials } from '~/modules/commercial/composables/useSupplierReferentials'
+import type { RefOption } from '~/modules/commercial/types/referentials'
 import { useSupplierFormErrors } from '~/modules/commercial/composables/useSupplierFormErrors'
 import {
     buildSupplierFormTabKeys,

frontend/modules/commercial/types/referentials.ts

@@ -0,0 +1,37 @@
+/**
+ * Types d'options des referentiels (selects) partages entre les ecrans Client (M1)
+ * et Fournisseur (M2).
+ *
+ * Centralises ici pour eviter la double declaration dans `useClientReferentials`
+ * et `useSupplierReferentials` : Nuxt auto-importe les symboles exportes par
+ * `composables/*`, et deux composables exportant les memes noms (`PaymentTypeOption`,
+ * `CategoryOption`...) provoquent un warning « Duplicated imports » au build.
+ * Le dossier `types/` n'est pas auto-importe : une seule source de verite, importee
+ * explicitement la ou c'est necessaire.
+ */
+
+/** Option generique au format attendu par MalioSelect / MalioSelectCheckbox ({ label, value }). */
+export interface RefOption {
+    value: string
+    label: string
+    // Couleur de fond optionnelle de l'option (hex #RRGGBB). Alimentee par le
+    // referentiel sites (couleur d'identification du site, affichee sur les tags
+    // selectionnes du multiselect).
+    color?: string
+    // Couleur de texte optionnelle (hex). Sites : blanc, pour rester lisible
+    // sur le fond colore du tag.
+    textColor?: string
+}
+
+/** Option de type de reglement enrichie de son code stable (RG-1.12/1.13, RG-2.07/2.08). */
+export interface PaymentTypeOption extends RefOption {
+    code: string
+}
+
+/** Option de categorie enrichie de son code stable (filtrage RG-1.29 cote adresse). */
+export interface CategoryOption extends RefOption {
+    code: string
+}
+
+/** Option de client (distributeur / courtier) — value = IRI du client lie. */
+export type ClientOption = RefOption

frontend/modules/commercial/utils/forms/__tests__/clientConsultation.spec.ts

@@ -168,9 +168,9 @@ describe('options construites depuis l\'embed (role-independantes)', () => {
         ])
     })
 
-    it('siteOptionsOf expose value=IRI, label=nom', () => {
+    it('siteOptionsOf expose value=IRI, label=nom, color, textColor', () => {
         expect(siteOptionsOf([{ '@id': '/api/sites/4', name: 'Chatellerault', color: '#000' }])).toEqual([
-            { value: '/api/sites/4', label: 'Chatellerault' },
+            { value: '/api/sites/4', label: 'Chatellerault', color: '#000', textColor: '#FFFFFF' },
         ])
     })
 
@@ -201,7 +201,7 @@ describe('options construites depuis l\'embed (role-independantes)', () => {
             categories: [{ '@id': '/api/categories/3', name: 'Secteur', code: 'SECTEUR' }],
         })
         expect(view.draft.id).toBe(18)
-        expect(view.siteOptions).toEqual([{ value: '/api/sites/4', label: 'Chatellerault' }])
+        expect(view.siteOptions).toEqual([{ value: '/api/sites/4', label: 'Chatellerault', textColor: '#FFFFFF' }])
         expect(view.categoryOptions).toEqual([{ value: '/api/categories/3', label: 'Secteur', code: 'SECTEUR' }])
     })
 })

frontend/modules/commercial/utils/forms/__tests__/supplierConsultation.spec.ts

@@ -155,9 +155,9 @@ describe('options construites depuis l\'embed (role-independantes)', () => {
         ])
     })
 
-    it('siteOptionsOf expose value=IRI, label=nom', () => {
+    it('siteOptionsOf expose value=IRI, label=nom, color, textColor', () => {
         expect(siteOptionsOf([{ '@id': '/api/sites/87', name: 'Chatellerault', color: '#000' }])).toEqual([
-            { value: '/api/sites/87', label: 'Chatellerault' },
+            { value: '/api/sites/87', label: 'Chatellerault', color: '#000', textColor: '#FFFFFF' },
         ])
     })
 
@@ -190,7 +190,7 @@ describe('options construites depuis l\'embed (role-independantes)', () => {
         })
         expect(view.draft.id).toBe(33)
         expect(view.draft.addressType).toBe('RENDU')
-        expect(view.siteOptions).toEqual([{ value: '/api/sites/87', label: 'Chatellerault' }])
+        expect(view.siteOptions).toEqual([{ value: '/api/sites/87', label: 'Chatellerault', textColor: '#FFFFFF' }])
         expect(view.categoryOptions).toEqual([{ value: '/api/categories/2279', label: 'Negociant', code: 'NEGOCIANT' }])
     })
 })

frontend/modules/commercial/utils/forms/clientConsultation.ts

@@ -143,6 +143,12 @@ export interface ClientRelation {
 export interface SelectOption {
     value: string
     label: string
+    // Couleur de fond optionnelle (hex #RRGGBB), reportee pour les sites afin
+    // de colorer les tags selectionnes en consultation comme en edition.
+    color?: string
+    // Couleur de texte optionnelle (hex). Sites : blanc, pour rester lisible
+    // sur le fond colore du tag.
+    textColor?: string
 }
 
 /** Option de categorie enrichie de son code (compatible CategoryOption des blocs). */
@@ -266,7 +272,7 @@ export function categoryOptionsOf(categories: CategoryRead[] | undefined): Categ
 
 /** Options de sites (value=IRI, label=nom) construites depuis l'embed d'une adresse. */
 export function siteOptionsOf(sites: SiteRead[] | undefined): SelectOption[] {
-    return (sites ?? []).map(s => ({ value: s['@id'], label: s.name ?? s['@id'] }))
+    return (sites ?? []).map(s => ({ value: s['@id'], label: s.name ?? s['@id'], color: s.color, textColor: '#FFFFFF' }))
 }
 
 /** Options de contacts (value=IRI, label=nom complet ou email) depuis l'embed client. */

frontend/modules/commercial/utils/forms/supplierConsultation.ts

@@ -138,6 +138,12 @@ export interface AccountingDraft {
 export interface SelectOption {
     value: string
     label: string
+    // Couleur de fond optionnelle (hex #RRGGBB), reportee pour les sites afin
+    // de colorer les tags selectionnes en consultation comme en edition.
+    color?: string
+    // Couleur de texte optionnelle (hex). Sites : blanc, pour rester lisible
+    // sur le fond colore du tag.
+    textColor?: string
 }
 
 /** Option de categorie enrichie de son code (compatible CategoryOption des blocs). */
@@ -241,7 +247,7 @@ export function categoryOptionsOf(categories: CategoryRead[] | undefined): Categ
 
 /** Options de sites (value=IRI, label=nom) construites depuis l'embed d'une adresse. */
 export function siteOptionsOf(sites: SiteRead[] | undefined): SelectOption[] {
-    return (sites ?? []).map(s => ({ value: s['@id'], label: s.name ?? s['@id'] }))
+    return (sites ?? []).map(s => ({ value: s['@id'], label: s.name ?? s['@id'], color: s.color, textColor: '#FFFFFF' }))
 }
 
 /** Options de contacts (value=IRI, label=nom complet ou email) depuis l'embed fournisseur. */

frontend/modules/core/components/RoleDeleteModal.vue

@@ -4,7 +4,6 @@
             <div
                 v-if="modelValue"
                 class="fixed inset-0 z-50 flex items-center justify-center bg-black/50"
-                @click.self="cancel"
             >
                 <div class="w-full max-w-md rounded-lg bg-white p-6 shadow-xl">
                     <h3 class="text-lg font-semibold text-neutral-900">

frontend/modules/core/pages/logout.vue

@@ -1,35 +0,0 @@
-<template>
-    <div class="flex h-full items-center justify-center">
-        <p class="text-neutral-500">{{ $t('auth.logout') }}...</p>
-    </div>
-</template>
-
-<script setup lang="ts">
-definePageMeta({ layout: 'auth' })
-
-const auth = useAuthStore()
-const { resetSidebar } = useSidebar()
-const { resetModules } = useModules()
-const { resetCurrentSite } = useCurrentSite()
-const { resetAuditLog } = useAuditLog()
-const { resetCategoriesAdmin } = useCategoriesAdmin()
-
-onMounted(async () => {
-    try {
-        await auth.logout()
-    } finally {
-        // Les resets sont garantis meme si auth.logout() rejette : eviter
-        // qu'un user suivant (connecte sur le meme onglet) voie l'etat de
-        // l'ancien. Toutes les fonctions reset sont synchrones et ne
-        // peuvent pas throw (juste des assignations reactives).
-        // navigateTo est dans le finally pour garantir la redirection
-        // meme si auth.logout() lance une exception (ex: reseau coupé).
-        resetSidebar()
-        resetModules()
-        resetCurrentSite()
-        resetAuditLog()
-        resetCategoriesAdmin()
-        await navigateTo('/login')
-    }
-})
-</script>

frontend/modules/logistique/composables/__tests__/useWeighingTicketReferentials.spec.ts

@@ -0,0 +1,44 @@
+import { describe, it, expect, vi, beforeEach } from 'vitest'
+import { useWeighingTicketReferentials } from '../useWeighingTicketReferentials'
+
+const mockApiGet = vi.hoisted(() => vi.fn())
+vi.stubGlobal('useApi', () => ({ get: mockApiGet }))
+
+/**
+ * Tests des référentiels Client/Fournisseur de l'écran ticket de pesée (M5).
+ * Contrat couvert (ERP-208) : `load(siteId)` filtre les deux endpoints par site
+ * courant via `siteId[]` ; sans site → listes complètes (param absent).
+ */
+describe('useWeighingTicketReferentials', () => {
+    beforeEach(() => {
+        mockApiGet.mockReset()
+        mockApiGet.mockResolvedValue({ member: [] })
+    })
+
+    it('passe siteId[] aux deux endpoints quand un site courant est fourni', async () => {
+        const { load } = useWeighingTicketReferentials()
+        await load(7)
+
+        const clientsCall = mockApiGet.mock.calls.find(c => c[0] === '/clients')
+        const suppliersCall = mockApiGet.mock.calls.find(c => c[0] === '/suppliers')
+        expect(clientsCall?.[1]).toMatchObject({ pagination: 'false', 'siteId[]': [7] })
+        expect(suppliersCall?.[1]).toMatchObject({ pagination: 'false', 'siteId[]': [7] })
+    })
+
+    it('ne passe pas siteId[] quand aucun site (liste complète)', async () => {
+        const { load } = useWeighingTicketReferentials()
+        await load(null)
+
+        const clientsCall = mockApiGet.mock.calls.find(c => c[0] === '/clients')
+        expect(clientsCall?.[1]).not.toHaveProperty('siteId[]')
+        expect(clientsCall?.[1]).toMatchObject({ pagination: 'false' })
+    })
+
+    it('mappe les membres Hydra en options { value: @id, label: companyName }', async () => {
+        mockApiGet.mockResolvedValue({ member: [{ '@id': '/api/clients/3', companyName: 'ACME' }] })
+        const { load, clients } = useWeighingTicketReferentials()
+        await load(7)
+
+        expect(clients.value).toEqual([{ value: '/api/clients/3', label: 'ACME' }])
+    })
+})

frontend/modules/logistique/composables/useWeighingTicketReferentials.ts

@@ -32,11 +32,19 @@ export function useWeighingTicketReferentials() {
     const clients = ref<RefOption[]>([])
     const suppliers = ref<RefOption[]>([])
 
-    /** Récupère une collection complète (pagination désactivée) en Hydra. */
+    /**
-    async function fetchAll(url: string): Promise<PartyMember[]> {
+     * Récupère une collection complète (pagination désactivée) en Hydra. Filtre par
+     * site courant si `siteId` est fourni (ERP-208) : un tiers est rattaché à un site
+     * via les sites de ses adresses — param `siteId[]` déjà géré par les providers M1/M2.
+     */
+    async function fetchAll(url: string, siteId?: number | null): Promise<PartyMember[]> {
+        const query: Record<string, unknown> = { pagination: 'false' }
+        if (siteId !== null && siteId !== undefined) {
+            query['siteId[]'] = [siteId]
+        }
         const res = await api.get<{ member?: PartyMember[] }>(
             url,
-            { pagination: 'false' },
+            query,
             { headers: LD_JSON_HEADERS, toast: false },
         )
         return res.member ?? []
@@ -45,14 +53,15 @@ export function useWeighingTicketReferentials() {
     /**
      * Charge en parallèle clients + fournisseurs (résilient : un référentiel en
      * échec — ex. 403 selon le rôle — laisse simplement son select vide sans
-     * faire échouer l'autre).
+     * faire échouer l'autre). `siteId` (site courant) filtre les listes par site
+     * (ERP-208) ; absent → listes complètes.
      */
-    async function load(): Promise<void> {
+    async function load(siteId?: number | null): Promise<void> {
         await Promise.allSettled([
-            fetchAll('/clients').then((list) => {
+            fetchAll('/clients', siteId).then((list) => {
                 clients.value = list.map(c => ({ value: c['@id'], label: c.companyName }))
             }),
-            fetchAll('/suppliers').then((list) => {
+            fetchAll('/suppliers', siteId).then((list) => {
                 suppliers.value = list.map(s => ({ value: s['@id'], label: s.companyName }))
             }),
         ])

frontend/modules/logistique/pages/__tests__/weighingTicketEdit.spec.ts

@@ -8,12 +8,13 @@ const mockFetchTicket = vi.hoisted(() => vi.fn())
 const mockPatch = vi.hoisted(() => vi.fn())
 const mockPush = vi.hoisted(() => vi.fn())
 const mockOpen = vi.hoisted(() => vi.fn())
+const mockRefLoad = vi.hoisted(() => vi.fn())
 
 vi.mock('~/modules/logistique/composables/useWeighingTicket', () => ({
     useWeighingTicket: () => ({ fetchTicket: mockFetchTicket }),
 }))
 vi.mock('~/modules/logistique/composables/useWeighingTicketReferentials', () => ({
-    useWeighingTicketReferentials: () => ({ clients: ref([]), suppliers: ref([]), load: vi.fn().mockResolvedValue(undefined) }),
+    useWeighingTicketReferentials: () => ({ clients: ref([]), suppliers: ref([]), load: mockRefLoad }),
 }))
 vi.mock('~/modules/logistique/composables/useWeighbridge', () => ({
     useWeighbridge: () => ({ triggerAuto: vi.fn(), triggerManual: vi.fn(), extractWeighbridgeError: () => 'err' }),
@@ -100,6 +101,7 @@ describe('Écran Modification ticket de pesée (page /weighing-tickets/{id}/edit
         mockPatch.mockReset().mockResolvedValue({})
         mockPush.mockReset()
         mockOpen.mockReset()
+        mockRefLoad.mockReset().mockResolvedValue(undefined)
     })
 
     it('charge le ticket au montage (pré-remplissage via hydrate)', async () => {
@@ -107,6 +109,12 @@ describe('Écran Modification ticket de pesée (page /weighing-tickets/{id}/edit
         expect(mockFetchTicket).toHaveBeenCalledWith('9')
     })
 
+    it('filtre les référentiels sur le SITE DU TICKET, pas le site courant (ERP-208)', async () => {
+        await mountPage()
+        // DETAIL.site.id = 1 → les listes sont chargées pour le site du ticket (immuable).
+        expect(mockRefLoad).toHaveBeenCalledWith(1)
+    })
+
     it('ticket validé : action principale « Enregistrer » + « Imprimer » (pas « Valider »)', async () => {
         const wrapper = await mountPage()
         // DETAIL.status = VALIDATED → l'action principale s'intitule « Enregistrer ».
@@ -115,6 +123,14 @@ describe('Écran Modification ticket de pesée (page /weighing-tickets/{id}/edit
         expect(wrapper.find('[data-label="logistique.weighingTickets.form.validate"]').exists()).toBe(false)
     })
 
+    it('ticket en attente (DRAFT) : PAS de bouton « Imprimer », action principale « Valider »', async () => {
+        // Un brouillon n'a pas de numéro : le bon de pesée ne doit pas être imprimable.
+        mockFetchTicket.mockReset().mockResolvedValue({ ...DETAIL, status: 'DRAFT', number: null })
+        const wrapper = await mountPage()
+        expect(wrapper.find('[data-label="logistique.weighingTickets.form.print"]').exists()).toBe(false)
+        expect(wrapper.find('[data-label="logistique.weighingTickets.form.validate"]').exists()).toBe(true)
+    })
+
     it('« Imprimer » ouvre le bon de pesée PDF servi par le back (RG-5.08)', async () => {
         const wrapper = await mountPage()
         await wrapper.find('[data-label="logistique.weighingTickets.form.print"]').trigger('click')

frontend/modules/logistique/pages/__tests__/weighingTicketNew.spec.ts

@@ -7,9 +7,10 @@ const mockPost = vi.hoisted(() => vi.fn())
 const mockPatch = vi.hoisted(() => vi.fn())
 const mockPush = vi.hoisted(() => vi.fn())
 const mockOpen = vi.hoisted(() => vi.fn())
+const mockRefLoad = vi.hoisted(() => vi.fn())
 
 vi.mock('~/modules/logistique/composables/useWeighingTicketReferentials', () => ({
-    useWeighingTicketReferentials: () => ({ clients: ref([]), suppliers: ref([]), load: vi.fn().mockResolvedValue(undefined) }),
+    useWeighingTicketReferentials: () => ({ clients: ref([]), suppliers: ref([]), load: mockRefLoad }),
 }))
 vi.mock('~/modules/logistique/composables/useWeighbridge', () => ({
     useWeighbridge: () => ({ triggerAuto: vi.fn(), triggerManual: vi.fn(), extractWeighbridgeError: () => 'err' }),
@@ -23,6 +24,8 @@ vi.stubGlobal('useRouter', () => ({ push: mockPush }))
 vi.stubGlobal('usePermissions', () => ({ can: () => true }))
 vi.stubGlobal('navigateTo', vi.fn())
 vi.stubGlobal('useFormErrors', () => ({ errors: reactive({}), setError: vi.fn(), clearErrors: vi.fn(), handleApiError: vi.fn() }))
+// Site courant (ERP-208) : id 7 → les référentiels doivent être chargés filtrés sur ce site.
+vi.stubGlobal('useCurrentSite', () => ({ currentSite: ref({ id: 7, name: 'Site 7', color: '#000000' }) }))
 globalThis.open = mockOpen
 
 const NewPage = (await import('../weighing-tickets/new.vue')).default
@@ -70,6 +73,12 @@ describe('Écran Ajouter ticket de pesée (page /weighing-tickets/new)', () => {
         mockPatch.mockReset().mockResolvedValue({})
         mockPush.mockReset()
         mockOpen.mockReset()
+        mockRefLoad.mockReset().mockResolvedValue(undefined)
+    })
+
+    it('charge les référentiels filtrés sur le site courant au montage (ERP-208)', async () => {
+        await mountPage()
+        expect(mockRefLoad).toHaveBeenCalledWith(7)
     })
 
     it('un seul bouton « Valider » (pas de « Enregistrer » séparé)', async () => {

frontend/modules/logistique/pages/weighing-tickets/[id]/edit.vue

@@ -58,6 +58,7 @@
                         <MalioInputText
                             v-else-if="form.counterpartyField.value === 'other'"
                             :model-value="form.otherLabel.value"
+                            :mask="FREE_TEXT_MASK"
                             :label="t('logistique.weighingTickets.form.counterparty.other')"
                             :required="true"
                             :error="errors.otherLabel"
@@ -114,7 +115,10 @@
             <!-- Bas d'écran : « Imprimer » (ouvre le PDF back) + action principale
                  (« Valider » si brouillon, « Enregistrer » si déjà validé). -->
             <div class="mt-12 flex justify-center gap-6">
+                <!-- « Imprimer » uniquement sur un ticket terminé (VALIDATED) : un
+                     brouillon n'a pas de numéro et ne doit pas produire de bon. -->
                 <MalioButton
+                    v-if="isValidated"
                     variant="secondary"
                     icon-name="mdi:printer-outline"
                     icon-position="left"
@@ -131,10 +135,11 @@
         </template>
 
         <!-- ── Modal « Confirmation pesée bascule » (RG-5.06) ──────────────────-->
-        <MalioModal v-model="autoModal.open" modal-class="max-w-md" footer-class="justify-center pb-6">
+        <MalioModal :dismissable="false" v-model="autoModal.open" modal-class="max-w-md" footer-class="justify-center pb-6">
             <template #header>
                 <h2 class="text-[24px] font-bold">{{ t('logistique.weighingTickets.form.weighbridge.confirmTitle') }}</h2>
             </template>
+            <p>{{ t('logistique.weighingTickets.form.weighbridge.confirmMessage') }}</p>
             <p v-if="autoModal.error" class="text-m-danger">{{ autoModal.error }}</p>
             <template #footer>
                 <MalioButton
@@ -148,6 +153,7 @@
 
         <!-- ── Modal « Pesée manuelle » ────────────────────────────────────────-->
         <MalioModal
+            :dismissable="false"
             v-model="manualModal.open"
             modal-class="max-w-md"
             header-class="mx-7 px-0 pt-6 pb-3 border-b border-black"
@@ -160,14 +166,14 @@
             <div class="flex flex-col gap-2">
                 <MalioInputText
                     v-model="manualModal.weight"
-                    :mask="NUMERIC_MASK"
+                    :mask="MANUAL_NUMERIC_MASK"
                     :label="t('logistique.weighingTickets.form.manual.weight')"
                     :required="true"
                     :error="manualModal.errors.weight"
                 />
                 <MalioInputText
                     v-model="manualModal.dsd"
-                    :mask="NUMERIC_MASK"
+                    :mask="MANUAL_NUMERIC_MASK"
                     :label="t('logistique.weighingTickets.form.manual.dsd')"
                     :required="true"
                     :error="manualModal.errors.dsd"
@@ -189,9 +195,10 @@
 import { computed, onMounted, reactive, ref } from 'vue'
 import { useWeighingTicketForm, type WeighingBlockState } from '~/modules/logistique/composables/useWeighingTicketForm'
 import { useWeighbridge } from '~/modules/logistique/composables/useWeighbridge'
-import { useWeighingTicket } from '~/modules/logistique/composables/useWeighingTicket'
+import { useWeighingTicket, type WeighingTicketDetail } from '~/modules/logistique/composables/useWeighingTicket'
 import { useWeighingTicketReferentials, type RefOption } from '~/modules/logistique/composables/useWeighingTicketReferentials'
-import { NUMERIC_MASK, PLATE_MASK, FREE_PLATE_MASK } from '~/modules/logistique/utils/weighingMasks'
+import { MANUAL_NUMERIC_MASK, PLATE_MASK, FREE_PLATE_MASK } from '~/modules/logistique/utils/weighingMasks'
+import { FREE_TEXT_MASK } from '~/shared/utils/textSanitize'
 import { mapViolationsToRecord } from '~/shared/utils/api'
 
 const { t } = useI18n()
@@ -404,12 +411,34 @@ function printTicket(): void {
     window.open(`/api/weighing_tickets/${ticketId}/print.pdf`, '_blank')
 }
 
+/**
+ * Garantit que la contrepartie DÉJÀ ENREGISTRÉE (hydratée depuis le ticket) reste
+ * affichée même si la liste filtrée par site ne la contient pas (ticket antérieur
+ * à ERP-208, droits restreints sur /clients, contrepartie hors site…) : on injecte
+ * son option plutôt que de la purger. Évite toute perte silencieuse de la
+ * contrepartie en édition (ERP-208, retour review).
+ */
+function ensureSelectedOptionPresent(detail: WeighingTicketDetail): void {
+    const client = detail.client
+    if (client && !referentials.clients.value.some(o => o.value === client['@id'])) {
+        referentials.clients.value.push({ value: client['@id'], label: client.companyName })
+    }
+    const supplier = detail.supplier
+    if (supplier && !referentials.suppliers.value.some(o => o.value === supplier['@id'])) {
+        referentials.suppliers.value.push({ value: supplier['@id'], label: supplier.companyName })
+    }
+}
+
 onMounted(async () => {
-    referentials.load().catch(() => {})
     try {
         const detail = await fetchTicket(ticketId)
         ticketNumber.value = detail.number ?? ''
         form.hydrate(detail)
+        // Listes filtrées sur le SITE DU TICKET (immuable, RG-5.09) — pas le site
+        // courant — et chargées APRÈS hydrate pour ne jamais purger la sélection
+        // existante (pas de race load/hydrate, ERP-208).
+        await referentials.load(detail.site?.id ?? null)
+        ensureSelectedOptionPresent(detail)
     }
     catch {
         error.value = true

frontend/modules/logistique/pages/weighing-tickets/new.vue

@@ -53,6 +53,7 @@
                     <MalioInputText
                         v-else-if="form.counterpartyField.value === 'other'"
                         :model-value="form.otherLabel.value"
+                        :mask="FREE_TEXT_MASK"
                         :label="t('logistique.weighingTickets.form.counterparty.other')"
                         :required="true"
                         :error="errors.otherLabel"
@@ -121,10 +122,11 @@
         </div>
 
         <!-- ── Modal « Confirmation pesée bascule » (RG-5.06) ──────────────────-->
-        <MalioModal v-model="autoModal.open" modal-class="max-w-md" footer-class="justify-center pb-6">
+        <MalioModal :dismissable="false" v-model="autoModal.open" modal-class="max-w-md" footer-class="justify-center pb-6">
             <template #header>
                 <h2 class="text-[24px] font-bold">{{ t('logistique.weighingTickets.form.weighbridge.confirmTitle') }}</h2>
             </template>
+            <p>{{ t('logistique.weighingTickets.form.weighbridge.confirmMessage') }}</p>
             <p v-if="autoModal.error" class="text-m-danger">{{ autoModal.error }}</p>
             <template #footer>
                 <MalioButton
@@ -138,6 +140,7 @@
 
         <!-- ── Modal « Pesée manuelle » ────────────────────────────────────────-->
         <MalioModal
+            :dismissable="false"
             v-model="manualModal.open"
             modal-class="max-w-md"
             header-class="mx-7 px-0 pt-6 pb-3 border-b border-black"
@@ -150,14 +153,14 @@
             <div class="flex flex-col gap-2">
                 <MalioInputText
                     v-model="manualModal.weight"
-                    :mask="NUMERIC_MASK"
+                    :mask="MANUAL_NUMERIC_MASK"
                     :label="t('logistique.weighingTickets.form.manual.weight')"
                     :required="true"
                     :error="manualModal.errors.weight"
                 />
                 <MalioInputText
                     v-model="manualModal.dsd"
-                    :mask="NUMERIC_MASK"
+                    :mask="MANUAL_NUMERIC_MASK"
                     :label="t('logistique.weighingTickets.form.manual.dsd')"
                     :required="true"
                     :error="manualModal.errors.dsd"
@@ -176,11 +179,12 @@
 </template>
 
 <script setup lang="ts">
-import { computed, onMounted, reactive, ref } from 'vue'
+import { computed, onMounted, reactive, ref, watch } from 'vue'
 import { useWeighingTicketForm, type WeighingBlockState } from '~/modules/logistique/composables/useWeighingTicketForm'
 import { useWeighbridge } from '~/modules/logistique/composables/useWeighbridge'
 import { useWeighingTicketReferentials, type RefOption } from '~/modules/logistique/composables/useWeighingTicketReferentials'
-import { NUMERIC_MASK, PLATE_MASK, FREE_PLATE_MASK } from '~/modules/logistique/utils/weighingMasks'
+import { MANUAL_NUMERIC_MASK, PLATE_MASK, FREE_PLATE_MASK } from '~/modules/logistique/utils/weighingMasks'
+import { FREE_TEXT_MASK } from '~/shared/utils/textSanitize'
 import { mapViolationsToRecord } from '~/shared/utils/api'
 
 const { t } = useI18n()
@@ -375,7 +379,28 @@ async function submitValidate(): Promise<void> {
     }
 }
 
+const { currentSite } = useCurrentSite()
+
+/**
+ * Recharge les référentiels Client/Fournisseur pour le site donné, puis purge le
+ * tiers sélectionné s'il n'appartient plus à la liste du nouveau site (ERP-208).
+ */
+async function reloadReferentials(siteId: number | null): Promise<void> {
+    await referentials.load(siteId)
+    if (form.clientIri.value && !referentials.clients.value.some(o => o.value === form.clientIri.value)) {
+        form.clientIri.value = null
+    }
+    if (form.supplierIri.value && !referentials.suppliers.value.some(o => o.value === form.supplierIri.value)) {
+        form.supplierIri.value = null
+    }
+}
+
 onMounted(() => {
-    referentials.load().catch(() => {})
+    reloadReferentials(currentSite.value?.id ?? null).catch(() => {})
+})
+
+// Changement de site pendant la saisie → recharge les listes du nouveau site (ERP-208).
+watch(() => currentSite.value?.id, (siteId) => {
+    reloadReferentials(siteId ?? null).catch(() => {})
 })
 </script>

frontend/modules/logistique/utils/weighingMasks.ts

@@ -15,6 +15,17 @@ export const NUMERIC_MASK: MaskInputOptions = {
     tokens: { D: { pattern: /[0-9]/, multiple: true } },
 }
 
+/**
+ * Masque « chiffres, maximum 5 » — SAISIE MANUELLE du poids et du DSD (modale de
+ * pesée manuelle). Borne la saisie à 5 chiffres (≤ 99999) ; le garde-fou serveur
+ * (Callback mode MANUAL) reste autoritaire. NE PAS utiliser pour l'AFFICHAGE des
+ * valeurs (WeighingBlock) : un DSD auto-alloué peut dépasser 5 chiffres.
+ */
+export const MANUAL_NUMERIC_MASK: MaskInputOptions = {
+    mask: 'DDDDD',
+    tokens: { D: { pattern: /[0-9]/ } },
+}
+
 /**
  * Masque plaque FR SIV `XX-000-XX` : 2 lettres, 3 chiffres, 2 lettres, majuscules
  * forcées. Utilisé quand « Tout format » n'est pas coché (RG-5.01).

frontend/modules/sites/components/SiteDeleteModal.vue

@@ -4,7 +4,6 @@
             <div
                 v-if="modelValue"
                 class="fixed inset-0 z-50 flex items-center justify-center bg-black/50"
-                @click.self="cancel"
             >
                 <div class="w-full max-w-md rounded-lg bg-white p-6 shadow-xl">
                     <h3 class="text-lg font-semibold text-neutral-900">

frontend/modules/sites/composables/useCurrentSite.ts

@@ -6,8 +6,8 @@
  * rollback si la requete PATCH `/api/me/current-site` echoue.
  *
  * Garantie d'unicite : le flag `switching` bloque les double-clicks
- * concurrents. Le reset explicite est appele au logout
+ * concurrents. Le state est purge au logout via `onAuthSessionCleared`
- * (voir `modules/core/pages/logout.vue`).
+ * (declenche par `clearSession()`, cf. `useLogout` et l'intercepteur 401).
  *
  * Auto-select : aucun. Le backend (`UserRbacProcessor::ensureCurrentSiteConsistency`)
  * garantit deja l'invariant "user avec sites non vide => currentSite non null"
@@ -30,8 +30,8 @@ const availableSites = ref<Site[]>([])
 const switching = ref(false)
 
 // Enregistrement unique au niveau module (singleton) : quand clearSession()
-// est appelee par l'intercepteur 401 de useApi, le state local est purgé
+// est appelee (logout volontaire via useLogout, ou intercepteur 401 de useApi),
-// de la meme facon qu'au logout explicite (logout.vue).
+// le state local est purgé.
 onAuthSessionCleared(() => {
     currentSite.value = null
     availableSites.value = []

frontend/modules/technique/components/ProviderAddressBlock.vue

@@ -37,6 +37,7 @@
                 v-if="!hideEmpty || isFilled(model.contactIris)"
                 :model-value="model.contactIris"
                 :options="contactOptions"
+                :max-tags="3"
                 :label="t('technique.providers.form.address.contacts')"
                 :display-tag="true"
                 :readonly="readonly"

frontend/modules/technique/composables/useProviderReferentials.ts

@@ -26,6 +26,13 @@ import { ref } from 'vue'
 export interface RefOption {
     value: string
     label: string
+    // Couleur de fond optionnelle de l'option (hex #RRGGBB). Alimentee par le
+    // referentiel sites (couleur d'identification du site, affichee sur les tags
+    // selectionnes du multiselect).
+    color?: string
+    // Couleur de texte optionnelle (hex). Sites : blanc, pour rester lisible
+    // sur le fond colore du tag.
+    textColor?: string
 }
 
 /** Option de type de reglement enrichie de son code stable (RG-3.07 / RG-3.08). */
@@ -50,6 +57,7 @@ interface CategoryMember extends HydraMember {
 interface SiteMember extends HydraMember {
     name: string
     postalCode: string
+    color?: string
 }
 
 interface CountryMember extends HydraMember {
@@ -94,7 +102,7 @@ export function useProviderReferentials() {
             // Sites (RG-3.03) : libelle = numero de departement (2 premiers chiffres
             // du code postal du site), ex: 86100 -> « 86 », 17400 -> « 17 ».
             fetchAll<SiteMember>('/sites')
-                .then((sitesList) => { sites.value = sitesList.map(s => ({ value: s['@id'], label: (s.postalCode ?? '').slice(0, 2) })) }),
+                .then((sitesList) => { sites.value = sitesList.map(s => ({ value: s['@id'], label: (s.postalCode ?? '').slice(0, 2), color: s.color, textColor: '#FFFFFF' })) }),
             // Pays (ERP-116) : la valeur d'option est le NOM du pays (l'adresse stocke
             // `country` en chaine libre, « France »...). value === label. Aligne sur
             // les ecrans client/fournisseur. Sert le select Pays de l'onglet Adresse.

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

@@ -31,6 +31,7 @@
                 <MalioSelectCheckbox
                     :model-value="main.categoryIris"
                     :options="referentials.categories.value"
+                    :max-tags="3"
                     :label="t('technique.providers.form.main.categories')"
                     :display-tag="true"
                     :disabled="businessReadonly"
@@ -282,7 +283,7 @@
         </template>
 
         <!-- Modal de confirmation generique (suppression contact / adresse / RIB). -->
-        <MalioModal v-model="confirmModal.open" modal-class="max-w-md">
+        <MalioModal :dismissable="false" v-model="confirmModal.open" modal-class="max-w-md">
             <template #header>
                 <h2 class="text-[24px] font-bold">{{ t('technique.providers.form.confirmDelete.title') }}</h2>
             </template>

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

@@ -57,6 +57,7 @@
                     v-if="isFilled(mainCategoryIris)"
                     :model-value="mainCategoryIris"
                     :options="mainCategoryOptions"
+                    :max-tags="3"
                     :label="t('technique.providers.form.main.categories')"
                     :display-tag="true"
                     disabled
@@ -147,7 +148,7 @@
         </template>
 
         <!-- Modal de confirmation archivage / restauration. -->
-        <MalioModal v-model="confirmArchive.open" modal-class="max-w-md">
+        <MalioModal :dismissable="false" v-model="confirmArchive.open" modal-class="max-w-md">
             <template #header>
                 <h2 class="text-[24px] font-bold">{{ confirmArchive.title }}</h2>
             </template>

frontend/modules/technique/pages/providers/index.vue

@@ -63,10 +63,9 @@
                 </span>
             </template>
 
-            <!-- Derniere activite : date de derniere modification (updatedAt), format JJ-MM-AAAA. -->
+            <!-- Derniere activite : volontairement vide tant que le suivi
-            <template #cell-lastActivity="{ item }">
+                 d'activite (onglets de la fiche) n'est pas encore developpe. -->
-                {{ formatLastActivity(item) }}
+            <template #cell-lastActivity />
-            </template>
         </MalioDataTable>
 
         <div class="flex justify-center mt-4">
@@ -200,7 +199,6 @@ const rows = computed(() => providers.value.map(provider => ({
     companyName: provider.companyName,
     categories: provider.categories,
     sites: provider.sites,
-    updatedAt: provider.updatedAt,
 })))
 
 const columns = [
@@ -216,29 +214,6 @@ function formatCategories(item: Record<string, unknown>): string {
     return categories.map(c => c.name).join(', ')
 }
 
-/**
- * Derniere activite : date de derniere modification de la fiche (updatedAt,
- * expose en liste via default:read). Format court francais JJ-MM-AAAA (tirets,
- * cf. spec-front M3 § Datatable).
- */
-function formatLastActivity(item: Record<string, unknown>): string {
-    const value = item.updatedAt as string | null | undefined
-    if (!value) {
-        return ''
-    }
-
-    // Garde-fou date invalide : un updatedAt mal forme donnerait « Invalid Date ».
-    const date = new Date(value)
-    if (Number.isNaN(date.getTime())) {
-        return ''
-    }
-
-    const day = String(date.getDate()).padStart(2, '0')
-    const month = String(date.getMonth() + 1).padStart(2, '0')
-    const year = date.getFullYear()
-    return `${day}-${month}-${year}`
-}
-
 /** Clic sur une ligne → ecran Consultation (route a plat /providers/{id}). */
 function onRowClick(item: Record<string, unknown>): void {
     router.push(`/providers/${item.id}`)

frontend/modules/technique/pages/providers/new.vue

@@ -30,6 +30,7 @@
             <MalioSelectCheckbox
                 :model-value="main.categoryIris"
                 :options="referentials.categories.value"
+                :max-tags="3"
                 :label="t('technique.providers.form.main.categories')"
                 :display-tag="true"
                 :disabled="mainLocked"
@@ -285,7 +286,7 @@
         </MalioTabList>
 
         <!-- Modal de confirmation generique (suppression d'un bloc contact). -->
-        <MalioModal v-model="confirmModal.open" modal-class="max-w-md">
+        <MalioModal :dismissable="false" v-model="confirmModal.open" modal-class="max-w-md">
             <template #header>
                 <h2 class="text-[24px] font-bold">{{ t('technique.providers.form.confirmDelete.title') }}</h2>
             </template>

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

@@ -122,8 +122,8 @@ describe('providerDetail helpers', () => {
         it('categoryOptionsOf / siteOptionsOf / contactOptionsOf', () => {
             expect(categoryOptionsOf([{ '@id': '/api/categories/7', name: 'Maintenance', code: 'MAINT' }]))
                 .toEqual([{ value: '/api/categories/7', label: 'Maintenance' }])
-            expect(siteOptionsOf([{ '@id': '/api/sites/1', name: 'Châtellerault' }]))
+            expect(siteOptionsOf([{ '@id': '/api/sites/1', name: 'Châtellerault', color: '#000' }]))
-                .toEqual([{ value: '/api/sites/1', label: 'Châtellerault' }])
+                .toEqual([{ value: '/api/sites/1', label: 'Châtellerault', color: '#000', textColor: '#FFFFFF' }])
             expect(contactOptionsOf([{ '@id': '/api/provider_contacts/5', id: 5, firstName: 'Jean', lastName: 'Dupont' }]))
                 .toEqual([{ value: '/api/provider_contacts/5', label: 'Jean Dupont' }])
         })

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

@@ -187,7 +187,7 @@ export function categoryOptionsOf(categories: CategoryRead[] | undefined): RefOp
 
 /** Options de sites (value=IRI, label=nom) construites depuis un embed. */
 export function siteOptionsOf(sites: SiteRead[] | undefined): RefOption[] {
-    return (sites ?? []).map(s => ({ value: s['@id'], label: s.name ?? s['@id'] }))
+    return (sites ?? []).map(s => ({ value: s['@id'], label: s.name ?? s['@id'], color: s.color, textColor: '#FFFFFF' }))
 }
 
 /** Options de contacts (value=IRI, label=nom complet ou email) depuis l'embed prestataire. */

frontend/modules/transport/components/CarrierQualimatTab.vue

@@ -156,7 +156,7 @@ function confirmIntegrate(): void {
         </MalioDataTable>
 
         <!-- Modal de confirmation d'intégration QUALIMAT. -->
-        <MalioModal v-model="confirmOpen" modal-class="max-w-md">
+        <MalioModal :dismissable="false" v-model="confirmOpen" modal-class="max-w-md">
             <template #header>
                 <h2 class="text-[24px] font-bold">{{ t('transport.carriers.form.qualimat.confirm.title') }}</h2>
             </template>

frontend/modules/transport/pages/carriers/[id]/edit.vue

@@ -202,7 +202,7 @@
         </template>
 
         <!-- Modal de confirmation de suppression de bloc. -->
-        <MalioModal v-model="deleteConfirm.open" modal-class="max-w-md">
+        <MalioModal :dismissable="false" v-model="deleteConfirm.open" modal-class="max-w-md">
             <template #header>
                 <h2 class="text-[24px] font-bold">{{ t('transport.carriers.form.confirmDelete.title') }}</h2>
             </template>
@@ -216,7 +216,7 @@
 </template>
 
 <script setup lang="ts">
-import { computed, onMounted, reactive, ref } from 'vue'
+import { computed, onMounted, reactive, ref, watch } from 'vue'
 import { extractApiErrorMessage } from '~/shared/utils/api'
 import { isRowRemovable } from '~/shared/utils/collectionRow'
 import CarrierAddressBlock from '~/modules/transport/components/CarrierAddressBlock.vue'
@@ -304,11 +304,30 @@ const TAB_KEYS = ['qualimat', 'addresses', 'contacts', 'prices']
 // consultation) pour retomber sur le meme onglet ; defaut « addresses ».
 const requestedTab = typeof route.query.tab === 'string' ? route.query.tab : ''
 const activeTab = ref(TAB_KEYS.includes(requestedTab) ? requestedTab : 'addresses')
-const tabs = computed(() => TAB_KEYS.map(key => ({
+// État affrété SAUVEGARDÉ (≠ brouillon `main.isChartered`) : pilote la visibilité
-    key,
+// de l'onglet « Prix ». On ne se base PAS sur la checkbox, mais sur le dernier
-    label: t(`transport.carriers.tab.${key}`),
+// PATCH principal réussi — sinon, en cas d'erreur back, l'onglet apparaîtrait
-    icon: TAB_ICONS[key],
+// alors que l'affrètement n'est pas persisté. Initialisé au chargement, remis à
-})))
+// jour uniquement après un `updateMain()` réussi.
+const savedIsChartered = ref(false)
+// L'onglet « Prix » n'est visible que si le transporteur est affrété ET validé.
+// Les prix existants restent en base même après retrait du statut affrété (jamais
+// supprimés) : on masque seulement l'onglet tant que le transporteur n'est pas affrété.
+const tabs = computed(() => TAB_KEYS
+    .filter(key => key !== 'prices' || savedIsChartered.value)
+    .map(key => ({
+        key,
+        label: t(`transport.carriers.tab.${key}`),
+        icon: TAB_ICONS[key],
+    })))
+
+// Si l'affrètement validé est retiré alors que l'onglet Prix (qui disparait) est
+// actif, on bascule sur un onglet visible pour éviter un contenu d'onglet vide.
+watch(savedIsChartered, (chartered) => {
+    if (!chartered && activeTab.value === 'prices') {
+        activeTab.value = 'addresses'
+    }
+})
 
 // ── Référentiels (pays + clients / fournisseurs / sites pour l'onglet Prix) ───
 const countryOptions = ref<SelectOption[]>([{ value: 'France', label: 'France' }])
@@ -316,9 +335,9 @@ const clientOptions = ref<SelectOption[]>([])
 const supplierOptions = ref<SelectOption[]>([])
 const siteOptions = ref<SelectOption[]>([])
 
-async function loadOptions(url: string, target: typeof clientOptions, labelOf: (m: Record<string, unknown>) => string): Promise<void> {
+async function loadOptions(url: string, target: typeof clientOptions, labelOf: (m: Record<string, unknown>) => string, extraParams: Record<string, string> = {}): Promise<void> {
     try {
-        const data = await api.get<{ member?: Record<string, unknown>[] }>(url, { pagination: 'false' }, { headers: { Accept: 'application/ld+json' }, toast: false })
+        const data = await api.get<{ member?: Record<string, unknown>[] }>(url, { pagination: 'false', ...extraParams }, { headers: { Accept: 'application/ld+json' }, toast: false })
         target.value = (data.member ?? []).map(m => ({ value: String(m['@id']), label: labelOf(m) }))
     }
     catch {
@@ -340,15 +359,23 @@ onMounted(async () => {
     await load()
     if (carrier.value) {
         prefillFrom(carrier.value)
+        // État affrété persisté à l'ouverture (pilote la visibilité de l'onglet Prix).
+        savedIsChartered.value = main.isChartered
         // Pré-affiche le nom du fichier de décharge déjà rattaché (s'il existe).
         const doc = carrier.value.dischargeDocument
         if (doc && typeof doc !== 'string') {
             const meta = doc as Record<string, unknown>
             dischargeFileName.value = String(meta.originalFilename ?? meta.name ?? '')
         }
+        // L'onglet « Prix » est masqué si le transporteur n'est pas affrété : si on
+        // arrivait dessus via ?tab=prices, on retombe sur un onglet visible.
+        if (activeTab.value === 'prices' && !savedIsChartered.value) {
+            activeTab.value = 'addresses'
+        }
     }
     loadCountries().catch(() => {})
-    void loadOptions('/clients', clientOptions, m => String(m.companyName ?? m['@id']))
+    // Exclut les courtiers (catégorie COURTIER) du select clients du module Transport.
+    void loadOptions('/clients', clientOptions, m => String(m.companyName ?? m['@id']), { excludeCategoryCode: 'COURTIER' })
     void loadOptions('/suppliers', supplierOptions, m => String(m.companyName ?? m['@id']))
     void loadOptions('/sites', siteOptions, m => String(m.name ?? m['@id']))
 })
@@ -390,6 +417,10 @@ function goBack(): void {
 async function onUpdateMain(): Promise<void> {
     const ok = await updateMain()
     if (ok) {
+        // L'onglet « Prix » ne (ré)apparaît qu'ici, après PATCH réussi — jamais au
+        // simple clic sur la checkbox (un échec back laisserait l'onglet visible
+        // alors que l'affrètement n'est pas persisté).
+        savedIsChartered.value = main.isChartered
         toast.success({ title: t('transport.carriers.toast.updateSuccess') })
     }
 }

frontend/modules/transport/pages/carriers/[id]/index.vue

@@ -221,7 +221,7 @@
         </template>
 
         <!-- Modal de confirmation archivage / restauration. -->
-        <MalioModal v-model="confirmArchive.open" modal-class="max-w-md">
+        <MalioModal :dismissable="false" v-model="confirmArchive.open" modal-class="max-w-md">
             <template #header>
                 <h2 class="text-[24px] font-bold">{{ confirmArchive.title }}</h2>
             </template>

frontend/modules/transport/pages/carriers/new.vue

@@ -287,7 +287,7 @@
         </MalioTabList>
 
         <!-- Modal de confirmation de suppression (bloc contact / prix). -->
-        <MalioModal v-model="deleteConfirm.open" modal-class="max-w-md">
+        <MalioModal :dismissable="false" v-model="deleteConfirm.open" modal-class="max-w-md">
             <template #header>
                 <h2 class="text-[24px] font-bold">{{ t('transport.carriers.form.confirmDelete.title') }}</h2>
             </template>
@@ -417,12 +417,17 @@ const TAB_ICONS: Record<string, string> = {
 
 // Onglets desactives tant que le formulaire principal n'est pas valide
 // (unlockedIndex = -1 au depart) ; deverrouillage progressif ensuite.
-const tabs = computed(() => tabKeys.value.map((key, index) => ({
+// L'onglet « Prix » n'apparait que si le transporteur est affrete (isChartered) :
-    key,
+// il est en derniere position, le filtrer ne decale pas les index des autres
-    label: t(`transport.carriers.tab.${key}`),
+// onglets (donc la logique de deverrouillage progressif reste correcte).
-    icon: TAB_ICONS[key],
+const tabs = computed(() => tabKeys.value
-    disabled: index > unlockedIndex.value,
+    .filter(key => key !== 'prices' || main.isChartered)
-})))
+    .map((key, index) => ({
+        key,
+        label: t(`transport.carriers.tab.${key}`),
+        icon: TAB_ICONS[key],
+        disabled: index > unlockedIndex.value,
+    })))
 
 // Tous les onglets ont désormais leur contenu (qualimat / addresses / contacts / prices).
 const placeholderTabs = computed(() => tabKeys.value.filter(
@@ -439,11 +444,12 @@ async function loadOptions(
     url: string,
     target: typeof clientOptions,
     labelOf: (m: Record<string, unknown>) => string,
+    extraParams: Record<string, string> = {},
 ): Promise<void> {
     try {
         const data = await api.get<{ member?: Record<string, unknown>[] }>(
             url,
-            { pagination: 'false' },
+            { pagination: 'false', ...extraParams },
             { headers: { Accept: 'application/ld+json' }, toast: false },
         )
         target.value = (data.member ?? []).map(m => ({ value: String(m['@id']), label: labelOf(m) }))
@@ -455,7 +461,8 @@ async function loadOptions(
 
 /** Charge les référentiels de l'onglet Prix (non bloquant : selects vides si échec). */
 function loadPriceReferentials(): void {
-    void loadOptions('/clients', clientOptions, m => String(m.companyName ?? m['@id']))
+    // Exclut les courtiers (catégorie COURTIER) du select clients du module Transport.
+    void loadOptions('/clients', clientOptions, m => String(m.companyName ?? m['@id']), { excludeCategoryCode: 'COURTIER' })
     void loadOptions('/suppliers', supplierOptions, m => String(m.companyName ?? m['@id']))
     void loadOptions('/sites', siteOptions, m => String(m.name ?? m['@id']))
 }

frontend/modules/transport/utils/forms/__tests__/carrierMappers.test.ts

@@ -148,9 +148,10 @@ describe('carrierConsultationVisibleTabs', () => {
         expect(carrierConsultationVisibleTabs({ '@id': '/api/carriers/1', id: 1, name: 'LIOT' })).toEqual([])
     })
 
-    it('affiche addresses/contacts/prices dans l\'ordre quand renseignés', () => {
+    it('affiche addresses/contacts/prices dans l\'ordre quand renseignés (affrété)', () => {
         const carrier: CarrierDetail = {
             '@id': '/api/carriers/1', id: 1,
+            isChartered: true,
             address: { '@id': '/api/carrier_addresses/1', id: 1, city: 'Poitiers' },
             contacts: [{ '@id': '/api/carrier_contacts/1', id: 1 }],
             prices: [{ '@id': '/api/carrier_prices/1', id: 1 }],
@@ -167,4 +168,25 @@ describe('carrierConsultationVisibleTabs', () => {
         }
         expect(carrierConsultationVisibleTabs(carrier)).toEqual(['contacts'])
     })
+
+    it('affiche l\'onglet Prix dès que le transporteur est affrété, même sans prix', () => {
+        const carrier: CarrierDetail = {
+            '@id': '/api/carriers/1', id: 1,
+            isChartered: true,
+            prices: [],
+        }
+        expect(carrierConsultationVisibleTabs(carrier)).toEqual(['prices'])
+    })
+
+    it('masque l\'onglet Prix d\'un transporteur non affrété même avec des prix historiques', () => {
+        // Retour métier : les prix d'un ancien affrété ne sont jamais supprimés,
+        // mais l'onglet reste masqué tant que le transporteur n'est pas réaffrété.
+        const carrier: CarrierDetail = {
+            '@id': '/api/carriers/1', id: 1,
+            isChartered: false,
+            contacts: [{ '@id': '/api/carrier_contacts/1', id: 1 }],
+            prices: [{ '@id': '/api/carrier_prices/1', id: 1 }],
+        }
+        expect(carrierConsultationVisibleTabs(carrier)).toEqual(['contacts'])
+    })
 })

frontend/modules/transport/utils/forms/carrierMappers.ts

@@ -216,6 +216,11 @@ export function hasAddressData(address: CarrierAddressRead | null | undefined):
  * onglet de données vide. Le transporteur n'a pas de coquille « à venir ».
  * Ordre : Adresses · Contacts · Prix. Retourne `[]` tant que le transporteur
  * n'est pas chargé.
+ *
+ * Exception « Prix » : l'onglet n'est visible QUE si le transporteur est
+ * affrété (`isChartered`), indépendamment de la présence de prix. Un ancien
+ * affrété repassé non affrété conserve ses prix en base (jamais supprimés) mais
+ * l'onglet reste masqué tant qu'il n'est pas réaffrété — décision métier.
  */
 export function carrierConsultationVisibleTabs(
     carrier: CarrierDetail | null | undefined,
@@ -230,7 +235,7 @@ export function carrierConsultationVisibleTabs(
     if ((carrier.contacts ?? []).length > 0) {
         visible.push('contacts')
     }
-    if ((carrier.prices ?? []).length > 0) {
+    if (carrier.isChartered) {
         visible.push('prices')
     }
     return visible

frontend/package-lock.json

@@ -7,7 +7,7 @@
       "name": "starseed-frontend",
       "hasInstallScript": true,
       "dependencies": {
-        "@malio/layer-ui": "^1.7.15",
+        "@malio/layer-ui": "^1.7.18",
         "@nuxt/icon": "^2.2.1",
         "@nuxtjs/i18n": "^10.2.3",
         "@nuxtjs/tailwindcss": "^6.14.0",
@@ -1866,9 +1866,9 @@
       "license": "MIT"
     },
     "node_modules/@malio/layer-ui": {
-      "version": "1.7.15",
+      "version": "1.7.18",
-      "resolved": "https://gitea.malio.fr/api/packages/MALIO-DEV/npm/%40malio%2Flayer-ui/-/1.7.15/layer-ui-1.7.15.tgz",
+      "resolved": "https://gitea.malio.fr/api/packages/MALIO-DEV/npm/%40malio%2Flayer-ui/-/1.7.18/layer-ui-1.7.18.tgz",
-      "integrity": "sha512-CgEC0l2pkR6rlzpi1zZqswHs+/yGTSd861tdT678/wSKtQPQ6JxUIf63ugFDItyvyLW+nbcNWuHTFC2Bimp1EQ==",
+      "integrity": "sha512-A+YcnEzzucsAz0FqkhVmN41uvtEHjy4ZbbHK8POjqNCkhuy7aTnisMUiYGlZUaEcu5lRjzw6RvjAavRTGzTNvQ==",
       "dependencies": {
         "@nuxt/icon": "^2.2.1",
         "@nuxtjs/tailwindcss": "^6.14.0",

frontend/package.json

@@ -17,7 +17,7 @@
     "test:e2e:ui": "playwright test --ui"
   },
   "dependencies": {
-    "@malio/layer-ui": "^1.7.15",
+    "@malio/layer-ui": "^1.7.18",
     "@nuxt/icon": "^2.2.1",
     "@nuxtjs/i18n": "^10.2.3",
     "@nuxtjs/tailwindcss": "^6.14.0",

frontend/shared/composables/useLogout.ts

@@ -0,0 +1,21 @@
+/**
+ * Déconnexion centralisée — déclenchée directement par un handler (ex: lien du
+ * footer de la sidebar), sans passer par une page de redirection dédiée.
+ *
+ * `authStore.logout()` invalide la session serveur (POST /api/logout), vide
+ * l'état auth, et appelle `clearSession()` qui notifie tous les composables
+ * singletons (sidebar, modules, currentSite, auditLog, categoriesAdmin) via
+ * `onAuthSessionCleared` — leurs états sont donc réinitialisés ici sans aucun
+ * reset manuel. La redirection vers `/login` (inévitable : un utilisateur
+ * déconnecté ne peut pas rester sur une page protégée) est la seule navigation.
+ */
+export function useLogout() {
+    const auth = useAuthStore()
+
+    async function logout(): Promise<void> {
+        await auth.logout()
+        await navigateTo('/login')
+    }
+
+    return { logout }
+}

frontend/shared/stores/auth.ts

@@ -77,9 +77,11 @@ export const useAuthStore = defineStore('auth', {
             } catch {
                 // Ignore logout errors so we can still clear local auth state.
             } finally {
-                this.user = null
+                // clearSession() vide l'etat auth ET notifie les composables
-                this.checked = true
+                // singletons (sidebar, modules, currentSite, auditLog,
-                this.isLoading = false
+                // categoriesAdmin) via onAuthSessionCleared : plus besoin de
+                // resets manuels au logout — meme chemin que l'intercepteur 401.
+                this.clearSession()
             }
         },
         async refreshUser() {

frontend/tests/e2e/_fixtures/personas.ts

@@ -77,6 +77,9 @@ export const personas: Record<PersonaKey, Persona> = {
             // (regle ABSOLUE n°7). commercial.clients.view n'ajoute pas de lien
             // dans la section Administration, donc expectedAdminLinks reste inchange.
             'commercial.clients.view',
+            // Lecture liste seule pour le select de contrepartie pesee (ERP-209).
+            // Redondant ici (user-full a deja `view`) mais miroir du rang RBAC.
+            'commercial.clients.read_ref',
             'commercial.clients.manage',
             'commercial.clients.accounting.view',
             'commercial.clients.accounting.manage',
@@ -86,6 +89,8 @@ export const personas: Record<PersonaKey, Persona> = {
             // (regle ABSOLUE n°7). commercial.suppliers.view n'ajoute pas de lien
             // dans la section Administration, donc expectedAdminLinks reste inchange.
             'commercial.suppliers.view',
+            // Lecture liste seule pour le select de contrepartie pesee (ERP-209).
+            'commercial.suppliers.read_ref',
             'commercial.suppliers.manage',
             'commercial.suppliers.accounting.view',
             'commercial.suppliers.accounting.manage',

frontend/tests/e2e/auth/login.spec.ts

@@ -1,5 +1,6 @@
 import { expect, test } from '@playwright/test'
 import { LoginPage } from '../helpers/pages/LoginPage'
+import { SidebarComponent } from '../helpers/pages/SidebarComponent'
 import { getPersona } from '../_fixtures/personas'
 
 /**
@@ -53,8 +54,12 @@ test.describe('Login', () => {
         await loginPage.fillAndSubmit(superAdmin.username, superAdmin.password)
         await page.waitForURL('/')
 
-        // 2. Navigation vers /logout (il y a un lien "Deconnexion" dans la sidebar)
+        // 2. Deconnexion via le footer de la sidebar : survol du bloc compte
-        await page.goto('/logout')
+        // (revele le bouton) puis clic. Le handler appelle useLogout() qui POST
+        // /api/logout, reset les stores, et redirige vers /login (sans page /logout).
+        const sidebar = new SidebarComponent(page)
+        await sidebar.accountBlock().hover()
+        await sidebar.logoutButton().click()
         await page.waitForURL(/\/login$/)
 
         // 3. Le cookie BEARER doit avoir ete supprime par le firewall de logout

frontend/tests/e2e/helpers/pages/SidebarComponent.ts

@@ -27,7 +27,21 @@ export class SidebarComponent {
         return this.page.locator('a[href="/"]').first()
     }
 
-    logoutLink(): Locator {
+    /**
-        return this.page.locator('a[href="/logout"]')
+     * Bloc « compte connecte » du footer de la sidebar. Cible de survol qui
+     * revele le bouton de deconnexion (la deconnexion n'est plus un item de nav
+     * `/logout` mais un lien du footer, cf. default.vue + useLogout).
+     */
+    accountBlock(): Locator {
+        return this.page.locator('[data-test="sidebar-account"]')
+    }
+
+    /**
+     * Bouton de deconnexion du footer (revele au survol du bloc compte en mode
+     * deplie, ou directement la pastille en mode replie). Selecteur par
+     * `data-test` : stable au renommage/retraduction du label.
+     */
+    logoutButton(): Locator {
+        return this.page.locator('[data-test="sidebar-logout"]')
     }
 }

frontend/tests/e2e/permissions/sidebar-visibility.spec.ts

@@ -72,7 +72,10 @@ test.describe('Sidebar visibility', () => {
         // Meme strategie que ci-dessus : ancrage semantique plutot que
         // `networkidle` pour eviter les faux timeouts en CI.
         await expect(sidebar.accountDashboardLink()).toBeVisible({ timeout: 10000 })
-        await expect(sidebar.logoutLink()).toBeVisible()
+        // La deconnexion vit dans le footer (rendu sans condition de permission).
+        // Le bouton est revele au survol du bloc compte.
+        await sidebar.accountBlock().hover()
+        await expect(sidebar.logoutButton()).toBeVisible()
     })
 
     test('la liste des personas dans personas.ts couvre toutes les combinaisons admin attendues', () => {

migrations/Version20260626100000.php

@@ -0,0 +1,98 @@
+<?php
+
+declare(strict_types=1);
+
+namespace DoctrineMigrations;
+
+use Doctrine\DBAL\Schema\Schema;
+use Doctrine\Migrations\AbstractMigration;
+
+/**
+ * M6 Catalog — `storage_type` devient un referentiel PLAT + seed prod-safe.
+ *
+ * Contexte : le rattachement « tel type de stockage dispo sur tel site » ne releve
+ * PAS du referentiel `storage_type`. Il sera porte par la future entite Stockage
+ * (module Stockage : un stockage = 1 site + 1 type) et derive des stockages reels.
+ * On retire donc la jointure M2M `storage_type_site` (creee par Version20260625110000)
+ * et le filtrage `?siteId[]=` du multi-select produit (RG-6.06 revue : le select liste
+ * desormais TOUS les types).
+ *
+ * Seed : `storage_type` n'avait jusqu'ici qu'une fixture (purge Doctrine), donc une
+ * table VIDE en prod (les fixtures n'y tournent pas). On aligne sur les referentiels
+ * comptables (payment_type / bank / country, Version20260601000000 / ...100000) :
+ * un `INSERT ... ON CONFLICT (code) DO NOTHING` idempotent qui seede prod ET survit a
+ * tout. En dev/test, StorageTypeFixtures re-seede apres la purge (source unique : les
+ * 10 memes valeurs Figma, PROVISOIRE — HP-M6-02 / ERP-201).
+ *
+ * Namespace racine `DoctrineMigrations` (regle ABSOLUE n°11) : la table `storage_type`
+ * et la jointure droppee ici ont ete creees au namespace racine (Version20260625110000) ;
+ * un namespace modulaire trierait par FQCN alphabetique AVANT et casserait l'ordre sur
+ * base vide (drop d'une table pas encore creee).
+ */
+final class Version20260626100000 extends AbstractMigration
+{
+    public function getDescription(): string
+    {
+        return 'M6 Catalog : storage_type referentiel plat (drop storage_type_site) + seed idempotent des types de stockage (prod-safe).';
+    }
+
+    public function up(Schema $schema): void
+    {
+        // 1. storage_type devient plat : la dispo par site releve du futur module Stockage.
+        $this->addSql('DROP TABLE IF EXISTS storage_type_site');
+
+        // 2. Seed idempotent (miroir StorageTypeFixtures) : alimente la prod ou les
+        //    fixtures ne tournent pas. ON CONFLICT (code) -> rejouable sans doublon
+        //    (s'appuie sur l'index unique uq_storage_type_code).
+        $this->addSql(<<<'SQL'
+            INSERT INTO storage_type (code, label) VALUES
+                ('BOISSEAU',         'Boisseau'),
+                ('BOISSEAU_DOSAGE',  'Boisseau dosage'),
+                ('CASE',             'Case'),
+                ('CELLULE',          'Cellule'),
+                ('CONTAINER',        'Container'),
+                ('CUVE_MELASSE',     'Cuve mélasse'),
+                ('STOCKAGE_BIG_BAG', 'Stockage big bag'),
+                ('STOCKAGE_PALETTE', 'Stockage palette'),
+                ('TAS',              'Tas'),
+                ('ZONE',             'Zone')
+            ON CONFLICT (code) DO NOTHING
+            SQL);
+    }
+
+    public function down(Schema $schema): void
+    {
+        // Retire uniquement les 10 types seedes ET restes orphelins (aucun produit ne
+        // les reference via product_storage_type). Sans le NOT EXISTS, le DELETE casse
+        // sur la FK RESTRICT product_storage_type.storage_type_id. Symetrique du
+        // ON CONFLICT DO NOTHING du up().
+        $this->addSql(<<<'SQL'
+            DELETE FROM storage_type
+            WHERE code IN (
+                'BOISSEAU', 'BOISSEAU_DOSAGE', 'CASE', 'CELLULE', 'CONTAINER',
+                'CUVE_MELASSE', 'STOCKAGE_BIG_BAG', 'STOCKAGE_PALETTE', 'TAS', 'ZONE'
+            )
+            AND NOT EXISTS (
+                SELECT 1 FROM product_storage_type pst WHERE pst.storage_type_id = storage_type.id
+            )
+            SQL);
+
+        // Recree la jointure M2M storage_type <-> site (etat anterieur a cette migration).
+        $this->addSql(<<<'SQL'
+            CREATE TABLE storage_type_site (
+                storage_type_id INT NOT NULL,
+                site_id INT NOT NULL,
+                PRIMARY KEY (storage_type_id, site_id),
+                CONSTRAINT fk_storage_type_site_type
+                    FOREIGN KEY (storage_type_id) REFERENCES storage_type (id) ON DELETE CASCADE,
+                CONSTRAINT fk_storage_type_site_site
+                    FOREIGN KEY (site_id) REFERENCES site (id) ON DELETE CASCADE
+            )
+            SQL);
+        $this->addSql('CREATE INDEX idx_storage_type_site_site ON storage_type_site (site_id)');
+
+        $this->addSql('COMMENT ON TABLE "storage_type_site" IS $_$Jointure M2M storage_type <-> site (Sites) — sites sur lesquels un type de stockage est disponible (alimente le filtrage du multi-select par site, RG-6.06).$_$');
+        $this->addSql('COMMENT ON COLUMN "storage_type_site"."storage_type_id" IS $_$FK -> storage_type.id, ON DELETE CASCADE — type de stockage disponible.$_$');
+        $this->addSql('COMMENT ON COLUMN "storage_type_site"."site_id" IS $_$FK -> site.id, ON DELETE CASCADE — site ou le type de stockage est disponible.$_$');
+    }
+}

migrations/Version20260626110000.php

@@ -0,0 +1,101 @@
+<?php
+
+declare(strict_types=1);
+
+namespace DoctrineMigrations;
+
+use Doctrine\DBAL\ArrayParameterType;
+use Doctrine\DBAL\Schema\Schema;
+use Doctrine\Migrations\AbstractMigration;
+
+/**
+ * M6 Catalog — seed prod-safe des `Category` de type PRODUIT.
+ *
+ * Contexte : le `CategoryType` PRODUIT est seede en migration (Version20260625110000),
+ * mais ses `Category` (Cereales, Oleagineux, Aliments du betail, Engrais) ne vivaient
+ * que dans `CategoryFixtures` (dev/test) — table `category` VIDE en prod, donc le
+ * select « Categorie » du formulaire produit serait vide. On aligne sur les autres
+ * taxonomies (CLIENT / FOURNISSEUR / PRESTATAIRE / ADRESSE, deja seedees en migration)
+ * : seed idempotent ici (prod), re-seed dev/test par les fixtures apres purge.
+ *
+ * Aucune colonne creee/modifiee -> pas de `COMMENT ON COLUMN` (regle ABSOLUE n°12) :
+ * la migration ne fait que des INSERT de donnees de reference.
+ *
+ * Namespace racine `DoctrineMigrations` (regle ABSOLUE n°11) : depend de
+ * `category` / `category_type` / `category_category_type` (creees au namespace racine)
+ * et du type PRODUIT (Version20260625110000) ; le tri par timestamp garantit l'ordre.
+ *
+ * Idempotence : `INSERT ... SELECT ... WHERE NOT EXISTS` pour chaque categorie et
+ * chaque ligne de jonction (miroir Version20260612080000 / ERP-84). Codes = slug
+ * MAJUSCULE deterministe (meme sortie que CategoryCodeGenerator), provisoires — a
+ * affiner avec le metier (ERP-201).
+ */
+final class Version20260626110000 extends AbstractMigration
+{
+    /**
+     * Categories produit (provisoires, Figma/metier) : nom => code stable. Le code
+     * reste unique parmi les actifs (uq_category_code) et le nom unique globalement
+     * (uq_category_name_active) — aucune collision avec les taxonomies existantes.
+     */
+    private const array PRODUCT_CATEGORIES = [
+        'Céréales'           => 'CEREALES',
+        'Oléagineux'         => 'OLEAGINEUX',
+        'Aliments du bétail' => 'ALIMENTS_DU_BETAIL',
+        'Engrais'            => 'ENGRAIS',
+    ];
+
+    public function getDescription(): string
+    {
+        return 'M6 Catalog : seed prod-safe des categories de type PRODUIT (Cereales, Oleagineux, Aliments du betail, Engrais).';
+    }
+
+    public function up(Schema $schema): void
+    {
+        // Le type PRODUIT existe deja (Version20260625110000) ; re-assert defensif
+        // et idempotent pour rendre cette migration auto-portante.
+        $this->addSql(<<<'SQL'
+            INSERT INTO category_type (code, label) VALUES ('PRODUIT', 'Produit')
+            ON CONFLICT (code) DO NOTHING
+            SQL);
+
+        foreach (self::PRODUCT_CATEGORIES as $name => $code) {
+            // 1. Categorie (si le code est libre parmi les actifs). created_at/updated_at
+            //    NOT NULL -> NOW() ; le blame reste null (seed hors contexte HTTP).
+            $this->addSql(<<<'SQL'
+                INSERT INTO category (name, code, created_at, updated_at)
+                SELECT :name, :code, NOW(), NOW()
+                WHERE NOT EXISTS (
+                    SELECT 1 FROM category c WHERE c.code = :code AND c.deleted_at IS NULL
+                )
+                SQL, ['name' => $name, 'code' => $code]);
+
+            // 2. Jonction M2M categorie <-> type PRODUIT (modele courant).
+            $this->addSql(<<<'SQL'
+                INSERT INTO category_category_type (category_id, category_type_id)
+                SELECT c.id, ct.id
+                FROM category c
+                CROSS JOIN category_type ct
+                WHERE c.code = :code AND c.deleted_at IS NULL
+                  AND ct.code = 'PRODUIT'
+                  AND NOT EXISTS (
+                      SELECT 1 FROM category_category_type cct
+                      WHERE cct.category_id = c.id AND cct.category_type_id = ct.id
+                  )
+                SQL, ['code' => $code]);
+        }
+    }
+
+    public function down(Schema $schema): void
+    {
+        // Best-effort : retire les categories seedees (par code) rattachees au type
+        // PRODUIT — la jonction part en CASCADE cote category. Echoue si un produit
+        // reference encore l'une d'elles (FK RESTRICT product.category_id), attendu.
+        $this->addSql(
+            'DELETE FROM category WHERE code IN (:codes) '
+            .'AND id IN (SELECT category_id FROM category_category_type cct '
+            ."JOIN category_type ct ON ct.id = cct.category_type_id WHERE ct.code = 'PRODUIT')",
+            ['codes' => array_values(self::PRODUCT_CATEGORIES)],
+            ['codes' => ArrayParameterType::STRING],
+        );
+    }
+}

src/Module/Catalog/Domain/Entity/Product.php

@@ -49,12 +49,12 @@ use function in_array;
  *    contient SALE, sinon forces false serveur.
  *  - RG-6.04 : `sites` >= 1.
  *  - RG-6.05 : `category` de type PRODUIT (validee applicativement, Callback ERP-200).
- *  - RG-6.06 : `storageTypes` >= 1, filtres par les sites selectionnes.
+ *  - RG-6.06 : `storageTypes` >= 1 (referentiel plat — plus de filtrage par site).
  *
  * Soft-delete prepare via `deletedAt` (non expose au M6, § 2.7) : pas de Delete
  * dans les operations, la liste exclut les produits supprimes (Provider, ERP-200).
  *
- * Les RG inter-champs (RG-6.03/6.05/6.06) et l'unicite du code passent par le
+ * Les RG inter-champs (RG-6.03/6.05) et l'unicite du code passent par le
  * Processor + une contrainte d'entite Assert\Callback en ERP-200 (chaque 422
  * porte un propertyPath exploitable par useFormErrors — mapping inline, ERP-101).
  *
@@ -81,12 +81,18 @@ use function in_array;
             security: "is_granted('catalog.products.manage')",
             normalizationContext: ['groups' => ['product:read', 'product:item:read', 'category:read', 'site:read', 'storage_type:read', 'default:read']],
             denormalizationContext: ['groups' => ['product:write']],
+            // Convertit les erreurs de denormalisation (type invalide / null sur une
+            // relation : category, sites, storageTypes) en violations 422 portant un
+            // propertyPath, au lieu d'un 400 qui court-circuite toute la validation
+            // (cf. Client/Supplier/WeighingTicket — mapping inline useFormErrors).
+            collectDenormalizationErrors: true,
             processor: ProductProcessor::class,
         ),
         new Patch(
             security: "is_granted('catalog.products.manage')",
             normalizationContext: ['groups' => ['product:read', 'product:item:read', 'category:read', 'site:read', 'storage_type:read', 'default:read']],
             denormalizationContext: ['groups' => ['product:write']],
+            collectDenormalizationErrors: true,
             provider: ProductProvider::class,
             processor: ProductProcessor::class,
         ),
@@ -204,9 +210,9 @@ class Product implements TimestampableInterface, BlamableInterface
     private Collection $sites;
 
     /**
-     * Types de stockage du produit (>= 1, RG-6.06), filtres par les sites
+     * Types de stockage du produit (>= 1, RG-6.06). Referentiel plat : tous les
-     * selectionnes (provider StorageType, ERP-201). Cote inverse en ON DELETE
+     * types sont selectionnables (plus de filtrage par site). Cote inverse en
-     * RESTRICT : un type de stockage reference par un produit ne peut etre supprime.
+     * ON DELETE RESTRICT : un type reference par un produit ne peut etre supprime.
      *
      * @var Collection<int, StorageType>
      */
@@ -396,43 +402,4 @@ class Product implements TimestampableInterface, BlamableInterface
             ;
         }
     }
-
-    /**
-     * RG-6.06 : chaque type de stockage choisi doit etre disponible sur AU MOINS UN
-     * des sites choisis (intersection non vide). Validee via Callback +
-     * ->atPath('storageTypes'). On ne croise que si les deux collections sont non
-     * vides : leur absence est deja couverte par les Assert\Count(min: 1) dedies.
-     */
-    #[Assert\Callback]
-    public function validateStorageTypesAvailableOnSelectedSites(ExecutionContextInterface $context): void
-    {
-        if ($this->sites->isEmpty() || $this->storageTypes->isEmpty()) {
-            return;
-        }
-
-        // Ensemble des ids de sites selectionnes (lookup O(1)).
-        $selectedSiteIds = [];
-        foreach ($this->sites as $site) {
-            $selectedSiteIds[$site->getId()] = true;
-        }
-
-        foreach ($this->storageTypes as $storageType) {
-            $available = false;
-            foreach ($storageType->getSites() as $storageTypeSite) {
-                if (isset($selectedSiteIds[$storageTypeSite->getId()])) {
-                    $available = true;
-
-                    break;
-                }
-            }
-
-            if (!$available) {
-                $context->buildViolation('Le type de stockage « {{ label }} » n\'est disponible sur aucun des sites sélectionnés.')
-                    ->setParameter('{{ label }}', (string) $storageType->getLabel())
-                    ->atPath('storageTypes')
-                    ->addViolation()
-                ;
-            }
-        }
-    }
 }

src/Module/Catalog/Domain/Entity/StorageType.php

@@ -9,22 +9,19 @@ use ApiPlatform\Metadata\Get;
 use ApiPlatform\Metadata\GetCollection;
 use App\Module\Catalog\Infrastructure\ApiPlatform\State\Provider\StorageTypeProvider;
 use App\Module\Catalog\Infrastructure\Doctrine\DoctrineStorageTypeRepository;
-use App\Module\Sites\Domain\Entity\Site;
-use Doctrine\Common\Collections\ArrayCollection;
-use Doctrine\Common\Collections\Collection;
 use Doctrine\ORM\Mapping as ORM;
 use Symfony\Component\Serializer\Attribute\Groups;
 
 /**
  * Type de stockage : referentiel PROVISOIRE classifiant ou un produit peut etre
- * stocke (ex: TAS, CELLULE, CUVE_MELASSE). Cree au M6 en attendant la liste et
+ * stocke (ex: TAS, CELLULE, CUVE_MELASSE). Cree au M6 en attendant la liste
- * le mapping site definitifs d'Aurore (HP-M6-02) ; seede avec la liste Figma
+ * definitive d'Aurore (HP-M6-02 / ERP-201).
- * (node 1503-34285) au ticket ERP-201.
  *
- * Relation `sites` (ManyToMany -> Site) : sites sur lesquels ce type de stockage
+ * Referentiel PLAT : un type de stockage n'est PAS rattache a des sites. La
- * est disponible. Sert au filtrage du multi-select « Type de stockage » par les
+ * disponibilite « tel type sur tel site » releve de la future entite Stockage
- * sites selectionnes dans le formulaire produit (RG-6.06). Non serialisee au M6
+ * (module Stockage : un stockage = 1 site + 1 type) et sera derivee des stockages
- * (le filtrage est applique cote provider en ERP-201).
+ * reels, pas portee par ce referentiel. Le multi-select « Type de stockage » du
+ * formulaire produit liste donc TOUS les types, sans filtrage par site (RG-6.06).
  *
  * Lecture seule au M6 : seules les operations GetCollection et Get sont exposees
  * (CRUD admin = hors perimetre HP-M6-03), sous la permission `catalog.products.view`
@@ -39,10 +36,9 @@ use Symfony\Component\Serializer\Attribute\Groups;
  */
 #[ApiResource(
     operations: [
-        // Tri label ASC et filtre ?siteId[]= portes par le StorageTypeProvider
+        // Tri label ASC porte par le StorageTypeProvider : alimente le multi-select
-        // (ERP-201) : alimente le multi-select « Type de stockage » du formulaire
+        // « Type de stockage » du formulaire produit (TOUS les types — referentiel
-        // produit, filtre par les sites selectionnes (RG-6.06). Pagination Hydra +
+        // plat). Pagination Hydra + echappatoire ?pagination=false (referentiel borne).
-        // echappatoire ?pagination=false (referentiel borne).
         new GetCollection(
             security: "is_granted('catalog.products.view')",
             normalizationContext: ['groups' => ['storage_type:read']],
@@ -75,24 +71,6 @@ class StorageType
     #[Groups(['storage_type:read'])]
     private ?string $label = null;
 
-    /**
-     * Sites sur lesquels ce type de stockage est disponible (RG-6.06). Non
-     * exposee en serialisation au M6 : sert uniquement au filtrage `?siteId[]=`
-     * du referentiel (branche en ERP-201).
-     *
-     * @var Collection<int, Site>
-     */
-    #[ORM\ManyToMany(targetEntity: Site::class)]
-    #[ORM\JoinTable(name: 'storage_type_site')]
-    #[ORM\JoinColumn(name: 'storage_type_id', referencedColumnName: 'id', onDelete: 'CASCADE')]
-    #[ORM\InverseJoinColumn(name: 'site_id', referencedColumnName: 'id', onDelete: 'CASCADE')]
-    private Collection $sites;
-
-    public function __construct()
-    {
-        $this->sites = new ArrayCollection();
-    }
-
     public function getId(): ?int
     {
         return $this->id;
@@ -121,28 +99,4 @@ class StorageType
 
         return $this;
     }
-
-    /**
-     * @return Collection<int, Site>
-     */
-    public function getSites(): Collection
-    {
-        return $this->sites;
-    }
-
-    public function addSite(Site $site): static
-    {
-        if (!$this->sites->contains($site)) {
-            $this->sites->add($site);
-        }
-
-        return $this;
-    }
-
-    public function removeSite(Site $site): static
-    {
-        $this->sites->removeElement($site);
-
-        return $this;
-    }
 }

src/Module/Catalog/Domain/Repository/StorageTypeRepositoryInterface.php

@@ -21,11 +21,8 @@ interface StorageTypeRepositoryInterface
 
     /**
      * QueryBuilder de la liste des types de stockage (consomme par le
-     * StorageTypeProvider) : tri `label ASC` (defaut spec § 4.2) et filtre
+     * StorageTypeProvider) : tri `label ASC` (defaut spec § 4.2). Referentiel plat :
-     * optionnel `?siteId[]=` (RG-6.06) restreignant aux types disponibles sur
+     * plus de filtrage par site (la dispo par site releve du futur module Stockage).
-     * AU MOINS UN des sites passes.
-     *
-     * @param list<int> $siteIds
      */
-    public function createListQueryBuilder(array $siteIds = []): QueryBuilder;
+    public function createListQueryBuilder(): QueryBuilder;
 }

src/Module/Catalog/Infrastructure/ApiPlatform/State/Provider/StorageTypeProvider.php

@@ -18,12 +18,12 @@ use function is_int;
 use function is_string;
 
 /**
- * Provider StorageType (referentiel lecture seule, ERP-201) :
+ * Provider StorageType (referentiel plat lecture seule) :
- *  - LISTE : tri `label ASC` (defaut spec § 4.2), filtre `?siteId[]=` (RG-6.06 :
+ *  - LISTE : tri `label ASC` (defaut spec § 4.2) et collection PAGINEE Hydra
- *    types disponibles sur au moins un des sites passes) et collection PAGINEE
+ *    (regle ABSOLUE n°13). Echappatoire `?pagination=false` respectee pour
- *    Hydra (regle ABSOLUE n°13). Echappatoire `?pagination=false` respectee pour
+ *    alimenter le multi-select « Type de stockage » du formulaire produit avec
- *    alimenter le multi-select « Type de stockage » du formulaire produit
+ *    TOUS les types (referentiel borne — pagination_client_enabled). Plus de
- *    (referentiel borne — pagination_client_enabled).
+ *    filtrage par site : la dispo par site releve du futur module Stockage.
  *  - ITEM : lookup simple par id.
  *
  * @implements ProviderInterface<StorageType>
@@ -39,7 +39,7 @@ final class StorageTypeProvider implements ProviderInterface
     public function provide(Operation $operation, array $uriVariables = [], array $context = []): iterable|Paginator|StorageType|null
     {
         if ($operation instanceof CollectionOperationInterface) {
-            $qb = $this->repository->createListQueryBuilder($this->readSiteIds($context));
+            $qb = $this->repository->createListQueryBuilder();
 
             // Echappatoire ?pagination=false : collection complete sans Paginator
             // (alimentation du multi-select, referentiel borne).
@@ -65,30 +65,4 @@ final class StorageTypeProvider implements ProviderInterface
 
         return $this->repository->findById((int) $id);
     }
-
-    /**
-     * Lit le filtre `?siteId[]=` : ids des sites coches (OR). Tolere une valeur
-     * scalaire unique (`?siteId=1`) ou un tableau. Ignore les entrees non numeriques.
-     *
-     * @return list<int>
-     */
-    private function readSiteIds(array $context): array
-    {
-        $raw = $context['filters']['siteId'] ?? null;
-
-        if (null === $raw) {
-            return [];
-        }
-
-        $values = is_array($raw) ? $raw : [$raw];
-
-        $ids = [];
-        foreach ($values as $value) {
-            if (is_int($value) || (is_string($value) && ctype_digit($value))) {
-                $ids[] = (int) $value;
-            }
-        }
-
-        return array_values(array_unique($ids));
-    }
 }

src/Module/Catalog/Infrastructure/DataFixtures/StorageTypeFixtures.php

@@ -6,41 +6,39 @@ namespace App\Module\Catalog\Infrastructure\DataFixtures;
 
 use App\Module\Catalog\Domain\Entity\StorageType;
 use App\Module\Catalog\Domain\Repository\StorageTypeRepositoryInterface;
-use App\Module\Sites\Infrastructure\DataFixtures\SitesFixtures;
-use App\Shared\Domain\Contract\SiteProviderInterface;
 use Doctrine\Bundle\FixturesBundle\Fixture;
-use Doctrine\Common\DataFixtures\DependentFixtureInterface;
 use Doctrine\Persistence\ObjectManager;
 
 /**
- * Fixtures du module Catalog : seed du referentiel `storage_type` (M6).
+ * Fixtures du module Catalog : seed du referentiel PLAT `storage_type` (M6).
  *
- * ⚠ PROVISOIRE (decision Matthieu 24/06, HP-M6-02) : codes, libelles ET mapping
+ * ⚠ PROVISOIRE (decision Matthieu 24/06, HP-M6-02) : codes et libelles ci-dessous
- * site ci-dessous sont a REVALIDER / RE-SEEDER quand Aurore livrera la liste et le
+ * sont a REVALIDER / RE-SEEDER quand Aurore livrera la liste definitive (ERP-201).
- * mapping definitifs par site. La liste actuelle reprend les 10 valeurs de la
+ * La liste actuelle reprend les 10 valeurs de la maquette Figma (node 1503-34285).
- * maquette Figma (node 1503-34285) et les rattache PAR DEFAUT aux 3 sites
- * (Chatellerault 86 / Saint-Jean 17 / Pommevic 82), faute de mapping reel.
  *
- * Pourquoi une fixture (et pas un seed de migration) : `storage_type` est une
+ * Referentiel PLAT : un type de stockage n'est plus rattache a des sites (la dispo
- * entite managee par l'ORM, donc le purger Doctrine la vide avant chaque
+ * par site releve du futur module Stockage). Cette fixture ne seede donc que les
- * `doctrine:fixtures:load`. Cette fixture re-aligne dev ET test (le referentiel
+ * lignes `storage_type` ; la voie prod-safe est l'INSERT idempotent de la migration
- * doit exister pour alimenter le formulaire produit et les tests du filtre
+ * Version20260626100000 (les fixtures ne tournent pas en prod). Source unique : les
- * ?siteId[]= — ERP-203). Elle tourne dans TOUS les environnements (referentiel,
+ * memes 10 valeurs ici et dans la migration.
- * pas une donnee de demo — miroir CategoryTypeFixtures).
+ *
+ * Pourquoi une fixture EN PLUS de la migration : `storage_type` est une entite
+ * managee par l'ORM, donc le purger Doctrine la vide avant chaque
+ * `doctrine:fixtures:load`. Cette fixture re-aligne dev ET test apres la purge
+ * (referentiel necessaire au formulaire produit et a ses tests). Elle tourne dans
+ * TOUS les environnements (referentiel, pas une donnee de demo — miroir
+ * CategoryTypeFixtures).
  *
  * Idempotence : lookup par `code` parmi les types existants avant insertion
- * (miroir CategoryTypeFixtures). `addSite()` est lui-meme idempotent (contains()).
+ * (miroir CategoryTypeFixtures). Rejouable sans doublon meme si le purger Doctrine
- * Rejouable sans doublon meme si le purger Doctrine est desactive.
+ * est desactive.
- *
- * Depend de SitesFixtures : les 3 sites doivent etre seedes avant qu'on puisse y
- * rattacher les types de stockage. Les sites sont resolus via le contrat Shared
- * SiteProviderInterface (pas d'import du module Sites — regle ABSOLUE n°1).
  */
-class StorageTypeFixtures extends Fixture implements DependentFixtureInterface
+class StorageTypeFixtures extends Fixture
 {
     /**
      * Seed PROVISOIRE (Figma node 1503-34285) : code MAJUSCULE stable => libelle FR.
-     * A re-seeder a reception de la liste Aurore (HP-M6-02).
+     * A re-seeder a reception de la liste Aurore (HP-M6-02). Doit rester aligne sur
+     * la migration Version20260626100000.
      *
      * @var array<string, string>
      */
@@ -57,27 +55,10 @@ class StorageTypeFixtures extends Fixture implements DependentFixtureInterface
         'ZONE'             => 'Zone',
     ];
 
-    /**
-     * Noms des 3 sites de rattachement PROVISOIRE (86 / 17 / 82). Le nom est la cle
-     * de lookup stable cote SitesFixtures.
-     *
-     * @var list<string>
-     */
-    private const DEFAULT_SITE_NAMES = ['Chatellerault', 'Saint-Jean', 'Pommevic'];
-
     public function __construct(
         private readonly StorageTypeRepositoryInterface $storageTypeRepository,
-        private readonly SiteProviderInterface $siteProvider,
     ) {}
 
-    /**
-     * @return array<int, class-string>
-     */
-    public function getDependencies(): array
-    {
-        return [SitesFixtures::class];
-    }
-
     public function load(ObjectManager $manager): void
     {
         // Index des types deja presents par code, pour ne pas creer de doublon.
@@ -86,27 +67,11 @@ class StorageTypeFixtures extends Fixture implements DependentFixtureInterface
             $existingByCode[$type->getCode()] = $type;
         }
 
-        // Resolution des 3 sites par defaut via le contrat Shared (rattachement
-        // provisoire). Les objets resolus sont des Site managees (resolve_target_entities
-        // SiteInterface -> Site) : addSite() les accepte.
-        $defaultSites = [];
-        foreach (self::DEFAULT_SITE_NAMES as $name) {
-            $site = $this->siteProvider->findByName($name);
-            if (null !== $site) {
-                $defaultSites[] = $site;
-            }
-        }
-
         foreach (self::TYPES as $code => $label) {
             $storageType = $existingByCode[$code] ?? new StorageType();
             $storageType->setCode($code);
             $storageType->setLabel($label);
 
-            // Rattachement provisoire aux 3 sites (idempotent : addSite -> contains()).
-            foreach ($defaultSites as $site) {
-                $storageType->addSite($site);
-            }
-
             $manager->persist($storageType);
         }
 

src/Module/Catalog/Infrastructure/Doctrine/DoctrineStorageTypeRepository.php

@@ -33,32 +33,12 @@ class DoctrineStorageTypeRepository extends ServiceEntityRepository implements S
         return $this->findBy([], ['label' => 'ASC']);
     }
 
-    public function createListQueryBuilder(array $siteIds = []): QueryBuilder
+    public function createListQueryBuilder(): QueryBuilder
     {
-        // Tri alphabetique stable (multi-select du formulaire produit, § 4.2). La
+        // Tri alphabetique stable (multi-select du formulaire produit, § 4.2).
-        // relation `sites` n'est PAS serialisee (storage_type:read ne la porte pas)
+        // Referentiel plat : tous les types, plus de filtrage par site.
-        // -> pas d'eager-load : le filtre n'affecte pas la sortie, seulement la
+        return $this->createQueryBuilder('st')
-        // restriction des lignes.
-        $qb = $this->createQueryBuilder('st')
             ->orderBy('st.label', 'ASC')
         ;
-
-        // ?siteId[]= : type disponible sur AU MOINS UN des sites passes (OR, RG-6.06).
-        // Sous-requete EXISTS correlee (meme strategie que DoctrineCategoryRepository
-        // / DoctrineProductRepository) pour eviter les lignes dupliquees du JOIN.
-        if ([] !== $siteIds) {
-            $sub = $this->getEntityManager()->createQueryBuilder()
-                ->select('1')
-                ->from(StorageType::class, 'st_si')
-                ->join('st_si.sites', 's_si')
-                ->where('st_si = st')
-                ->andWhere('s_si.id IN (:siteIds)')
-            ;
-            $qb->andWhere($qb->expr()->exists($sub->getDQL()))
-                ->setParameter('siteIds', $siteIds)
-            ;
-        }
-
-        return $qb;
     }
 }

src/Module/Commercial/CommercialModule.php

@@ -35,11 +35,17 @@ final class CommercialModule
     {
         return [
             ['code' => 'commercial.clients.view', 'label' => 'Voir les clients'],
+            // Lecture de la LISTE clients pour alimenter un select (contrepartie d'un
+            // ticket de pesee — role Usine, ERP-209), SANS le repertoire ni le detail.
+            ['code' => 'commercial.clients.read_ref', 'label' => 'Lire la liste des clients (référentiel pour les selects)'],
             ['code' => 'commercial.clients.manage', 'label' => 'Créer / modifier les clients (hors onglet Comptabilité)'],
             ['code' => 'commercial.clients.accounting.view', 'label' => 'Voir l\'onglet Comptabilité d\'un client'],
             ['code' => 'commercial.clients.accounting.manage', 'label' => 'Modifier l\'onglet Comptabilité d\'un client'],
             ['code' => 'commercial.clients.archive', 'label' => 'Archiver / restaurer un client'],
             ['code' => 'commercial.suppliers.view', 'label' => 'Voir les fournisseurs'],
+            // Lecture de la LISTE fournisseurs pour alimenter un select (contrepartie
+            // d'un ticket de pesee — role Usine, ERP-209), SANS le repertoire ni le detail.
+            ['code' => 'commercial.suppliers.read_ref', 'label' => 'Lire la liste des fournisseurs (référentiel pour les selects)'],
             ['code' => 'commercial.suppliers.manage', 'label' => 'Créer / modifier les fournisseurs (hors onglet Comptabilité)'],
             ['code' => 'commercial.suppliers.accounting.view', 'label' => 'Voir l\'onglet Comptabilité d\'un fournisseur'],
             ['code' => 'commercial.suppliers.accounting.manage', 'label' => 'Modifier l\'onglet Comptabilité d\'un fournisseur'],

src/Module/Commercial/Domain/Entity/Client.php

@@ -63,7 +63,11 @@ use Symfony\Component\Validator\Context\ExecutionContextInterface;
 #[ApiResource(
     operations: [
         new GetCollection(
-            security: "is_granted('commercial.clients.view')",
+            // `read_ref` (ERP-209) : lecture de la LISTE seule, pour alimenter le
+            // select de contrepartie du ticket de pesee (role Usine, qui n'a pas
+            // `view` et donc pas le repertoire). N'ouvre que la collection — l'item,
+            // la creation et l'edition restent gardes par `view`/`manage`.
+            security: "is_granted('commercial.clients.view') or is_granted('commercial.clients.read_ref')",
             // La liste embarque les categories (avec leur code, groupe
             // category:read) et les sites agreges des adresses (groupe
             // site:read) pour alimenter les colonnes « Catégories » et

src/Module/Commercial/Domain/Entity/Supplier.php

@@ -66,7 +66,11 @@ use Symfony\Component\Validator\Context\ExecutionContextInterface;
 #[ApiResource(
     operations: [
         new GetCollection(
-            security: "is_granted('commercial.suppliers.view')",
+            // `read_ref` (ERP-209) : lecture de la LISTE seule, pour alimenter le
+            // select de contrepartie du ticket de pesee (role Usine, qui n'a pas
+            // `view` et donc pas le repertoire). N'ouvre que la collection — l'item,
+            // la creation et l'edition restent gardes par `view`/`manage`.
+            security: "is_granted('commercial.suppliers.view') or is_granted('commercial.suppliers.read_ref')",
             // La liste embarque les categories (avec leur code/name, groupe
             // category:read) et les sites agreges des adresses (groupe
             // site:read) pour alimenter les colonnes « Catégories » et

src/Module/Commercial/Domain/Repository/ClientRepositoryInterface.php

@@ -28,6 +28,10 @@ interface ClientRepositoryInterface
      *   dont le code est dans la liste (OR — ERP-78). Liste vide = pas de filtre.
      * - $siteIds : restreint aux clients ayant au moins une adresse rattachee a
      *   l'un des sites donnes (OR — RG-1.10). Liste vide = pas de filtre.
+     * - $excludeCategoryCodes : EXCLUT les clients possedant au moins une
+     *   categorie dont le code est dans la liste (NOT IN). Liste vide = pas de
+     *   filtre. Utilise par le module Transport pour ecarter les courtiers
+     *   (code COURTIER) des selects clients.
      *
      * Filtrage centralise ICI (et non dans les providers/controllers) pour que
      * la liste paginee (ClientProvider) et l'export (ClientExportController)
@@ -41,6 +45,7 @@ interface ClientRepositoryInterface
      *
      * @param list<string> $categoryCodes
      * @param list<int>    $siteIds
+     * @param list<string> $excludeCategoryCodes
      */
     public function createListQueryBuilder(
         bool $includeArchived = false,
@@ -48,6 +53,7 @@ interface ClientRepositoryInterface
         array $categoryCodes = [],
         array $siteIds = [],
         bool $archivedOnly = false,
+        array $excludeCategoryCodes = [],
     ): QueryBuilder;
 
     /**

src/Module/Commercial/Infrastructure/ApiPlatform/State/Provider/ClientProvider.php

@@ -25,6 +25,8 @@ use Symfony\Component\DependencyInjection\Attribute\Autowire;
  *  - tri par defaut companyName ASC — RG-1.26 ;
  *  - filtres ?search=... (fuzzy companyName + lastName + email) et
  *    ?categoryCode=<code> (clients ayant >= 1 categorie de ce code — ERP-78) ;
+ *  - ?excludeCategoryCode=<code> : EXCLUT les clients ayant >= 1 categorie de ce
+ *    code (NOT IN — utilise par le module Transport pour ecarter les courtiers) ;
  *  - pagination obligatoire (convention Starseed ERP-72) : Paginator ORM ;
  *    echappatoire ?pagination=false pour alimenter un <select> sans pagination.
  *
@@ -70,6 +72,10 @@ final class ClientProvider implements ProviderInterface
         // RG-1.03) OU une liste (?categoryCode[]=A&categoryCode[]=B, drawer multi).
         $categoryCodes = $this->readStringList($filters['categoryCode'] ?? []);
         $siteIds       = $this->readIntList($filters['siteId'] ?? []);
+        // excludeCategoryCode : EXCLUT les clients ayant ce(s) code(s) de categorie.
+        // Le module Transport l'utilise pour ecarter les courtiers (COURTIER) de
+        // ses selects clients.
+        $excludeCategoryCodes = $this->readStringList($filters['excludeCategoryCode'] ?? []);
 
         // Filtrage delegue au repository (logique partagee avec l'export XLSX).
         $qb = $this->repository->createListQueryBuilder(
@@ -78,6 +84,7 @@ final class ClientProvider implements ProviderInterface
             $categoryCodes,
             $siteIds,
             $archivedOnly,
+            $excludeCategoryCodes,
         );
 
         // Echappatoire ?pagination=false : collection complete sans Paginator

src/Module/Commercial/Infrastructure/Doctrine/DoctrineClientRepository.php

@@ -37,6 +37,7 @@ class DoctrineClientRepository extends ServiceEntityRepository implements Client
         array $categoryCodes = [],
         array $siteIds = [],
         bool $archivedOnly = false,
+        array $excludeCategoryCodes = [],
     ): QueryBuilder {
         // SELECTION uniquement (filtres + tri) : pas de fetch-join to-many ici.
         // L'hydratation des collections affichees (Catégories / Site(s)) est
@@ -57,6 +58,7 @@ class DoctrineClientRepository extends ServiceEntityRepository implements Client
 
         $this->applySearch($qb, $search);
         $this->applyCategoryCodes($qb, $categoryCodes);
+        $this->applyExcludeCategoryCodes($qb, $excludeCategoryCodes);
         $this->applySiteIds($qb, $siteIds);
 
         return $qb;
@@ -151,6 +153,35 @@ class DoctrineClientRepository extends ServiceEntityRepository implements Client
         ;
     }
 
+    /**
+     * EXCLUT les clients possedant au moins une categorie dont le code figure
+     * dans la liste (NOT IN). Miroir negatif d'{@see self::applyCategoryCodes()} :
+     * utilise par le module Transport pour ecarter les courtiers (code COURTIER)
+     * des selects clients, sans dependre du nombre de categories d'un client (un
+     * client [COURTIER, DISTRIBUTEUR] est bien exclu). Sous-requete NOT IN pour ne
+     * pas perturber le DISTINCT / ORDER BY principal.
+     *
+     * @param list<string> $excludeCategoryCodes
+     */
+    private function applyExcludeCategoryCodes(QueryBuilder $qb, array $excludeCategoryCodes): void
+    {
+        $codes = $this->normalizeStringList($excludeCategoryCodes);
+        if ([] === $codes) {
+            return;
+        }
+
+        $sub = $this->getEntityManager()->createQueryBuilder()
+            ->select('c3.id')
+            ->from(Client::class, 'c3')
+            ->join('c3.categories', 'cat3')
+            ->where('cat3.code IN (:excludeCategoryCodes)')
+        ;
+
+        $qb->andWhere($qb->expr()->notIn('c.id', $sub->getDQL()))
+            ->setParameter('excludeCategoryCodes', $codes)
+        ;
+    }
+
     /**
      * Restreint aux clients ayant au moins une adresse rattachee a l'un des
      * sites donnes (OR — RG-1.10 : les sites vivent sur les adresses, pas sur le

src/Module/Core/Application/Rbac/RbacSeeder.php

@@ -148,6 +148,17 @@ final class RbacSeeder
                 // bypass_scope ; les tickets sont filtres par SiteScopedQueryExtension).
                 'logistique.weighing_tickets.view',
                 'logistique.weighing_tickets.manage',
+                // Lecture des LISTES client/fournisseur pour le select de contrepartie
+                // du ticket de pesee (ERP-209). `read_ref` n'ouvre QUE la collection
+                // /clients + /suppliers (pas le repertoire sidebar, pas le detail, pas
+                // l'edition) -> l'Usine peut choisir un tiers sans acceder au module
+                // Commercial.
+                // /!\ RETOUR ARRIERE METIER : si l'Usine ne doit PAS voir les tiers,
+                // retirer ces 2 lignes + les 2 permissions read_ref de CommercialModule
+                // + le `or ...read_ref` des GetCollection Client/Supplier, puis
+                // `app:sync-permissions` + re-seed RBAC.
+                'commercial.clients.read_ref',
+                'commercial.suppliers.read_ref',
             ],
         ],
     ];

src/Module/Core/Infrastructure/Console/SeedE2ECommand.php

@@ -195,6 +195,8 @@ final class SeedE2ECommand extends Command
                     // (bureau/compta/commerciale/usine) seedes par ERP-74.
                     // Miroir de frontend/tests/e2e/_fixtures/personas.ts.
                     'commercial.clients.view',
+                    // Lecture liste seule pour le select de contrepartie pesee (ERP-209).
+                    'commercial.clients.read_ref',
                     'commercial.clients.manage',
                     'commercial.clients.accounting.view',
                     'commercial.clients.accounting.manage',
@@ -203,6 +205,8 @@ final class SeedE2ECommand extends Command
                     // logique que les clients : mappe sur le persona "tout".
                     // Miroir de frontend/tests/e2e/_fixtures/personas.ts.
                     'commercial.suppliers.view',
+                    // Lecture liste seule pour le select de contrepartie pesee (ERP-209).
+                    'commercial.suppliers.read_ref',
                     'commercial.suppliers.manage',
                     'commercial.suppliers.accounting.view',
                     'commercial.suppliers.accounting.manage',

src/Module/Core/Infrastructure/Security/ApiLogoutSuccessListener.php

@@ -0,0 +1,55 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Module\Core\Infrastructure\Security;
+
+use Symfony\Component\EventDispatcher\EventSubscriberInterface;
+use Symfony\Component\HttpFoundation\Response;
+use Symfony\Component\Security\Http\Event\LogoutEvent;
+
+/**
+ * Logout d'une API JWT stateless : renvoie « 204 No Content » au lieu de la
+ * redirection 302 par defaut de Symfony.
+ *
+ * Pourquoi : le `DefaultLogoutListener` pose toujours une RedirectResponse (vers
+ * le `target` configure, ou `/` par defaut). Cote navigateur, `fetch` suit cette
+ * 302 ; le Location est resolu en URL absolue a partir du Host de la requete, et
+ * en dev ce Host est l'upstream du proxy Nuxt (« nginx »), non resolvable par le
+ * navigateur => `ERR_NAME_NOT_RESOLVED` apres ~3 s de timeout DNS avant l'echec
+ * de la promesse (en prod, c'est un GET parasite de la page cible). Une API
+ * consommee en fetch ne doit pas rediriger : 204 suffit.
+ *
+ * On s'enregistre a une priorite NEGATIVE pour passer APRES les listeners par
+ * defaut (DefaultLogoutListener priorite 64, CookieClearingLogoutListener
+ * priorite 0) : la reponse et les Set-Cookie de suppression du BEARER sont alors
+ * deja en place, on se contente de retrograder la redirection en 204 en
+ * conservant les en-tetes (donc le cookie BEARER reste efface).
+ */
+final class ApiLogoutSuccessListener implements EventSubscriberInterface
+{
+    public static function getSubscribedEvents(): array
+    {
+        return [
+            LogoutEvent::class => ['onLogout', -255],
+        ];
+    }
+
+    public function onLogout(LogoutEvent $event): void
+    {
+        $response = $event->getResponse();
+
+        // Aucun listener par defaut n'a pose de reponse : on cree directement la 204.
+        if (null === $response) {
+            $event->setResponse(new Response(null, Response::HTTP_NO_CONTENT));
+
+            return;
+        }
+
+        // Retrograde la redirection (ou toute autre reponse) en 204 sans toucher
+        // aux en-tetes Set-Cookie deja poses (suppression du BEARER).
+        $response->setStatusCode(Response::HTTP_NO_CONTENT);
+        $response->setContent(null);
+        $response->headers->remove('Location');
+    }
+}

src/Module/Logistique/Domain/Entity/WeighingTicket.php

@@ -20,6 +20,7 @@ use App\Shared\Domain\Attribute\Auditable;
 use App\Shared\Domain\Contract\BlamableInterface;
 use App\Shared\Domain\Contract\TimestampableInterface;
 use App\Shared\Domain\Trait\TimestampableBlamableTrait;
+use App\Shared\Domain\Validation\TextInputPattern;
 use DateTimeImmutable;
 use Doctrine\ORM\Mapping as ORM;
 use Symfony\Component\Serializer\Attribute\Groups;
@@ -175,6 +176,18 @@ class WeighingTicket implements TimestampableInterface, BlamableInterface
     /** Valide : contrepartie + immatriculation + 2 pesees OK, numero attribue (« Terminée »). */
     public const string STATUS_VALIDATED = 'VALIDATED';
 
+    /** Contrepartie « Client » (M1) — RG-5.03. */
+    public const string COUNTERPARTY_CLIENT = 'CLIENT';
+
+    /** Contrepartie « Fournisseur » (M2) — RG-5.03. */
+    public const string COUNTERPARTY_FOURNISSEUR = 'FOURNISSEUR';
+
+    /** Contrepartie « Autre » (libelle libre) — RG-5.03. */
+    public const string COUNTERPARTY_AUTRE = 'AUTRE';
+
+    /** Plafond des poids/DSD saisis a la main (5 chiffres) — cf. validateManualEntryDigits. */
+    public const int MANUAL_VALUE_MAX = 99999;
+
     #[ORM\Id]
     #[ORM\GeneratedValue]
     #[ORM\Column]
@@ -195,7 +208,7 @@ class WeighingTicket implements TimestampableInterface, BlamableInterface
     /** CLIENT | FOURNISSEUR | AUTRE (RG-5.03) — null tant que brouillon, requis a la validation. Pilote le champ associe obligatoire. */
     #[ORM\Column(name: 'counterparty_type', length: 12, nullable: true)]
     #[Assert\NotBlank(message: 'La contrepartie (Client / Fournisseur / Autre) est obligatoire.', groups: ['finalize'])]
-    #[Assert\Choice(choices: ['CLIENT', 'FOURNISSEUR', 'AUTRE'], message: 'Type de contrepartie invalide.')]
+    #[Assert\Choice(choices: [self::COUNTERPARTY_CLIENT, self::COUNTERPARTY_FOURNISSEUR, self::COUNTERPARTY_AUTRE], message: 'Type de contrepartie invalide.')]
     #[Groups(['weighing_ticket:read', 'weighing_ticket:write'])]
     private ?string $counterpartyType = null;
 
@@ -214,6 +227,7 @@ class WeighingTicket implements TimestampableInterface, BlamableInterface
     /** Libelle libre — requis ssi counterpartyType = AUTRE (RG-5.03). */
     #[ORM\Column(name: 'other_label', length: 255, nullable: true)]
     #[Assert\Length(max: 255, maxMessage: 'Le libellé ne peut pas dépasser {{ limit }} caractères.', normalizer: 'trim')]
+    #[Assert\Regex(pattern: TextInputPattern::FREE_TEXT, message: TextInputPattern::FREE_TEXT_MESSAGE)]
     #[Groups(['weighing_ticket:read', 'weighing_ticket:write'])]
     private ?string $otherLabel = null;
 
@@ -313,7 +327,7 @@ class WeighingTicket implements TimestampableInterface, BlamableInterface
     public function validateCounterpartyConsistency(ExecutionContextInterface $context): void
     {
         switch ($this->counterpartyType) {
-            case 'CLIENT':
+            case self::COUNTERPARTY_CLIENT:
                 if (null === $this->client) {
                     $context->buildViolation('Le client est obligatoire pour une contrepartie « Client ».')
                         ->atPath('client')
@@ -323,7 +337,7 @@ class WeighingTicket implements TimestampableInterface, BlamableInterface
 
                 break;
 
-            case 'FOURNISSEUR':
+            case self::COUNTERPARTY_FOURNISSEUR:
                 if (null === $this->supplier) {
                     $context->buildViolation('Le fournisseur est obligatoire pour une contrepartie « Fournisseur ».')
                         ->atPath('supplier')
@@ -333,7 +347,7 @@ class WeighingTicket implements TimestampableInterface, BlamableInterface
 
                 break;
 
-            case 'AUTRE':
+            case self::COUNTERPARTY_AUTRE:
                 if (null === $this->otherLabel || '' === trim($this->otherLabel)) {
                     $context->buildViolation('Le libellé est obligatoire pour une contrepartie « Autre ».')
                         ->atPath('otherLabel')
@@ -370,6 +384,25 @@ class WeighingTicket implements TimestampableInterface, BlamableInterface
         }
     }
 
+    /**
+     * Plafond des valeurs SAISIES A LA MAIN (poids et DSD) : 5 chiffres, soit
+     * 99999. Garde-fou serveur du masque front 5 chiffres de la modale de pesee
+     * manuelle. Ne s'applique QU'EN mode MANUAL (decision metier) :
+     *  - le poids AUTO (pont-bascule) tient deja dans 5 chiffres (10000-50000) ;
+     *  - le DSD AUTO est un compteur de site croissant (DsdAllocator) qu'on ne
+     *    doit PAS contraindre, sinon l'allocation echouerait au-dela de 99999.
+     * Jouee dans le groupe Default (POST/PATCH brouillon ET validate) -> chaque
+     * 422 est mappee inline sous le champ via useFormErrors (ERP-101).
+     */
+    #[Assert\Callback]
+    public function validateManualEntryDigits(ExecutionContextInterface $context): void
+    {
+        $this->assertManualDigitCap($context, $this->emptyMode, $this->emptyWeight, 'emptyWeight', 'Le poids saisi ne peut pas dépasser 5 chiffres (99999 kg maximum).');
+        $this->assertManualDigitCap($context, $this->emptyMode, $this->emptyDsd, 'emptyDsd', 'Le DSD saisi ne peut pas dépasser 5 chiffres (99999 maximum).');
+        $this->assertManualDigitCap($context, $this->fullMode, $this->fullWeight, 'fullWeight', 'Le poids saisi ne peut pas dépasser 5 chiffres (99999 kg maximum).');
+        $this->assertManualDigitCap($context, $this->fullMode, $this->fullDsd, 'fullDsd', 'Le DSD saisi ne peut pas dépasser 5 chiffres (99999 maximum).');
+    }
+
     /**
      * Date du ticket affichee en LISTE (§ 4.0) : date de la pesee a plein si
      * disponible, sinon date de la pesee a vide. Getter calcule (jamais
@@ -458,6 +491,21 @@ class WeighingTicket implements TimestampableInterface, BlamableInterface
         return $this;
     }
 
+    /**
+     * Nom du tiers à afficher (cartouche du bon de pesée PDF, ERP-208) : raison
+     * sociale du client/fournisseur ou libellé libre selon le type de contrepartie
+     * (RG-5.03). Null si aucune contrepartie cohérente (brouillon).
+     */
+    public function getCounterpartyName(): ?string
+    {
+        return match ($this->counterpartyType) {
+            self::COUNTERPARTY_CLIENT      => $this->client?->getCompanyName(),
+            self::COUNTERPARTY_FOURNISSEUR => $this->supplier?->getCompanyName(),
+            self::COUNTERPARTY_AUTRE       => $this->otherLabel,
+            default                        => null,
+        };
+    }
+
     public function getImmatriculation(): ?string
     {
         return $this->immatriculation;
@@ -622,4 +670,14 @@ class WeighingTicket implements TimestampableInterface, BlamableInterface
 
         return $this;
     }
+
+    private function assertManualDigitCap(ExecutionContextInterface $context, ?string $mode, ?int $value, string $path, string $message): void
+    {
+        if ('MANUAL' === $mode && null !== $value && $value > self::MANUAL_VALUE_MAX) {
+            $context->buildViolation($message)
+                ->atPath($path)
+                ->addViolation()
+            ;
+        }
+    }
 }

src/Module/Logistique/Infrastructure/ApiPlatform/Resource/WeighbridgeReadingResource.php

@@ -6,6 +6,7 @@ namespace App\Module\Logistique\Infrastructure\ApiPlatform\Resource;
 
 use ApiPlatform\Metadata\ApiResource;
 use ApiPlatform\Metadata\Post;
+use App\Module\Logistique\Domain\Entity\WeighingTicket;
 use App\Module\Logistique\Infrastructure\ApiPlatform\State\Processor\WeighbridgeReadingProcessor;
 use Symfony\Component\Serializer\Attribute\Groups;
 use Symfony\Component\Validator\Constraints as Assert;
@@ -59,6 +60,7 @@ final class WeighbridgeReadingResource
      * fournit le poids). En sortie : poids effectif de la pesee.
      */
     #[Assert\Positive(message: 'Le poids doit être un entier positif (kg).')]
+    #[Assert\LessThanOrEqual(value: WeighingTicket::MANUAL_VALUE_MAX, message: 'Le poids saisi ne peut pas dépasser 5 chiffres (99999 kg maximum).')]
     #[Groups(['weighbridge_reading:write', 'weighbridge_reading:read'])]
     public ?int $weight = null;
 
@@ -68,6 +70,7 @@ final class WeighbridgeReadingResource
      * (l'obligation en MANUAL est portee par le Callback ci-dessous).
      */
     #[Assert\Positive(message: 'Le DSD doit être un entier positif.')]
+    #[Assert\LessThanOrEqual(value: WeighingTicket::MANUAL_VALUE_MAX, message: 'Le DSD saisi ne peut pas dépasser 5 chiffres (99999 maximum).')]
     #[Groups(['weighbridge_reading:write', 'weighbridge_reading:read'])]
     public ?int $dsd = null;
 

src/Shared/Infrastructure/Database/ColumnCommentsCatalog.php

@@ -587,12 +587,6 @@ final class ColumnCommentsCatalog
                 'label'  => 'Libelle FR affiche du type de stockage (ex. « Cuve melasse »).',
             ],
 
-            'storage_type_site' => [
-                '_table'          => 'Jointure M2M storage_type <-> site (Sites) — sites sur lesquels un type de stockage est disponible (alimente le filtrage du multi-select par site, RG-6.06).',
-                'storage_type_id' => 'FK -> storage_type.id, ON DELETE CASCADE — type de stockage disponible.',
-                'site_id'         => 'FK -> site.id, ON DELETE CASCADE — site ou le type de stockage est disponible.',
-            ],
-
             'product' => [
                 '_table'            => 'Produits du catalogue (M6 Catalog) — etat Achat/Vendu/Autre, sites de disponibilite, categorie produit, types de stockage.',
                 'id'                => 'Identifiant interne auto-incremente.',
@@ -612,7 +606,7 @@ final class ColumnCommentsCatalog
             ],
 
             'product_storage_type' => [
-                '_table'          => 'Jointure M2M product <-> storage_type — types de stockage du produit (>= 1 obligatoire, filtres par les sites selectionnes, RG-6.06).',
+                '_table'          => 'Jointure M2M product <-> storage_type — types de stockage du produit (>= 1 obligatoire, RG-6.06 ; referentiel plat).',
                 'product_id'      => 'FK -> product.id, ON DELETE CASCADE — produit concerne.',
                 'storage_type_id' => 'FK -> storage_type.id, ON DELETE RESTRICT — type de stockage rattache au produit.',
             ],

templates/logistique/weighing_ticket_print.html.twig

@@ -27,6 +27,19 @@
         .company-name { font-weight: bold; font-size: 12px; }
         .company-line { font-size: 12px; }
 
+        /* En-tête 2 colonnes (Dompdf = CSS 2.1, pas de flex/grid) : identité
+           société à gauche, cartouche du tiers à droite (ERP-208). Largeurs
+           fixes par cellule + cartouche en bloc (pas d'inline-block/min-width,
+           mal supportés par Dompdf) : le cartouche occupe la colonne de droite
+           et un nom long passe à la ligne au lieu de déborder. */
+        .header { width: 100%; border-collapse: collapse; }
+        .header td { vertical-align: top; }
+        .header .h-left { width: 62%; }
+        .header .h-right { width: 38%; }
+        .party-box { border: 1px solid #000; padding: 8px 12px; }
+        .party-label { font-weight: bold; font-size: 14px; margin-bottom: 4px; }
+        .party-name { font-size: 11px; word-wrap: break-word; }
+
         .title { font-size: 22px; font-weight: bold; margin: 22px 0 18px; }
 
         /* Lignes des deux pesées : tableau sans bordure, colonnes alignées. */
@@ -41,15 +54,37 @@
     </style>
 </head>
 <body>
-    {% if logoSrc %}
+    {# Libellé FR du type de contrepartie (couche de rendu, pas le Domain — ERP-208). #}
-        <div class="logo"><img src="{{ logoSrc }}" alt="LPC LIOT"></div>
+    {% set counterpartyLabels = { 'CLIENT': 'Client', 'FOURNISSEUR': 'Fournisseur', 'AUTRE': 'Autre' } %}
-    {% endif %}
 
-    <div class="company-name">SA LIOT Châtellerault</div>
+    <table class="header">
-    <div class="company-line">Email : lpc.contacts@lpc-liot.fr</div>
+        <tr>
-    <div class="company-line">RCS Châtellerault B 339 505 612</div>
+            <td class="h-left">
+                {% if logoSrc %}
+                    <div class="logo"><img src="{{ logoSrc }}" alt="LPC LIOT"></div>
+                {% endif %}
+                <div class="company-name">SA LIOT Châtellerault</div>
+                <div class="company-line">Email : lpc.contacts@lpc-liot.fr</div>
+                <div class="company-line">RCS Châtellerault B 339 505 612</div>
+            </td>
+            {# Cartouche tiers (ERP-208) : type (libellé) + nom du client / fournisseur /
+               « autre ». Conditionné sur le TYPE : un brouillon sans type n'affiche rien ;
+               un type sans nom (cas limite) affiche au moins le libellé. #}
+            <td class="h-right">
+                {% if ticket.counterpartyType %}
+                    <div class="party-box">
+                        <div class="party-label">{{ counterpartyLabels[ticket.counterpartyType] ?? ticket.counterpartyType }} :</div>
+                        {% if ticket.counterpartyName %}
+                            <div class="party-name">{{ ticket.counterpartyName }}</div>
+                        {% endif %}
+                    </div>
+                {% endif %}
+            </td>
+        </tr>
+    </table>
 
-    <div class="title">Ticket de pesée</div>
+    {# Numéro accolé au titre (ex. « Ticket de pesée 86-TP-0001 ») ; absent en brouillon (numéro attribué à la validation). #}
+    <div class="title">Ticket de pesée{% if ticket.number %} {{ ticket.number }}{% endif %}</div>
 
     {#
         DSD de la pesée : valeur du pont en AUTO, valeur saisie par l'opérateur en

tests/Module/Catalog/Api/AbstractProductApiTestCase.php

@@ -24,8 +24,8 @@ use Symfony\Contracts\HttpClient\ResponseInterface;
  *    volee pour que les POST passent RG-6.05.
  *  - `productCategory()` / `nonProductCategory()` : categories de test rattachees
  *    (ou non) au type PRODUIT.
- *  - `seedStorageType()` : type de stockage de test (prefixe code pour cleanup),
+ *  - `seedStorageType()` : type de stockage de test (prefixe code pour cleanup ;
- *    rattachable a des sites precis (RG-6.06).
+ *    referentiel plat, plus de rattachement par site).
  *  - `siteByCode()` / `firstSite()` : sites fixtures (86 / 17 / 82).
  *  - `authView()` : user non-admin portant la permission `catalog.products.view`.
  *  - `validProductPayload()` : payload POST de reference (IRIs category/sites/
@@ -60,7 +60,7 @@ abstract class AbstractProductApiTestCase extends AbstractCatalogApiTestCase
         // product_storage_type cascadent au niveau base (ON DELETE CASCADE).
         $em->createQuery('DELETE FROM '.Product::class)->execute();
 
-        // Types de stockage de test (prefixe code) — libere storage_type_site.
+        // Types de stockage de test (prefixe code).
         $em->createQuery('DELETE FROM '.StorageType::class.' s WHERE s.code LIKE :prefix')
             ->setParameter('prefix', self::TEST_STORAGE_TYPE_PREFIX.'%')
             ->execute()
@@ -111,19 +111,16 @@ abstract class AbstractProductApiTestCase extends AbstractCatalogApiTestCase
     }
 
     /**
-     * Cree un type de stockage de test (code prefixe TESTPRD pour le cleanup),
+     * Cree un type de stockage de test (code prefixe TESTPRD pour le cleanup).
-     * rattache aux sites passes (disponibilite — RG-6.06).
+     * Referentiel plat : plus de rattachement a des sites (RG-6.06 revue).
      */
-    protected function seedStorageType(string $label = 'Tas de test', Site ...$sites): StorageType
+    protected function seedStorageType(string $label = 'Tas de test'): StorageType
     {
         $em = $this->getEm();
 
         $storageType = new StorageType();
         $storageType->setCode($this->uniqueCode(self::TEST_STORAGE_TYPE_PREFIX));
         $storageType->setLabel($label);
-        foreach ($sites as $site) {
-            $storageType->addSite($em->getReference(Site::class, (int) $site->getId()));
-        }
 
         $em->persist($storageType);
         $em->flush();
@@ -169,7 +166,7 @@ abstract class AbstractProductApiTestCase extends AbstractCatalogApiTestCase
     protected function validProductPayload(array $overrides = []): array
     {
         $site        = $this->firstSite();
-        $storageType = $this->seedStorageType('Tas test', $site);
+        $storageType = $this->seedStorageType('Tas test');
         $category    = $this->productCategory();
 
         $base = [
@@ -213,7 +210,7 @@ abstract class AbstractProductApiTestCase extends AbstractCatalogApiTestCase
         $product->setContainsMolasses(false);
         $product->setCategory($category ?? $this->productCategory());
         $product->addSite($em->getReference(Site::class, (int) $site->getId()));
-        $product->addStorageType($storageType ?? $this->seedStorageType('Seed', $site));
+        $product->addStorageType($storageType ?? $this->seedStorageType('Seed'));
         $product->setDeletedAt($deletedAt);
 
         $em->persist($product);

tests/Module/Catalog/Api/ProductStorageTypeBySiteTest.php

@@ -1,56 +0,0 @@
-<?php
-
-declare(strict_types=1);
-
-namespace App\Tests\Module\Catalog\Api;
-
-/**
- * RG-6.06 : chaque type de stockage retenu doit etre disponible sur au moins un
- * des sites selectionnes. Un type de stockage hors des sites du produit est
- * rejete en 422 (Assert\Callback, propertyPath `storageTypes`).
- *
- * @internal
- */
-final class ProductStorageTypeBySiteTest extends AbstractProductApiTestCase
-{
-    public function testStorageTypeNotOnSelectedSitesIsRejected(): void
-    {
-        $client = $this->createAdminClient();
-
-        $siteA = $this->siteByCode('86');
-        $siteB = $this->siteByCode('17');
-
-        // Type de stockage disponible uniquement sur le site B...
-        $storageType = $this->seedStorageType('Cellule site B', $siteB);
-
-        // ... mais produit declare sur le site A seulement -> 422.
-        $response = $client->request('POST', '/api/products', [
-            'headers' => ['Content-Type' => self::LD],
-            'json'    => $this->validProductPayload([
-                'sites'        => [$this->iri('sites', (int) $siteA->getId())],
-                'storageTypes' => [$this->iri('storage_types', (int) $storageType->getId())],
-            ]),
-        ]);
-
-        self::assertResponseStatusCodeSame(422);
-        self::assertContains('storageTypes', $this->violationPaths($response));
-    }
-
-    public function testStorageTypeOnSelectedSiteIsAccepted(): void
-    {
-        $client = $this->createAdminClient();
-
-        $siteA       = $this->siteByCode('86');
-        $storageType = $this->seedStorageType('Tas site A', $siteA);
-
-        $client->request('POST', '/api/products', [
-            'headers' => ['Content-Type' => self::LD],
-            'json'    => $this->validProductPayload([
-                'sites'        => [$this->iri('sites', (int) $siteA->getId())],
-                'storageTypes' => [$this->iri('storage_types', (int) $storageType->getId())],
-            ]),
-        ]);
-
-        self::assertResponseStatusCodeSame(201);
-    }
-}