chore: bump version to v0.1.149

## ERP-196 — Refonte des blocs de formulaire

Refonte visuelle des blocs répétables des formulaires (clients, fournisseurs, prestataires, transporteurs), alignée sur les blocs « ticket de pesée » : à plat (sans box-shadow), titre de bloc en noir, séparation par filet noir 1px.

### ✅ Blocs Contact
- Box-shadow / fond blanc / padding latéral retirés
- En-tête `flex justify-between` : titre noir (« Contact 1 »…) à gauche, poubelle `button-class="p-0"` à droite
- 4 colonnes, filet `border-b border-black` entre blocs (pas sous le dernier, prop `last`)
- i18n `contact.title` ajouté pour transporteurs / prestataires
- 9 pages câblées (new / edit / consultation des 4 répertoires)

### ✅ Blocs Adresse
- Même traitement (à plat, titre noir, filet sauf dernier)
- i18n `address.title` pour transporteurs / prestataires
- Transporteur : adresse unique → titre « Adresse » (sans numéro)
- 12 pages câblées

### ✅ Bloc Comptabilité
- Bloc **infos** : titre « Informations » + filet bas (uniquement si des RIB suivent)
- Blocs **RIB** : titre « RIB 1 / RIB 2… » + poubelle `p-0`, filet sauf le dernier
- i18n `accounting.infoTitle` (3 modules) + `accounting.ribTitle` (fournisseurs / prestataires)
- 9 pages câblées (clients / fournisseurs / prestataires)

### Vérifications
- Vitest : 44/44 (specs contact + adresse)
- Eslint : clean sur l'ensemble des composants et pages modifiés

### Commits
- `feat : refonte des blocs contact (ERP-196)`
- `feat : refonte des blocs adresse (ERP-196)`
- `feat : refonte du bloc comptabilité (ERP-196)`

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

composer.json

@@ -12,6 +12,7 @@
         "doctrine/doctrine-bundle": "^3.2",
         "doctrine/doctrine-migrations-bundle": "^4.0",
         "doctrine/orm": "^3.6",
+        "dompdf/dompdf": "^3.0",
         "lexik/jwt-authentication-bundle": "^3.2",
         "nelmio/cors-bundle": "^2.6",
         "nyholm/psr7": "^1.8",

composer.lock

@@ -4,7 +4,7 @@
         "Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies",
         "This file is @generated automatically"
     ],
-    "content-hash": "b029c1484227c926d39dfd3ae5cb0699",
+    "content-hash": "224bae08ec63f217eabf5b2b611deaa0",
     "packages": [
         {
             "name": "api-platform/doctrine-common",
@@ -2520,6 +2520,161 @@
             },
             "time": "2026-02-08T16:21:46+00:00"
         },
+        {
+            "name": "dompdf/dompdf",
+            "version": "v3.1.5",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/dompdf/dompdf.git",
+                "reference": "f11ead23a8a76d0ff9bbc6c7c8fd7e05ca328496"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/dompdf/dompdf/zipball/f11ead23a8a76d0ff9bbc6c7c8fd7e05ca328496",
+                "reference": "f11ead23a8a76d0ff9bbc6c7c8fd7e05ca328496",
+                "shasum": ""
+            },
+            "require": {
+                "dompdf/php-font-lib": "^1.0.0",
+                "dompdf/php-svg-lib": "^1.0.0",
+                "ext-dom": "*",
+                "ext-mbstring": "*",
+                "masterminds/html5": "^2.0",
+                "php": "^7.1 || ^8.0"
+            },
+            "require-dev": {
+                "ext-gd": "*",
+                "ext-json": "*",
+                "ext-zip": "*",
+                "mockery/mockery": "^1.3",
+                "phpunit/phpunit": "^7.5 || ^8 || ^9 || ^10 || ^11",
+                "squizlabs/php_codesniffer": "^3.5",
+                "symfony/process": "^4.4 || ^5.4 || ^6.2 || ^7.0"
+            },
+            "suggest": {
+                "ext-gd": "Needed to process images",
+                "ext-gmagick": "Improves image processing performance",
+                "ext-imagick": "Improves image processing performance",
+                "ext-zlib": "Needed for pdf stream compression"
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "Dompdf\\": "src/"
+                },
+                "classmap": [
+                    "lib/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "LGPL-2.1"
+            ],
+            "authors": [
+                {
+                    "name": "The Dompdf Community",
+                    "homepage": "https://github.com/dompdf/dompdf/blob/master/AUTHORS.md"
+                }
+            ],
+            "description": "DOMPDF is a CSS 2.1 compliant HTML to PDF converter",
+            "homepage": "https://github.com/dompdf/dompdf",
+            "support": {
+                "issues": "https://github.com/dompdf/dompdf/issues",
+                "source": "https://github.com/dompdf/dompdf/tree/v3.1.5"
+            },
+            "time": "2026-03-03T13:54:37+00:00"
+        },
+        {
+            "name": "dompdf/php-font-lib",
+            "version": "1.0.2",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/dompdf/php-font-lib.git",
+                "reference": "a6e9a688a2a80016ac080b97be73d3e10c444c9a"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/dompdf/php-font-lib/zipball/a6e9a688a2a80016ac080b97be73d3e10c444c9a",
+                "reference": "a6e9a688a2a80016ac080b97be73d3e10c444c9a",
+                "shasum": ""
+            },
+            "require": {
+                "ext-mbstring": "*",
+                "php": "^7.1 || ^8.0"
+            },
+            "require-dev": {
+                "phpunit/phpunit": "^7.5 || ^8 || ^9 || ^10 || ^11 || ^12"
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "FontLib\\": "src/FontLib"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "LGPL-2.1-or-later"
+            ],
+            "authors": [
+                {
+                    "name": "The FontLib Community",
+                    "homepage": "https://github.com/dompdf/php-font-lib/blob/master/AUTHORS.md"
+                }
+            ],
+            "description": "A library to read, parse, export and make subsets of different types of font files.",
+            "homepage": "https://github.com/dompdf/php-font-lib",
+            "support": {
+                "issues": "https://github.com/dompdf/php-font-lib/issues",
+                "source": "https://github.com/dompdf/php-font-lib/tree/1.0.2"
+            },
+            "time": "2026-01-20T14:10:26+00:00"
+        },
+        {
+            "name": "dompdf/php-svg-lib",
+            "version": "1.0.2",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/dompdf/php-svg-lib.git",
+                "reference": "8259ffb930817e72b1ff1caef5d226501f3dfeb1"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/dompdf/php-svg-lib/zipball/8259ffb930817e72b1ff1caef5d226501f3dfeb1",
+                "reference": "8259ffb930817e72b1ff1caef5d226501f3dfeb1",
+                "shasum": ""
+            },
+            "require": {
+                "ext-mbstring": "*",
+                "php": "^7.1 || ^8.0",
+                "sabberworm/php-css-parser": "^8.4 || ^9.0"
+            },
+            "require-dev": {
+                "phpunit/phpunit": "^7.5 || ^8 || ^9 || ^10 || ^11"
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "Svg\\": "src/Svg"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "LGPL-3.0-or-later"
+            ],
+            "authors": [
+                {
+                    "name": "The SvgLib Community",
+                    "homepage": "https://github.com/dompdf/php-svg-lib/blob/master/AUTHORS.md"
+                }
+            ],
+            "description": "A library to read, parse and export to PDF SVG files.",
+            "homepage": "https://github.com/dompdf/php-svg-lib",
+            "support": {
+                "issues": "https://github.com/dompdf/php-svg-lib/issues",
+                "source": "https://github.com/dompdf/php-svg-lib/tree/1.0.2"
+            },
+            "time": "2026-01-02T16:01:13+00:00"
+        },
         {
             "name": "lcobucci/jwt",
             "version": "5.6.0",
@@ -2894,6 +3049,73 @@
             },
             "time": "2022-12-02T22:17:43+00:00"
         },
+        {
+            "name": "masterminds/html5",
+            "version": "2.10.1",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/Masterminds/html5-php.git",
+                "reference": "fd5018f6815fff903946d0564977b44ce8010e29"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/Masterminds/html5-php/zipball/fd5018f6815fff903946d0564977b44ce8010e29",
+                "reference": "fd5018f6815fff903946d0564977b44ce8010e29",
+                "shasum": ""
+            },
+            "require": {
+                "ext-dom": "*",
+                "php": ">=5.3.0"
+            },
+            "require-dev": {
+                "phpunit/phpunit": "^4.8.35 || ^5.7.21 || ^6 || ^7 || ^8 || ^9 || ^10"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-master": "2.7-dev"
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "Masterminds\\": "src"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Matt Butcher",
+                    "email": "technosophos@gmail.com"
+                },
+                {
+                    "name": "Matt Farina",
+                    "email": "matt@mattfarina.com"
+                },
+                {
+                    "name": "Asmir Mustafic",
+                    "email": "goetas@gmail.com"
+                }
+            ],
+            "description": "An HTML5 parser and serializer.",
+            "homepage": "http://masterminds.github.io/html5-php",
+            "keywords": [
+                "HTML5",
+                "dom",
+                "html",
+                "parser",
+                "querypath",
+                "serializer",
+                "xml"
+            ],
+            "support": {
+                "issues": "https://github.com/Masterminds/html5-php/issues",
+                "source": "https://github.com/Masterminds/html5-php/tree/2.10.1"
+            },
+            "time": "2026-06-23T18:43:15+00:00"
+        },
         {
             "name": "monolog/monolog",
             "version": "3.10.0",
@@ -3937,6 +4159,86 @@
             },
             "time": "2021-10-29T13:26:27+00:00"
         },
+        {
+            "name": "sabberworm/php-css-parser",
+            "version": "v9.4.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/MyIntervals/PHP-CSS-Parser.git",
+                "reference": "fd3bf9fb173e0df649bc4e3e0d088a1b2417c08f"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/MyIntervals/PHP-CSS-Parser/zipball/fd3bf9fb173e0df649bc4e3e0d088a1b2417c08f",
+                "reference": "fd3bf9fb173e0df649bc4e3e0d088a1b2417c08f",
+                "shasum": ""
+            },
+            "require": {
+                "ext-iconv": "*",
+                "php": "^7.2.0 || ~8.0.0 || ~8.1.0 || ~8.2.0 || ~8.3.0 || ~8.4.0 || ~8.5.0",
+                "thecodingmachine/safe": "^1.3 || ^2.5 || ^3.4"
+            },
+            "require-dev": {
+                "php-parallel-lint/php-parallel-lint": "1.4.0",
+                "phpstan/extension-installer": "1.4.3",
+                "phpstan/phpstan": "1.12.33 || 2.2.2",
+                "phpstan/phpstan-phpunit": "1.4.2 || 2.0.16",
+                "phpstan/phpstan-strict-rules": "1.6.2 || 2.0.11",
+                "phpunit/phpunit": "8.5.52",
+                "rawr/phpunit-data-provider": "3.3.1",
+                "rector/rector": "1.2.10 || 2.4.6",
+                "rector/type-perfect": "1.0.0 || 2.1.3",
+                "squizlabs/php_codesniffer": "4.0.1",
+                "thecodingmachine/phpstan-safe-rule": "1.2.0 || 1.4.3"
+            },
+            "suggest": {
+                "ext-mbstring": "for parsing UTF-8 CSS"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "9.5.x-dev"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "src/Rule/Rule.php",
+                    "src/RuleSet/RuleContainer.php"
+                ],
+                "psr-4": {
+                    "Sabberworm\\CSS\\": "src/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Raphael Schweikert"
+                },
+                {
+                    "name": "Oliver Klee",
+                    "email": "github@oliverklee.de"
+                },
+                {
+                    "name": "Jake Hotson",
+                    "email": "jake.github@qzdesign.co.uk"
+                }
+            ],
+            "description": "Parser for CSS Files written in PHP",
+            "homepage": "https://www.sabberworm.com/blog/2010/6/10/php-css-parser",
+            "keywords": [
+                "css",
+                "parser",
+                "stylesheet"
+            ],
+            "support": {
+                "issues": "https://github.com/MyIntervals/PHP-CSS-Parser/issues",
+                "source": "https://github.com/MyIntervals/PHP-CSS-Parser/tree/v9.4.0"
+            },
+            "time": "2026-06-18T15:10:53+00:00"
+        },
         {
             "name": "symfony/asset",
             "version": "v8.0.8",
@@ -8779,6 +9081,149 @@
             ],
             "time": "2026-03-30T15:14:47+00:00"
         },
+        {
+            "name": "thecodingmachine/safe",
+            "version": "v3.4.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/thecodingmachine/safe.git",
+                "reference": "705683a25bacf0d4860c7dea4d7947bfd09eea19"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/thecodingmachine/safe/zipball/705683a25bacf0d4860c7dea4d7947bfd09eea19",
+                "reference": "705683a25bacf0d4860c7dea4d7947bfd09eea19",
+                "shasum": ""
+            },
+            "require": {
+                "php": "^8.1"
+            },
+            "require-dev": {
+                "php-parallel-lint/php-parallel-lint": "^1.4",
+                "phpstan/phpstan": "^2",
+                "phpunit/phpunit": "^10",
+                "squizlabs/php_codesniffer": "^3.2"
+            },
+            "type": "library",
+            "autoload": {
+                "files": [
+                    "lib/special_cases.php",
+                    "generated/apache.php",
+                    "generated/apcu.php",
+                    "generated/array.php",
+                    "generated/bzip2.php",
+                    "generated/calendar.php",
+                    "generated/classobj.php",
+                    "generated/com.php",
+                    "generated/cubrid.php",
+                    "generated/curl.php",
+                    "generated/datetime.php",
+                    "generated/dir.php",
+                    "generated/eio.php",
+                    "generated/errorfunc.php",
+                    "generated/exec.php",
+                    "generated/fileinfo.php",
+                    "generated/filesystem.php",
+                    "generated/filter.php",
+                    "generated/fpm.php",
+                    "generated/ftp.php",
+                    "generated/funchand.php",
+                    "generated/gettext.php",
+                    "generated/gmp.php",
+                    "generated/gnupg.php",
+                    "generated/hash.php",
+                    "generated/ibase.php",
+                    "generated/ibmDb2.php",
+                    "generated/iconv.php",
+                    "generated/image.php",
+                    "generated/imap.php",
+                    "generated/info.php",
+                    "generated/inotify.php",
+                    "generated/json.php",
+                    "generated/ldap.php",
+                    "generated/libxml.php",
+                    "generated/lzf.php",
+                    "generated/mailparse.php",
+                    "generated/mbstring.php",
+                    "generated/misc.php",
+                    "generated/mysql.php",
+                    "generated/mysqli.php",
+                    "generated/network.php",
+                    "generated/oci8.php",
+                    "generated/opcache.php",
+                    "generated/openssl.php",
+                    "generated/outcontrol.php",
+                    "generated/pcntl.php",
+                    "generated/pcre.php",
+                    "generated/pgsql.php",
+                    "generated/posix.php",
+                    "generated/ps.php",
+                    "generated/pspell.php",
+                    "generated/readline.php",
+                    "generated/rnp.php",
+                    "generated/rpminfo.php",
+                    "generated/rrd.php",
+                    "generated/sem.php",
+                    "generated/session.php",
+                    "generated/shmop.php",
+                    "generated/sockets.php",
+                    "generated/sodium.php",
+                    "generated/solr.php",
+                    "generated/spl.php",
+                    "generated/sqlsrv.php",
+                    "generated/ssdeep.php",
+                    "generated/ssh2.php",
+                    "generated/stream.php",
+                    "generated/strings.php",
+                    "generated/swoole.php",
+                    "generated/uodbc.php",
+                    "generated/uopz.php",
+                    "generated/url.php",
+                    "generated/var.php",
+                    "generated/xdiff.php",
+                    "generated/xml.php",
+                    "generated/xmlrpc.php",
+                    "generated/yaml.php",
+                    "generated/yaz.php",
+                    "generated/zip.php",
+                    "generated/zlib.php"
+                ],
+                "classmap": [
+                    "lib/DateTime.php",
+                    "lib/DateTimeImmutable.php",
+                    "lib/Exceptions/",
+                    "generated/Exceptions/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "description": "PHP core functions that throw exceptions instead of returning FALSE on error",
+            "support": {
+                "issues": "https://github.com/thecodingmachine/safe/issues",
+                "source": "https://github.com/thecodingmachine/safe/tree/v3.4.0"
+            },
+            "funding": [
+                {
+                    "url": "https://github.com/OskarStark",
+                    "type": "github"
+                },
+                {
+                    "url": "https://github.com/shish",
+                    "type": "github"
+                },
+                {
+                    "url": "https://github.com/silasjoisten",
+                    "type": "github"
+                },
+                {
+                    "url": "https://github.com/staabm",
+                    "type": "github"
+                }
+            ],
+            "time": "2026-02-04T18:08:13+00:00"
+        },
         {
             "name": "twig/twig",
             "version": "v3.24.0",

config/sidebar.php

@@ -38,7 +38,27 @@ declare(strict_types=1);
  */
 
 return [
-    // Section "Commerciale" : pole metier principal, remontee en tete de sidebar (ERP-71).
+    // Section "Logistique" (M5, ERP-181) : nouveau pole "operations physiques sur
+    // site", distinct du repertoire Transport (M4, desormais rattache a la section
+    // Administration cote develop). Porte le ticket de pesee au pont bascule.
+    // Placee en tete de sidebar (avant Commerciale). L'item est gate par
+    // `logistique.weighing_tickets.view` ; la section disparait automatiquement
+    // (SidebarProvider) si le module `logistique` est desactive ou si l'user n'a
+    // pas la permission (Compta / Commerciale).
+    [
+        'label' => 'sidebar.logistique.section',
+        'icon'  => 'mdi:truck-outline',
+        'items' => [
+            [
+                'label'      => 'sidebar.logistique.weighing_tickets',
+                'to'         => '/weighing-tickets',
+                'icon'       => 'mdi:truck-outline',
+                'module'     => 'logistique',
+                'permission' => 'logistique.weighing_tickets.view',
+            ],
+        ],
+    ],
+    // Section "Commerciale" : pole metier principal (ERP-71).
     // L'ordre interne des onglets et les permissions restent inchanges (simple deplacement
     // du bloc, aucun gate touche).
     [
@@ -78,25 +98,6 @@ return [
             ],
         ],
     ],
-    // Section "Logistique" (M5, ERP-181) : nouveau pole "operations physiques sur
-    // site", distinct du repertoire Transport (M4, desormais rattache a la section
-    // Administration cote develop). Porte le ticket de pesee au pont bascule.
-    // L'item est gate par `logistique.weighing_tickets.view` ; la section disparait
-    // automatiquement (SidebarProvider) si le module `logistique` est desactive ou
-    // si l'user n'a pas la permission (Compta / Commerciale).
-    [
-        'label' => 'sidebar.logistique.section',
-        'icon'  => 'mdi:scale',
-        'items' => [
-            [
-                'label'      => 'sidebar.logistique.weighing_tickets',
-                'to'         => '/weighing-tickets',
-                'icon'       => 'mdi:scale',
-                'module'     => 'logistique',
-                'permission' => 'logistique.weighing_tickets.view',
-            ],
-        ],
-    ],
     // Section "Administration" : regroupe toutes les pages de configuration
     // applicative (RBAC, users, sites, audit log).
     //

config/version.yaml

@@ -1,2 +1,2 @@
 parameters:
-    app.version: '0.1.144'
+    app.version: '0.1.149'

docs/specs/M5-tickets-pesee/spec-back.md

@@ -172,14 +172,16 @@ Pattern Starseed standard (miroir M1→M4) :
 - `WeighingTicket implements TimestampableInterface, BlamableInterface` + `use TimestampableBlamableTrait` (4 colonnes standard).
 - **Libellé i18n** (règle ABSOLUE backend — `AuditableEntitiesHaveI18nLabelTest`) : ajouter `audit.entity.logistique_weighingticket` dans `frontend/i18n/locales/fr.json` (clé = `strtolower(module)` + `_` + `strtolower(Entity)`).
 
-### 2.12 Impression du ticket / bon de pesée (RG-5.08)
+### 2.12 Bon de pesée — PDF généré côté serveur via template Twig (RG-5.08)
 
-> **OWNER : Tristan.** La **réalisation du bon d'impression** (gabarit du ticket de pesée, mise en page, déclenchement de l'impression) est **prise en charge par Tristan lui-même** — hors de la découpe back/front standard du M5. Cette spec en pose **le contrat attendu** (déclencheur, contenu, données disponibles) pour qu'il puisse s'y brancher sans rétro-spec.
+> **DÉCISION Matthieu (17/06)** : le **bon de pesée est généré côté back** par un **template Twig → PDF** (et non un gabarit imprimé par le navigateur). **OWNER : Tristan** (ticket back dédié, cf. § 10). Cette spec en pose le contrat (endpoint, contenu, données).
 
 Contrat attendu :
-- **Déclencheur** : à la **validation** (création), l'API renvoie le ticket complet ; le front ouvre une **modal d'impression**. En **modification**, un bouton **« Imprimer »** est disponible (absent à l'ajout — docx / RG-5.08).
-- **Contenu minimal du bon** : numéro (`{siteCode}-TP-{NNNN}`), site, contrepartie (Client / Fournisseur / Autre + libellé), immatriculation, **pesée à vide** (date/poids/DSD), **pesée à plein** (date/poids/DSD), **poids net** (= plein − vide), date d'édition.
-- **Données** : toutes disponibles dans la réponse `GET /api/weighing_tickets/{id}` (§ 4.0) — aucun champ supplémentaire requis côté API. Si Tristan opte pour un **PDF serveur**, prévoir l'endpoint `GET /api/weighing_tickets/{id}/print.pdf` (HP-M5-04) ; sinon impression navigateur d'un gabarit front.
+- **Endpoint** : `GET /api/weighing_tickets/{id}/print.pdf` (opération API Platform dédiée, **pas de controller** — provider renvoyant un binaire). Sécurité `is_granted('logistique.weighing_tickets.view')`. Réponse `Content-Type: application/pdf` (inline).
+- **Rendu** : un template **Twig** (`templates/logistique/weighing_ticket_print.html.twig`) hydraté avec le ticket → converti en PDF via le générateur PDF du projet (ex. Dompdf / wkhtmltopdf / Gotenberg — s'aligner sur l'existant ; sinon proposer une lib et la cadrer avec Matthieu).
+- **Contenu du bon** : numéro (`{siteCode}-TP-{NNNN}`), site, contrepartie (Client / Fournisseur / Autre + libellé), immatriculation, **pesée à vide** (date/poids/DSD), **pesée à plein** (date/poids/DSD), **poids net** (= plein − vide), date d'édition. (En-tête / logo / mentions = à caler par Tristan.)
+- **Données** : toutes déjà disponibles sur le ticket (mêmes champs que `GET /api/weighing_tickets/{id}` § 4.0) — aucun champ API supplémentaire requis.
+- **Déclencheurs front** (RG-5.08) : à la **validation** (création), le front ouvre l'aperçu/PDF servi par cet endpoint ; en **modification**, le bouton **« Imprimer »** ouvre le même PDF (absent à l'ajout).
 
 ### 2.13 Pas d'archive ; soft delete préparé non exposé
 
@@ -504,17 +506,19 @@ class WeighingTicket implements TimestampableInterface, BlamableInterface
 
 **DÉTAIL — maillons** : scalaires + `emptyDate/emptyWeight/emptyDsd/...` + `full*` ∈ `weighing_ticket:item:read` ; `client`/`supplier`/`site` embarqués (`client:read`/`supplier:read`/`site:read`).
 
-### 4.0.bis Réponse JSON de référence (DoD — à CAPTURER sur l'API réelle)
+### 4.0.bis Réponse JSON de référence (DoD — CAPTURÉE sur l'API réelle ✅)
 
-> **Definition of Done** (miroir M2/M3/M4) : avant les écrans front, **capturer la réponse RÉELLE** via un test PHPUnit (`WeighingTicketSerializationContractTest`, ticket complet seedé : contrepartie Client, pesée vide + plein) et la coller ici. Toute donnée affichée par le front DOIT apparaître dans ce JSON.
+> **Definition of Done** (miroir M2/M3/M4) : ✅ **FAIT (ERP-187)**. Le JSON ci-dessous est la réponse **RÉELLE** capturée par le test `WeighingTicketSerializationContractTest::testListAndDetailSerializationContract` (ticket créé via `POST /api/weighing_tickets` — numérotation serveur réelle — contrepartie Client, pesée vide + plein AUTO). Re-capturable : `WEIGHING_TICKET_DOD_DUMP=1` → `/tmp/weighing-ticket-dod-{list,detail}.json`. **Feu vert front.** Toute donnée affichée par le front DOIT apparaître dans ce JSON.
 >
-> **Pièges à re-tester** :
-> 1. `client` / `supplier` doivent sortir en **objet embarqué**, pas en IRI nu → read-groups `client:read`/`supplier:read`.
-> 2. Booléen `plateFreeFormat` : clé présente (piège #3 M1 → getter + `SerializedName` si besoin).
-> 3. `number` présent et formaté `{siteCode}-TP-{NNNN}`.
-> 4. `netWeight` cohérent = `full - empty` (plein − vide, RG-5.05).
+> **Pièges re-testés — tous VERTS** (assertions dans le test) :
+> 1. ✅ `client` sort en **objet embarqué** (`client:read`), pas en IRI nu ; `supplier` **omis car null** (`skip_null_values` — jamais un IRI nu). Sur une contrepartie Fournisseur, `supplier` sortirait symétriquement en objet (`supplier:read`).
+> 2. ✅ Booléen `plateFreeFormat` : **clé présente** (getter `isPlateFreeFormat()` + `SerializedName('plateFreeFormat')`).
+> 3. ✅ `number` présent et formaté `{siteCode}-TP-{NNNN}` (ici `86-TP-0001`).
+> 4. ✅ `netWeight` cohérent = `full - empty` = `14300 - 7150` = **`7150`** (RG-5.05).
+>
+> **Note `skip_null_values`** : les champs null sont **omis** du JSON (ex. `supplier`, `otherLabel`, `emptyManualNumber`, `fullManualNumber` absents quand null). Le front ne doit pas présumer leur présence — lire avec un défaut (`?? null`).
 
-**`GET /api/weighing_tickets` (LISTE)** — enveloppe Hydra AP4 (`member`/`totalItems`/`view`), filtrée site courant (§ 2.3) :
+**`GET /api/weighing_tickets?search=86-TP-0001` (LISTE)** — enveloppe Hydra AP4 (`member`/`totalItems`/`view`), filtrée site courant (§ 2.3). Capture réelle :
 
 ```jsonc
 {
@@ -524,41 +528,94 @@ class WeighingTicket implements TimestampableInterface, BlamableInterface
   "totalItems": 1,
   "member": [
     {
-      "@id": "/api/weighing_tickets/1",
+      "@id": "/api/weighing_tickets/9",
       "@type": "WeighingTicket",
-      "id": 1,
+      "id": 9,
       "number": "86-TP-0001",
       "counterpartyType": "CLIENT",
-      "client": { "@id": "/api/clients/117", "@type": "Client", "id": 117, "companyName": "NÉGOCE MÉTAUX ATLANTIQUE" },
-      "supplier": null,
-      "otherLabel": null,
-      "displayDate": "2026-06-17T09:12:00+02:00",
-      "netWeight": 12340,
+      "client": {
+        "@id": "/api/clients/629",
+        "@type": "Client",
+        "id": 629,
+        "companyName": "NÉGOCE MÉTAUX ATLANTIQUE",
+        "triageService": false,
+        "categories": [],
+        "createdAt": "2026-06-18T11:50:47+02:00",
+        "updatedAt": "2026-06-18T11:50:47+02:00",
+        "createdBy": "/api/me",
+        "updatedBy": "/api/me",
+        "sites": [],
+        "isArchived": false
+      },
       "plateFreeFormat": false,
-      "createdAt": "2026-06-17T09:12:00+02:00",
-      "updatedAt": "2026-06-17T09:12:00+02:00"
+      "netWeight": 7150,
+      "createdAt": "2026-06-18T11:50:48+02:00",
+      "updatedAt": "2026-06-18T11:50:48+02:00",
+      "createdBy": "/api/me",
+      "updatedBy": "/api/me",
+      "displayDate": "2026-06-17T09:12:00+02:00"
+      // supplier / otherLabel omis (null → skip_null_values)
     }
   ],
-  "view": { "@id": "/api/weighing_tickets", "@type": "PartialCollectionView" }
+  "view": { "@id": "/api/weighing_tickets?search=86-TP-0001", "@type": "PartialCollectionView" }
 }
 ```
 
-**`GET /api/weighing_tickets/{id}` (DÉTAIL)** — ajoute les pesées :
+**`GET /api/weighing_tickets/9` (DÉTAIL)** — ajoute le site embarqué (avec `code`), l'immatriculation et les deux pesées. Capture réelle :
 
 ```jsonc
 {
-  "@id": "/api/weighing_tickets/1",
+  "@context": "/api/contexts/WeighingTicket",
+  "@id": "/api/weighing_tickets/9",
   "@type": "WeighingTicket",
-  "id": 1,
+  "id": 9,
   "number": "86-TP-0001",
-  "site": { "@id": "/api/sites/1", "@type": "Site", "id": 1, "name": "Châtellerault", "code": "86" },
+  "site": {
+    "@id": "/api/sites/1",
+    "@type": "Site",
+    "id": 1,
+    "name": "Chatellerault",
+    "code": "86",
+    "street": "14 All. d'Argenson",
+    "postalCode": "86100",
+    "city": "Châtellerault",
+    "color": "#056CF2",
+    "createdAt": "2026-06-17T17:07:47+02:00",
+    "updatedAt": "2026-06-17T17:07:47+02:00",
+    "fullAddress": "14 All. d'Argenson\n86100 Châtellerault"
+  },
   "counterpartyType": "CLIENT",
-  "client": { "@id": "/api/clients/117", "@type": "Client", "id": 117, "companyName": "NÉGOCE MÉTAUX ATLANTIQUE" },
+  "client": {
+    "@id": "/api/clients/629",
+    "@type": "Client",
+    "id": 629,
+    "companyName": "NÉGOCE MÉTAUX ATLANTIQUE",
+    "triageService": false,
+    "categories": [],
+    "createdAt": "2026-06-18T11:50:47+02:00",
+    "updatedAt": "2026-06-18T11:50:47+02:00",
+    "createdBy": "/api/me",
+    "updatedBy": "/api/me",
+    "sites": [],
+    "isArchived": false
+  },
   "immatriculation": "AB-123-CD",
   "plateFreeFormat": false,
-  "emptyDate": "2026-06-17T09:00:00+02:00", "emptyWeight": 14660, "emptyDsd": 41, "emptyMode": "AUTO", "emptyManualNumber": null,
-  "fullDate":  "2026-06-17T09:12:00+02:00", "fullWeight":  27000, "fullDsd":  42, "fullMode":  "AUTO", "fullManualNumber": null,
-  "netWeight": 12340
+  "emptyDate": "2026-06-17T09:00:00+02:00",
+  "emptyWeight": 7150,
+  "emptyDsd": 1,
+  "emptyMode": "AUTO",
+  "fullDate": "2026-06-17T09:12:00+02:00",
+  "fullWeight": 14300,
+  "fullDsd": 2,
+  "fullMode": "AUTO",
+  "netWeight": 7150,
+  "createdAt": "2026-06-18T11:50:48+02:00",
+  "updatedAt": "2026-06-18T11:50:48+02:00",
+  "createdBy": "/api/me",
+  "updatedBy": "/api/me",
+  "displayDate": "2026-06-17T09:12:00+02:00"
+  // emptyManualNumber / fullManualNumber omis (null → skip_null_values)
 }
 ```
 
@@ -609,6 +666,12 @@ Action **autonome** (le ticket n'est pas encore créé quand on déclenche la pe
 - Colonnes : Numéro, Contrepartie (Client/Fournisseur/Autre + nom), Date, Immatriculation, Poids vide, Poids plein, **Poids net**, DSD vide/plein.
 - Génération via le helper XLSX standard projet (skill `xlsx`). Endpoint : provider dédié renvoyant un binaire (`Content-Type` xlsx) — whitelisté pagination (`EXCLUDED`) car export complet.
 
+### 4.6 Impression — `GET /api/weighing_tickets/{id}/print.pdf` (bon de pesée, OWNER Tristan)
+
+- Opération API Platform dédiée (provider renvoyant un binaire PDF, **pas de controller**). Sécurité `is_granted('logistique.weighing_tickets.view')`.
+- Rendu d'un **template Twig** (`templates/logistique/weighing_ticket_print.html.twig`) → PDF (cf. § 2.12). `Content-Type: application/pdf`, inline.
+- Contenu : cf. § 2.12. Données déjà portées par le ticket — aucun champ API supplémentaire.
+
 ## 5. RBAC, module & sidebar
 
 ### 5.1 `LogistiqueModule::permissions()`
@@ -681,7 +744,7 @@ final class WeighingTicketFieldNormalizer
 | **RG-5.05** | back | Poids net = `poids plein − poids vide`, calculé serveur, exposé en liste/détail (§ 2.8 — confirmé Matthieu 17/06). |
 | **RG-5.06** | docx+back | Pesée bascule indisponible → erreur explicite + bascule en pesée manuelle. Au M5, le pont est un **stub** (poids aléatoire ∈ [10000,50000] kg, § 2.6). |
 | **RG-5.07** | docx | Formulaire à vide : `Date` = date du jour par défaut ; `Poids` et `DSD` **readonly** (remplis par la pesée, pas saisis). |
-| **RG-5.08** | docx | « Valider » (création) → enregistre + ouvre la modal d'impression. En modification : bouton « Valider » → « Enregistrer », bouton d'impression disponible (absent à l'ajout). Le bouton « Enregistré » du bloc pesée à vide disparaît en modification. **Le bon d'impression est réalisé par Tristan** (§ 2.12). |
+| **RG-5.08** | docx | « Valider » (création) → enregistre + ouvre le **bon de pesée (PDF servi par le back)**. En modification : bouton « Valider » → « Enregistrer », bouton « Imprimer » disponible (absent à l'ajout) → ouvre le même PDF. Le bouton « Enregistré » du bloc pesée à vide disparaît en modification. **Bon de pesée = PDF généré back via template Twig, OWNER Tristan** (§ 2.12 / § 4.6). |
 | **RG-5.09** | back | Site & numéro immuables après création ; liste cloisonnée par site courant (§ 2.3, à confirmer). |
 | **RG-5.10** | back | Normalisation immatriculation (trim/UPPER/format) côté serveur (§ 6). |
 
@@ -706,7 +769,7 @@ Cohérence inter-champs (RG-5.03, RG-5.01) implémentée via `#[Assert\Callback]
 | HP-M5-01 | Vue multi-sites des tickets (retirer le cloisonnement + filtre `?siteId=`) si demandé (§ 2.3). |
 | HP-M5-02 | Driver matériel réel du pont bascule (protocole série/TCP, parsing trame, reconnexion) derrière `WeighbridgeReaderInterface` (§ 2.6). |
 | HP-M5-03 | Sens réception-expédition explicite + contrôle de signe du net (le net reste `plein − vide`, § 2.8). |
-| HP-M5-04 | Génération PDF serveur du ticket (`/print.pdf`) si l'impression navigateur ne suffit pas (§ 2.12). |
+| ~~HP-M5-04~~ | **Passé en périmètre** : bon de pesée = PDF serveur via template Twig → ticket back dédié (OWNER Tristan, § 2.12 / § 4.6). |
 | HP-M5-05 | Archivage fonctionnel des tickets (non prévu au docx — § 2.13). |
 
 ## 10. Tickets Lesstime (à découper — back en tête)
@@ -720,8 +783,8 @@ Cohérence inter-champs (RG-5.03, RG-5.01) implémentée via `#[Assert\Callback]
 | 4 | `WeighingTicketProvider` + `WeighingTicketProcessor` (numérotation, RG-5.03/5.05, normalisation) | Backend |
 | 5 | Export XLSX | Backend |
 | 6 | Tests PHPUnit RG-5.01→5.10 + capture contrat JSON | Backend |
+| 6.bis (ERP-192) | **Bon de pesée — PDF via template Twig** (`/print.pdf`, § 2.12 / § 4.6) | **Backend (OWNER Tristan)** |
 | 7 | Page liste `/weighing-tickets` (usePaginatedList) + export | Frontend |
-| 8 | Écran Ajouter (formulaires vide + plein, pesée bascule/manuelle, masque immat) | Frontend |
-| 9 | Écran Modification (la **modal/bon d'impression** = **Tristan**, § 2.12) | Frontend |
+| 8 | Écran Ajouter (formulaires vide + plein, pesée bascule/manuelle, masque immat) + ouverture PDF à la validation | Frontend |
+| 9 | Écran Modification + bouton « Imprimer » (ouvre le PDF back) | Frontend |
 | 10 | i18n + libellé audit + branchement site courant | Frontend |
-| — | **Bon d'impression du ticket de pesée** | **Tristan (hors découpe M5)** |

frontend/i18n/locales/fr.json

@@ -71,7 +71,7 @@
                 "companyName": "Nom",
                 "categories": "Catégories",
                 "sites": "Site",
-                "lastActivity": "Dernière activité"
+                "lastActivity": "Dernière modification"
             },
             "filters": {
                 "title": "Filtres",
@@ -125,7 +125,7 @@
             },
             "edit": {
                 "title": "Modifier le fournisseur",
-                "back": "Retour au répertoire",
+                "back": "Retour à la consultation",
                 "loading": "Chargement du fournisseur…",
                 "notFound": "Fournisseur introuvable.",
                 "save": "Enregistrer"
@@ -183,6 +183,7 @@
                     "degraded": "Service d'adresse indisponible : saisie de la ville et de l'adresse en mode libre."
                 },
                 "accounting": {
+                    "infoTitle": "Informations",
                     "siren": "SIREN",
                     "accountNumber": "Numéro de compte",
                     "tvaMode": "Mode de TVA",
@@ -190,6 +191,7 @@
                     "paymentDelay": "Délai de règlement",
                     "paymentType": "Type de règlement",
                     "bank": "Banque",
+                    "ribTitle": "RIB {n}",
                     "ribLabel": "Libellé",
                     "ribBic": "BIC",
                     "ribIban": "IBAN",
@@ -215,7 +217,7 @@
                 "companyName": "Nom",
                 "categories": "Catégories",
                 "sites": "Site",
-                "lastActivity": "Dernière activité"
+                "lastActivity": "Dernière modification"
             },
             "filters": {
                 "title": "Filtres",
@@ -268,7 +270,7 @@
             },
             "edit": {
                 "title": "Modifier le client",
-                "back": "Retour au répertoire",
+                "back": "Retour à la consultation",
                 "loading": "Chargement du client…",
                 "notFound": "Client introuvable.",
                 "save": "Enregistrer"
@@ -350,6 +352,7 @@
                     "degraded": "Service d'adresse indisponible : saisie de la ville et de l'adresse en mode libre."
                 },
                 "accounting": {
+                    "infoTitle": "Informations",
                     "siren": "SIREN",
                     "accountNumber": "Numéro de compte",
                     "tvaMode": "Mode de TVA",
@@ -385,7 +388,7 @@
                 "companyName": "Nom",
                 "categories": "Catégories",
                 "sites": "Site",
-                "lastActivity": "Dernière activité"
+                "lastActivity": "Dernière modification"
             },
             "filters": {
                 "title": "Filtres",
@@ -420,7 +423,7 @@
             },
             "edit": {
                 "title": "Modifier le prestataire",
-                "back": "Retour à la fiche",
+                "back": "Retour à la consultation",
                 "loading": "Chargement…",
                 "notFound": "Prestataire introuvable.",
                 "save": "Enregistrer"
@@ -441,6 +444,7 @@
                     "categoryRequired": "Sélectionnez au moins une catégorie."
                 },
                 "contact": {
+                    "title": "Contact {n}",
                     "lastName": "Nom",
                     "firstName": "Prénom",
                     "jobTitle": "Fonction",
@@ -452,8 +456,8 @@
                     "add": "Nouveau contact"
                 },
                 "address": {
+                    "title": "Adresse {n}",
                     "sites": "Sites",
-                    "categories": "Catégorie",
                     "contacts": "Contact(s) rattaché(s)",
                     "country": "Pays",
                     "postalCode": "Code postal",
@@ -466,6 +470,7 @@
                     "degraded": "Service d'adresse indisponible : saisie de la ville et de l'adresse en mode libre."
                 },
                 "accounting": {
+                    "infoTitle": "Informations",
                     "siren": "SIREN",
                     "accountNumber": "Numéro de compte",
                     "tvaMode": "Mode de TVA",
@@ -473,6 +478,7 @@
                     "paymentDelay": "Délai de règlement",
                     "paymentType": "Type de règlement",
                     "bank": "Banque",
+                    "ribTitle": "RIB {n}",
                     "ribLabel": "Libellé",
                     "ribBic": "BIC",
                     "ribIban": "IBAN",
@@ -509,7 +515,7 @@
                 "name": "Nom",
                 "certification": "Certification",
                 "validityDate": "Date de validité",
-                "lastActivity": "Dernière activité"
+                "lastActivity": "Dernière modification"
             },
             "certification": {
                 "QUALIMAT": "QUALIMAT",
@@ -558,8 +564,8 @@
                     "message": "Ce transporteur réapparaîtra dans le répertoire actif. Confirmer la restauration ?"
                 },
                 "price": {
-                    "group": "Type de transport",
-                    "carrier": "Transporteurs",
+                    "group": "Transport",
+                    "carrier": "Fournisseurs / Clients",
                     "aproOrSite": "Adresse sites",
                     "delivery": "Adresse livraisons",
                     "forfait": "Forfait (€)",
@@ -629,6 +635,7 @@
                     "uploadFailed": "Le téléversement de la décharge a échoué."
                 },
                 "address": {
+                    "title": "Adresse",
                     "country": "Pays",
                     "postalCode": "Code postal",
                     "city": "Ville",
@@ -638,6 +645,7 @@
                     "degraded": "Service d'adresse indisponible : saisie de la ville et de l'adresse en mode libre."
                 },
                 "contact": {
+                    "title": "Contact {n}",
                     "lastName": "Nom",
                     "firstName": "Prénom",
                     "jobTitle": "Fonction",
@@ -692,6 +700,74 @@
             }
         }
     },
+    "logistique": {
+        "weighingTickets": {
+            "title": "Tickets de pesée",
+            "add": "Ajouter",
+            "export": "Exporter",
+            "empty": "Aucun ticket de pesée pour l'instant.",
+            "column": {
+                "number": "Numéro",
+                "client": "Client",
+                "supplier": "Fournisseur",
+                "other": "Autre",
+                "date": "Date",
+                "weight": "Poids",
+                "status": "Statut"
+            },
+            "status": {
+                "draft": "En attente",
+                "validated": "Terminée"
+            },
+            "form": {
+                "back": "Retour à la liste",
+                "addTitle": "Ajouter un ticket de pesée",
+                "emptyBlock": "Poids à vide",
+                "fullBlock": "Poids à plein",
+                "date": "Date",
+                "weight": "Poids (Kg)",
+                "dsd": "DSD",
+                "immatriculation": "Immatriculation",
+                "plateFreeFormat": "Tout format",
+                "save": "Enregistrer",
+                "validate": "Valider",
+                "print": "Imprimer",
+                "weightRequired": "Le poids est obligatoire : effectuez une pesée.",
+                "dsdRequired": "Le DSD est obligatoire : effectuez une pesée.",
+                "counterparty": {
+                    "type": "Fournisseur / Client / Autre",
+                    "supplier": "Fournisseur",
+                    "client": "Client",
+                    "other": "Autre"
+                },
+                "weighbridge": {
+                    "auto": "Pesée bascule",
+                    "manual": "Pesée manuelle",
+                    "confirmTitle": "Êtes-vous sûr de vouloir déclencher une pesée ?",
+                    "validate": "Valider",
+                    "unavailable": "Pont bascule indisponible — passez en pesée manuelle."
+                },
+                "manual": {
+                    "title": "Pesée manuelle",
+                    "weight": "Poids (Kg)",
+                    "dsd": "DSD",
+                    "save": "Enregistrer",
+                    "weightRequired": "Le poids est obligatoire.",
+                    "dsdRequired": "Le DSD est obligatoire."
+                }
+            },
+            "edit": {
+                "title": "Ticket de pesée {number}",
+                "titleFallback": "Modifier un ticket de pesée",
+                "loading": "Chargement du ticket…",
+                "notFound": "Ticket de pesée introuvable."
+            },
+            "toast": {
+                "error": "Une erreur est survenue. Réessayez.",
+                "exportError": "L'export des tickets de pesée a échoué. Réessayez."
+            }
+        }
+    },
     "auth": {
         "login": "Connexion",
         "logout": "Deconnexion",
@@ -790,7 +866,8 @@
         "auth": {
             "logout": "Deconnexion reussie"
         },
-        "title": "Succès"
+        "title": "Succès",
+        "deleted": "Suppression effectuée"
     },
     "admin": {
         "roles": {

frontend/modules/commercial/components/ClientAddressBlock.vue

@@ -1,183 +1,211 @@
 <template>
-    <div class="relative grid grid-cols-4 gap-x-[44px] gap-y-4 bg-white py-4 pl-[28px] pr-[60px] shadow-[0_4px_4px_0_rgba(0,0,0,0.25)]">
-        <!-- ariaLabel via v-bind objet (prop camelCase ; aria-* serait un attribut HTML). -->
-        <MalioButtonIcon
-            v-if="removable && !readonly"
-            icon="mdi:delete-outline"
-            variant="ghost"
-            button-class="absolute top-3 right-3"
-            v-bind="{ ariaLabel: t('commercial.clients.form.address.remove') }"
-            @click="$emit('remove')"
-        />
+    <!-- Bloc a plat (sans box-shadow) : un filet noir 1px le separe du suivant
+         (pas de bordure sous le dernier bloc). -->
+    <div class="pb-[20px]" :class="{ 'border-b border-black': !last }">
+        <!-- En-tete : titre du bloc (noir) a gauche, poubelle de suppression a droite. -->
+        <div class="flex items-center justify-between">
+            <h2 class="text-[20px] font-semibold text-black">{{ title }}</h2>
+            <!-- ariaLabel via v-bind objet (prop camelCase ; aria-* serait un attribut HTML). -->
+            <MalioButtonIcon
+                v-if="removable && !readonly && !disabled"
+                icon="mdi:delete-outline"
+                variant="ghost"
+                button-class="p-0"
+                v-bind="{ ariaLabel: t('commercial.clients.form.address.remove') }"
+                @click="$emit('remove')"
+            />
+        </div>
 
-        <!-- Usage de l'adresse : Select unique (plus simple pour l'utilisateur)
-             remplacant les 3 cases. Les options encodent les combinaisons valides
-             (exclusivite Prospect, RG-1.06/07/08) ; le back recoit toujours les
-             drapeaux isProspect / isDelivery / isBilling (aucune RG modifiee). -->
-        <!-- Erreur portee sur `isProspect` cote back (Callback type obligatoire +
-             exclusivite prospect) -> affichee sous le select Type d'adresse. -->
-        <MalioSelect
-            :model-value="addressType"
-            :options="addressTypeOptions"
-            :label="t('commercial.clients.form.address.addressType')"
-            :readonly="readonly"
-            :required="true"
-            :error="errors?.isProspect"
-            @update:model-value="onAddressTypeChange"
-        />
-
-        <!-- Sites Starseed : multiselect a tags (>= 1 obligatoire, RG-1.10). -->
-        <MalioSelectCheckbox
-            :model-value="model.siteIris"
-            :options="siteOptions"
-            :label="t('commercial.clients.form.address.sites')"
-            :display-tag="true"
-            :readonly="readonly"
-            :required="true"
-            :error="errors?.sites"
-            @update:model-value="(v: (string | number)[]) => update('siteIris', v.map(String))"
-        />
-
-        <MalioSelectCheckbox
-            :model-value="model.contactIris"
-            :options="contactOptions"
-            :label="t('commercial.clients.form.address.contacts')"
-            :display-tag="true"
-            :readonly="readonly"
-            @update:model-value="(v: (string | number)[]) => update('contactIris', v.map(String))"
-        />
-
-        <!-- Email(s) de facturation : visible/obligatoire seulement si Facturation
-             (RG-1.11). Le « + » revele un 2e email optionnel (max 2, pendant du
-             telephone secondaire) qui coule dans la grille. Sinon un filler comble
-             la colonne pour que Categorie reparte au debut de la ligne suivante. -->
-        <MalioInputEmail
-            v-if="isBillingEmailRequired(model)"
-            :model-value="model.billingEmail"
-            :label="t('commercial.clients.form.address.billingEmail')"
-            :required="true"
-            :readonly="readonly"
-            :lowercase="true"
-            :error="errors?.billingEmail"
-            :addable="!model.hasSecondaryBillingEmail && !readonly"
-            :add-button-label="t('commercial.clients.form.address.addBillingEmail')"
-            @update:model-value="(v: string) => update('billingEmail', v)"
-            @add="revealSecondaryBillingEmail"
-        />
-        <div v-else aria-hidden="true" />
-
-        <MalioInputEmail
-            v-if="isBillingEmailRequired(model) && model.hasSecondaryBillingEmail"
-            :model-value="model.billingEmailSecondary"
-            :label="t('commercial.clients.form.address.billingEmailSecondary')"
-            :readonly="readonly"
-            :lowercase="true"
-            :error="errors?.billingEmailSecondary"
-            @update:model-value="(v: string) => update('billingEmailSecondary', v)"
-        />
-
-        <MalioSelectCheckbox
-            :model-value="model.categoryIris"
-            :options="categoryOptions"
-            :label="t('commercial.clients.form.address.categories')"
-            :display-tag="true"
-            :readonly="readonly"
-            :required="true"
-            :error="errors?.categories"
-            @update:model-value="(v: (string | number)[]) => update('categoryIris', v.map(String))"
-        />
-
-        <MalioSelect
-            :model-value="model.country"
-            :options="countryOptions"
-            :label="t('commercial.clients.form.address.country')"
-            :readonly="readonly"
-            :required="true"
-            @update:model-value="(v: string | number | null) => update('country', String(v ?? 'France'))"
-        />
-
-        <MalioInputText
-            :model-value="model.postalCode"
-            :label="t('commercial.clients.form.address.postalCode')"
-            :mask="POSTAL_CODE_MASK"
-            :readonly="readonly"
-            :required="true"
-            :error="errors?.postalCode"
-            @update:model-value="onPostalCodeChange"
-        />
-
-        <!-- Ville : MalioSelect alimente par le code postal (BAN). Si la BAN est
-             indisponible, bascule en saisie libre — recuperable : re-saisir le
-             code postal relance la recherche et repasse en select au succes. -->
-        <MalioSelect
-            v-if="!degraded"
-            :model-value="model.city"
-            :options="cityOptions"
-            :label="t('commercial.clients.form.address.city')"
-            :readonly="readonly"
-            empty-option-label=""
-            :required="true"
-            :error="errors?.city"
-            @update:model-value="(v: string | number | null) => update('city', v === null ? null : String(v))"
-        />
-        <MalioInputText
-            v-else
-            :model-value="model.city"
-            :label="t('commercial.clients.form.address.city')"
-            :readonly="readonly"
-            :required="true"
-            :error="errors?.city"
-            @update:model-value="(v: string) => update('city', v)"
-        />
-
-        <!-- Adresse + Adresse complementaire sur 2 colonnes : on wrappe car
-             MalioInputText/Autocomplete (inheritAttrs:false) renvoient `class`
-             sur l'input interne, pas sur la cellule de grille. Le wrapper porte
-             le col-span-2, le champ le remplit (w-full). -->
-        <div class="col-span-2">
-            <!-- Adresse : saisie assistee (BAN) en edition ; champ texte simple
-                 seulement en lecture seule (MalioInputAutocomplete ne reaffiche pas
-                 sa valeur liee, il n'afficherait rien en readonly). allow-create :
-                 si la BAN ne propose rien (ou erreur), le texte saisi est CONSERVE au
-                 blur/Entree (saisie manuelle) — sinon il serait efface. La ville reste
-                 pilotee par le code postal ; choisir une suggestion remplit rue+ville+CP. -->
-            <MalioInputAutocomplete
-                v-if="!readonly"
-                :model-value="model.street"
-                :options="addressOptions"
-                :loading="addressLoading"
-                :min-search-length="3"
-                :label="t('commercial.clients.form.address.street')"
+        <!-- Grille 4 colonnes des champs de l'adresse. -->
+        <div class="mt-6 grid grid-cols-4 gap-x-[44px] gap-y-4">
+            <!-- Usage de l'adresse : Select unique (plus simple pour l'utilisateur)
+                 remplacant les 3 cases. Les options encodent les combinaisons valides
+                 (exclusivite Prospect, RG-1.06/07/08) ; le back recoit toujours les
+                 drapeaux isProspect / isDelivery / isBilling (aucune RG modifiee). -->
+            <!-- Erreur portee sur `isProspect` cote back (Callback type obligatoire +
+                 exclusivite prospect) -> affichee sous le select Type d'adresse. -->
+            <MalioSelect
+                :model-value="addressType"
+                :options="addressTypeOptions"
+                :label="t('commercial.clients.form.address.addressType')"
                 :readonly="readonly"
-                :required="true"
-                :error="errors?.street"
-                :allow-create="true"
-                :no-results-text="t('commercial.clients.form.address.streetNotFound')"
-                @update:model-value="(v: string | number | null) => update('street', v === null ? null : String(v))"
-                @search="onAddressSearch"
-                @select="onAddressSelect"
+                :disabled="disabled"
+                :required="!readonly && !disabled"
+                :error="errors?.isProspect"
+                @update:model-value="onAddressTypeChange"
+            />
+
+            <!-- Sites Starseed : multiselect a tags (>= 1 obligatoire, RG-1.10). -->
+            <MalioSelectCheckbox
+                :model-value="model.siteIris"
+                :options="siteOptions"
+                :label="t('commercial.clients.form.address.sites')"
+                :display-tag="true"
+                :readonly="readonly"
+                :disabled="disabled"
+                :required="!readonly && !disabled"
+                :error="errors?.sites"
+                @update:model-value="(v: (string | number)[]) => update('siteIris', v.map(String))"
+            />
+
+            <!-- Contacts rattaches (M2M, facultatif). Consultation : masque si aucun (ERP-193). -->
+            <MalioSelectCheckbox
+                v-if="!hideEmpty || isFilled(model.contactIris)"
+                :model-value="model.contactIris"
+                :options="contactOptions"
+                :label="t('commercial.clients.form.address.contacts')"
+                :display-tag="true"
+                :readonly="readonly"
+                :disabled="disabled"
+                @update:model-value="(v: (string | number)[]) => update('contactIris', v.map(String))"
+            />
+
+            <!-- Email(s) de facturation : visible/obligatoire seulement si Facturation
+                 (RG-1.11). Le « + » revele un 2e email optionnel (max 2, pendant du
+                 telephone secondaire) qui coule dans la grille. Sinon un filler comble
+                 la colonne pour que Categorie reparte au debut de la ligne suivante. -->
+            <MalioInputEmail
+                v-if="isBillingEmailRequired(model)"
+                :model-value="model.billingEmail"
+                :label="t('commercial.clients.form.address.billingEmail')"
+                :required="!readonly && !disabled"
+                :readonly="readonly"
+                :disabled="disabled"
+                :lowercase="true"
+                :error="errors?.billingEmail"
+                :addable="!model.hasSecondaryBillingEmail && !readonly"
+                :add-button-label="t('commercial.clients.form.address.addBillingEmail')"
+                @update:model-value="(v: string) => update('billingEmail', v)"
+                @add="revealSecondaryBillingEmail"
+            />
+            <!-- Filler : aligne la suite de la grille (Categorie au debut de ligne).
+                 Inutile en consultation masquee (la grille se recompose sans les
+                 champs vides, ERP-193). -->
+            <div v-else-if="!hideEmpty" aria-hidden="true" />
+
+            <MalioInputEmail
+                v-if="isBillingEmailRequired(model) && model.hasSecondaryBillingEmail"
+                :model-value="model.billingEmailSecondary"
+                :label="t('commercial.clients.form.address.billingEmailSecondary')"
+                :readonly="readonly"
+                :disabled="disabled"
+                :lowercase="true"
+                :error="errors?.billingEmailSecondary"
+                @update:model-value="(v: string) => update('billingEmailSecondary', v)"
+            />
+
+            <MalioSelectCheckbox
+                :model-value="model.categoryIris"
+                :options="categoryOptions"
+                :label="t('commercial.clients.form.address.categories')"
+                :display-tag="true"
+                :readonly="readonly"
+                :disabled="disabled"
+                :required="!readonly && !disabled"
+                :error="errors?.categories"
+                @update:model-value="(v: (string | number)[]) => update('categoryIris', v.map(String))"
+            />
+
+            <MalioSelect
+                :model-value="model.country"
+                :options="countryOptions"
+                :label="t('commercial.clients.form.address.country')"
+                :readonly="readonly"
+                :disabled="disabled"
+                :required="!readonly && !disabled"
+                @update:model-value="(v: string | number | null) => update('country', String(v ?? 'France'))"
+            />
+
+            <MalioInputText
+                :model-value="model.postalCode"
+                :label="t('commercial.clients.form.address.postalCode')"
+                :mask="POSTAL_CODE_MASK"
+                :readonly="readonly"
+                :disabled="disabled"
+                :required="!readonly && !disabled"
+                :error="errors?.postalCode"
+                @update:model-value="onPostalCodeChange"
+            />
+
+            <!-- Ville : MalioSelect alimente par le code postal (BAN). Si la BAN est
+                 indisponible, bascule en saisie libre — recuperable : re-saisir le
+                 code postal relance la recherche et repasse en select au succes. -->
+            <MalioSelect
+                v-if="!degraded"
+                :model-value="model.city"
+                :options="cityOptions"
+                :label="t('commercial.clients.form.address.city')"
+                :readonly="readonly"
+                :disabled="disabled"
+                empty-option-label=""
+                :required="!readonly && !disabled"
+                :error="errors?.city"
+                @update:model-value="onCityChange"
             />
             <MalioInputText
                 v-else
-                :model-value="model.street"
-                :label="t('commercial.clients.form.address.street')"
+                :model-value="model.city"
+                :label="t('commercial.clients.form.address.city')"
+                :mask="ADDRESS_MASK"
                 :readonly="readonly"
-                :required="true"
-                :error="errors?.street"
-                @update:model-value="(v: string) => update('street', v)"
+                :disabled="disabled"
+                :required="!readonly && !disabled"
+                :error="errors?.city"
+                @update:model-value="(v: string) => update('city', v)"
             />
-        </div>
 
-        <div class="col-span-1">
-            <MalioInputText
-                :model-value="model.streetComplement"
-                :label="t('commercial.clients.form.address.streetComplement')"
-                :readonly="readonly"
-                :error="errors?.streetComplement"
-                @update:model-value="(v: string) => update('streetComplement', v)"
-            />
-        </div>
+            <!-- Adresse + Adresse complementaire sur 2 colonnes : on wrappe car
+                 MalioInputText/Autocomplete (inheritAttrs:false) renvoient `class`
+                 sur l'input interne, pas sur la cellule de grille. Le wrapper porte
+                 le col-span-2, le champ le remplit (w-full). -->
+            <div class="col-span-2">
+                <!-- Adresse : saisie assistee (BAN) en edition ; champ texte simple
+                     seulement en lecture seule (MalioInputAutocomplete ne reaffiche pas
+                     sa valeur liee, il n'afficherait rien en readonly). allow-create :
+                     si la BAN ne propose rien (ou erreur), le texte saisi est CONSERVE au
+                     blur/Entree (saisie manuelle) — sinon il serait efface. La ville reste
+                     pilotee par le code postal ; choisir une suggestion remplit rue+ville+CP. -->
+                <MalioInputAutocomplete
+                    v-if="!readonly && !disabled"
+                    :model-value="model.street"
+                    :options="addressOptions"
+                    :loading="addressLoading"
+                    :min-search-length="3"
+                    :label="t('commercial.clients.form.address.street')"
+                    :readonly="readonly"
+                    :disabled="disabled"
+                    :required="!readonly && !disabled"
+                    :error="errors?.street"
+                    :allow-create="true"
+                    :no-results-text="t('commercial.clients.form.address.streetNotFound')"
+                    @update:model-value="(v: string | number | null) => update('street', v === null ? null : String(v))"
+                    @search="onAddressSearch"
+                    @select="onAddressSelect"
+                />
+                <MalioInputText
+                    v-else
+                    :model-value="model.street"
+                    :label="t('commercial.clients.form.address.street')"
+                    :readonly="readonly"
+                    :disabled="disabled"
+                    :required="!readonly && !disabled"
+                    :error="errors?.street"
+                    @update:model-value="(v: string) => update('street', v)"
+                />
+            </div>
 
+            <div v-if="!hideEmpty || isFilled(model.streetComplement)" class="col-span-1">
+                <MalioInputText
+                    :model-value="model.streetComplement"
+                    :label="t('commercial.clients.form.address.streetComplement')"
+                    :mask="ADDRESS_MASK"
+                    :readonly="readonly"
+                    :disabled="disabled"
+                    :error="errors?.streetComplement"
+                    @update:model-value="(v: string) => update('streetComplement', v)"
+                />
+            </div>
+        </div>
     </div>
 </template>
 
@@ -191,6 +219,8 @@ import {
 import { useAddressAutocomplete, type AddressSuggestion } from '~/shared/composables/useAddressAutocomplete'
 import type { CategoryOption, RefOption } from '~/modules/commercial/composables/useClientReferentials'
 import type { AddressFormDraft } from '~/modules/commercial/types/clientForm'
+import { ADDRESS_MASK } from '~/shared/utils/textSanitize'
+import { isFilled } from '~/shared/utils/consultationDisplay'
 
 // Masque code postal FR : 5 chiffres.
 const POSTAL_CODE_MASK = '#####'
@@ -208,7 +238,13 @@ const props = defineProps<{
     /** Pays disponibles (France par defaut). */
     countryOptions: RefOption[]
     removable?: boolean
+    /** Dernier bloc de la liste : supprime le filet de separation bas. */
+    last?: boolean
     readonly?: boolean
+    /** Bloc desactive (champs grises, consultation — distinct de readonly). */
+    disabled?: boolean
+    /** Consultation : masque les champs non remplis (ERP-193). */
+    hideEmpty?: boolean
     /** Erreurs serveur 422 de cette ligne, indexees par champ (ERP-101). */
     errors?: Record<string, string>
 }>()
@@ -284,11 +320,37 @@ const addressLoading = ref(false)
 // Conserve les suggestions d'adresse pour retrouver ville/CP au moment du select.
 let lastAddressSuggestions: AddressSuggestion[] = []
 
+// Filtrage des caracteres parasites : porte par le mask ADDRESS_MASK (maska) sur
+// les champs texte editables (complement, ville en mode degrade). La voie en
+// autocomplete (BAN) et la ville en select ne sont pas masquees (le back valide
+// via Assert\Regex) ; les emails de facturation valident leur format (Assert\Email).
+
 /** Emet un nouveau brouillon avec le champ modifie (immutabilite). */
 function update<K extends keyof AddressFormDraft>(field: K, value: AddressFormDraft[K]): void {
     emit('update:modelValue', { ...props.modelValue, [field]: value })
 }
 
+/**
+ * Selection d'une ville (select assiste BAN) → vide adresse + complement, devenus
+ * incoherents avec la nouvelle ville. Ne reagit qu'a un vrai changement de valeur.
+ * En mode degrade (saisie libre), la ville reste un simple `update` (pas de reset
+ * a chaque frappe).
+ */
+function onCityChange(value: string | number | null): void {
+    const next = value === null ? null : String(value)
+    if (next === (props.modelValue.city ?? null)) {
+        return
+    }
+    banAddressOptions.value = []
+    lastAddressSuggestions = []
+    emit('update:modelValue', {
+        ...props.modelValue,
+        city: next,
+        street: null,
+        streetComplement: null,
+    })
+}
+
 /** Revele le 2e champ email de facturation (clic sur le « + »). */
 function revealSecondaryBillingEmail(): void {
     emit('update:modelValue', { ...props.modelValue, hasSecondaryBillingEmail: true })
@@ -304,9 +366,27 @@ function notifyUnavailable(): void {
 
 /** Saisie du code postal → met a jour le champ + interroge la BAN pour la ville. */
 async function onPostalCodeChange(value: string): Promise<void> {
-    update('postalCode', value)
-
     const digits = (value ?? '').replace(/\D/g, '')
+    const previousDigits = (props.modelValue.postalCode ?? '').replace(/\D/g, '')
+
+    // CP complet (5 chiffres) et reellement modifie → ville, adresse et complement
+    // deviennent incoherents avec le nouveau code postal : on les vide pour forcer
+    // une re-saisie coherente (on n'efface pas pendant une correction partielle).
+    if (digits.length === 5 && digits !== previousDigits) {
+        banAddressOptions.value = []
+        lastAddressSuggestions = []
+        emit('update:modelValue', {
+            ...props.modelValue,
+            postalCode: value,
+            city: null,
+            street: null,
+            streetComplement: null,
+        })
+    }
+    else {
+        update('postalCode', value)
+    }
+
     if (digits.length < 5) {
         return
     }

frontend/modules/commercial/components/ClientContactBlock.vue

@@ -1,76 +1,100 @@
 <template>
-    <div class="relative grid grid-cols-4 gap-x-[44px] gap-y-4 bg-white py-4 pl-[28px] pr-[60px] shadow-[0_4px_4px_0_rgba(0,0,0,0.25)]">
-        <!-- Suppression : ouvre une modal de confirmation cote parent. Masquee si
-             non supprimable (1er bloc obligatoire RG-1.14) ou en lecture seule.
-             ariaLabel via v-bind objet (prop camelCase ; aria-* serait un attribut HTML). -->
-        <MalioButtonIcon
-            v-if="removable && !readonly"
-            icon="mdi:delete-outline"
-            variant="ghost"
-            button-class="absolute top-3 right-3"
-            v-bind="{ ariaLabel: t('commercial.clients.form.contact.remove') }"
-            @click="$emit('remove')"
-        />
-
-        <MalioInputText
-            :model-value="model.lastName"
-            :label="t('commercial.clients.form.contact.lastName')"
-            :readonly="readonly"
-            :error="errors?.lastName"
-            @update:model-value="(v: string) => update('lastName', v)"
-        />
-        <MalioInputText
-            :model-value="model.firstName"
-            :label="t('commercial.clients.form.contact.firstName')"
-            :readonly="readonly"
-            :error="errors?.firstName"
-            @update:model-value="(v: string) => update('firstName', v)"
-        />
-        <!-- Fonction sur 2 colonnes : on wrappe car MalioInputText
-             (inheritAttrs:false) renvoie `class` sur l'input interne, pas sur la
-             cellule de grille. Le wrapper porte le col-span-2, le champ le remplit. -->
-        <div class="col-span-2">
-            <MalioInputText
-                :model-value="model.jobTitle"
-                :label="t('commercial.clients.form.contact.jobTitle')"
-                :readonly="readonly"
-                :error="errors?.jobTitle"
-                @update:model-value="(v: string) => update('jobTitle', v)"
+    <!-- Bloc a plat (sans box-shadow) : un filet noir 1px le separe du suivant
+         (pas de bordure sous le dernier bloc). -->
+    <div class="pb-[20px]" :class="{ 'border-b border-black': !last }">
+        <!-- En-tete : titre du bloc (noir) a gauche, poubelle de suppression a droite. -->
+        <div class="flex items-center justify-between">
+            <h2 class="text-[20px] font-semibold text-black">{{ title }}</h2>
+            <!-- Suppression : ouvre une modal de confirmation cote parent. Masquee si
+                 non supprimable (1er bloc obligatoire RG-1.14) ou en lecture seule.
+                 ariaLabel via v-bind objet (prop camelCase ; aria-* serait un attribut HTML). -->
+            <MalioButtonIcon
+                v-if="removable && !readonly && !disabled"
+                icon="mdi:delete-outline"
+                variant="ghost"
+                button-class="p-0"
+                v-bind="{ ariaLabel: t('commercial.clients.form.contact.remove') }"
+                @click="$emit('remove')"
+            />
+        </div>
+
+        <!-- Grille 4 colonnes des champs du contact. -->
+        <div class="mt-6 grid grid-cols-4 gap-x-[44px] gap-y-4">
+            <MalioInputText
+                v-if="!hideEmpty || isFilled(model.lastName)"
+                :model-value="model.lastName"
+                :label="t('commercial.clients.form.contact.lastName')"
+                :mask="PERSON_NAME_MASK"
+                :readonly="readonly"
+                :disabled="disabled"
+                :error="errors?.lastName"
+                @update:model-value="(v: string) => update('lastName', v)"
+            />
+            <MalioInputText
+                v-if="!hideEmpty || isFilled(model.firstName)"
+                :model-value="model.firstName"
+                :label="t('commercial.clients.form.contact.firstName')"
+                :mask="PERSON_NAME_MASK"
+                :readonly="readonly"
+                :disabled="disabled"
+                :error="errors?.firstName"
+                @update:model-value="(v: string) => update('firstName', v)"
+            />
+            <!-- Fonction sur 2 colonnes : on wrappe car MalioInputText
+                 (inheritAttrs:false) renvoie `class` sur l'input interne, pas sur la
+                 cellule de grille. Le wrapper porte le col-span-2, le champ le remplit. -->
+            <div v-if="!hideEmpty || isFilled(model.jobTitle)" class="col-span-2">
+                <MalioInputText
+                    :model-value="model.jobTitle"
+                    :label="t('commercial.clients.form.contact.jobTitle')"
+                    :mask="FREE_TEXT_MASK"
+                    :readonly="readonly"
+                    :disabled="disabled"
+                    :error="errors?.jobTitle"
+                    @update:model-value="(v: string) => update('jobTitle', v)"
+                />
+            </div>
+            <MalioInputEmail
+                v-if="!hideEmpty || isFilled(model.email)"
+                :model-value="model.email"
+                :label="t('commercial.clients.form.contact.email')"
+                :readonly="readonly"
+                :disabled="disabled"
+                :lowercase="true"
+                :error="errors?.email"
+                @update:model-value="(v: string) => update('email', v)"
+            />
+            <MalioInputPhone
+                v-if="!hideEmpty || isFilled(model.phonePrimary)"
+                :model-value="model.phonePrimary"
+                :label="t('commercial.clients.form.contact.phonePrimary')"
+                :mask="PHONE_MASK"
+                :readonly="readonly"
+                :disabled="disabled"
+                :error="errors?.phonePrimary"
+                :addable="!model.hasSecondaryPhone && !readonly"
+                :add-button-label="t('commercial.clients.form.contact.addPhone')"
+                @update:model-value="(v: string) => update('phonePrimary', v)"
+                @add="revealSecondaryPhone"
+            />
+            <MalioInputPhone
+                v-if="model.hasSecondaryPhone && (!hideEmpty || isFilled(model.phoneSecondary))"
+                :model-value="model.phoneSecondary"
+                :label="t('commercial.clients.form.contact.phoneSecondary')"
+                :mask="PHONE_MASK"
+                :readonly="readonly"
+                :disabled="disabled"
+                :error="errors?.phoneSecondary"
+                @update:model-value="(v: string) => update('phoneSecondary', v)"
             />
         </div>
-        <MalioInputEmail
-            :model-value="model.email"
-            :label="t('commercial.clients.form.contact.email')"
-            :readonly="readonly"
-            :lowercase="true"
-            :error="errors?.email"
-            @update:model-value="(v: string) => update('email', v)"
-        />
-        <MalioInputPhone
-            :model-value="model.phonePrimary"
-            :label="t('commercial.clients.form.contact.phonePrimary')"
-            :mask="PHONE_MASK"
-            :readonly="readonly"
-            :error="errors?.phonePrimary"
-            :addable="!model.hasSecondaryPhone && !readonly"
-            :add-button-label="t('commercial.clients.form.contact.addPhone')"
-            @update:model-value="(v: string) => update('phonePrimary', v)"
-            @add="revealSecondaryPhone"
-        />
-        <MalioInputPhone
-            v-if="model.hasSecondaryPhone"
-            :model-value="model.phoneSecondary"
-            :label="t('commercial.clients.form.contact.phoneSecondary')"
-            :mask="PHONE_MASK"
-            :readonly="readonly"
-            :error="errors?.phoneSecondary"
-            @update:model-value="(v: string) => update('phoneSecondary', v)"
-        />
     </div>
 </template>
 
 <script setup lang="ts">
 import type { ContactFormDraft } from '~/modules/commercial/types/clientForm'
+import { FREE_TEXT_MASK, PERSON_NAME_MASK } from '~/shared/utils/textSanitize'
+import { isFilled } from '~/shared/utils/consultationDisplay'
 
 // Masque telephone FR : 5 groupes de 2 chiffres (la normalisation finale reste
 // serveur, cf. formatPhoneFR re-applique a la valeur renvoyee).
@@ -83,8 +107,14 @@ const props = defineProps<{
     title: string
     /** Affiche l'icone de suppression (1er bloc non supprimable, RG-1.14). */
     removable?: boolean
+    /** Dernier bloc de la liste : supprime le filet de separation bas. */
+    last?: boolean
     /** Bloc en lecture seule (onglet valide). */
     readonly?: boolean
+    /** Bloc desactive (champs grises, consultation — distinct de readonly). */
+    disabled?: boolean
+    /** Consultation : masque les champs non remplis (ERP-193). */
+    hideEmpty?: boolean
     /** Erreurs serveur 422 de cette ligne, indexees par champ (ERP-101). */
     errors?: Record<string, string>
 }>()
@@ -99,6 +129,10 @@ const { t } = useI18n()
 // Alias local pour la lisibilite du template.
 const model = computed(() => props.modelValue)
 
+// Filtrage des caracteres parasites : porte par les masks maska sur les champs
+// (PERSON_NAME_MASK / FREE_TEXT_MASK), filtrage natif au focus/curseur. L'email n'a
+// pas de mask (ERP-101 : validation de format via Assert\Email + erreur inline).
+
 /** Emet un nouveau brouillon avec le champ modifie (immutabilite). */
 function update<K extends keyof ContactFormDraft>(field: K, value: ContactFormDraft[K]): void {
     emit('update:modelValue', { ...props.modelValue, [field]: value })

frontend/modules/commercial/components/SupplierAddressBlock.vue

@@ -1,167 +1,198 @@
 <template>
-    <div class="relative grid grid-cols-4 gap-x-[44px] gap-y-4 bg-white py-4 pl-[28px] pr-[60px] shadow-[0_4px_4px_0_rgba(0,0,0,0.25)]">
-        <!-- Suppression : modal de confirmation cote parent. -->
-        <MalioButtonIcon
-            v-if="removable && !readonly"
-            icon="mdi:delete-outline"
-            variant="ghost"
-            button-class="absolute top-3 right-3"
-            v-bind="{ ariaLabel: t('commercial.suppliers.form.address.remove') }"
-            @click="$emit('remove')"
-        />
+    <!-- Bloc a plat (sans box-shadow) : un filet noir 1px le separe du suivant
+         (pas de bordure sous le dernier bloc). -->
+    <div class="pb-[20px]" :class="{ 'border-b border-black': !last }">
+        <!-- En-tete : titre du bloc (noir) a gauche, poubelle de suppression a droite. -->
+        <div class="flex items-center justify-between">
+            <h2 class="text-[20px] font-semibold text-black">{{ title }}</h2>
+            <!-- Suppression : modal de confirmation cote parent. -->
+            <MalioButtonIcon
+                v-if="removable && !readonly && !disabled"
+                icon="mdi:delete-outline"
+                variant="ghost"
+                button-class="p-0"
+                v-bind="{ ariaLabel: t('commercial.suppliers.form.address.remove') }"
+                @click="$emit('remove')"
+            />
+        </div>
 
-        <!-- Type d'adresse : Prospect / Depart / Rendu (RG-2.09). Select en attendant
-             l'arbitrage metier (radio vs select) ; l'erreur 422 (propertyPath
-             `addressType`) s'affiche via la prop native :error de MalioSelect. -->
-        <MalioSelect
-            :model-value="model.addressType"
-            :options="addressTypeOptions"
-            :label="t('commercial.suppliers.form.address.addressType')"
-            :readonly="readonly"
-            empty-option-label=""
-            :required="true"
-            :error="errors?.addressType"
-            @update:model-value="(v: string | number | null) => update('addressType', v === null ? null : (v as SupplierAddressType))"
-        />
-
-        <!-- Sites Starseed : multiselect a tags (>= 1 obligatoire, RG-2.06). -->
-        <MalioSelectCheckbox
-            :model-value="model.siteIris"
-            :options="siteOptions"
-            :label="t('commercial.suppliers.form.address.sites')"
-            :display-tag="true"
-            :readonly="readonly"
-            :required="true"
-            :error="errors?.sites"
-            @update:model-value="(v: (string | number)[]) => update('siteIris', v.map(String))"
-        />
-
-        <!-- Contacts rattaches (M2M, facultatif). -->
-        <MalioSelectCheckbox
-            :model-value="model.contactIris"
-            :options="contactOptions"
-            :label="t('commercial.suppliers.form.address.contacts')"
-            :display-tag="true"
-            :readonly="readonly"
-            @update:model-value="(v: (string | number)[]) => update('contactIris', v.map(String))"
-        />
-
-        <!-- Filler : aligne le debut de ligne suivant sur la grille (le bloc client
-             porte ici l'email de facturation, absent cote fournisseur). -->
-        <div aria-hidden="true" />
-
-        <!-- Categories de type FOURNISSEUR (>= 1 obligatoire, RG-2.10). -->
-        <MalioSelectCheckbox
-            :model-value="model.categoryIris"
-            :options="categoryOptions"
-            :label="t('commercial.suppliers.form.address.categories')"
-            :display-tag="true"
-            :readonly="readonly"
-            :required="true"
-            :error="errors?.categories"
-            @update:model-value="(v: (string | number)[]) => update('categoryIris', v.map(String))"
-        />
-
-        <MalioSelect
-            :model-value="model.country"
-            :options="countryOptions"
-            :label="t('commercial.suppliers.form.address.country')"
-            :readonly="readonly"
-            :required="true"
-            @update:model-value="(v: string | number | null) => update('country', String(v ?? 'France'))"
-        />
-
-        <MalioInputText
-            :model-value="model.postalCode"
-            :label="t('commercial.suppliers.form.address.postalCode')"
-            :mask="POSTAL_CODE_MASK"
-            :readonly="readonly"
-            :required="true"
-            :error="errors?.postalCode"
-            @update:model-value="onPostalCodeChange"
-        />
-
-        <!-- Ville : MalioSelect alimente par le code postal (BAN). Saisie libre si BAN indispo. -->
-        <MalioSelect
-            v-if="!degraded"
-            :model-value="model.city"
-            :options="cityOptions"
-            :label="t('commercial.suppliers.form.address.city')"
-            :readonly="readonly"
-            empty-option-label=""
-            :required="true"
-            :error="errors?.city"
-            @update:model-value="(v: string | number | null) => update('city', v === null ? null : String(v))"
-        />
-        <MalioInputText
-            v-else
-            :model-value="model.city"
-            :label="t('commercial.suppliers.form.address.city')"
-            :readonly="readonly"
-            :required="true"
-            :error="errors?.city"
-            @update:model-value="(v: string) => update('city', v)"
-        />
-
-        <!-- Adresse (BAN) sur 2 colonnes + Adresse complementaire. allow-create : le
-             texte saisi est conserve si la BAN ne propose rien (saisie manuelle). -->
-        <div class="col-span-2">
-            <MalioInputAutocomplete
-                v-if="!readonly"
-                :model-value="model.street"
-                :options="addressOptions"
-                :loading="addressLoading"
-                :min-search-length="3"
-                :label="t('commercial.suppliers.form.address.street')"
+        <!-- Grille 4 colonnes des champs de l'adresse. -->
+        <div class="mt-6 grid grid-cols-4 gap-x-[44px] gap-y-4">
+            <!-- Type d'adresse : Prospect / Depart / Rendu (RG-2.09). Select en attendant
+                 l'arbitrage metier (radio vs select) ; l'erreur 422 (propertyPath
+                 `addressType`) s'affiche via la prop native :error de MalioSelect. -->
+            <MalioSelect
+                :model-value="model.addressType"
+                :options="addressTypeOptions"
+                :label="t('commercial.suppliers.form.address.addressType')"
                 :readonly="readonly"
-                :required="true"
-                :error="errors?.street"
-                :allow-create="true"
-                :no-results-text="t('commercial.suppliers.form.address.streetNotFound')"
-                @update:model-value="(v: string | number | null) => update('street', v === null ? null : String(v))"
-                @search="onAddressSearch"
-                @select="onAddressSelect"
+                :disabled="disabled"
+                empty-option-label=""
+                :required="!readonly && !disabled"
+                :error="errors?.addressType"
+                @update:model-value="(v: string | number | null) => update('addressType', v === null ? null : (v as SupplierAddressType))"
+            />
+
+            <!-- Sites Starseed : multiselect a tags (>= 1 obligatoire, RG-2.06). -->
+            <MalioSelectCheckbox
+                :model-value="model.siteIris"
+                :options="siteOptions"
+                :label="t('commercial.suppliers.form.address.sites')"
+                :display-tag="true"
+                :readonly="readonly"
+                :disabled="disabled"
+                :required="!readonly && !disabled"
+                :error="errors?.sites"
+                @update:model-value="(v: (string | number)[]) => update('siteIris', v.map(String))"
+            />
+
+            <!-- Contacts rattaches (M2M, facultatif). -->
+            <MalioSelectCheckbox
+                v-if="!hideEmpty || isFilled(model.contactIris)"
+                :model-value="model.contactIris"
+                :options="contactOptions"
+                :label="t('commercial.suppliers.form.address.contacts')"
+                :display-tag="true"
+                :readonly="readonly"
+                :disabled="disabled"
+                @update:model-value="(v: (string | number)[]) => update('contactIris', v.map(String))"
+            />
+
+            <!-- Filler : aligne le debut de ligne suivant sur la grille (le bloc client
+                 porte ici l'email de facturation, absent cote fournisseur). Inutile en
+                 consultation masquee (la grille se recompose sans les champs vides). -->
+            <div v-if="!hideEmpty" aria-hidden="true" />
+
+            <!-- Categories de type FOURNISSEUR (>= 1 obligatoire, RG-2.10). -->
+            <MalioSelectCheckbox
+                :model-value="model.categoryIris"
+                :options="categoryOptions"
+                :label="t('commercial.suppliers.form.address.categories')"
+                :display-tag="true"
+                :readonly="readonly"
+                :disabled="disabled"
+                :required="!readonly && !disabled"
+                :error="errors?.categories"
+                @update:model-value="(v: (string | number)[]) => update('categoryIris', v.map(String))"
+            />
+
+            <MalioSelect
+                :model-value="model.country"
+                :options="countryOptions"
+                :label="t('commercial.suppliers.form.address.country')"
+                :readonly="readonly"
+                :disabled="disabled"
+                :required="!readonly && !disabled"
+                @update:model-value="(v: string | number | null) => update('country', String(v ?? 'France'))"
+            />
+
+            <MalioInputText
+                :model-value="model.postalCode"
+                :label="t('commercial.suppliers.form.address.postalCode')"
+                :mask="POSTAL_CODE_MASK"
+                :readonly="readonly"
+                :disabled="disabled"
+                :required="!readonly && !disabled"
+                :error="errors?.postalCode"
+                @update:model-value="onPostalCodeChange"
+            />
+
+            <!-- Ville : MalioSelect alimente par le code postal (BAN). Saisie libre si BAN indispo. -->
+            <MalioSelect
+                v-if="!degraded"
+                :model-value="model.city"
+                :options="cityOptions"
+                :label="t('commercial.suppliers.form.address.city')"
+                :readonly="readonly"
+                :disabled="disabled"
+                empty-option-label=""
+                :required="!readonly && !disabled"
+                :error="errors?.city"
+                @update:model-value="onCityChange"
             />
             <MalioInputText
                 v-else
-                :model-value="model.street"
-                :label="t('commercial.suppliers.form.address.street')"
+                :model-value="model.city"
+                :label="t('commercial.suppliers.form.address.city')"
+                :mask="ADDRESS_MASK"
                 :readonly="readonly"
-                :required="true"
-                :error="errors?.street"
-                @update:model-value="(v: string) => update('street', v)"
+                :disabled="disabled"
+                :required="!readonly && !disabled"
+                :error="errors?.city"
+                @update:model-value="(v: string) => update('city', v)"
+            />
+
+            <!-- Adresse (BAN) sur 2 colonnes + Adresse complementaire. allow-create : le
+                 texte saisi est conserve si la BAN ne propose rien (saisie manuelle). -->
+            <div class="col-span-2">
+                <MalioInputAutocomplete
+                    v-if="!readonly && !disabled"
+                    :model-value="model.street"
+                    :options="addressOptions"
+                    :loading="addressLoading"
+                    :min-search-length="3"
+                    :label="t('commercial.suppliers.form.address.street')"
+                    :readonly="readonly"
+                    :disabled="disabled"
+                    :required="!readonly && !disabled"
+                    :error="errors?.street"
+                    :allow-create="true"
+                    :no-results-text="t('commercial.suppliers.form.address.streetNotFound')"
+                    @update:model-value="(v: string | number | null) => update('street', v === null ? null : String(v))"
+                    @search="onAddressSearch"
+                    @select="onAddressSelect"
+                />
+                <MalioInputText
+                    v-else
+                    :model-value="model.street"
+                    :label="t('commercial.suppliers.form.address.street')"
+                    :mask="ADDRESS_MASK"
+                    :readonly="readonly"
+                    :disabled="disabled"
+                    :required="!readonly && !disabled"
+                    :error="errors?.street"
+                    @update:model-value="(v: string) => update('street', v)"
+                />
+            </div>
+
+            <div v-if="!hideEmpty || isFilled(model.streetComplement)" class="col-span-1">
+                <MalioInputText
+                    :model-value="model.streetComplement"
+                    :label="t('commercial.suppliers.form.address.streetComplement')"
+                    :mask="ADDRESS_MASK"
+                    :readonly="readonly"
+                    :disabled="disabled"
+                    :error="errors?.streetComplement"
+                    @update:model-value="(v: string) => update('streetComplement', v)"
+                />
+            </div>
+
+            <!-- Bennes : stepper (specifique fournisseur, defaut 0). En consultation, 0
+                 reste affiche (valeur saisie) ; seul un champ vide serait masque. -->
+            <MalioInputNumber
+                v-if="!hideEmpty || isFilled(model.bennes)"
+                :model-value="model.bennes"
+                :label="t('commercial.suppliers.form.address.bennes')"
+                :min="0"
+                :readonly="readonly"
+                :disabled="disabled"
+                :error="errors?.bennes"
+                @update:model-value="(v: string) => update('bennes', v)"
+            />
+
+            <!-- Prestation de triage : booleen porte par l'adresse (specifique fournisseur).
+                 Consultation : masquee si non cochee (ERP-193). -->
+            <MalioCheckbox
+                v-if="!hideEmpty || isFilled(model.triageProvider)"
+                id="address-triage-provider"
+                :label="t('commercial.suppliers.form.address.triageProvider')"
+                :model-value="model.triageProvider"
+                group-class="self-center"
+                :readonly="readonly"
+                :disabled="disabled"
+                @update:model-value="(v: boolean) => update('triageProvider', v)"
             />
         </div>
-
-        <div class="col-span-1">
-            <MalioInputText
-                :model-value="model.streetComplement"
-                :label="t('commercial.suppliers.form.address.streetComplement')"
-                :readonly="readonly"
-                :error="errors?.streetComplement"
-                @update:model-value="(v: string) => update('streetComplement', v)"
-            />
-        </div>
-
-        <!-- Bennes : stepper (specifique fournisseur, defaut 0). -->
-        <MalioInputNumber
-            :model-value="model.bennes"
-            :label="t('commercial.suppliers.form.address.bennes')"
-            :min="0"
-            :readonly="readonly"
-            :error="errors?.bennes"
-            @update:model-value="(v: string) => update('bennes', v)"
-        />
-
-        <!-- Prestation de triage : booleen porte par l'adresse (specifique fournisseur). -->
-        <MalioCheckbox
-            id="address-triage-provider"
-            :label="t('commercial.suppliers.form.address.triageProvider')"
-            :model-value="model.triageProvider"
-            group-class="self-center"
-            :readonly="readonly"
-            @update:model-value="(v: boolean) => update('triageProvider', v)"
-        />
     </div>
 </template>
 
@@ -169,6 +200,8 @@
 import { useAddressAutocomplete, type AddressSuggestion } from '~/shared/composables/useAddressAutocomplete'
 import type { CategoryOption, RefOption } from '~/modules/commercial/composables/useSupplierReferentials'
 import type { SupplierAddressFormDraft, SupplierAddressType } from '~/modules/commercial/types/supplierForm'
+import { ADDRESS_MASK } from '~/shared/utils/textSanitize'
+import { isFilled } from '~/shared/utils/consultationDisplay'
 
 // Masque code postal FR : 5 chiffres.
 const POSTAL_CODE_MASK = '#####'
@@ -186,7 +219,13 @@ const props = defineProps<{
     /** Pays disponibles (France par defaut). */
     countryOptions: RefOption[]
     removable?: boolean
+    /** Dernier bloc de la liste : supprime le filet de separation bas. */
+    last?: boolean
     readonly?: boolean
+    /** Bloc desactive (champs grises, consultation — distinct de readonly). */
+    disabled?: boolean
+    /** Consultation : masque les champs non remplis (ERP-193). */
+    hideEmpty?: boolean
     /** Erreurs serveur 422 de cette ligne, indexees par champ (ERP-101). */
     errors?: Record<string, string>
 }>()
@@ -238,11 +277,37 @@ const addressLoading = ref(false)
 // Conserve les suggestions d'adresse pour retrouver ville/CP au moment du select.
 let lastAddressSuggestions: AddressSuggestion[] = []
 
+// Filtrage des caracteres parasites : porte par le mask ADDRESS_MASK (maska) sur
+// les champs texte editables (complement, ville en mode degrade, voie en repli). La
+// voie en autocomplete (BAN) et la ville en select ne sont pas masquees (le back
+// valide via Assert\Regex).
+
 /** Emet un nouveau brouillon avec le champ modifie (immutabilite). */
 function update<K extends keyof SupplierAddressFormDraft>(field: K, value: SupplierAddressFormDraft[K]): void {
     emit('update:modelValue', { ...props.modelValue, [field]: value })
 }
 
+/**
+ * Selection d'une ville (select assiste BAN) → vide adresse + complement, devenus
+ * incoherents avec la nouvelle ville. Ne reagit qu'a un vrai changement de valeur.
+ * En mode degrade (saisie libre), la ville reste un simple `update` (pas de reset
+ * a chaque frappe).
+ */
+function onCityChange(value: string | number | null): void {
+    const next = value === null ? null : String(value)
+    if (next === (props.modelValue.city ?? null)) {
+        return
+    }
+    banAddressOptions.value = []
+    lastAddressSuggestions = []
+    emit('update:modelValue', {
+        ...props.modelValue,
+        city: next,
+        street: null,
+        streetComplement: null,
+    })
+}
+
 /** Previent le parent (toast unique) que l'autocompletion est indisponible. */
 function notifyUnavailable(): void {
     if (!unavailableNotified) {
@@ -253,9 +318,27 @@ function notifyUnavailable(): void {
 
 /** Saisie du code postal → met a jour le champ + interroge la BAN pour la ville. */
 async function onPostalCodeChange(value: string): Promise<void> {
-    update('postalCode', value)
-
     const digits = (value ?? '').replace(/\D/g, '')
+    const previousDigits = (props.modelValue.postalCode ?? '').replace(/\D/g, '')
+
+    // CP complet (5 chiffres) et reellement modifie → ville, adresse et complement
+    // deviennent incoherents avec le nouveau code postal : on les vide pour forcer
+    // une re-saisie coherente (on n'efface pas pendant une correction partielle).
+    if (digits.length === 5 && digits !== previousDigits) {
+        banAddressOptions.value = []
+        lastAddressSuggestions = []
+        emit('update:modelValue', {
+            ...props.modelValue,
+            postalCode: value,
+            city: null,
+            street: null,
+            streetComplement: null,
+        })
+    }
+    else {
+        update('postalCode', value)
+    }
+
     if (digits.length < 5) {
         return
     }

frontend/modules/commercial/components/SupplierContactBlock.vue

@@ -1,75 +1,99 @@
 <template>
-    <div class="relative grid grid-cols-4 gap-x-[44px] gap-y-4 bg-white py-4 pl-[28px] pr-[60px] shadow-[0_4px_4px_0_rgba(0,0,0,0.25)]">
-        <!-- Suppression : ouvre une modal de confirmation cote parent. Masquee si
-             non supprimable (1er bloc, RG-2.13) ou en lecture seule. -->
-        <MalioButtonIcon
-            v-if="removable && !readonly"
-            icon="mdi:delete-outline"
-            variant="ghost"
-            button-class="absolute top-3 right-3"
-            v-bind="{ ariaLabel: t('commercial.suppliers.form.contact.remove') }"
-            @click="$emit('remove')"
-        />
-
-        <MalioInputText
-            :model-value="model.lastName"
-            :label="t('commercial.suppliers.form.contact.lastName')"
-            :readonly="readonly"
-            :error="errors?.lastName"
-            @update:model-value="(v: string) => update('lastName', v)"
-        />
-        <MalioInputText
-            :model-value="model.firstName"
-            :label="t('commercial.suppliers.form.contact.firstName')"
-            :readonly="readonly"
-            :error="errors?.firstName"
-            @update:model-value="(v: string) => update('firstName', v)"
-        />
-        <!-- Fonction sur 2 colonnes : on wrappe car MalioInputText
-             (inheritAttrs:false) renvoie `class` sur l'input interne, pas sur la
-             cellule de grille. Le wrapper porte le col-span-2, le champ le remplit. -->
-        <div class="col-span-2">
-            <MalioInputText
-                :model-value="model.jobTitle"
-                :label="t('commercial.suppliers.form.contact.jobTitle')"
-                :readonly="readonly"
-                :error="errors?.jobTitle"
-                @update:model-value="(v: string) => update('jobTitle', v)"
+    <!-- Bloc a plat (sans box-shadow) : un filet noir 1px le separe du suivant
+         (pas de bordure sous le dernier bloc). -->
+    <div class="pb-[20px]" :class="{ 'border-b border-black': !last }">
+        <!-- En-tete : titre du bloc (noir) a gauche, poubelle de suppression a droite. -->
+        <div class="flex items-center justify-between">
+            <h2 class="text-[20px] font-semibold text-black">{{ title }}</h2>
+            <!-- Suppression : ouvre une modal de confirmation cote parent. Masquee si
+                 non supprimable (1er bloc, RG-2.13) ou en lecture seule. -->
+            <MalioButtonIcon
+                v-if="removable && !readonly && !disabled"
+                icon="mdi:delete-outline"
+                variant="ghost"
+                button-class="p-0"
+                v-bind="{ ariaLabel: t('commercial.suppliers.form.contact.remove') }"
+                @click="$emit('remove')"
+            />
+        </div>
+
+        <!-- Grille 4 colonnes des champs du contact. -->
+        <div class="mt-6 grid grid-cols-4 gap-x-[44px] gap-y-4">
+            <MalioInputText
+                v-if="!hideEmpty || isFilled(model.lastName)"
+                :model-value="model.lastName"
+                :label="t('commercial.suppliers.form.contact.lastName')"
+                :mask="PERSON_NAME_MASK"
+                :readonly="readonly"
+                :disabled="disabled"
+                :error="errors?.lastName"
+                @update:model-value="(v: string) => update('lastName', v)"
+            />
+            <MalioInputText
+                v-if="!hideEmpty || isFilled(model.firstName)"
+                :model-value="model.firstName"
+                :label="t('commercial.suppliers.form.contact.firstName')"
+                :mask="PERSON_NAME_MASK"
+                :readonly="readonly"
+                :disabled="disabled"
+                :error="errors?.firstName"
+                @update:model-value="(v: string) => update('firstName', v)"
+            />
+            <!-- Fonction sur 2 colonnes : on wrappe car MalioInputText
+                 (inheritAttrs:false) renvoie `class` sur l'input interne, pas sur la
+                 cellule de grille. Le wrapper porte le col-span-2, le champ le remplit. -->
+            <div v-if="!hideEmpty || isFilled(model.jobTitle)" class="col-span-2">
+                <MalioInputText
+                    :model-value="model.jobTitle"
+                    :label="t('commercial.suppliers.form.contact.jobTitle')"
+                    :mask="FREE_TEXT_MASK"
+                    :readonly="readonly"
+                    :disabled="disabled"
+                    :error="errors?.jobTitle"
+                    @update:model-value="(v: string) => update('jobTitle', v)"
+                />
+            </div>
+            <MalioInputEmail
+                v-if="!hideEmpty || isFilled(model.email)"
+                :model-value="model.email"
+                :label="t('commercial.suppliers.form.contact.email')"
+                :readonly="readonly"
+                :disabled="disabled"
+                :lowercase="true"
+                :error="errors?.email"
+                @update:model-value="(v: string) => update('email', v)"
+            />
+            <MalioInputPhone
+                v-if="!hideEmpty || isFilled(model.phonePrimary)"
+                :model-value="model.phonePrimary"
+                :label="t('commercial.suppliers.form.contact.phonePrimary')"
+                :mask="PHONE_MASK"
+                :readonly="readonly"
+                :disabled="disabled"
+                :error="errors?.phonePrimary"
+                :addable="!model.hasSecondaryPhone && !readonly"
+                :add-button-label="t('commercial.suppliers.form.contact.addPhone')"
+                @update:model-value="(v: string) => update('phonePrimary', v)"
+                @add="revealSecondaryPhone"
+            />
+            <MalioInputPhone
+                v-if="model.hasSecondaryPhone && (!hideEmpty || isFilled(model.phoneSecondary))"
+                :model-value="model.phoneSecondary"
+                :label="t('commercial.suppliers.form.contact.phoneSecondary')"
+                :mask="PHONE_MASK"
+                :readonly="readonly"
+                :disabled="disabled"
+                :error="errors?.phoneSecondary"
+                @update:model-value="(v: string) => update('phoneSecondary', v)"
             />
         </div>
-        <MalioInputEmail
-            :model-value="model.email"
-            :label="t('commercial.suppliers.form.contact.email')"
-            :readonly="readonly"
-            :lowercase="true"
-            :error="errors?.email"
-            @update:model-value="(v: string) => update('email', v)"
-        />
-        <MalioInputPhone
-            :model-value="model.phonePrimary"
-            :label="t('commercial.suppliers.form.contact.phonePrimary')"
-            :mask="PHONE_MASK"
-            :readonly="readonly"
-            :error="errors?.phonePrimary"
-            :addable="!model.hasSecondaryPhone && !readonly"
-            :add-button-label="t('commercial.suppliers.form.contact.addPhone')"
-            @update:model-value="(v: string) => update('phonePrimary', v)"
-            @add="revealSecondaryPhone"
-        />
-        <MalioInputPhone
-            v-if="model.hasSecondaryPhone"
-            :model-value="model.phoneSecondary"
-            :label="t('commercial.suppliers.form.contact.phoneSecondary')"
-            :mask="PHONE_MASK"
-            :readonly="readonly"
-            :error="errors?.phoneSecondary"
-            @update:model-value="(v: string) => update('phoneSecondary', v)"
-        />
     </div>
 </template>
 
 <script setup lang="ts">
 import type { SupplierContactFormDraft } from '~/modules/commercial/types/supplierForm'
+import { FREE_TEXT_MASK, PERSON_NAME_MASK } from '~/shared/utils/textSanitize'
+import { isFilled } from '~/shared/utils/consultationDisplay'
 
 // Masque telephone FR : 5 groupes de 2 chiffres (la normalisation finale reste serveur).
 const PHONE_MASK = '## ## ## ## ##'
@@ -81,8 +105,14 @@ const props = defineProps<{
     title: string
     /** Affiche l'icone de suppression (1er bloc non supprimable, RG-2.13). */
     removable?: boolean
+    /** Dernier bloc de la liste : supprime le filet de separation bas. */
+    last?: boolean
     /** Bloc en lecture seule (onglet valide). */
     readonly?: boolean
+    /** Bloc desactive (champs grises, consultation — distinct de readonly). */
+    disabled?: boolean
+    /** Consultation : masque les champs non remplis (ERP-193). */
+    hideEmpty?: boolean
     /** Erreurs serveur 422 de cette ligne, indexees par champ (ERP-101). */
     errors?: Record<string, string>
 }>()
@@ -97,6 +127,10 @@ const { t } = useI18n()
 // Alias local pour la lisibilite du template.
 const model = computed(() => props.modelValue)
 
+// Filtrage des caracteres parasites : porte par les masks maska sur les champs
+// (PERSON_NAME_MASK / FREE_TEXT_MASK), filtrage natif au focus/curseur. L'email n'a
+// pas de mask (ERP-101 : validation de format via Assert\Email + erreur inline).
+
 /** Emet un nouveau brouillon avec le champ modifie (immutabilite). */
 function update<K extends keyof SupplierContactFormDraft>(field: K, value: SupplierContactFormDraft[K]): void {
     emit('update:modelValue', { ...props.modelValue, [field]: value })

frontend/modules/commercial/components/__tests__/ClientAddressBlock.spec.ts

@@ -171,6 +171,182 @@ describe('ClientAddressBlock — mapping erreur par champ (ERP-101)', () => {
     })
 })
 
+/**
+ * Stub MalioInputText emetteur : re-expose `label` et relaie `update:model-value`,
+ * pour piloter le champ Code postal et observer le brouillon emis.
+ */
+const MalioInputTextEmitter = defineComponent({
+    name: 'MalioInputTextEmitter',
+    props: {
+        modelValue: { type: [String, Number, null], default: undefined },
+        label: { type: String, default: '' },
+    },
+    emits: ['update:modelValue'],
+    setup(props) {
+        return () => h('div', { 'data-testid': 'addr-input', 'data-label': props.label })
+    },
+})
+
+describe('ClientAddressBlock — changement de code postal vide les champs dependants (ERP-193)', () => {
+    beforeEach(() => {
+        searchCityMock.mockReset()
+        searchCityMock.mockResolvedValue([])
+    })
+
+    function mountFilled() {
+        return mount(ClientAddressBlock, {
+            props: {
+                modelValue: {
+                    ...emptyAddress(),
+                    postalCode: '75001',
+                    city: 'Paris',
+                    street: '8 Boulevard du Port',
+                    streetComplement: 'Bat A',
+                },
+                title: 'Adresse',
+                categoryOptions: [],
+                siteOptions: [],
+                contactOptions: [],
+                countryOptions: [],
+            },
+            global: {
+                stubs: {
+                    MalioButtonIcon: true,
+                    MalioCheckbox: true,
+                    MalioSelect: true,
+                    MalioSelectCheckbox: true,
+                    MalioInputAutocomplete: MalioInputAutocompleteStub,
+                    MalioInputText: MalioInputTextEmitter,
+                },
+            },
+        })
+    }
+
+    function postalCodeField(wrapper: ReturnType<typeof mountFilled>) {
+        return wrapper.findAllComponents(MalioInputTextEmitter).find(
+            c => c.props('label') === 'commercial.clients.form.address.postalCode',
+        )
+    }
+
+    it('vide ville, adresse et complement quand le CP complet change', async () => {
+        const wrapper = mountFilled()
+
+        postalCodeField(wrapper)!.vm.$emit('update:modelValue', '33000')
+        await flushPromises()
+
+        const last = wrapper.emitted('update:modelValue')?.at(-1)?.[0] as Record<string, unknown>
+        expect(last.postalCode).toBe('33000')
+        expect(last.city).toBeNull()
+        expect(last.street).toBeNull()
+        expect(last.streetComplement).toBeNull()
+    })
+
+    it('ne vide pas les champs si le CP reste incomplet (< 5 chiffres)', async () => {
+        const wrapper = mountFilled()
+
+        postalCodeField(wrapper)!.vm.$emit('update:modelValue', '7500')
+        await flushPromises()
+
+        const last = wrapper.emitted('update:modelValue')?.at(-1)?.[0] as Record<string, unknown>
+        expect(last.postalCode).toBe('7500')
+        expect(last.city).toBe('Paris')
+        expect(last.street).toBe('8 Boulevard du Port')
+        expect(last.streetComplement).toBe('Bat A')
+    })
+
+    it('ne vide pas les champs si le CP complet est identique', async () => {
+        const wrapper = mountFilled()
+
+        postalCodeField(wrapper)!.vm.$emit('update:modelValue', '75001')
+        await flushPromises()
+
+        const last = wrapper.emitted('update:modelValue')?.at(-1)?.[0] as Record<string, unknown>
+        expect(last.city).toBe('Paris')
+        expect(last.street).toBe('8 Boulevard du Port')
+        expect(last.streetComplement).toBe('Bat A')
+    })
+})
+
+/**
+ * Stub MalioSelect emetteur : re-expose `label` et relaie `update:model-value`,
+ * pour piloter le select Ville et observer le brouillon emis.
+ */
+const MalioSelectEmitter = defineComponent({
+    name: 'MalioSelectEmitter',
+    props: {
+        modelValue: { type: [String, Number, null], default: undefined },
+        label: { type: String, default: '' },
+    },
+    emits: ['update:modelValue'],
+    setup(props) {
+        return () => h('div', { 'data-testid': 'addr-select', 'data-label': props.label })
+    },
+})
+
+describe('ClientAddressBlock — changement de ville vide adresse + complement (ERP-193)', () => {
+    beforeEach(() => {
+        searchCityMock.mockReset()
+        searchCityMock.mockResolvedValue([])
+    })
+
+    function mountFilled() {
+        return mount(ClientAddressBlock, {
+            props: {
+                modelValue: {
+                    ...emptyAddress(),
+                    postalCode: '75001',
+                    city: 'Paris',
+                    street: '8 Boulevard du Port',
+                    streetComplement: 'Bat A',
+                },
+                title: 'Adresse',
+                categoryOptions: [],
+                siteOptions: [],
+                contactOptions: [],
+                countryOptions: [],
+            },
+            global: {
+                stubs: {
+                    MalioButtonIcon: true,
+                    MalioCheckbox: true,
+                    MalioSelectCheckbox: true,
+                    MalioInputText: true,
+                    MalioInputAutocomplete: MalioInputAutocompleteStub,
+                    MalioSelect: MalioSelectEmitter,
+                },
+            },
+        })
+    }
+
+    function cityField(wrapper: ReturnType<typeof mountFilled>) {
+        return wrapper.findAllComponents(MalioSelectEmitter).find(
+            c => c.props('label') === 'commercial.clients.form.address.city',
+        )
+    }
+
+    it('vide adresse et complement quand la ville change', async () => {
+        const wrapper = mountFilled()
+
+        cityField(wrapper)!.vm.$emit('update:modelValue', 'Lyon')
+        await flushPromises()
+
+        const last = wrapper.emitted('update:modelValue')?.at(-1)?.[0] as Record<string, unknown>
+        expect(last.city).toBe('Lyon')
+        expect(last.street).toBeNull()
+        expect(last.streetComplement).toBeNull()
+    })
+
+    it('ne vide pas si la ville selectionnee est identique', async () => {
+        const wrapper = mountFilled()
+
+        cityField(wrapper)!.vm.$emit('update:modelValue', 'Paris')
+        await flushPromises()
+
+        // Aucun nouvel emit (valeur inchangee) → l'adresse reste intacte.
+        expect(wrapper.emitted('update:modelValue')).toBeUndefined()
+    })
+})
+
 describe('ClientAddressBlock — recherche adresse robuste (erreur BAN)', () => {
     beforeEach(() => {
         searchAddressMock.mockReset()

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

@@ -25,8 +25,8 @@ function makeHydra(total: number): HydraCollection<Client> {
 describe('useClientsRepository', () => {
     beforeEach(() => {
         mockGet.mockReset()
-        // 25 items → 3 pages a 10/page : permet de tester la navigation page 2.
-        mockGet.mockResolvedValue(makeHydra(25))
+        // 60 items → 3 pages a 25/page : permet de tester la navigation page 2.
+        mockGet.mockResolvedValue(makeHydra(60))
     })
 
     it('cible la ressource /clients en page 1 par defaut', async () => {
@@ -35,7 +35,7 @@ describe('useClientsRepository', () => {
 
         expect(mockGet).toHaveBeenLastCalledWith(
             '/clients',
-            { page: 1, itemsPerPage: 10 },
+            { page: 1, itemsPerPage: 25 },
             expect.objectContaining({ toast: false }),
         )
     })
@@ -65,7 +65,7 @@ describe('useClientsRepository', () => {
                 'siteId[]': ['1', '2'],
                 archivedOnly: true,
                 page: 1,
-                itemsPerPage: 10,
+                itemsPerPage: 25,
             },
             expect.objectContaining({ toast: false }),
         )
@@ -78,7 +78,7 @@ describe('useClientsRepository', () => {
 
         expect(mockGet).toHaveBeenLastCalledWith(
             '/clients',
-            { page: 1, itemsPerPage: 10 },
+            { page: 1, itemsPerPage: 25 },
             expect.objectContaining({ toast: false }),
         )
     })

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

@@ -25,8 +25,8 @@ function makeHydra(total: number): HydraCollection<Supplier> {
 describe('useSuppliersRepository', () => {
     beforeEach(() => {
         mockGet.mockReset()
-        // 25 items → 3 pages a 10/page : permet de tester la navigation page 2.
-        mockGet.mockResolvedValue(makeHydra(25))
+        // 60 items → 3 pages a 25/page : permet de tester la navigation page 2.
+        mockGet.mockResolvedValue(makeHydra(60))
     })
 
     it('cible la ressource /suppliers en page 1 par defaut', async () => {
@@ -35,7 +35,7 @@ describe('useSuppliersRepository', () => {
 
         expect(mockGet).toHaveBeenLastCalledWith(
             '/suppliers',
-            { page: 1, itemsPerPage: 10 },
+            { page: 1, itemsPerPage: 25 },
             expect.objectContaining({ toast: false }),
         )
     })
@@ -65,7 +65,7 @@ describe('useSuppliersRepository', () => {
                 'siteId[]': ['86', '17'],
                 archivedOnly: true,
                 page: 1,
-                itemsPerPage: 10,
+                itemsPerPage: 25,
             },
             expect.objectContaining({ toast: false }),
         )
@@ -78,7 +78,7 @@ describe('useSuppliersRepository', () => {
 
         expect(mockGet).toHaveBeenLastCalledWith(
             '/suppliers',
-            { page: 1, itemsPerPage: 10 },
+            { page: 1, itemsPerPage: 25 },
             expect.objectContaining({ toast: false }),
         )
     })

frontend/modules/commercial/composables/useClientsRepository.ts

@@ -49,5 +49,6 @@ export interface Client {
  * gerer.
  */
 export function useClientsRepository() {
-    return usePaginatedList<Client>({ url: '/clients' })
+    // Pagination par defaut a 25 sur le repertoire (retour metier ERP-193).
+    return usePaginatedList<Client>({ url: '/clients', defaultItemsPerPage: 25 })
 }

frontend/modules/commercial/composables/useSuppliersRepository.ts

@@ -51,5 +51,6 @@ export interface Supplier {
  * `usePaginatedList`. Aucun reset au logout a gerer.
  */
 export function useSuppliersRepository() {
-    return usePaginatedList<Supplier>({ url: '/suppliers' })
+    // Pagination par defaut a 25 sur le repertoire (retour metier ERP-193).
+    return usePaginatedList<Supplier>({ url: '/suppliers', defaultItemsPerPage: 25 })
 }

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

@@ -6,6 +6,7 @@
                 icon="mdi:arrow-left-bold"
                 icon-size="24"
                 variant="ghost"
+                :title="t('commercial.clients.edit.back')"
                 v-bind="{ ariaLabel: t('commercial.clients.edit.back') }"
                 @click="goBack"
             />
@@ -25,9 +26,10 @@
             <div class="mt-[48px] grid grid-cols-3 xl:grid-cols-4 gap-x-[44px] gap-y-4">
                 <MalioInputText
                     v-model="main.companyName"
+                    :mask="FREE_TEXT_MASK"
                     :label="t('commercial.clients.form.main.companyName')"
                     :required="true"
-                    :readonly="businessReadonly"
+                    :disabled="businessReadonly"
                     :error="mainErrors.errors.companyName"
                 />
                 <MalioSelectCheckbox
@@ -35,7 +37,7 @@
                     :options="mainCategoryOptions"
                     :label="t('commercial.clients.form.main.categories')"
                     :display-tag="true"
-                    :readonly="businessReadonly"
+                    :disabled="businessReadonly"
                     :required="true"
                     :error="mainErrors.errors.categories"
                     @update:model-value="(v: (string | number)[]) => main.categoryIris = v.map(String)"
@@ -46,7 +48,7 @@
                     :options="relationOptions"
                     :label="t('commercial.clients.form.main.relation')"
                     :empty-option-label="t('commercial.clients.form.main.relationNone')"
-                    :readonly="businessReadonly"
+                    :disabled="businessReadonly"
                     @update:model-value="onRelationChange"
                 />
                 <MalioSelect
@@ -54,7 +56,7 @@
                     :model-value="main.brokerIri"
                     :options="brokerOptions"
                     :label="t('commercial.clients.form.main.brokerName')"
-                    :readonly="businessReadonly"
+                    :disabled="businessReadonly"
                     :required="true"
                     :error="mainErrors.errors.broker"
                     @update:model-value="(v: string | number | null) => main.brokerIri = v === null ? null : String(v)"
@@ -64,7 +66,7 @@
                     :model-value="main.distributorIri"
                     :options="distributorOptions"
                     :label="t('commercial.clients.form.main.distributorName')"
-                    :readonly="businessReadonly"
+                    :disabled="businessReadonly"
                     :required="true"
                     :error="mainErrors.errors.distributor"
                     @update:model-value="(v: string | number | null) => main.distributorIri = v === null ? null : String(v)"
@@ -74,7 +76,7 @@
                     v-model="main.triageService"
                     :label="t('commercial.clients.form.main.triageService')"
                     group-class="self-center"
-                    :readonly="businessReadonly"
+                    :disabled="businessReadonly"
                 />
             </div>
 
@@ -101,20 +103,24 @@
                             resize="none"
                             group-class="row-span-2 pt-1 pb-1"
                             text-input="h-full text-lg"
-                            :readonly="businessReadonly"
+                            :disabled="businessReadonly"
                             :error="informationErrors.errors.description"
                         />
                         <MalioInputText
                             v-model="information.competitors"
+                            :mask="FREE_TEXT_MASK"
                             :label="t('commercial.clients.form.information.competitors')"
-                            :readonly="businessReadonly"
+                            :disabled="businessReadonly"
                             :error="informationErrors.errors.competitors"
                         />
+                        <!-- Date de creation jamais dans le futur (ERP-193) : :max plafonne
+                             le calendrier a aujourd'hui et invalide une saisie future. -->
                         <MalioDate
                             v-model="information.foundedAt"
                             :label="t('commercial.clients.form.information.foundedAt')"
-                            :readonly="businessReadonly"
+                            :disabled="businessReadonly"
                             :editable="true"
+                            :max="maxFoundedAt"
                             :error="informationErrors.errors.foundedAt"
                             @update:raw-value="(v: string) => information.foundedAtRaw = v"
                         />
@@ -122,25 +128,30 @@
                             v-model="information.employeesCount"
                             :label="t('commercial.clients.form.information.employeesCount')"
                             :mask="EMPLOYEES_MASK"
-                            :readonly="businessReadonly"
+                            :disabled="businessReadonly"
                             :error="informationErrors.errors.employeesCount"
                         />
+                        <!-- CA plafonne a 999 999 999 999,99 (ERP-193) : clamp a la saisie,
+                             :key force le re-affichage quand on plafonne (modelValue inchange). -->
                         <MalioInputAmount
-                            v-model="information.revenueAmount"
+                            :key="revenueAmountKey"
+                            :model-value="information.revenueAmount"
                             :label="t('commercial.clients.form.information.revenueAmount')"
-                            :readonly="businessReadonly"
+                            :disabled="businessReadonly"
                             :error="informationErrors.errors.revenueAmount"
+                            @update:model-value="onRevenueAmountInput"
                         />
                         <MalioInputText
                             v-model="information.directorName"
+                            :mask="PERSON_NAME_MASK"
                             :label="t('commercial.clients.form.information.directorName')"
-                            :readonly="businessReadonly"
+                            :disabled="businessReadonly"
                             :error="informationErrors.errors.directorName"
                         />
                         <MalioInputAmount
                             v-model="information.profitAmount"
                             :label="t('commercial.clients.form.information.profitAmount')"
-                            :readonly="businessReadonly"
+                            :disabled="businessReadonly"
                             :error="informationErrors.errors.profitAmount"
                         />
                     </div>
@@ -167,7 +178,8 @@
                             :model-value="contact"
                             :title="t('commercial.clients.form.contact.title', { n: index + 1 })"
                             :removable="isRowRemovable(contacts, index)"
-                            :readonly="businessReadonly"
+                            :last="index === contacts.length - 1"
+                            :disabled="businessReadonly"
                             :errors="contactErrors[index]"
                             @update:model-value="(v) => contacts[index] = v"
                             @remove="askRemoveContact(index)"
@@ -199,12 +211,13 @@
                             :key="address.id ?? `new-${index}`"
                             :model-value="address"
                             :title="t('commercial.clients.form.address.title', { n: index + 1 })"
+                            :last="index === addresses.length - 1"
                             :category-options="addressCategoryOptions"
                             :site-options="siteOptions"
                             :contact-options="contactOptions"
                             :country-options="countryOptions"
                             :removable="isRowRemovable(addresses, index)"
-                            :readonly="businessReadonly"
+                            :disabled="businessReadonly"
                             :errors="addressErrors[index]"
                             @update:model-value="(v) => addresses[index] = v"
                             @remove="askRemoveAddress(index)"
@@ -233,20 +246,23 @@
                      editable uniquement si accounting.manage). -->
                 <template v-if="canAccountingView" #accounting>
                     <div class="mt-12 flex flex-col gap-6">
-                        <div class="bg-white py-4 pl-[28px] pr-[60px] shadow-[0_4px_4px_0_rgba(0,0,0,0.25)]">
-                            <div class="grid grid-cols-4 gap-x-[44px] gap-y-4">
+                        <!-- Bloc infos comptables : titre + filet bas (filet uniquement s'il y a des RIB en dessous). -->
+                        <div class="pb-[20px]" :class="{ 'border-b border-black': visibleRibs.length > 0 }">
+                            <h2 class="text-[20px] font-semibold text-black">{{ t('commercial.clients.form.accounting.infoTitle') }}</h2>
+                            <div class="mt-6 grid grid-cols-4 gap-x-[44px] gap-y-4">
                                 <MalioInputText
                                     v-model="accounting.siren"
                                     :label="t('commercial.clients.form.accounting.siren')"
                                     :mask="SIREN_MASK"
-                                    :readonly="accountingReadonly"
+                                    :disabled="accountingReadonly"
                                     :required="true"
                                     :error="accountingErrors.errors.siren"
                                 />
                                 <MalioInputText
                                     v-model="accounting.accountNumber"
+                                    :mask="CODE_ALNUM_MASK"
                                     :label="t('commercial.clients.form.accounting.accountNumber')"
-                                    :readonly="accountingReadonly"
+                                    :disabled="accountingReadonly"
                                     :required="true"
                                     :error="accountingErrors.errors.accountNumber"
                                 />
@@ -254,7 +270,7 @@
                                     :model-value="accounting.tvaModeIri"
                                     :options="tvaModeOptions"
                                     :label="t('commercial.clients.form.accounting.tvaMode')"
-                                    :readonly="accountingReadonly"
+                                    :disabled="accountingReadonly"
                                     empty-option-label=""
                                     :required="true"
                                     :error="accountingErrors.errors.tvaMode"
@@ -262,8 +278,9 @@
                                 />
                                 <MalioInputText
                                     v-model="accounting.nTva"
+                                    :mask="CODE_ALNUM_MASK"
                                     :label="t('commercial.clients.form.accounting.nTva')"
-                                    :readonly="accountingReadonly"
+                                    :disabled="accountingReadonly"
                                     :required="true"
                                     :error="accountingErrors.errors.nTva"
                                 />
@@ -271,7 +288,7 @@
                                     :model-value="accounting.paymentDelayIri"
                                     :options="paymentDelayOptions"
                                     :label="t('commercial.clients.form.accounting.paymentDelay')"
-                                    :readonly="accountingReadonly"
+                                    :disabled="accountingReadonly"
                                     empty-option-label=""
                                     :required="true"
                                     :error="accountingErrors.errors.paymentDelay"
@@ -281,7 +298,7 @@
                                     :model-value="accounting.paymentTypeIri"
                                     :options="paymentTypeOptions"
                                     :label="t('commercial.clients.form.accounting.paymentType')"
-                                    :readonly="accountingReadonly"
+                                    :disabled="accountingReadonly"
                                     empty-option-label=""
                                     :required="true"
                                     :error="accountingErrors.errors.paymentType"
@@ -292,7 +309,7 @@
                                     :model-value="accounting.bankIri"
                                     :options="bankOptions"
                                     :label="t('commercial.clients.form.accounting.bank')"
-                                    :readonly="accountingReadonly"
+                                    :disabled="accountingReadonly"
                                     empty-option-label=""
                                     :required="true"
                                     :error="accountingErrors.errors.bank"
@@ -301,39 +318,47 @@
                             </div>
                         </div>
 
-                        <!-- Blocs RIB — affiches uniquement si type de reglement = LCR (RG-1.13). -->
+                        <!-- Blocs RIB — affiches uniquement si type de reglement = LCR (RG-1.13).
+                             Titre « RIB N » + poubelle, filet de separation sauf sous le dernier. -->
                         <div
                             v-for="(rib, index) in visibleRibs"
                             :key="rib.id ?? `new-${index}`"
-                            class="relative bg-white py-4 pl-[28px] pr-[60px] shadow-[0_4px_4px_0_rgba(0,0,0,0.25)]"
+                            class="pb-[20px]"
+                            :class="{ 'border-b border-black': index !== visibleRibs.length - 1 }"
                         >
-                            <MalioButtonIcon
-                                v-if="!accountingReadonly && isRowRemovable(visibleRibs, index)"
-                                icon="mdi:delete-outline"
-                                variant="ghost"
-                                button-class="absolute top-3 right-3"
-                                v-bind="{ ariaLabel: t('commercial.clients.form.accounting.removeRib') }"
-                                @click="askRemoveRib(index)"
-                            />
-                            <div class="grid grid-cols-4 gap-x-[44px] gap-y-4">
+                            <!-- En-tete : titre du bloc (noir) a gauche, poubelle a droite. -->
+                            <div class="flex items-center justify-between">
+                                <h2 class="text-[20px] font-semibold text-black">{{ t('commercial.clients.form.accounting.ribTitle', { n: index + 1 }) }}</h2>
+                                <MalioButtonIcon
+                                    v-if="!accountingReadonly && isRowRemovable(visibleRibs, index)"
+                                    icon="mdi:delete-outline"
+                                    variant="ghost"
+                                    button-class="p-0"
+                                    v-bind="{ ariaLabel: t('commercial.clients.form.accounting.removeRib') }"
+                                    @click="askRemoveRib(index)"
+                                />
+                            </div>
+                            <div class="mt-6 grid grid-cols-4 gap-x-[44px] gap-y-4">
                                 <MalioInputText
                                     v-model="rib.label"
                                     :label="t('commercial.clients.form.accounting.ribLabel')"
-                                    :readonly="accountingReadonly"
+                                    :disabled="accountingReadonly"
                                     :required="isRibRequired"
                                     :error="ribErrors[index]?.label"
                                 />
                                 <MalioInputText
                                     v-model="rib.bic"
+                                    :mask="CODE_ALNUM_MASK"
                                     :label="t('commercial.clients.form.accounting.ribBic')"
-                                    :readonly="accountingReadonly"
+                                    :disabled="accountingReadonly"
                                     :required="isRibRequired"
                                     :error="ribErrors[index]?.bic"
                                 />
                                 <MalioInputText
                                     v-model="rib.iban"
+                                    :mask="CODE_ALNUM_MASK"
                                     :label="t('commercial.clients.form.accounting.ribIban')"
-                                    :readonly="accountingReadonly"
+                                    :disabled="accountingReadonly"
                                     :required="isRibRequired"
                                     :error="ribErrors[index]?.iban"
                                 />
@@ -423,6 +448,9 @@ import {
     type InformationFormDraft,
     type MainFormDraft,
 } from '~/modules/commercial/utils/forms/clientEdit'
+import { clampRevenueAmount } from '~/modules/commercial/utils/forms/amountInput'
+import { todayIso } from '~/shared/utils/date'
+import { CODE_ALNUM_MASK, FREE_TEXT_MASK, PERSON_NAME_MASK } from '~/shared/utils/textSanitize'
 import {
     buildClientFormTabKeys,
     isAddressValid,
@@ -491,6 +519,22 @@ const headerTitle = computed(() => client.value?.companyName ?? t('commercial.cl
 const main = reactive<MainFormDraft>(mapMainDraft({} as ClientDetail))
 const information = reactive<InformationFormDraft>(mapInformationDraft({} as ClientDetail))
 const accounting = reactive<AccountingFormDraft>(mapAccountingFormDraft({} as ClientDetail))
+
+// Borne haute de la date de creation : aujourd'hui (ERP-193, pas de date future).
+const maxFoundedAt = todayIso()
+
+// CA plafonne a 999 999 999 999,99 (ERP-193). La :key force le re-affichage du
+// champ controle quand le plafonnement laisse le modelValue inchange.
+const revenueAmountKey = ref(0)
+
+/** Saisie du CA : plafonne au maximum metier et re-synchronise le champ si plafonne. */
+function onRevenueAmountInput(value: string | null): void {
+    const clamped = clampRevenueAmount(value)
+    information.revenueAmount = clamped ?? null
+    if (clamped !== value) {
+        revenueAmountKey.value += 1
+    }
+}
 const contacts = ref<ContactFormDraft[]>([])
 const addresses = ref<AddressFormDraft[]>([])
 const ribs = ref<RibFormDraft[]>([])
@@ -668,6 +712,11 @@ function showError(e: unknown, opts: { duplicateCompany?: boolean } = {}): void
     })
 }
 
+/** Toast de succès après suppression serveur confirmée d'un bloc (contact / adresse / RIB). */
+function notifyRemovalSuccess(): void {
+    toast.success({ title: t('success.title'), message: t('success.deleted') })
+}
+
 // ── Erreurs de validation par champ (ERP-101) ───────────────────────────────
 // Etat d'erreurs factorise avec l'ecran de creation (cf. useClientFormErrors) :
 // un `useFormErrors` par groupe scalaire + un tableau d'erreurs par ligne pour
@@ -767,6 +816,7 @@ function askRemoveContact(index: number): void {
         deleteRow: url => api.delete(url, {}, { toast: false }),
         makeEmpty: emptyContact,
         onError: showError,
+        onSuccess: notifyRemovalSuccess,
     }))
 }
 
@@ -844,6 +894,7 @@ function askRemoveAddress(index: number): void {
         deleteRow: url => api.delete(url, {}, { toast: false }),
         makeEmpty: emptyAddress,
         onError: showError,
+        onSuccess: notifyRemovalSuccess,
     }))
 }
 
@@ -944,6 +995,7 @@ function askRemoveRib(index: number): void {
         deleteRow: url => api.delete(url, {}, { toast: false }),
         makeEmpty: emptyRib,
         onError: showError,
+        onSuccess: notifyRemovalSuccess,
     }))
 }
 

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

@@ -6,6 +6,7 @@
                 icon="mdi:arrow-left-bold"
                 icon-size="24"
                 variant="ghost"
+                :title="t('commercial.clients.consultation.back')"
                 v-bind="{ ariaLabel: t('commercial.clients.consultation.back') }"
                 @click="goBack"
             />
@@ -23,7 +24,7 @@
                 />
                 <MalioButton
                     v-if="showArchive"
-                    variant="secondary"
+                    variant="danger"
                     icon-name="mdi:archive-arrow-down-outline"
                     icon-position="left"
                     :label="t('commercial.clients.action.archive')"
@@ -48,43 +49,51 @@
             <!-- ── Formulaire principal (lecture seule) ──────────────────────── -->
             <div class="mt-[48px] grid grid-cols-3 xl:grid-cols-4 gap-x-[44px] gap-y-4">
                 <MalioInputText
+                    v-if="isFilled(client.companyName)"
                     :model-value="client.companyName"
                     :label="t('commercial.clients.form.main.companyName')"
-                    readonly
+                    disabled
                 />
                 <MalioSelectCheckbox
+                    v-if="isFilled(categoryIris)"
                     :model-value="categoryIris"
                     :options="mainCategoryOptions"
                     :label="t('commercial.clients.form.main.categories')"
                     :display-tag="true"
-                    readonly
+                    disabled
                 />
-                <!-- Relation toujours affichee (vide = « Aucun »), comme en edition. -->
+                <!-- Relation : masquee en consultation si aucune (ERP-193) ; en edition
+                     elle reste toujours visible (vide = « Aucun »). -->
                 <MalioSelect
+                    v-if="isFilled(relation.type)"
                     :model-value="relation.type"
                     :options="relationOptions"
                     :label="t('commercial.clients.form.main.relation')"
                     :empty-option-label="t('commercial.clients.form.main.relationNone')"
-                    readonly
+                    disabled
                 />
                 <!-- Nom du distributeur/courtier : conditionnel (libelle type-dependant,
                      aucune valeur sans relation — meme comportement qu'en edition). -->
                 <MalioInputText
-                    v-if="relation.type"
+                    v-if="relation.type && isFilled(relation.name)"
                     :model-value="relation.name"
                     :label="relation.type === 'distributeur' ? t('commercial.clients.form.main.distributorName') : t('commercial.clients.form.main.brokerName')"
-                    readonly
+                    disabled
                 />
+                <!-- Service de triage : case a cocher masquee si non cochee (ERP-193). -->
                 <MalioCheckbox
+                    v-if="isFilled(client.triageService === true)"
                     :model-value="client.triageService === true"
                     :label="t('commercial.clients.form.main.triageService')"
                     group-class="self-center"
-                    readonly
+                    disabled
                 />
             </div>
 
             <!-- ── Onglets (navigation libre, tout en lecture seule) ─────────── -->
-            <MalioTabList v-model="activeTab" :tabs="tabs" :max-visible-tabs="5" :max-width="1100" class="mt-[60px]">
+            <!-- ERP-193 : on n'affiche la barre que s'il reste au moins un onglet
+                 non vide (sinon seul le bloc principal est visible). -->
+            <MalioTabList v-if="visibleTabKeys.length" v-model="activeTab" :tabs="tabs" :max-visible-tabs="5" :max-width="1100" class="mt-[60px]">
                 <!-- Onglet Information -->
                 <template #information>
                     <div class="mt-12 grid grid-cols-4 gap-x-[44px] gap-y-4 bg-white py-4 pl-[28px] pr-[60px] shadow-[0_4px_4px_0_rgba(0,0,0,0.25)]">
@@ -92,42 +101,49 @@
                              sur les inputs (champ 40px centre dans un h-12 -> ~4px de
                              coussin de chaque cote). -->
                         <MalioInputTextArea
+                            v-if="isFilled(information.description)"
                             :model-value="information.description"
                             :label="t('commercial.clients.form.information.description')"
                             resize="none"
                             group-class="row-span-2 pt-1 pb-1"
                             text-input="h-full text-lg"
-                            readonly
+                            disabled
                         />
                         <MalioInputText
+                            v-if="isFilled(information.competitors)"
                             :model-value="information.competitors"
                             :label="t('commercial.clients.form.information.competitors')"
-                            readonly
+                            disabled
                         />
                         <MalioDate
+                            v-if="isFilled(information.foundedAt)"
                             :model-value="information.foundedAt"
                             :label="t('commercial.clients.form.information.foundedAt')"
-                            readonly
+                            disabled
                         />
                         <MalioInputText
+                            v-if="isFilled(information.employeesCount)"
                             :model-value="information.employeesCount"
                             :label="t('commercial.clients.form.information.employeesCount')"
-                            readonly
+                            disabled
                         />
                         <MalioInputAmount
+                            v-if="isFilled(information.revenueAmount)"
                             :model-value="information.revenueAmount"
                             :label="t('commercial.clients.form.information.revenueAmount')"
-                            readonly
+                            disabled
                         />
                         <MalioInputText
+                            v-if="isFilled(information.directorName)"
                             :model-value="information.directorName"
                             :label="t('commercial.clients.form.information.directorName')"
-                            readonly
+                            disabled
                         />
                         <MalioInputAmount
+                            v-if="isFilled(information.profitAmount)"
                             :model-value="information.profitAmount"
                             :label="t('commercial.clients.form.information.profitAmount')"
-                            readonly
+                            disabled
                         />
                     </div>
                 </template>
@@ -140,7 +156,9 @@
                             :key="contact.id ?? index"
                             :model-value="contact"
                             :title="t('commercial.clients.form.contact.title', { n: index + 1 })"
-                            readonly
+                            :last="index === contacts.length - 1"
+                            disabled
+                            hide-empty
                         />
                     </div>
                 </template>
@@ -153,11 +171,13 @@
                             :key="view.draft.id ?? index"
                             :model-value="view.draft"
                             :title="t('commercial.clients.form.address.title', { n: index + 1 })"
+                            :last="index === addressViews.length - 1"
                             :category-options="view.categoryOptions"
                             :site-options="allSiteOptions"
                             :contact-options="contactOptions"
                             :country-options="countryOptions"
-                            readonly
+                            disabled
+                            hide-empty
                         />
                     </div>
                 </template>
@@ -165,44 +185,52 @@
                 <!-- Onglet Comptabilite (present uniquement si accounting.view). -->
                 <template v-if="canAccountingView" #accounting>
                     <div class="mt-12 flex flex-col gap-6">
-                        <div class="bg-white py-4 pl-[28px] pr-[60px] shadow-[0_4px_4px_0_rgba(0,0,0,0.25)]">
-                            <div class="grid grid-cols-4 gap-x-[44px] gap-y-4">
+                        <!-- Bloc infos comptables : titre + filet bas (filet uniquement s'il y a des RIB en dessous). -->
+                        <div class="pb-[20px]" :class="{ 'border-b border-black': ribs.length > 0 }">
+                            <h2 class="text-[20px] font-semibold text-black">{{ t('commercial.clients.form.accounting.infoTitle') }}</h2>
+                            <div class="mt-6 grid grid-cols-4 gap-x-[44px] gap-y-4">
                                 <MalioInputText
+                                    v-if="isFilled(accounting.siren)"
                                     :model-value="accounting.siren"
                                     :label="t('commercial.clients.form.accounting.siren')"
                                     :mask="SIREN_MASK"
-                                    readonly
+                                    disabled
                                 />
                                 <MalioInputText
+                                    v-if="isFilled(accounting.accountNumber)"
                                     :model-value="accounting.accountNumber"
                                     :label="t('commercial.clients.form.accounting.accountNumber')"
-                                    readonly
+                                    disabled
                                 />
                                 <MalioSelect
+                                    v-if="isFilled(accounting.tvaModeIri)"
                                     :model-value="accounting.tvaModeIri"
                                     :options="tvaModeOptions"
                                     :label="t('commercial.clients.form.accounting.tvaMode')"
                                     empty-option-label=""
-                                    readonly
+                                    disabled
                                 />
                                 <MalioInputText
+                                    v-if="isFilled(accounting.nTva)"
                                     :model-value="accounting.nTva"
                                     :label="t('commercial.clients.form.accounting.nTva')"
-                                    readonly
+                                    disabled
                                 />
                                 <MalioSelect
+                                    v-if="isFilled(accounting.paymentDelayIri)"
                                     :model-value="accounting.paymentDelayIri"
                                     :options="paymentDelayOptions"
                                     :label="t('commercial.clients.form.accounting.paymentDelay')"
                                     empty-option-label=""
-                                    readonly
+                                    disabled
                                 />
                                 <MalioSelect
+                                    v-if="isFilled(accounting.paymentTypeIri)"
                                     :model-value="accounting.paymentTypeIri"
                                     :options="paymentTypeOptions"
                                     :label="t('commercial.clients.form.accounting.paymentType')"
                                     empty-option-label=""
-                                    readonly
+                                    disabled
                                 />
                                 <MalioSelect
                                     v-if="accounting.bankIri"
@@ -210,43 +238,46 @@
                                     :options="bankOptions"
                                     :label="t('commercial.clients.form.accounting.bank')"
                                     empty-option-label=""
-                                    readonly
+                                    disabled
                                 />
                             </div>
                         </div>
 
-                        <!-- Blocs RIB (0..n), lecture seule. -->
+                        <!-- Blocs RIB (0..n), lecture seule.
+                             Titre « RIB N », filet de separation sauf sous le dernier. -->
                         <div
                             v-for="(rib, index) in ribs"
                             :key="rib.id ?? index"
-                            class="bg-white py-4 pl-[28px] pr-[60px] shadow-[0_4px_4px_0_rgba(0,0,0,0.25)]"
+                            class="pb-[20px]"
+                            :class="{ 'border-b border-black': index !== ribs.length - 1 }"
                         >
-                            <div class="grid grid-cols-4 gap-x-[44px] gap-y-4">
+                            <h2 class="text-[20px] font-semibold text-black">{{ t('commercial.clients.form.accounting.ribTitle', { n: index + 1 }) }}</h2>
+                            <div class="mt-6 grid grid-cols-4 gap-x-[44px] gap-y-4">
                                 <MalioInputText
+                                    v-if="isFilled(rib.label)"
                                     :model-value="rib.label"
                                     :label="t('commercial.clients.form.accounting.ribLabel')"
-                                    readonly
+                                    disabled
                                 />
                                 <MalioInputText
+                                    v-if="isFilled(rib.bic)"
                                     :model-value="rib.bic"
                                     :label="t('commercial.clients.form.accounting.ribBic')"
-                                    readonly
+                                    disabled
                                 />
                                 <MalioInputText
+                                    v-if="isFilled(rib.iban)"
                                     :model-value="rib.iban"
                                     :label="t('commercial.clients.form.accounting.ribIban')"
-                                    readonly
+                                    disabled
                                 />
                             </div>
                         </div>
                     </div>
                 </template>
-
-                <!-- Onglets non encore implementes : frame vide (navigation libre). -->
-                <template #transport><ComingSoonPlaceholder /></template>
-                <template #statistics><ComingSoonPlaceholder /></template>
-                <template #reports><ComingSoonPlaceholder /></template>
-                <template #exchanges><ComingSoonPlaceholder /></template>
+                <!-- ERP-193 : les onglets « a venir » (Transport / Statistiques /
+                     Rapports / Echanges) ne sont plus rendus en consultation
+                     (masquage des onglets vides) — slots supprimes. -->
             </MalioTabList>
         </template>
 
@@ -278,13 +309,14 @@
 </template>
 
 <script setup lang="ts">
-import { computed, onMounted, ref } from 'vue'
+import { computed, onMounted, ref, watch } from 'vue'
 import { useClient } from '~/modules/commercial/composables/useClient'
-import { buildClientFormTabKeys, isRibRequiredForPaymentType } from '~/modules/commercial/utils/forms/clientFormRules'
+import { isRibRequiredForPaymentType } from '~/modules/commercial/utils/forms/clientFormRules'
 import { readHistoryTab } from '~/shared/utils/historyTab'
 import {
     canEditClient,
     categoryOptionsOf,
+    clientConsultationVisibleTabs,
     contactOptionsOf,
     mapAccountingDraft,
     mapAddressView,
@@ -299,6 +331,7 @@ import {
     type SelectOption,
 } from '~/modules/commercial/utils/forms/clientConsultation'
 import { emptyAddress, emptyContact } from '~/modules/commercial/types/clientForm'
+import { isFilled } from '~/shared/utils/consultationDisplay'
 
 // Masque d'affichage (purement visuel, la donnee reste celle du serveur).
 const SIREN_MASK = '#########'
@@ -412,9 +445,11 @@ const paymentTypeOptions = computed(() => referentialOptionOf(client.value?.paym
 const bankOptions = computed(() => referentialOptionOf(client.value?.bank))
 
 // ── Onglets : navigation LIBRE (pas de sequence forcee en consultation) ────
-// 4 onglets actifs (Information, Contact, Adresse, + Comptabilite si droit) et
-// 4 coquilles (Transport, Statistiques, Rapports, Echanges).
-const tabKeys = computed(() => buildClientFormTabKeys(canAccountingView.value, { includeEditOnlyTabs: true }))
+// ERP-193 (retour metier) : on masque les coquilles non implementees ET tout
+// onglet de donnees vide. La liste depend donc du payload charge.
+const visibleTabKeys = computed(() => clientConsultationVisibleTabs(client.value, {
+    canAccountingView: canAccountingView.value,
+}))
 
 const TAB_ICONS: Record<string, string> = {
     information: 'mdi:account-outline',
@@ -427,14 +462,26 @@ const TAB_ICONS: Record<string, string> = {
     exchanges: 'mdi:account-group-outline',
 }
 
-const tabs = computed(() => tabKeys.value.map(key => ({
+const tabs = computed(() => visibleTabKeys.value.map(key => ({
     key,
     label: t(`commercial.clients.tab.${key}`),
     icon: TAB_ICONS[key],
 })))
 
-// Onglet initial : repris de l'edition au retour (history.state), sinon Information.
-const activeTab = ref(readHistoryTab(tabKeys.value) ?? 'information')
+// Onglet initial : vide tant que le client n'est pas charge. Des que la liste
+// des onglets visibles est connue, on cale sur l'onglet repris de l'edition
+// (history.state) s'il est encore visible, sinon le premier onglet visible.
+// Un watcher recale aussi si l'onglet courant disparait (ex: changement de droit).
+const activeTab = ref('')
+watch(visibleTabKeys, (keys) => {
+    if (keys.length === 0) {
+        activeTab.value = ''
+        return
+    }
+    if (!keys.includes(activeTab.value)) {
+        activeTab.value = readHistoryTab(keys) ?? keys[0]
+    }
+}, { immediate: true })
 
 // ── Navigation ─────────────────────────────────────────────────────────────
 function goBack(): void {

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

@@ -43,7 +43,7 @@
             @update:page="goToPage"
             @update:per-page="setItemsPerPage"
         >
-            <!-- Categories : codes stables separes par une virgule (ERP-78). -->
+            <!-- Categories : libelles (name) separes par une virgule (ERP-193). -->
             <template #cell-categories="{ item }">
                 {{ formatCategories(item) }}
             </template>
@@ -209,10 +209,10 @@ const columns = [
     { key: 'lastActivity', label: t('commercial.clients.column.lastActivity') },
 ]
 
-/** Codes des categories du client, separes par une virgule (ERP-78). */
+/** Libelles (name) des categories du client, separes par une virgule (ERP-193). */
 function formatCategories(item: Record<string, unknown>): string {
     const categories = (item.categories as Client['categories']) ?? []
-    return categories.map(c => c.code).join(', ')
+    return categories.map(c => c.name).join(', ')
 }
 
 /**

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

@@ -6,6 +6,7 @@
                 icon="mdi:arrow-left-bold"
                 icon-size="24"
                 variant="ghost"
+                :title="t('commercial.clients.form.back')"
                 v-bind="{ ariaLabel: t('commercial.clients.form.back') }"
                 @click="goBack"
             />
@@ -19,9 +20,10 @@
         <div class="mt-[48px] grid grid-cols-3 xl:grid-cols-4 gap-x-[44px] gap-y-4">
             <MalioInputText
                 v-model="main.companyName"
+                :mask="FREE_TEXT_MASK"
                 :label="t('commercial.clients.form.main.companyName')"
                 :required="true"
-                :readonly="mainLocked"
+                :disabled="mainLocked"
                 :error="mainErrors.errors.companyName"
             />
             <MalioSelectCheckbox
@@ -29,7 +31,7 @@
                 :options="referentials.categories.value"
                 :label="t('commercial.clients.form.main.categories')"
                 :display-tag="true"
-                :readonly="mainLocked"
+                :disabled="mainLocked"
                 :required="true"
                 :error="mainErrors.errors.categories"
                 @update:model-value="(v: (string | number)[]) => main.categoryIris = v.map(String)"
@@ -40,7 +42,7 @@
                 :options="relationOptions"
                 :label="t('commercial.clients.form.main.relation')"
                 :empty-option-label="t('commercial.clients.form.main.relationNone')"
-                :readonly="mainLocked"
+                :disabled="mainLocked"
                 @update:model-value="onRelationChange"
             />
             <MalioSelect
@@ -48,7 +50,7 @@
                 :model-value="main.brokerIri"
                 :options="referentials.brokers.value"
                 :label="t('commercial.clients.form.main.brokerName')"
-                :readonly="mainLocked"
+                :disabled="mainLocked"
                 :required="true"
                 :error="mainErrors.errors.broker"
                 @update:model-value="(v: string | number | null) => main.brokerIri = v === null ? null : String(v)"
@@ -58,7 +60,7 @@
                 :model-value="main.distributorIri"
                 :options="referentials.distributors.value"
                 :label="t('commercial.clients.form.main.distributorName')"
-                :readonly="mainLocked"
+                :disabled="mainLocked"
                 :required="true"
                 :error="mainErrors.errors.distributor"
                 @update:model-value="(v: string | number | null) => main.distributorIri = v === null ? null : String(v)"
@@ -68,7 +70,7 @@
                 v-model="main.triageService"
                 :label="t('commercial.clients.form.main.triageService')"
                 group-class="self-center"
-                :readonly="mainLocked"
+                :disabled="mainLocked"
             />
         </div>
 
@@ -96,20 +98,24 @@
                         resize="none"
                         group-class="row-span-2 pt-1 pb-1"
                         text-input="h-full text-lg"
-                        :readonly="isValidated('information')"
+                        :disabled="isValidated('information')"
                         :error="informationErrors.errors.description"
                     />
                     <MalioInputText
                         v-model="information.competitors"
+                        :mask="FREE_TEXT_MASK"
                         :label="t('commercial.clients.form.information.competitors')"
-                        :readonly="isValidated('information')"
+                        :disabled="isValidated('information')"
                         :error="informationErrors.errors.competitors"
                     />
+                    <!-- Date de creation jamais dans le futur (ERP-193) : :max plafonne
+                         le calendrier a aujourd'hui et invalide une saisie future. -->
                     <MalioDate
                         v-model="information.foundedAt"
                         :label="t('commercial.clients.form.information.foundedAt')"
-                        :readonly="isValidated('information')"
+                        :disabled="isValidated('information')"
                         :editable="true"
+                        :max="maxFoundedAt"
                         :error="informationErrors.errors.foundedAt"
                         @update:raw-value="(v: string) => information.foundedAtRaw = v"
                     />
@@ -117,37 +123,42 @@
                         v-model="information.employeesCount"
                         :label="t('commercial.clients.form.information.employeesCount')"
                         :mask="EMPLOYEES_MASK"
-                        :readonly="isValidated('information')"
+                        :disabled="isValidated('information')"
                         :error="informationErrors.errors.employeesCount"
                     />
+                    <!-- CA plafonne a 999 999 999 999,99 (ERP-193) : clamp a la saisie,
+                         :key force le re-affichage quand on plafonne (modelValue inchange). -->
                     <MalioInputAmount
-                        v-model="information.revenueAmount"
+                        :key="revenueAmountKey"
+                        :model-value="information.revenueAmount"
                         :label="t('commercial.clients.form.information.revenueAmount')"
-                        :readonly="isValidated('information')"
+                        :disabled="isValidated('information')"
                         :error="informationErrors.errors.revenueAmount"
+                        @update:model-value="onRevenueAmountInput"
                     />
                     <MalioInputText
                         v-model="information.directorName"
+                        :mask="PERSON_NAME_MASK"
                         :label="t('commercial.clients.form.information.directorName')"
-                        :readonly="isValidated('information')"
+                        :disabled="isValidated('information')"
                         :error="informationErrors.errors.directorName"
                     />
                     <MalioInputAmount
                         v-model="information.profitAmount"
                         :label="t('commercial.clients.form.information.profitAmount')"
-                        :readonly="isValidated('information')"
+                        :disabled="isValidated('information')"
                         :error="informationErrors.errors.profitAmount"
                     />
                 </div>
-                <div v-if="!isValidated('information')" class="mt-12 flex justify-center">
-                    <!-- Desactive tant que le client n'est pas cree (evite un PATCH
-                         avant le POST si clic trop tot, Information etant l'onglet
-                         actif par defaut). Onglet facultatif : un enregistrement a
-                         vide reste possible, c'est le back qui valide. -->
+                <!-- Masque tant que le client n'est pas cree : Information etant
+                     l'onglet actif par defaut, son Valider ne doit pas apparaitre a
+                     cote de celui du formulaire principal (ERP-193). Onglet facultatif :
+                     un enregistrement a vide reste possible, c'est le back qui valide. -->
+                <div v-if="!isValidated('information') && clientId !== null" class="mt-12 flex justify-center">
                     <MalioButton
                         variant="primary"
                         :label="t('commercial.clients.form.submit')"
-                        :disabled="tabSubmitting || clientId === null"
+                        :disabled="tabSubmitting"
                         @click="submitInformation"
                     />
                 </div>
@@ -166,7 +177,8 @@
                         :model-value="contact"
                         :title="t('commercial.clients.form.contact.title', { n: index + 1 })"
                         :removable="isRowRemovable(contacts, index)"
-                        :readonly="isValidated('contact')"
+                        :last="index === contacts.length - 1"
+                        :disabled="isValidated('contact')"
                         :errors="contactErrors[index]"
                         @update:model-value="(v) => contacts[index] = v"
                         @remove="askRemoveContact(index)"
@@ -198,12 +210,13 @@
                         :key="index"
                         :model-value="address"
                         :title="t('commercial.clients.form.address.title', { n: index + 1 })"
+                        :last="index === addresses.length - 1"
                         :category-options="addressCategoryOptions"
                         :site-options="referentials.sites.value"
                         :contact-options="contactOptions"
                         :country-options="countryOptions"
                         :removable="isRowRemovable(addresses, index)"
-                        :readonly="isValidated('address')"
+                        :disabled="isValidated('address')"
                         :errors="addressErrors[index]"
                         @update:model-value="(v) => addresses[index] = v"
                         @remove="askRemoveAddress(index)"
@@ -231,20 +244,23 @@
             <!-- Onglet Comptabilite (present uniquement si accounting.view) -->
             <template v-if="canAccountingView" #accounting>
                 <div class="mt-12 flex flex-col gap-6">
-                    <div class="bg-white py-4 pl-[28px] pr-[60px] shadow-[0_4px_4px_0_rgba(0,0,0,0.25)]">
-                        <div class="grid grid-cols-4 gap-x-[44px] gap-y-4">
+                    <!-- Bloc infos comptables : titre + filet bas (filet uniquement s'il y a des RIB en dessous). -->
+                    <div class="pb-[20px]" :class="{ 'border-b border-black': visibleRibs.length > 0 }">
+                        <h2 class="text-[20px] font-semibold text-black">{{ t('commercial.clients.form.accounting.infoTitle') }}</h2>
+                        <div class="mt-6 grid grid-cols-4 gap-x-[44px] gap-y-4">
                             <MalioInputText
                                 v-model="accounting.siren"
                                 :label="t('commercial.clients.form.accounting.siren')"
                                 :mask="SIREN_MASK"
-                                :readonly="accountingReadonly"
+                                :disabled="accountingReadonly"
                                 :required="true"
                                 :error="accountingErrors.errors.siren"
                             />
                             <MalioInputText
                                 v-model="accounting.accountNumber"
+                                :mask="CODE_ALNUM_MASK"
                                 :label="t('commercial.clients.form.accounting.accountNumber')"
-                                :readonly="accountingReadonly"
+                                :disabled="accountingReadonly"
                                 :required="true"
                                 :error="accountingErrors.errors.accountNumber"
                             />
@@ -252,7 +268,7 @@
                                 :model-value="accounting.tvaModeIri"
                                 :options="referentials.tvaModes.value"
                                 :label="t('commercial.clients.form.accounting.tvaMode')"
-                                :readonly="accountingReadonly"
+                                :disabled="accountingReadonly"
                                 empty-option-label=""
                                 :required="true"
                                 :error="accountingErrors.errors.tvaMode"
@@ -260,8 +276,9 @@
                             />
                             <MalioInputText
                                 v-model="accounting.nTva"
+                                :mask="CODE_ALNUM_MASK"
                                 :label="t('commercial.clients.form.accounting.nTva')"
-                                :readonly="accountingReadonly"
+                                :disabled="accountingReadonly"
                                 :required="true"
                                 :error="accountingErrors.errors.nTva"
                             />
@@ -269,7 +286,7 @@
                                 :model-value="accounting.paymentDelayIri"
                                 :options="referentials.paymentDelays.value"
                                 :label="t('commercial.clients.form.accounting.paymentDelay')"
-                                :readonly="accountingReadonly"
+                                :disabled="accountingReadonly"
                                 empty-option-label=""
                                 :required="true"
                                 :error="accountingErrors.errors.paymentDelay"
@@ -279,7 +296,7 @@
                                 :model-value="accounting.paymentTypeIri"
                                 :options="referentials.paymentTypes.value"
                                 :label="t('commercial.clients.form.accounting.paymentType')"
-                                :readonly="accountingReadonly"
+                                :disabled="accountingReadonly"
                                 empty-option-label=""
                                 :required="true"
                                 :error="accountingErrors.errors.paymentType"
@@ -290,7 +307,7 @@
                                 :model-value="accounting.bankIri"
                                 :options="referentials.banks.value"
                                 :label="t('commercial.clients.form.accounting.bank')"
-                                :readonly="accountingReadonly"
+                                :disabled="accountingReadonly"
                                 empty-option-label=""
                                 :required="true"
                                 :error="accountingErrors.errors.bank"
@@ -299,40 +316,48 @@
                         </div>
                     </div>
 
-                    <!-- Blocs RIB — affiches uniquement si type de reglement = LCR (RG-1.13). -->
+                    <!-- Blocs RIB — affiches uniquement si type de reglement = LCR (RG-1.13).
+                         Titre « RIB N » + poubelle, filet de separation sauf sous le dernier. -->
                     <div
                         v-for="(rib, index) in visibleRibs"
                         :key="index"
-                        class="relative bg-white py-4 pl-[28px] pr-[60px] shadow-[0_4px_4px_0_rgba(0,0,0,0.25)]"
+                        class="pb-[20px]"
+                        :class="{ 'border-b border-black': index !== visibleRibs.length - 1 }"
                     >
-                        <!-- ariaLabel via v-bind objet (prop camelCase ; aria-* serait un attribut HTML). -->
-                        <MalioButtonIcon
-                            v-if="!accountingReadonly && isRowRemovable(visibleRibs, index)"
-                            icon="mdi:delete-outline"
-                            variant="ghost"
-                            button-class="absolute top-3 right-3"
-                            v-bind="{ ariaLabel: t('commercial.clients.form.accounting.removeRib') }"
-                            @click="askRemoveRib(index)"
-                        />
-                        <div class="grid grid-cols-4 gap-x-[44px] gap-y-4">
+                        <!-- En-tete : titre du bloc (noir) a gauche, poubelle a droite. -->
+                        <div class="flex items-center justify-between">
+                            <h2 class="text-[20px] font-semibold text-black">{{ t('commercial.clients.form.accounting.ribTitle', { n: index + 1 }) }}</h2>
+                            <!-- ariaLabel via v-bind objet (prop camelCase ; aria-* serait un attribut HTML). -->
+                            <MalioButtonIcon
+                                v-if="!accountingReadonly && isRowRemovable(visibleRibs, index)"
+                                icon="mdi:delete-outline"
+                                variant="ghost"
+                                button-class="p-0"
+                                v-bind="{ ariaLabel: t('commercial.clients.form.accounting.removeRib') }"
+                                @click="askRemoveRib(index)"
+                            />
+                        </div>
+                        <div class="mt-6 grid grid-cols-4 gap-x-[44px] gap-y-4">
                             <MalioInputText
                                 v-model="rib.label"
                                 :label="t('commercial.clients.form.accounting.ribLabel')"
-                                :readonly="accountingReadonly"
+                                :disabled="accountingReadonly"
                                 :required="isRibRequired"
                                 :error="ribErrors[index]?.label"
                             />
                             <MalioInputText
                                 v-model="rib.bic"
+                                :mask="CODE_ALNUM_MASK"
                                 :label="t('commercial.clients.form.accounting.ribBic')"
-                                :readonly="accountingReadonly"
+                                :disabled="accountingReadonly"
                                 :required="isRibRequired"
                                 :error="ribErrors[index]?.bic"
                             />
                             <MalioInputText
                                 v-model="rib.iban"
+                                :mask="CODE_ALNUM_MASK"
                                 :label="t('commercial.clients.form.accounting.ribIban')"
-                                :readonly="accountingReadonly"
+                                :disabled="accountingReadonly"
                                 :required="isRibRequired"
                                 :error="ribErrors[index]?.iban"
                             />
@@ -407,6 +432,9 @@ import {
     lastFillableTabKey,
     showsRelationAndTriageFields,
 } from '~/modules/commercial/utils/forms/clientFormRules'
+import { clampRevenueAmount } from '~/modules/commercial/utils/forms/amountInput'
+import { todayIso } from '~/shared/utils/date'
+import { CODE_ALNUM_MASK, FREE_TEXT_MASK, PERSON_NAME_MASK } from '~/shared/utils/textSanitize'
 import {
     buildAddressPayload,
     buildMainPayload,
@@ -665,6 +693,22 @@ const information = reactive({
     directorName: null as string | null,
 })
 
+// Borne haute de la date de creation : aujourd'hui (ERP-193, pas de date future).
+const maxFoundedAt = todayIso()
+
+// CA plafonne a 999 999 999 999,99 (ERP-193). La :key force le re-affichage du
+// champ controle quand le plafonnement laisse le modelValue inchange.
+const revenueAmountKey = ref(0)
+
+/** Saisie du CA : plafonne au maximum metier et re-synchronise le champ si plafonne. */
+function onRevenueAmountInput(value: string | null): void {
+    const clamped = clampRevenueAmount(value)
+    information.revenueAmount = clamped ?? null
+    if (clamped !== value) {
+        revenueAmountKey.value += 1
+    }
+}
+
 /** PATCH /clients/{id} — mode strict : uniquement les champs du groupe information. */
 async function submitInformation(): Promise<void> {
     if (clientId.value === null || tabSubmitting.value) return

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

@@ -6,6 +6,7 @@
                 icon="mdi:arrow-left-bold"
                 icon-size="24"
                 variant="ghost"
+                :title="t('commercial.suppliers.edit.back')"
                 v-bind="{ ariaLabel: t('commercial.suppliers.edit.back') }"
                 @click="goBack"
             />
@@ -26,15 +27,16 @@
                     v-model="main.companyName"
                     :label="t('commercial.suppliers.form.main.companyName')"
                     :required="true"
-                    :readonly="businessReadonly"
+                    :disabled="businessReadonly"
                     :error="mainErrors.errors.companyName"
+                    :mask="FREE_TEXT_MASK"
                 />
                 <MalioSelectCheckbox
                     :model-value="main.categoryIris"
                     :options="mainCategoryOptions"
                     :label="t('commercial.suppliers.form.main.categories')"
                     :display-tag="true"
-                    :readonly="businessReadonly"
+                    :disabled="businessReadonly"
                     :required="true"
                     :error="mainErrors.errors.categories"
                     @update:model-value="(v: (string | number)[]) => main.categoryIris = v.map(String)"
@@ -62,20 +64,24 @@
                             resize="none"
                             group-class="row-span-2 pt-1 pb-1"
                             text-input="h-full text-lg"
-                            :readonly="businessReadonly"
+                            :disabled="businessReadonly"
                             :error="informationErrors.errors.description"
                         />
                         <MalioInputText
                             v-model="information.competitors"
                             :label="t('commercial.suppliers.form.information.competitors')"
-                            :readonly="businessReadonly"
+                            :disabled="businessReadonly"
                             :error="informationErrors.errors.competitors"
+                            :mask="FREE_TEXT_MASK"
                         />
+                        <!-- Date de creation jamais dans le futur (ERP-193) : :max plafonne
+                             le calendrier a aujourd'hui et invalide une saisie future. -->
                         <MalioDate
                             v-model="information.foundedAt"
                             :label="t('commercial.suppliers.form.information.foundedAt')"
-                            :readonly="businessReadonly"
+                            :disabled="businessReadonly"
                             :editable="true"
+                            :max="maxFoundedAt"
                             :error="informationErrors.errors.foundedAt"
                             @update:raw-value="(v: string) => information.foundedAtRaw = v"
                         />
@@ -83,25 +89,30 @@
                             v-model="information.employeesCount"
                             :label="t('commercial.suppliers.form.information.employeesCount')"
                             :mask="EMPLOYEES_MASK"
-                            :readonly="businessReadonly"
+                            :disabled="businessReadonly"
                             :error="informationErrors.errors.employeesCount"
                         />
+                        <!-- CA plafonne a 999 999 999 999,99 (ERP-193) : clamp a la saisie,
+                             :key force le re-affichage quand on plafonne (modelValue inchange). -->
                         <MalioInputAmount
-                            v-model="information.revenueAmount"
+                            :key="revenueAmountKey"
+                            :model-value="information.revenueAmount"
                             :label="t('commercial.suppliers.form.information.revenueAmount')"
-                            :readonly="businessReadonly"
+                            :disabled="businessReadonly"
                             :error="informationErrors.errors.revenueAmount"
+                            @update:model-value="onRevenueAmountInput"
                         />
                         <MalioInputText
                             v-model="information.directorName"
                             :label="t('commercial.suppliers.form.information.directorName')"
-                            :readonly="businessReadonly"
+                            :disabled="businessReadonly"
                             :error="informationErrors.errors.directorName"
+                            :mask="PERSON_NAME_MASK"
                         />
                         <MalioInputAmount
                             v-model="information.profitAmount"
                             :label="t('commercial.suppliers.form.information.profitAmount')"
-                            :readonly="businessReadonly"
+                            :disabled="businessReadonly"
                             :error="informationErrors.errors.profitAmount"
                         />
                         <!-- Volume previsionnel : specifique fournisseur (entier). -->
@@ -109,7 +120,7 @@
                             v-model="information.volumeForecast"
                             :label="t('commercial.suppliers.form.information.volumeForecast')"
                             :mask="VOLUME_FORECAST_MASK"
-                            :readonly="businessReadonly"
+                            :disabled="businessReadonly"
                             :error="informationErrors.errors.volumeForecast"
                         />
                     </div>
@@ -136,7 +147,8 @@
                             :model-value="contact"
                             :title="t('commercial.suppliers.form.contact.title', { n: index + 1 })"
                             :removable="isRowRemovable(contacts, index)"
-                            :readonly="businessReadonly"
+                            :last="index === contacts.length - 1"
+                            :disabled="businessReadonly"
                             :errors="contactErrors[index]"
                             @update:model-value="(v) => contacts[index] = v"
                             @remove="askRemoveContact(index)"
@@ -168,12 +180,13 @@
                             :key="address.id ?? `new-${index}`"
                             :model-value="address"
                             :title="t('commercial.suppliers.form.address.title', { n: index + 1 })"
+                            :last="index === addresses.length - 1"
                             :category-options="mainCategoryOptions"
                             :site-options="siteOptions"
                             :contact-options="contactOptions"
                             :country-options="countryOptions"
                             :removable="isRowRemovable(addresses, index)"
-                            :readonly="businessReadonly"
+                            :disabled="businessReadonly"
                             :errors="addressErrors[index]"
                             @update:model-value="(v) => addresses[index] = v"
                             @remove="askRemoveAddress(index)"
@@ -202,28 +215,31 @@
                      editable uniquement si accounting.manage). -->
                 <template v-if="canAccountingView" #accounting>
                     <div class="mt-12 flex flex-col gap-6">
-                        <div class="bg-white py-4 pl-[28px] pr-[60px] shadow-[0_4px_4px_0_rgba(0,0,0,0.25)]">
-                            <div class="grid grid-cols-4 gap-x-[44px] gap-y-4">
+                        <!-- Bloc infos comptables : titre + filet bas (filet uniquement s'il y a des RIB en dessous). -->
+                        <div class="pb-[20px]" :class="{ 'border-b border-black': visibleRibs.length > 0 }">
+                            <h2 class="text-[20px] font-semibold text-black">{{ t('commercial.suppliers.form.accounting.infoTitle') }}</h2>
+                            <div class="mt-6 grid grid-cols-4 gap-x-[44px] gap-y-4">
                                 <MalioInputText
                                     v-model="accounting.siren"
                                     :label="t('commercial.suppliers.form.accounting.siren')"
                                     :mask="SIREN_MASK"
-                                    :readonly="accountingReadonly"
+                                    :disabled="accountingReadonly"
                                     :required="true"
                                     :error="accountingErrors.errors.siren"
                                 />
                                 <MalioInputText
                                     v-model="accounting.accountNumber"
                                     :label="t('commercial.suppliers.form.accounting.accountNumber')"
-                                    :readonly="accountingReadonly"
+                                    :disabled="accountingReadonly"
                                     :required="true"
                                     :error="accountingErrors.errors.accountNumber"
+                                    :mask="CODE_ALNUM_MASK"
                                 />
                                 <MalioSelect
                                     :model-value="accounting.tvaModeIri"
                                     :options="tvaModeOptions"
                                     :label="t('commercial.suppliers.form.accounting.tvaMode')"
-                                    :readonly="accountingReadonly"
+                                    :disabled="accountingReadonly"
                                     empty-option-label=""
                                     :required="true"
                                     :error="accountingErrors.errors.tvaMode"
@@ -232,15 +248,16 @@
                                 <MalioInputText
                                     v-model="accounting.nTva"
                                     :label="t('commercial.suppliers.form.accounting.nTva')"
-                                    :readonly="accountingReadonly"
+                                    :disabled="accountingReadonly"
                                     :required="true"
                                     :error="accountingErrors.errors.nTva"
+                                    :mask="CODE_ALNUM_MASK"
                                 />
                                 <MalioSelect
                                     :model-value="accounting.paymentDelayIri"
                                     :options="paymentDelayOptions"
                                     :label="t('commercial.suppliers.form.accounting.paymentDelay')"
-                                    :readonly="accountingReadonly"
+                                    :disabled="accountingReadonly"
                                     empty-option-label=""
                                     :required="true"
                                     :error="accountingErrors.errors.paymentDelay"
@@ -250,7 +267,7 @@
                                     :model-value="accounting.paymentTypeIri"
                                     :options="paymentTypeOptions"
                                     :label="t('commercial.suppliers.form.accounting.paymentType')"
-                                    :readonly="accountingReadonly"
+                                    :disabled="accountingReadonly"
                                     empty-option-label=""
                                     :required="true"
                                     :error="accountingErrors.errors.paymentType"
@@ -261,7 +278,7 @@
                                     :model-value="accounting.bankIri"
                                     :options="bankOptions"
                                     :label="t('commercial.suppliers.form.accounting.bank')"
-                                    :readonly="accountingReadonly"
+                                    :disabled="accountingReadonly"
                                     empty-option-label=""
                                     :required="true"
                                     :error="accountingErrors.errors.bank"
@@ -270,41 +287,49 @@
                             </div>
                         </div>
 
-                        <!-- Blocs RIB — affiches uniquement si type de reglement = LCR (RG-2.08). -->
+                        <!-- Blocs RIB — affiches uniquement si type de reglement = LCR (RG-2.08).
+                             Titre « RIB N » + poubelle, filet de separation sauf sous le dernier. -->
                         <div
                             v-for="(rib, index) in visibleRibs"
                             :key="rib.id ?? `new-${index}`"
-                            class="relative bg-white py-4 pl-[28px] pr-[60px] shadow-[0_4px_4px_0_rgba(0,0,0,0.25)]"
+                            class="pb-[20px]"
+                            :class="{ 'border-b border-black': index !== visibleRibs.length - 1 }"
                         >
-                            <MalioButtonIcon
-                                v-if="!accountingReadonly && isRowRemovable(visibleRibs, index)"
-                                icon="mdi:delete-outline"
-                                variant="ghost"
-                                button-class="absolute top-3 right-3"
-                                v-bind="{ ariaLabel: t('commercial.suppliers.form.accounting.removeRib') }"
-                                @click="askRemoveRib(index)"
-                            />
-                            <div class="grid grid-cols-4 gap-x-[44px] gap-y-4">
+                            <!-- En-tete : titre du bloc (noir) a gauche, poubelle a droite. -->
+                            <div class="flex items-center justify-between">
+                                <h2 class="text-[20px] font-semibold text-black">{{ t('commercial.suppliers.form.accounting.ribTitle', { n: index + 1 }) }}</h2>
+                                <MalioButtonIcon
+                                    v-if="!accountingReadonly && isRowRemovable(visibleRibs, index)"
+                                    icon="mdi:delete-outline"
+                                    variant="ghost"
+                                    button-class="p-0"
+                                    v-bind="{ ariaLabel: t('commercial.suppliers.form.accounting.removeRib') }"
+                                    @click="askRemoveRib(index)"
+                                />
+                            </div>
+                            <div class="mt-6 grid grid-cols-4 gap-x-[44px] gap-y-4">
                                 <MalioInputText
                                     v-model="rib.label"
                                     :label="t('commercial.suppliers.form.accounting.ribLabel')"
-                                    :readonly="accountingReadonly"
+                                    :disabled="accountingReadonly"
                                     :required="isRibRequired"
                                     :error="ribErrors[index]?.label"
                                 />
                                 <MalioInputText
                                     v-model="rib.bic"
                                     :label="t('commercial.suppliers.form.accounting.ribBic')"
-                                    :readonly="accountingReadonly"
+                                    :disabled="accountingReadonly"
                                     :required="isRibRequired"
                                     :error="ribErrors[index]?.bic"
+                                    :mask="CODE_ALNUM_MASK"
                                 />
                                 <MalioInputText
                                     v-model="rib.iban"
                                     :label="t('commercial.suppliers.form.accounting.ribIban')"
-                                    :readonly="accountingReadonly"
+                                    :disabled="accountingReadonly"
                                     :required="isRibRequired"
                                     :error="ribErrors[index]?.iban"
+                                    :mask="CODE_ALNUM_MASK"
                                 />
                             </div>
                         </div>
@@ -392,6 +417,8 @@ import {
     type MainFormDraft,
     type SupplierEditAbilities,
 } from '~/modules/commercial/utils/forms/supplierEdit'
+import { clampRevenueAmount } from '~/modules/commercial/utils/forms/amountInput'
+import { todayIso } from '~/shared/utils/date'
 import {
     buildSupplierFormTabKeys,
     isAddressValid,
@@ -412,6 +439,7 @@ import {
 } from '~/modules/commercial/types/supplierForm'
 import { extractApiErrorMessage } from '~/shared/utils/api'
 import { isRowRemovable, removeCollectionRow } from '~/shared/utils/collectionRow'
+import { CODE_ALNUM_MASK, FREE_TEXT_MASK, PERSON_NAME_MASK } from '~/shared/utils/textSanitize'
 import { readHistoryTab } from '~/shared/utils/historyTab'
 
 // Masques de saisie (la normalisation finale reste serveur).
@@ -457,6 +485,22 @@ const headerTitle = computed(() => supplier.value?.companyName ?? t('commercial.
 const main = reactive<MainFormDraft>(mapMainDraft({} as SupplierDetail))
 const information = reactive<InformationFormDraft>(mapInformationDraft({} as SupplierDetail))
 const accounting = reactive<AccountingFormDraft>(mapAccountingFormDraft({} as SupplierDetail))
+
+// Borne haute de la date de creation : aujourd'hui (ERP-193, pas de date future).
+const maxFoundedAt = todayIso()
+
+// CA plafonne a 999 999 999 999,99 (ERP-193). La :key force le re-affichage du
+// champ controle quand le plafonnement laisse le modelValue inchange.
+const revenueAmountKey = ref(0)
+
+/** Saisie du CA : plafonne au maximum metier et re-synchronise le champ si plafonne. */
+function onRevenueAmountInput(value: string | null): void {
+    const clamped = clampRevenueAmount(value)
+    information.revenueAmount = clamped ?? null
+    if (clamped !== value) {
+        revenueAmountKey.value += 1
+    }
+}
 const contacts = ref<SupplierContactFormDraft[]>([])
 const addresses = ref<SupplierAddressFormDraft[]>([])
 const ribs = ref<SupplierRibFormDraft[]>([])
@@ -583,6 +627,11 @@ function showError(e: unknown): void {
     toast.error({ title: t('commercial.suppliers.toast.error'), message: apiErrorMessage(e) })
 }
 
+/** Toast de succès après suppression serveur confirmée d'un bloc (contact / adresse / RIB). */
+function notifyRemovalSuccess(): void {
+    toast.success({ title: t('success.title'), message: t('success.deleted') })
+}
+
 // ── Erreurs de validation par champ (ERP-101) ───────────────────────────────
 const {
     mainErrors,
@@ -666,6 +715,7 @@ function askRemoveContact(index: number): void {
         deleteRow: url => api.delete(url, {}, { toast: false }),
         makeEmpty: emptyContact,
         onError: showError,
+        onSuccess: notifyRemovalSuccess,
     }))
 }
 
@@ -734,6 +784,7 @@ function askRemoveAddress(index: number): void {
         deleteRow: url => api.delete(url, {}, { toast: false }),
         makeEmpty: emptyAddress,
         onError: showError,
+        onSuccess: notifyRemovalSuccess,
     }))
 }
 
@@ -833,6 +884,7 @@ function askRemoveRib(index: number): void {
         deleteRow: url => api.delete(url, {}, { toast: false }),
         makeEmpty: emptyRib,
         onError: showError,
+        onSuccess: notifyRemovalSuccess,
     }))
 }
 

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

@@ -6,6 +6,7 @@
                 icon="mdi:arrow-left-bold"
                 icon-size="24"
                 variant="ghost"
+                :title="t('commercial.suppliers.consultation.back')"
                 v-bind="{ ariaLabel: t('commercial.suppliers.consultation.back') }"
                 @click="goBack"
             />
@@ -23,7 +24,7 @@
                 />
                 <MalioButton
                     v-if="showArchive"
-                    variant="secondary"
+                    variant="danger"
                     icon-name="mdi:archive-arrow-down-outline"
                     icon-position="left"
                     :label="t('commercial.suppliers.action.archive')"
@@ -48,69 +49,82 @@
             <!-- ── Formulaire principal (lecture seule) ──────────────────────── -->
             <div class="mt-[48px] grid grid-cols-3 xl:grid-cols-4 gap-x-[44px] gap-y-4">
                 <MalioInputText
+                    v-if="isFilled(supplier.companyName)"
                     :model-value="supplier.companyName"
                     :label="t('commercial.suppliers.form.main.companyName')"
-                    readonly
+                    disabled
                 />
                 <MalioSelectCheckbox
+                    v-if="isFilled(categoryIris)"
                     :model-value="categoryIris"
                     :options="mainCategoryOptions"
                     :label="t('commercial.suppliers.form.main.categories')"
                     :display-tag="true"
-                    readonly
+                    disabled
                 />
             </div>
 
             <!-- ── Onglets (navigation libre, tout en lecture seule) ─────────── -->
-            <MalioTabList v-model="activeTab" :tabs="tabs" :max-visible-tabs="5" :max-width="1100" class="mt-[60px]">
+            <!-- Masque la barre d'onglets (et sa bordure) quand aucun onglet n'est
+                 visible : seul le formulaire principal est rempli (aligné sur le
+                 client). -->
+            <MalioTabList v-if="visibleTabKeys.length" v-model="activeTab" :tabs="tabs" :max-visible-tabs="5" :max-width="1100" class="mt-[60px]">
                 <!-- Onglet Information -->
                 <template #information>
                     <div class="mt-12 grid grid-cols-4 gap-x-[44px] gap-y-4 bg-white py-4 pl-[28px] pr-[60px] shadow-[0_4px_4px_0_rgba(0,0,0,0.25)]">
                         <!-- pt-1/pb-1 alignent le textarea (h-full) en haut ET en bas
                              sur les inputs (champ 40px centre dans un h-12). -->
                         <MalioInputTextArea
+                            v-if="isFilled(information.description)"
                             :model-value="information.description"
                             :label="t('commercial.suppliers.form.information.description')"
                             resize="none"
                             group-class="row-span-2 pt-1 pb-1"
                             text-input="h-full text-lg"
-                            readonly
+                            disabled
                         />
                         <MalioInputText
+                            v-if="isFilled(information.competitors)"
                             :model-value="information.competitors"
                             :label="t('commercial.suppliers.form.information.competitors')"
-                            readonly
+                            disabled
                         />
                         <MalioDate
+                            v-if="isFilled(information.foundedAt)"
                             :model-value="information.foundedAt"
                             :label="t('commercial.suppliers.form.information.foundedAt')"
-                            readonly
+                            disabled
                         />
                         <MalioInputText
+                            v-if="isFilled(information.employeesCount)"
                             :model-value="information.employeesCount"
                             :label="t('commercial.suppliers.form.information.employeesCount')"
-                            readonly
+                            disabled
                         />
                         <MalioInputAmount
+                            v-if="isFilled(information.revenueAmount)"
                             :model-value="information.revenueAmount"
                             :label="t('commercial.suppliers.form.information.revenueAmount')"
-                            readonly
+                            disabled
                         />
                         <MalioInputText
+                            v-if="isFilled(information.directorName)"
                             :model-value="information.directorName"
                             :label="t('commercial.suppliers.form.information.directorName')"
-                            readonly
+                            disabled
                         />
                         <MalioInputAmount
+                            v-if="isFilled(information.profitAmount)"
                             :model-value="information.profitAmount"
                             :label="t('commercial.suppliers.form.information.profitAmount')"
-                            readonly
+                            disabled
                         />
                         <!-- Volume previsionnel : specifique fournisseur (entier). -->
                         <MalioInputText
+                            v-if="isFilled(information.volumeForecast)"
                             :model-value="information.volumeForecast"
                             :label="t('commercial.suppliers.form.information.volumeForecast')"
-                            readonly
+                            disabled
                         />
                     </div>
                 </template>
@@ -123,7 +137,9 @@
                             :key="contact.id ?? index"
                             :model-value="contact"
                             :title="t('commercial.suppliers.form.contact.title', { n: index + 1 })"
-                            readonly
+                            :last="index === contacts.length - 1"
+                            disabled
+                            hide-empty
                         />
                     </div>
                 </template>
@@ -136,11 +152,13 @@
                             :key="view.draft.id ?? index"
                             :model-value="view.draft"
                             :title="t('commercial.suppliers.form.address.title', { n: index + 1 })"
+                            :last="index === addressViews.length - 1"
                             :category-options="view.categoryOptions"
                             :site-options="allSiteOptions"
                             :contact-options="contactOptions"
                             :country-options="countryOptions"
-                            readonly
+                            disabled
+                            hide-empty
                         />
                     </div>
                 </template>
@@ -148,44 +166,52 @@
                 <!-- Onglet Comptabilite (present uniquement si accounting.view). -->
                 <template v-if="canAccountingView" #accounting>
                     <div class="mt-12 flex flex-col gap-6">
-                        <div class="bg-white py-4 pl-[28px] pr-[60px] shadow-[0_4px_4px_0_rgba(0,0,0,0.25)]">
-                            <div class="grid grid-cols-4 gap-x-[44px] gap-y-4">
+                        <!-- Bloc infos comptables : titre + filet bas (filet uniquement s'il y a des RIB en dessous). -->
+                        <div class="pb-[20px]" :class="{ 'border-b border-black': ribs.length > 0 }">
+                            <h2 class="text-[20px] font-semibold text-black">{{ t('commercial.suppliers.form.accounting.infoTitle') }}</h2>
+                            <div class="mt-6 grid grid-cols-4 gap-x-[44px] gap-y-4">
                                 <MalioInputText
+                                    v-if="isFilled(accounting.siren)"
                                     :model-value="accounting.siren"
                                     :label="t('commercial.suppliers.form.accounting.siren')"
                                     :mask="SIREN_MASK"
-                                    readonly
+                                    disabled
                                 />
                                 <MalioInputText
+                                    v-if="isFilled(accounting.accountNumber)"
                                     :model-value="accounting.accountNumber"
                                     :label="t('commercial.suppliers.form.accounting.accountNumber')"
-                                    readonly
+                                    disabled
                                 />
                                 <MalioSelect
+                                    v-if="isFilled(accounting.tvaModeIri)"
                                     :model-value="accounting.tvaModeIri"
                                     :options="tvaModeOptions"
                                     :label="t('commercial.suppliers.form.accounting.tvaMode')"
                                     empty-option-label=""
-                                    readonly
+                                    disabled
                                 />
                                 <MalioInputText
+                                    v-if="isFilled(accounting.nTva)"
                                     :model-value="accounting.nTva"
                                     :label="t('commercial.suppliers.form.accounting.nTva')"
-                                    readonly
+                                    disabled
                                 />
                                 <MalioSelect
+                                    v-if="isFilled(accounting.paymentDelayIri)"
                                     :model-value="accounting.paymentDelayIri"
                                     :options="paymentDelayOptions"
                                     :label="t('commercial.suppliers.form.accounting.paymentDelay')"
                                     empty-option-label=""
-                                    readonly
+                                    disabled
                                 />
                                 <MalioSelect
+                                    v-if="isFilled(accounting.paymentTypeIri)"
                                     :model-value="accounting.paymentTypeIri"
                                     :options="paymentTypeOptions"
                                     :label="t('commercial.suppliers.form.accounting.paymentType')"
                                     empty-option-label=""
-                                    readonly
+                                    disabled
                                 />
                                 <MalioSelect
                                     v-if="accounting.bankIri"
@@ -193,43 +219,46 @@
                                     :options="bankOptions"
                                     :label="t('commercial.suppliers.form.accounting.bank')"
                                     empty-option-label=""
-                                    readonly
+                                    disabled
                                 />
                             </div>
                         </div>
 
-                        <!-- Blocs RIB (0..n), lecture seule. -->
+                        <!-- Blocs RIB (0..n), lecture seule.
+                             Titre « RIB N », filet de separation sauf sous le dernier. -->
                         <div
                             v-for="(rib, index) in ribs"
                             :key="rib.id ?? index"
-                            class="bg-white py-4 pl-[28px] pr-[60px] shadow-[0_4px_4px_0_rgba(0,0,0,0.25)]"
+                            class="pb-[20px]"
+                            :class="{ 'border-b border-black': index !== ribs.length - 1 }"
                         >
-                            <div class="grid grid-cols-4 gap-x-[44px] gap-y-4">
+                            <h2 class="text-[20px] font-semibold text-black">{{ t('commercial.suppliers.form.accounting.ribTitle', { n: index + 1 }) }}</h2>
+                            <div class="mt-6 grid grid-cols-4 gap-x-[44px] gap-y-4">
                                 <MalioInputText
+                                    v-if="isFilled(rib.label)"
                                     :model-value="rib.label"
                                     :label="t('commercial.suppliers.form.accounting.ribLabel')"
-                                    readonly
+                                    disabled
                                 />
                                 <MalioInputText
+                                    v-if="isFilled(rib.bic)"
                                     :model-value="rib.bic"
                                     :label="t('commercial.suppliers.form.accounting.ribBic')"
-                                    readonly
+                                    disabled
                                 />
                                 <MalioInputText
+                                    v-if="isFilled(rib.iban)"
                                     :model-value="rib.iban"
                                     :label="t('commercial.suppliers.form.accounting.ribIban')"
-                                    readonly
+                                    disabled
                                 />
                             </div>
                         </div>
                     </div>
                 </template>
-
-                <!-- Onglets non encore implementes : frame vide (navigation libre). -->
-                <template #transport><ComingSoonPlaceholder /></template>
-                <template #statistics><ComingSoonPlaceholder /></template>
-                <template #reports><ComingSoonPlaceholder /></template>
-                <template #exchanges><ComingSoonPlaceholder /></template>
+                <!-- ERP-193 : les onglets « a venir » (Transport / Statistiques /
+                     Rapports / Echanges) ne sont plus rendus en consultation
+                     (masquage des onglets vides) — slots supprimes. -->
             </MalioTabList>
         </template>
 
@@ -261,9 +290,9 @@
 </template>
 
 <script setup lang="ts">
-import { computed, onMounted, ref } from 'vue'
+import { computed, onMounted, ref, watch } from 'vue'
 import { useSupplier } from '~/modules/commercial/composables/useSupplier'
-import { buildSupplierFormTabKeys, isRibRequiredForPaymentType } from '~/modules/commercial/utils/forms/supplierFormRules'
+import { isRibRequiredForPaymentType } from '~/modules/commercial/utils/forms/supplierFormRules'
 import { readHistoryTab } from '~/shared/utils/historyTab'
 import {
     canEditSupplier,
@@ -278,10 +307,12 @@ import {
     referentialOptionOf,
     showArchiveAction,
     showRestoreAction,
+    supplierConsultationVisibleTabs,
     type SelectOption,
     type SupplierDetail,
 } from '~/modules/commercial/utils/forms/supplierConsultation'
 import { emptyContact } from '~/modules/commercial/types/supplierForm'
+import { isFilled } from '~/shared/utils/consultationDisplay'
 
 // Masque d'affichage (purement visuel, la donnee reste celle du serveur).
 const SIREN_MASK = '#########'
@@ -387,9 +418,11 @@ const paymentTypeOptions = computed(() => referentialOptionOf(supplier.value?.pa
 const bankOptions = computed(() => referentialOptionOf(supplier.value?.bank))
 
 // ── Onglets : navigation LIBRE (pas de sequence forcee en consultation) ────
-// 3 onglets actifs (Information, Contacts, Adresses, + Comptabilite si droit) et
-// 4 coquilles (Transport, Statistiques, Rapports, Echanges).
-const tabKeys = computed(() => buildSupplierFormTabKeys(canAccountingView.value, { includeEditOnlyTabs: true }))
+// ERP-193 (retour metier) : on masque les coquilles non implementees ET tout
+// onglet de donnees vide. La liste depend donc du payload charge.
+const visibleTabKeys = computed(() => supplierConsultationVisibleTabs(supplier.value, {
+    canAccountingView: canAccountingView.value,
+}))
 
 const TAB_ICONS: Record<string, string> = {
     information: 'mdi:account-outline',
@@ -402,14 +435,25 @@ const TAB_ICONS: Record<string, string> = {
     exchanges: 'mdi:account-group-outline',
 }
 
-const tabs = computed(() => tabKeys.value.map(key => ({
+const tabs = computed(() => visibleTabKeys.value.map(key => ({
     key,
     label: t(`commercial.suppliers.tab.${key}`),
     icon: TAB_ICONS[key],
 })))
 
-// Onglet initial : repris de l'edition au retour (history.state), sinon Information.
-const activeTab = ref(readHistoryTab(tabKeys.value) ?? 'information')
+// Onglet initial : vide tant que le fournisseur n'est pas charge. Des que la
+// liste des onglets visibles est connue, on cale sur l'onglet repris de
+// l'edition (history.state) s'il est encore visible, sinon le premier visible.
+const activeTab = ref('')
+watch(visibleTabKeys, (keys) => {
+    if (keys.length === 0) {
+        activeTab.value = ''
+        return
+    }
+    if (!keys.includes(activeTab.value)) {
+        activeTab.value = readHistoryTab(keys) ?? keys[0]
+    }
+}, { immediate: true })
 
 // ── Navigation ─────────────────────────────────────────────────────────────
 function goBack(): void {

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

@@ -43,7 +43,7 @@
             @update:page="goToPage"
             @update:per-page="setItemsPerPage"
         >
-            <!-- Categories : libelles (name) separes par une virgule (spec M2). -->
+            <!-- Categories : libelles (name) separes par une virgule, aligne sur le client (ERP-193). -->
             <template #cell-categories="{ item }">
                 {{ formatCategories(item) }}
             </template>
@@ -209,7 +209,7 @@ const columns = [
     { key: 'lastActivity', label: t('commercial.suppliers.column.lastActivity') },
 ]
 
-/** Libelles des categories du fournisseur, separes par une virgule (spec M2 : name). */
+/** Libelles (name) des categories du fournisseur, separes par une virgule (aligne sur le client, ERP-193). */
 function formatCategories(item: Record<string, unknown>): string {
     const categories = (item.categories as Supplier['categories']) ?? []
     return categories.map(c => c.name).join(', ')

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

@@ -6,6 +6,7 @@
                 icon="mdi:arrow-left-bold"
                 icon-size="24"
                 variant="ghost"
+                :title="t('commercial.suppliers.form.back')"
                 v-bind="{ ariaLabel: t('commercial.suppliers.form.back') }"
                 @click="goBack"
             />
@@ -21,15 +22,16 @@
                 v-model="main.companyName"
                 :label="t('commercial.suppliers.form.main.companyName')"
                 :required="true"
-                :readonly="mainLocked"
+                :disabled="mainLocked"
                 :error="mainErrors.errors.companyName"
+                :mask="FREE_TEXT_MASK"
             />
             <MalioSelectCheckbox
                 :model-value="main.categoryIris"
                 :options="referentials.categories.value"
                 :label="t('commercial.suppliers.form.main.categories')"
                 :display-tag="true"
-                :readonly="mainLocked"
+                :disabled="mainLocked"
                 :required="true"
                 :error="mainErrors.errors.categories"
                 @update:model-value="(v: (string | number)[]) => main.categoryIris = v.map(String)"
@@ -56,20 +58,24 @@
                         resize="none"
                         group-class="row-span-2 pt-1 pb-1"
                         text-input="h-full text-lg"
-                        :readonly="isValidated('information')"
+                        :disabled="isValidated('information')"
                         :error="informationErrors.errors.description"
                     />
                     <MalioInputText
                         v-model="information.competitors"
                         :label="t('commercial.suppliers.form.information.competitors')"
-                        :readonly="isValidated('information')"
+                        :disabled="isValidated('information')"
                         :error="informationErrors.errors.competitors"
+                        :mask="FREE_TEXT_MASK"
                     />
+                    <!-- Date de creation jamais dans le futur (ERP-193) : :max plafonne
+                         le calendrier a aujourd'hui et invalide une saisie future. -->
                     <MalioDate
                         v-model="information.foundedAt"
                         :label="t('commercial.suppliers.form.information.foundedAt')"
-                        :readonly="isValidated('information')"
+                        :disabled="isValidated('information')"
                         :editable="true"
+                        :max="maxFoundedAt"
                         :error="informationErrors.errors.foundedAt"
                         @update:raw-value="(v: string) => information.foundedAtRaw = v"
                     />
@@ -77,25 +83,30 @@
                         v-model="information.employeesCount"
                         :label="t('commercial.suppliers.form.information.employeesCount')"
                         :mask="EMPLOYEES_MASK"
-                        :readonly="isValidated('information')"
+                        :disabled="isValidated('information')"
                         :error="informationErrors.errors.employeesCount"
                     />
+                    <!-- CA plafonne a 999 999 999 999,99 (ERP-193) : clamp a la saisie,
+                         :key force le re-affichage quand on plafonne (modelValue inchange). -->
                     <MalioInputAmount
-                        v-model="information.revenueAmount"
+                        :key="revenueAmountKey"
+                        :model-value="information.revenueAmount"
                         :label="t('commercial.suppliers.form.information.revenueAmount')"
-                        :readonly="isValidated('information')"
+                        :disabled="isValidated('information')"
                         :error="informationErrors.errors.revenueAmount"
+                        @update:model-value="onRevenueAmountInput"
                     />
                     <MalioInputText
                         v-model="information.directorName"
                         :label="t('commercial.suppliers.form.information.directorName')"
-                        :readonly="isValidated('information')"
+                        :disabled="isValidated('information')"
                         :error="informationErrors.errors.directorName"
+                        :mask="PERSON_NAME_MASK"
                     />
                     <MalioInputAmount
                         v-model="information.profitAmount"
                         :label="t('commercial.suppliers.form.information.profitAmount')"
-                        :readonly="isValidated('information')"
+                        :disabled="isValidated('information')"
                         :error="informationErrors.errors.profitAmount"
                     />
                     <!-- Volume previsionnel : specifique fournisseur. Champ texte
@@ -104,15 +115,18 @@
                         v-model="information.volumeForecast"
                         :label="t('commercial.suppliers.form.information.volumeForecast')"
                         :mask="VOLUME_FORECAST_MASK"
-                        :readonly="isValidated('information')"
+                        :disabled="isValidated('information')"
                         :error="informationErrors.errors.volumeForecast"
                     />
                 </div>
-                <div v-if="!isValidated('information')" class="mt-12 flex justify-center">
+                <!-- Masque tant que le fournisseur n'est pas cree : Information etant
+                     l'onglet actif par defaut, son Valider ne doit pas apparaitre a cote
+                     de celui du formulaire principal (ERP-193). -->
+                <div v-if="!isValidated('information') && supplierId !== null" class="mt-12 flex justify-center">
                     <MalioButton
                         variant="primary"
                         :label="t('commercial.suppliers.form.submit')"
-                        :disabled="tabSubmitting || supplierId === null"
+                        :disabled="tabSubmitting"
                         @click="submitInformation"
                     />
                 </div>
@@ -131,7 +145,8 @@
                         :model-value="contact"
                         :title="t('commercial.suppliers.form.contact.title', { n: index + 1 })"
                         :removable="isRowRemovable(contacts, index)"
-                        :readonly="isValidated('contacts')"
+                        :last="index === contacts.length - 1"
+                        :disabled="isValidated('contacts')"
                         :errors="contactErrors[index]"
                         @update:model-value="(v) => contacts[index] = v"
                         @remove="askRemoveContact(index)"
@@ -163,12 +178,13 @@
                         :key="index"
                         :model-value="address"
                         :title="t('commercial.suppliers.form.address.title', { n: index + 1 })"
+                        :last="index === addresses.length - 1"
                         :category-options="referentials.categories.value"
                         :site-options="referentials.sites.value"
                         :contact-options="contactOptions"
                         :country-options="countryOptions"
                         :removable="isRowRemovable(addresses, index)"
-                        :readonly="isValidated('addresses')"
+                        :disabled="isValidated('addresses')"
                         :errors="addressErrors[index]"
                         @update:model-value="(v) => addresses[index] = v"
                         @remove="askRemoveAddress(index)"
@@ -196,28 +212,31 @@
             <!-- Onglet Comptabilite (present uniquement si accounting.view) -->
             <template v-if="canAccountingView" #accounting>
                 <div class="mt-12 flex flex-col gap-6">
-                    <div class="bg-white py-4 pl-[28px] pr-[60px] shadow-[0_4px_4px_0_rgba(0,0,0,0.25)]">
-                        <div class="grid grid-cols-4 gap-x-[44px] gap-y-4">
+                    <!-- Bloc infos comptables : titre + filet bas (filet uniquement s'il y a des RIB en dessous). -->
+                    <div class="pb-[20px]" :class="{ 'border-b border-black': visibleRibs.length > 0 }">
+                        <h2 class="text-[20px] font-semibold text-black">{{ t('commercial.suppliers.form.accounting.infoTitle') }}</h2>
+                        <div class="mt-6 grid grid-cols-4 gap-x-[44px] gap-y-4">
                             <MalioInputText
                                 v-model="accounting.siren"
                                 :label="t('commercial.suppliers.form.accounting.siren')"
                                 :mask="SIREN_MASK"
-                                :readonly="accountingReadonly"
+                                :disabled="accountingReadonly"
                                 :required="true"
                                 :error="accountingErrors.errors.siren"
                             />
                             <MalioInputText
                                 v-model="accounting.accountNumber"
                                 :label="t('commercial.suppliers.form.accounting.accountNumber')"
-                                :readonly="accountingReadonly"
+                                :disabled="accountingReadonly"
                                 :required="true"
                                 :error="accountingErrors.errors.accountNumber"
+                                :mask="CODE_ALNUM_MASK"
                             />
                             <MalioSelect
                                 :model-value="accounting.tvaModeIri"
                                 :options="referentials.tvaModes.value"
                                 :label="t('commercial.suppliers.form.accounting.tvaMode')"
-                                :readonly="accountingReadonly"
+                                :disabled="accountingReadonly"
                                 empty-option-label=""
                                 :required="true"
                                 :error="accountingErrors.errors.tvaMode"
@@ -226,15 +245,16 @@
                             <MalioInputText
                                 v-model="accounting.nTva"
                                 :label="t('commercial.suppliers.form.accounting.nTva')"
-                                :readonly="accountingReadonly"
+                                :disabled="accountingReadonly"
                                 :required="true"
                                 :error="accountingErrors.errors.nTva"
+                                :mask="CODE_ALNUM_MASK"
                             />
                             <MalioSelect
                                 :model-value="accounting.paymentDelayIri"
                                 :options="referentials.paymentDelays.value"
                                 :label="t('commercial.suppliers.form.accounting.paymentDelay')"
-                                :readonly="accountingReadonly"
+                                :disabled="accountingReadonly"
                                 empty-option-label=""
                                 :required="true"
                                 :error="accountingErrors.errors.paymentDelay"
@@ -244,7 +264,7 @@
                                 :model-value="accounting.paymentTypeIri"
                                 :options="referentials.paymentTypes.value"
                                 :label="t('commercial.suppliers.form.accounting.paymentType')"
-                                :readonly="accountingReadonly"
+                                :disabled="accountingReadonly"
                                 empty-option-label=""
                                 :required="true"
                                 :error="accountingErrors.errors.paymentType"
@@ -255,7 +275,7 @@
                                 :model-value="accounting.bankIri"
                                 :options="referentials.banks.value"
                                 :label="t('commercial.suppliers.form.accounting.bank')"
-                                :readonly="accountingReadonly"
+                                :disabled="accountingReadonly"
                                 empty-option-label=""
                                 :required="true"
                                 :error="accountingErrors.errors.bank"
@@ -264,41 +284,49 @@
                         </div>
                     </div>
 
-                    <!-- Blocs RIB — affiches uniquement si type de reglement = LCR (RG-2.08). -->
+                    <!-- Blocs RIB — affiches uniquement si type de reglement = LCR (RG-2.08).
+                         Titre « RIB N » + poubelle, filet de separation sauf sous le dernier. -->
                     <div
                         v-for="(rib, index) in visibleRibs"
                         :key="index"
-                        class="relative bg-white py-4 pl-[28px] pr-[60px] shadow-[0_4px_4px_0_rgba(0,0,0,0.25)]"
+                        class="pb-[20px]"
+                        :class="{ 'border-b border-black': index !== visibleRibs.length - 1 }"
                     >
-                        <MalioButtonIcon
-                            v-if="!accountingReadonly && isRowRemovable(visibleRibs, index)"
-                            icon="mdi:delete-outline"
-                            variant="ghost"
-                            button-class="absolute top-3 right-3"
-                            v-bind="{ ariaLabel: t('commercial.suppliers.form.accounting.removeRib') }"
-                            @click="askRemoveRib(index)"
-                        />
-                        <div class="grid grid-cols-4 gap-x-[44px] gap-y-4">
+                        <!-- En-tete : titre du bloc (noir) a gauche, poubelle a droite. -->
+                        <div class="flex items-center justify-between">
+                            <h2 class="text-[20px] font-semibold text-black">{{ t('commercial.suppliers.form.accounting.ribTitle', { n: index + 1 }) }}</h2>
+                            <MalioButtonIcon
+                                v-if="!accountingReadonly && isRowRemovable(visibleRibs, index)"
+                                icon="mdi:delete-outline"
+                                variant="ghost"
+                                button-class="p-0"
+                                v-bind="{ ariaLabel: t('commercial.suppliers.form.accounting.removeRib') }"
+                                @click="askRemoveRib(index)"
+                            />
+                        </div>
+                        <div class="mt-6 grid grid-cols-4 gap-x-[44px] gap-y-4">
                             <MalioInputText
                                 v-model="rib.label"
                                 :label="t('commercial.suppliers.form.accounting.ribLabel')"
-                                :readonly="accountingReadonly"
+                                :disabled="accountingReadonly"
                                 :required="isRibRequired"
                                 :error="ribErrors[index]?.label"
                             />
                             <MalioInputText
                                 v-model="rib.bic"
                                 :label="t('commercial.suppliers.form.accounting.ribBic')"
-                                :readonly="accountingReadonly"
+                                :disabled="accountingReadonly"
                                 :required="isRibRequired"
                                 :error="ribErrors[index]?.bic"
+                                :mask="CODE_ALNUM_MASK"
                             />
                             <MalioInputText
                                 v-model="rib.iban"
                                 :label="t('commercial.suppliers.form.accounting.ribIban')"
-                                :readonly="accountingReadonly"
+                                :disabled="accountingReadonly"
                                 :required="isRibRequired"
                                 :error="ribErrors[index]?.iban"
+                                :mask="CODE_ALNUM_MASK"
                             />
                         </div>
                     </div>
@@ -375,6 +403,8 @@ import {
     buildMainPayload,
     buildRibPayload,
 } from '~/modules/commercial/utils/forms/supplierEdit'
+import { clampRevenueAmount } from '~/modules/commercial/utils/forms/amountInput'
+import { todayIso } from '~/shared/utils/date'
 import {
     emptyAddress,
     emptyContact,
@@ -385,6 +415,7 @@ import {
 } from '~/modules/commercial/types/supplierForm'
 import { extractApiErrorMessage } from '~/shared/utils/api'
 import { isRowRemovable } from '~/shared/utils/collectionRow'
+import { CODE_ALNUM_MASK, FREE_TEXT_MASK, PERSON_NAME_MASK } from '~/shared/utils/textSanitize'
 
 // Masques de saisie (la normalisation finale reste serveur).
 const SIREN_MASK = '#########'
@@ -564,6 +595,22 @@ const information = reactive({
     volumeForecast: null as string | null,
 })
 
+// Borne haute de la date de creation : aujourd'hui (ERP-193, pas de date future).
+const maxFoundedAt = todayIso()
+
+// CA plafonne a 999 999 999 999,99 (ERP-193). La :key force le re-affichage du
+// champ controle quand le plafonnement laisse le modelValue inchange.
+const revenueAmountKey = ref(0)
+
+/** Saisie du CA : plafonne au maximum metier et re-synchronise le champ si plafonne. */
+function onRevenueAmountInput(value: string | null): void {
+    const clamped = clampRevenueAmount(value)
+    information.revenueAmount = clamped ?? null
+    if (clamped !== value) {
+        revenueAmountKey.value += 1
+    }
+}
+
 /** PATCH /suppliers/{id} — mode strict : uniquement les champs du groupe information. */
 async function submitInformation(): Promise<void> {
     if (supplierId.value === null || tabSubmitting.value) return

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

@@ -0,0 +1,33 @@
+import { describe, expect, it } from 'vitest'
+import { clampRevenueAmount, REVENUE_AMOUNT_MAX } from '../amountInput'
+
+describe('clampRevenueAmount', () => {
+    it('laisse les valeurs vides / nulles telles quelles', () => {
+        expect(clampRevenueAmount(null)).toBeNull()
+        expect(clampRevenueAmount(undefined)).toBeUndefined()
+        expect(clampRevenueAmount('')).toBe('')
+    })
+
+    it('laisse une valeur sous le plafond inchangee', () => {
+        expect(clampRevenueAmount('1000.50')).toBe('1000.50')
+        expect(clampRevenueAmount('999999999999.99')).toBe('999999999999.99')
+    })
+
+    it('plafonne une valeur au-dessus du maximum', () => {
+        expect(clampRevenueAmount('1000000000000')).toBe('999999999999.99')
+        expect(clampRevenueAmount('999999999999999.99')).toBe('999999999999.99')
+    })
+
+    it('tolere une saisie a virgule / avec espaces (securite)', () => {
+        expect(clampRevenueAmount('1 000 000 000 000,00')).toBe('999999999999.99')
+        expect(clampRevenueAmount('12,5')).toBe('12,5')
+    })
+
+    it('ne touche pas une saisie non numerique', () => {
+        expect(clampRevenueAmount('abc')).toBe('abc')
+    })
+
+    it('expose le plafond metier', () => {
+        expect(REVENUE_AMOUNT_MAX).toBe(999_999_999_999.99)
+    })
+})

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

@@ -2,7 +2,10 @@ import { describe, expect, it } from 'vitest'
 import {
     canEditClient,
     categoryOptionsOf,
+    clientConsultationVisibleTabs,
     contactOptionsOf,
+    hasAccountingData,
+    hasInformationData,
     iriOf,
     mapAccountingDraft,
     mapAddressToDraft,
@@ -248,3 +251,73 @@ describe('paymentTypeCodeOf (ERP-121 : RIB masques hors-LCR en consultation)', (
         expect(paymentTypeCodeOf(undefined)).toBeNull()
     })
 })
+
+describe('hasInformationData', () => {
+    it('faux si tous les champs Information sont vides/absents', () => {
+        expect(hasInformationData({ '@id': '/api/clients/1', id: 1 })).toBe(false)
+        expect(hasInformationData({ '@id': '/api/clients/1', id: 1, description: '   ' })).toBe(false)
+    })
+
+    it('vrai des qu\'un champ Information porte une donnee', () => {
+        expect(hasInformationData({ '@id': '/api/clients/1', id: 1, directorName: 'Dupont' })).toBe(true)
+        expect(hasInformationData({ '@id': '/api/clients/1', id: 1, employeesCount: 0 })).toBe(true)
+    })
+})
+
+describe('hasAccountingData', () => {
+    it('faux sans champ comptable ni RIB', () => {
+        expect(hasAccountingData({ '@id': '/api/clients/1', id: 1 })).toBe(false)
+    })
+
+    it('vrai avec un champ comptable scalaire', () => {
+        expect(hasAccountingData({ '@id': '/api/clients/1', id: 1, siren: '123456789' })).toBe(true)
+    })
+
+    it('vrai avec une relation comptable embarquee (paymentType)', () => {
+        expect(hasAccountingData({
+            '@id': '/api/clients/1', id: 1,
+            paymentType: { '@id': '/api/payment_types/1', code: 'LCR' },
+        })).toBe(true)
+    })
+
+    it('vrai avec au moins un RIB', () => {
+        expect(hasAccountingData({
+            '@id': '/api/clients/1', id: 1,
+            ribs: [{ '@id': '/api/ribs/1', id: 1, iban: 'FR76...' }],
+        })).toBe(true)
+    })
+})
+
+describe('clientConsultationVisibleTabs', () => {
+    it('retourne [] tant que le client n\'est pas charge', () => {
+        expect(clientConsultationVisibleTabs(null, { canAccountingView: true })).toEqual([])
+        expect(clientConsultationVisibleTabs(undefined, { canAccountingView: true })).toEqual([])
+    })
+
+    it('masque les coquilles et les onglets vides (client minimal)', () => {
+        const client: ClientDetail = { '@id': '/api/clients/1', id: 1, companyName: 'ACME' }
+        expect(clientConsultationVisibleTabs(client, { canAccountingView: true })).toEqual([])
+    })
+
+    it('affiche les onglets non vides dans l\'ordre information/contact/address/accounting', () => {
+        const client: ClientDetail = {
+            '@id': '/api/clients/1', id: 1,
+            directorName: 'Dupont',
+            contacts: [{ '@id': '/api/client_contacts/1', id: 1 }],
+            addresses: [{ '@id': '/api/client_addresses/1', id: 1 }],
+            siren: '123456789',
+        }
+        expect(clientConsultationVisibleTabs(client, { canAccountingView: true }))
+            .toEqual(['information', 'contact', 'address', 'accounting'])
+    })
+
+    it('masque Comptabilite sans le droit accounting.view meme si des donnees existent', () => {
+        const client: ClientDetail = {
+            '@id': '/api/clients/1', id: 1,
+            contacts: [{ '@id': '/api/client_contacts/1', id: 1 }],
+            siren: '123456789',
+        }
+        expect(clientConsultationVisibleTabs(client, { canAccountingView: false }))
+            .toEqual(['contact'])
+    })
+})

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

@@ -3,6 +3,8 @@ import {
     canEditSupplier,
     categoryOptionsOf,
     contactOptionsOf,
+    hasAccountingData,
+    hasInformationData,
     iriOf,
     mapAccountingDraft,
     mapAddressToDraft,
@@ -14,6 +16,7 @@ import {
     showArchiveAction,
     showRestoreAction,
     siteOptionsOf,
+    supplierConsultationVisibleTabs,
     type SupplierDetail,
 } from '../supplierConsultation'
 
@@ -237,3 +240,60 @@ describe('paymentTypeCodeOf (ERP-121 : RIB masques hors-LCR en consultation)', (
         expect(paymentTypeCodeOf(undefined)).toBeNull()
     })
 })
+
+describe('hasInformationData (fournisseur)', () => {
+    it('faux si tous les champs Information (volume previsionnel inclus) sont vides', () => {
+        expect(hasInformationData({ '@id': '/api/suppliers/1', id: 1 })).toBe(false)
+    })
+
+    it('vrai des qu\'un champ Information porte une donnee', () => {
+        expect(hasInformationData({ '@id': '/api/suppliers/1', id: 1, directorName: 'Martin' })).toBe(true)
+        expect(hasInformationData({ '@id': '/api/suppliers/1', id: 1, volumeForecast: 1200 })).toBe(true)
+    })
+})
+
+describe('hasAccountingData (fournisseur)', () => {
+    it('faux sans champ comptable ni RIB', () => {
+        expect(hasAccountingData({ '@id': '/api/suppliers/1', id: 1 })).toBe(false)
+    })
+
+    it('vrai avec un champ comptable ou un RIB', () => {
+        expect(hasAccountingData({ '@id': '/api/suppliers/1', id: 1, siren: '123456789' })).toBe(true)
+        expect(hasAccountingData({
+            '@id': '/api/suppliers/1', id: 1,
+            ribs: [{ '@id': '/api/supplier_ribs/1', id: 1, iban: 'FR76...' }],
+        })).toBe(true)
+    })
+})
+
+describe('supplierConsultationVisibleTabs', () => {
+    it('retourne [] tant que le fournisseur n\'est pas charge', () => {
+        expect(supplierConsultationVisibleTabs(null, { canAccountingView: true })).toEqual([])
+    })
+
+    it('masque les coquilles et les onglets vides (fournisseur minimal)', () => {
+        expect(supplierConsultationVisibleTabs(
+            { '@id': '/api/suppliers/1', id: 1, companyName: 'ACME' },
+            { canAccountingView: true },
+        )).toEqual([])
+    })
+
+    it('affiche information/contacts/addresses/accounting (cles plurielles) dans l\'ordre', () => {
+        const supplier: SupplierDetail = {
+            '@id': '/api/suppliers/1', id: 1,
+            volumeForecast: 1000,
+            contacts: [{ '@id': '/api/supplier_contacts/1', id: 1 }],
+            addresses: [{ '@id': '/api/supplier_addresses/1', id: 1 }],
+            siren: '123456789',
+        }
+        expect(supplierConsultationVisibleTabs(supplier, { canAccountingView: true }))
+            .toEqual(['information', 'contacts', 'addresses', 'accounting'])
+    })
+
+    it('masque Comptabilite sans le droit accounting.view', () => {
+        expect(supplierConsultationVisibleTabs(
+            { '@id': '/api/suppliers/1', id: 1, siren: '123456789' },
+            { canAccountingView: false },
+        )).toEqual([])
+    })
+})

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

@@ -0,0 +1,29 @@
+/**
+ * Helpers de saisie des montants des formulaires Client / Fournisseur (commercial).
+ * Purs / testables. Pendant FRONT de la contrainte back `LessThanOrEqual` posee sur
+ * `revenueAmount` (Client/Supplier) — retour metier ERP-193 : le chiffre d'affaires
+ * est plafonne a 999 999 999 999,99.
+ */
+
+/** Plafond metier du chiffre d'affaires (CA) : 999 999 999 999,99. */
+export const REVENUE_AMOUNT_MAX = 999_999_999_999.99
+
+/** Valeur « modele » (decimale a point, sans separateur) renvoyee quand on plafonne. */
+const REVENUE_AMOUNT_MAX_MODEL = '999999999999.99'
+
+/**
+ * Plafonne le CA au maximum metier. Recoit le modele emis par `MalioInputAmount`
+ * (chaine propre a decimale `.`, sans espaces) ; tolere malgre tout une virgule /
+ * des espaces par securite. Renvoie la valeur telle quelle si elle est vide, non
+ * numerique ou sous le plafond ; sinon la valeur plafonnee.
+ */
+export function clampRevenueAmount(value: string | null | undefined): string | null | undefined {
+    if (value === null || value === undefined || value === '') {
+        return value
+    }
+    const n = Number(String(value).replace(/\s/g, '').replace(',', '.'))
+    if (Number.isNaN(n)) {
+        return value
+    }
+    return n > REVENUE_AMOUNT_MAX ? REVENUE_AMOUNT_MAX_MODEL : value
+}

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

@@ -317,6 +317,77 @@ export function mapAddressView(address: AddressRead): AddressView {
     }
 }
 
+/**
+ * Vrai si une valeur scalaire porte une donnee affichable (non null/undefined,
+ * et non chaine vide apres trim). Sert aux predicats « onglet vide » ci-dessous.
+ */
+function hasValue(value: unknown): boolean {
+    if (value === null || value === undefined) {
+        return false
+    }
+    if (typeof value === 'string') {
+        return value.trim() !== ''
+    }
+    return true
+}
+
+/**
+ * Vrai si l'onglet Information porte au moins une donnee. ERP-193 : en
+ * consultation on masque les onglets vides ; Information n'echappe pas a la
+ * regle malgre son statut d'onglet d'atterrissage par defaut.
+ */
+export function hasInformationData(client: ClientDetail): boolean {
+    return [
+        client.description,
+        client.competitors,
+        client.foundedAt,
+        client.employeesCount,
+        client.revenueAmount,
+        client.profitAmount,
+        client.directorName,
+    ].some(hasValue)
+}
+
+/**
+ * Vrai si l'onglet Comptabilite porte au moins un champ comptable OU un RIB.
+ * (Le gating permission `accounting.view` reste applique en amont par l'appelant.)
+ */
+export function hasAccountingData(client: ClientDetail): boolean {
+    const draft = mapAccountingDraft(client)
+    const hasField = Object.values(draft).some(hasValue)
+    const hasRib = (client.ribs ?? []).length > 0
+    return hasField || hasRib
+}
+
+/**
+ * Onglets visibles en consultation (ERP-193, retour metier) : on masque les
+ * coquilles non implementees (Transport / Statistiques / Rapports / Echanges)
+ * ET tout onglet de donnees vide. L'ordre reproduit `buildClientFormTabKeys`.
+ * Retourne `[]` tant que le client n'est pas charge.
+ */
+export function clientConsultationVisibleTabs(
+    client: ClientDetail | null | undefined,
+    options: { canAccountingView: boolean },
+): string[] {
+    if (!client) {
+        return []
+    }
+    const visible: string[] = []
+    if (hasInformationData(client)) {
+        visible.push('information')
+    }
+    if ((client.contacts ?? []).length > 0) {
+        visible.push('contact')
+    }
+    if ((client.addresses ?? []).length > 0) {
+        visible.push('address')
+    }
+    if (options.canAccountingView && hasAccountingData(client)) {
+        visible.push('accounting')
+    }
+    return visible
+}
+
 /**
  * Bouton « Modifier » : visible si l'utilisateur peut editer au moins un onglet
  * — `manage` (formulaire/onglets metier) OU `accounting.manage` (le role Compta

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

@@ -292,6 +292,78 @@ export function mapAddressView(address: AddressRead): AddressView {
     }
 }
 
+/**
+ * Vrai si une valeur scalaire porte une donnee affichable (non null/undefined,
+ * et non chaine vide apres trim). Sert aux predicats « onglet vide » ci-dessous.
+ */
+function hasValue(value: unknown): boolean {
+    if (value === null || value === undefined) {
+        return false
+    }
+    if (typeof value === 'string') {
+        return value.trim() !== ''
+    }
+    return true
+}
+
+/**
+ * Vrai si l'onglet Information porte au moins une donnee (volume previsionnel
+ * inclus, specifique fournisseur). ERP-193 : en consultation on masque les
+ * onglets vides, Information comprise.
+ */
+export function hasInformationData(supplier: SupplierDetail): boolean {
+    return [
+        supplier.description,
+        supplier.competitors,
+        supplier.foundedAt,
+        supplier.employeesCount,
+        supplier.revenueAmount,
+        supplier.profitAmount,
+        supplier.directorName,
+        supplier.volumeForecast,
+    ].some(hasValue)
+}
+
+/**
+ * Vrai si l'onglet Comptabilite porte au moins un champ comptable OU un RIB.
+ * (Le gating permission `accounting.view` reste applique en amont par l'appelant.)
+ */
+export function hasAccountingData(supplier: SupplierDetail): boolean {
+    const draft = mapAccountingDraft(supplier)
+    const hasField = Object.values(draft).some(hasValue)
+    const hasRib = (supplier.ribs ?? []).length > 0
+    return hasField || hasRib
+}
+
+/**
+ * Onglets visibles en consultation (ERP-193, retour metier) : on masque les
+ * coquilles non implementees (Transport / Statistiques / Rapports / Echanges)
+ * ET tout onglet de donnees vide. L'ordre reproduit `buildSupplierFormTabKeys`.
+ * Retourne `[]` tant que le fournisseur n'est pas charge.
+ */
+export function supplierConsultationVisibleTabs(
+    supplier: SupplierDetail | null | undefined,
+    options: { canAccountingView: boolean },
+): string[] {
+    if (!supplier) {
+        return []
+    }
+    const visible: string[] = []
+    if (hasInformationData(supplier)) {
+        visible.push('information')
+    }
+    if ((supplier.contacts ?? []).length > 0) {
+        visible.push('contacts')
+    }
+    if ((supplier.addresses ?? []).length > 0) {
+        visible.push('addresses')
+    }
+    if (options.canAccountingView && hasAccountingData(supplier)) {
+        visible.push('accounting')
+    }
+    return visible
+}
+
 /**
  * Bouton « Modifier » : visible si l'utilisateur peut editer au moins un onglet
  * — `manage` (formulaire/onglets metier) OU `accounting.manage` (le role Compta

frontend/modules/logistique/components/WeighingBlock.vue

@@ -0,0 +1,109 @@
+<template>
+    <!-- Padding vertical piloté par la page (1er bloc sans pt, dernier sans pb). -->
+    <div>
+        <!-- En-tête du bloc : titre + boutons de pesée (bascule / manuelle). -->
+        <div class="flex items-center justify-between">
+            <h2 class="text-[20px] font-semibold text-m-primary">{{ title }}</h2>
+            <div class="flex items-center gap-8">
+                <MalioButton
+                    variant="secondary"
+                    icon-name="mdi:weight"
+                    icon-position="left"
+                    :label="t('logistique.weighingTickets.form.weighbridge.auto')"
+                    :disabled="disabled"
+                    @click="$emit('request-auto')"
+                />
+                <MalioButton
+                    variant="primary"
+                    icon-name="mdi:weight"
+                    icon-position="left"
+                    :label="t('logistique.weighingTickets.form.weighbridge.manual')"
+                    :disabled="disabled"
+                    @click="$emit('request-manual')"
+                />
+            </div>
+        </div>
+
+        <!-- Ligne : Date/heure, Poids, DSD. L'immatriculation et « Tout format »
+             vivent désormais dans les 4 champs du haut, hors des blocs (ERP-193). -->
+        <div class="mt-6 grid grid-cols-3 xl:grid-cols-4 gap-x-[44px] gap-y-4">
+            <!-- Date/heure de la pesée — date du jour + heure courante par défaut
+                 (RG-5.07), ré-horodatée à la validation de la pesée. -->
+            <MalioDateTime
+                :model-value="block.date"
+                :label="t('logistique.weighingTickets.form.date')"
+                :required="true"
+                :editable="true"
+                :disabled="disabled"
+                :error="errors.date"
+                @update:model-value="(v: string | null) => emitBlock('date', v)"
+            />
+
+            <!-- Poids : champ texte verrouillé sur les chiffres, toujours désactivé
+                 (rempli par la pesée, jamais saisi à la main — RG-5.07). -->
+            <MalioInputText
+                :model-value="weightDisplay"
+                :mask="NUMERIC_MASK"
+                :label="t('logistique.weighingTickets.form.weight')"
+                :required="true"
+                :disabled="true"
+                :error="errors.weight"
+            />
+
+            <!-- DSD : champ texte verrouillé sur les chiffres, toujours désactivé
+                 (rempli par la pesée — RG-5.04 / RG-5.07). -->
+            <MalioInputText
+                :model-value="dsdDisplay"
+                :mask="NUMERIC_MASK"
+                :label="t('logistique.weighingTickets.form.dsd')"
+                :required="true"
+                :disabled="true"
+                :error="errors.dsd"
+            />
+        </div>
+    </div>
+</template>
+
+<script setup lang="ts">
+import type { WeighingBlockState } from '~/modules/logistique/composables/useWeighingTicketForm'
+import { NUMERIC_MASK } from '~/modules/logistique/utils/weighingMasks'
+
+/**
+ * Bloc de pesée (« Poids à vide » ou « Poids à plein ») de l'écran Ticket de pesée.
+ * Champs Date/heure / Poids / DSD + boutons de pesée (bascule / manuelle). Depuis
+ * ERP-193, la contrepartie, l'immatriculation et « Tout format » sont remontés dans
+ * les 4 champs du haut de page (hors blocs). Masque numérique factorisé dans
+ * `utils/weighingMasks`.
+ */
+
+const props = withDefaults(defineProps<{
+    /** Identifiant technique du bloc (pour les `id` de champs uniques). */
+    blockId: string
+    title: string
+    block: WeighingBlockState
+    /** Erreurs 422 par champ (propertyPath → message). */
+    errors?: Record<string, string>
+    disabled?: boolean
+}>(), {
+    errors: () => ({}),
+    disabled: false,
+})
+
+const emit = defineEmits<{
+    'update:block': [field: keyof WeighingBlockState, value: unknown]
+    'request-auto': []
+    'request-manual': []
+}>()
+
+const { t } = useI18n()
+
+// Poids / DSD : champs texte → on présente l'entier sous forme de chaîne (vide
+// tant que la pesée n'a pas rempli la valeur).
+const weightDisplay = computed(() => (props.block.weight === null ? '' : String(props.block.weight)))
+const dsdDisplay = computed(() => (props.block.dsd === null ? '' : String(props.block.dsd)))
+
+/** Remonte la mutation d'un champ du bloc au parent (état des pesées centralisé). */
+function emitBlock(field: keyof WeighingBlockState, value: unknown): void {
+    emit('update:block', field, value)
+}
+</script>

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

@@ -0,0 +1,61 @@
+import { describe, it, expect, vi, beforeEach } from 'vitest'
+
+// useApi / useI18n sont des auto-imports Nuxt : on les expose en globals.
+const mockPost = vi.hoisted(() => vi.fn())
+vi.stubGlobal('useApi', () => ({ post: mockPost }))
+vi.stubGlobal('useI18n', () => ({ t: (key: string) => key }))
+
+const { useWeighbridge } = await import('../useWeighbridge')
+
+describe('useWeighbridge', () => {
+    beforeEach(() => {
+        mockPost.mockReset()
+    })
+
+    it('AUTO : POST { mode: AUTO } sans toast et renvoie la lecture', async () => {
+        mockPost.mockResolvedValue({ weight: 23187, dsd: 42, mode: 'AUTO' })
+        const { triggerAuto } = useWeighbridge()
+
+        const reading = await triggerAuto()
+
+        expect(mockPost).toHaveBeenCalledWith(
+            '/weighbridge_readings',
+            { mode: 'AUTO' },
+            expect.objectContaining({ toast: false }),
+        )
+        expect(reading).toEqual({ weight: 23187, dsd: 42, mode: 'AUTO' })
+    })
+
+    it('MANUAL : POST { mode: MANUAL, weight, dsd } et renvoie la lecture', async () => {
+        // Le DSD est saisi par l'opérateur et conservé tel quel (ERP-193).
+        mockPost.mockResolvedValue({ weight: 5000, dsd: 16619, mode: 'MANUAL' })
+        const { triggerManual } = useWeighbridge()
+
+        const reading = await triggerManual(5000, 16619)
+
+        expect(mockPost).toHaveBeenCalledWith(
+            '/weighbridge_readings',
+            { mode: 'MANUAL', weight: 5000, dsd: 16619 },
+            expect.objectContaining({ toast: false }),
+        )
+        expect(reading.dsd).toBe(16619)
+    })
+
+    it('erreur (RG-5.06) : extractWeighbridgeError privilégie le detail du 503', () => {
+        const { extractWeighbridgeError } = useWeighbridge()
+        const error = { response: { status: 503, _data: { title: 'Pont bascule indisponible', detail: 'Passez en pesée manuelle.' } } }
+        expect(extractWeighbridgeError(error)).toBe('Passez en pesée manuelle.')
+    })
+
+    it('erreur sans payload exploitable : retombe sur le libellé i18n générique', () => {
+        const { extractWeighbridgeError } = useWeighbridge()
+        expect(extractWeighbridgeError(new Error('network')))
+            .toBe('logistique.weighingTickets.form.weighbridge.unavailable')
+    })
+
+    it('triggerAuto propage l\'erreur API (gestion par l\'écran)', async () => {
+        mockPost.mockRejectedValue({ response: { status: 503 } })
+        const { triggerAuto } = useWeighbridge()
+        await expect(triggerAuto()).rejects.toBeDefined()
+    })
+})

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

@@ -0,0 +1,228 @@
+import { describe, it, expect, vi } from 'vitest'
+
+// `nowIsoDateTime` est importé par le composable : on le stubbe pour un instant déterministe.
+vi.mock('~/shared/utils/date', () => ({ nowIsoDateTime: () => '2026-06-22T08:30:00' }))
+
+const { useWeighingTicketForm } = await import('../useWeighingTicketForm')
+
+describe('useWeighingTicketForm', () => {
+    it('initialise les 2 blocs à la date/heure courante (RG-5.07), sans poids ni DSD', () => {
+        const form = useWeighingTicketForm()
+        expect(form.empty.date).toBe('2026-06-22T08:30:00')
+        expect(form.full.date).toBe('2026-06-22T08:30:00')
+        expect(form.empty.weight).toBeNull()
+        expect(form.empty.dsd).toBeNull()
+        expect(form.counterpartyType.value).toBeNull()
+    })
+
+    // ── Omission des requis vides (compact) ──────────────────────────────────
+    it('buildDraftPayload : brouillon vierge → pas de champ requis ni de bloc non pesé', () => {
+        const form = useWeighingTicketForm()
+        // Formulaire vierge : counterpartyType / immatriculation non remplis, aucune pesée.
+        const payload = form.buildDraftPayload()
+        // Absents (et non null) → le back laisse jouer les contraintes du groupe finalize.
+        expect(payload).not.toHaveProperty('counterpartyType')
+        expect(payload).not.toHaveProperty('immatriculation')
+        // Bloc non pesé → ni poids ni date (on n'envoie pas une date de pesée sans pesée).
+        expect(payload).not.toHaveProperty('emptyWeight')
+        expect(payload).not.toHaveProperty('emptyDate')
+        // Seul le booléen « Tout format » reste.
+        expect(payload.plateFreeFormat).toBe(false)
+    })
+
+    // ── Pesée obligatoire front-only (RG-5.07) ───────────────────────────────
+    it('missingWeighingFields liste Poids/DSD manquants, puis vide après pesée', () => {
+        const form = useWeighingTicketForm()
+        expect(form.missingWeighingFields('empty')).toEqual(['emptyWeight', 'emptyDsd'])
+        expect(form.missingWeighingFields('full')).toEqual(['fullWeight', 'fullDsd'])
+
+        form.applyReading(form.empty, { weight: 7150, dsd: 1, mode: 'AUTO' })
+        expect(form.missingWeighingFields('empty')).toEqual([])
+    })
+
+    // ── Contrepartie conditionnelle (RG-5.03) ────────────────────────────────
+    it('CLIENT : ne conserve que le client, purge supplier et otherLabel', () => {
+        const form = useWeighingTicketForm()
+        form.supplierIri.value = '/api/suppliers/3'
+        form.otherLabel.value = 'Particulier'
+
+        form.setCounterpartyType('CLIENT')
+        form.clientIri.value = '/api/clients/629'
+
+        expect(form.counterpartyField.value).toBe('client')
+        expect(form.supplierIri.value).toBeNull()
+        expect(form.otherLabel.value).toBeNull()
+
+        const payload = form.buildDraftPayload()
+        expect(payload.counterpartyType).toBe('CLIENT')
+        expect(payload.client).toBe('/api/clients/629')
+        expect(payload).not.toHaveProperty('supplier')
+        expect(payload).not.toHaveProperty('otherLabel')
+    })
+
+    it('FOURNISSEUR : ne conserve que le supplier', () => {
+        const form = useWeighingTicketForm()
+        form.clientIri.value = '/api/clients/1'
+        form.setCounterpartyType('FOURNISSEUR')
+        form.supplierIri.value = '/api/suppliers/7'
+
+        expect(form.counterpartyField.value).toBe('supplier')
+        expect(form.clientIri.value).toBeNull()
+        expect(form.buildDraftPayload().supplier).toBe('/api/suppliers/7')
+    })
+
+    it('AUTRE : ne conserve que le libellé libre', () => {
+        const form = useWeighingTicketForm()
+        form.clientIri.value = '/api/clients/1'
+        form.setCounterpartyType('AUTRE')
+        form.otherLabel.value = 'Reprise interne'
+
+        expect(form.counterpartyField.value).toBe('other')
+        expect(form.clientIri.value).toBeNull()
+        expect(form.buildDraftPayload().otherLabel).toBe('Reprise interne')
+    })
+
+    it('buildDraftPayload : type choisi mais champ associé vide → contrepartie omise (pas de 500 chk_wt_*_branch)', () => {
+        const form = useWeighingTicketForm()
+        // L'opérateur ouvre le menu « Client » mais n'a pas encore choisi le client.
+        form.setCounterpartyType('CLIENT')
+
+        const draft = form.buildDraftPayload()
+        // On n'émet ni le type ni la FK : un brouillon incohérent serait rejeté en 500 par le back.
+        expect(draft).not.toHaveProperty('counterpartyType')
+        expect(draft).not.toHaveProperty('client')
+
+        // En revanche la validation envoie toujours le type, pour déclencher la 422 métier.
+        expect(form.buildValidatePayload().counterpartyType).toBe('CLIENT')
+    })
+
+    it('buildDraftPayload : AUTRE avec libellé vide → contrepartie omise', () => {
+        const form = useWeighingTicketForm()
+        form.setCounterpartyType('AUTRE')
+        form.otherLabel.value = '   '
+
+        const draft = form.buildDraftPayload()
+        expect(draft).not.toHaveProperty('counterpartyType')
+        expect(draft).not.toHaveProperty('otherLabel')
+    })
+
+    // ── Immatriculation / « Tout format » partagés entre blocs (RG-5.01) ──────
+    it('immatriculation et plateFreeFormat sont partagés (une seule valeur)', () => {
+        const form = useWeighingTicketForm()
+        form.immatriculation.value = 'AB-123-CD'
+        form.plateFreeFormat.value = true
+
+        // Les 2 payloads (brouillon + validation) reflètent la même valeur.
+        expect(form.buildDraftPayload().immatriculation).toBe('AB-123-CD')
+        expect(form.buildDraftPayload().plateFreeFormat).toBe(true)
+        expect(form.buildValidatePayload().immatriculation).toBe('AB-123-CD')
+        expect(form.buildValidatePayload().plateFreeFormat).toBe(true)
+    })
+
+    // ── Application d'une lecture de pesée ────────────────────────────────────
+    it('applyReading remplit poids / DSD / mode et ré-horodate le bloc à l\'instant de la pesée', () => {
+        const form = useWeighingTicketForm()
+        // Date périmée (ouverture du formulaire bien avant la pesée).
+        form.empty.date = '2020-01-01T00:00:00'
+        form.applyReading(form.empty, { weight: 7150, dsd: 1, mode: 'AUTO' })
+        // La pesée validée ré-horodate le bloc à maintenant (stub 2026-06-22T08:30:00).
+        expect(form.empty.date).toBe('2026-06-22T08:30:00')
+        expect(form.empty.weight).toBe(7150)
+        expect(form.empty.dsd).toBe(1)
+        expect(form.empty.mode).toBe('AUTO')
+
+        // Pesée manuelle : le DSD saisi (16619) est conservé tel quel (ERP-193).
+        form.applyReading(form.full, { weight: 14300, dsd: 16619, mode: 'MANUAL' })
+        expect(form.full.weight).toBe(14300)
+        expect(form.full.dsd).toBe(16619)
+        expect(form.full.mode).toBe('MANUAL')
+    })
+
+    it('buildDraftPayload porte les pesées effectuées ; buildValidatePayload les 4 champs du haut', () => {
+        const form = useWeighingTicketForm()
+        form.setCounterpartyType('CLIENT')
+        form.clientIri.value = '/api/clients/1'
+        form.immatriculation.value = 'AB-123-CD'
+        form.applyReading(form.empty, { weight: 7150, dsd: 1, mode: 'AUTO' })
+        form.applyReading(form.full, { weight: 14300, dsd: 2, mode: 'AUTO' })
+
+        // Le brouillon porte LES DEUX pesées effectuées.
+        const draft = form.buildDraftPayload()
+        expect(draft.emptyWeight).toBe(7150)
+        expect(draft.emptyMode).toBe('AUTO')
+        expect(draft.fullWeight).toBe(14300)
+        expect(draft.fullMode).toBe('AUTO')
+
+        // La validation ne porte que les 4 champs du haut (pesées déjà persistées).
+        const validate = form.buildValidatePayload()
+        expect(validate.counterpartyType).toBe('CLIENT')
+        expect(validate.client).toBe('/api/clients/1')
+        expect(validate.immatriculation).toBe('AB-123-CD')
+        expect(validate).not.toHaveProperty('emptyWeight')
+        expect(validate).not.toHaveProperty('fullWeight')
+    })
+
+    // ── Pré-remplissage (écran Modification, ERP-190) ─────────────────────────
+    it('hydrate pré-remplit l\'état depuis le détail (datetime ISO ramené en local, heure conservée)', () => {
+        const form = useWeighingTicketForm()
+        form.hydrate({
+            id: 9,
+            counterpartyType: 'CLIENT',
+            client: { '@id': '/api/clients/629' },
+            immatriculation: 'AB-123-CD',
+            plateFreeFormat: false,
+            emptyDate: '2026-06-17T09:00:00+02:00',
+            emptyWeight: 7150,
+            emptyDsd: 1,
+            emptyMode: 'AUTO',
+            fullDate: '2026-06-17T09:12:00+02:00',
+            fullWeight: 14300,
+            fullDsd: 2,
+            fullMode: 'AUTO',
+        })
+
+        expect(form.ticketId.value).toBe(9)
+        expect(form.counterpartyType.value).toBe('CLIENT')
+        expect(form.counterpartyField.value).toBe('client')
+        expect(form.clientIri.value).toBe('/api/clients/629')
+        expect(form.immatriculation.value).toBe('AB-123-CD')
+        // Datetime back (avec fuseau) -> local sans fuseau, heure conservée pour MalioDateTime.
+        expect(form.empty.date).toBe('2026-06-17T09:00:00')
+        expect(form.full.date).toBe('2026-06-17T09:12:00')
+        expect(form.empty.weight).toBe(7150)
+        expect(form.full.weight).toBe(14300)
+    })
+
+    it('hydrate gère les champs null omis (skip_null_values) avec des défauts', () => {
+        const form = useWeighingTicketForm()
+        form.hydrate({ id: 5, counterpartyType: 'AUTRE', otherLabel: 'Reprise' })
+        expect(form.otherLabel.value).toBe('Reprise')
+        expect(form.supplierIri.value).toBeNull()
+        expect(form.plateFreeFormat.value).toBe(false)
+        // Pas de date back -> repli sur l'instant courant (stub 2026-06-22T08:30:00).
+        expect(form.empty.date).toBe('2026-06-22T08:30:00')
+        expect(form.empty.weight).toBeNull()
+    })
+
+    it('buildDraftPayload après hydrate porte contrepartie + véhicule + les 2 pesées', () => {
+        const form = useWeighingTicketForm()
+        form.hydrate({
+            id: 9,
+            status: 'VALIDATED',
+            counterpartyType: 'CLIENT',
+            client: { '@id': '/api/clients/629' },
+            immatriculation: 'AB-123-CD',
+            emptyWeight: 7150, emptyDsd: 1, emptyMode: 'AUTO',
+            fullWeight: 14300, fullDsd: 2, fullMode: 'AUTO',
+        })
+
+        expect(form.status.value).toBe('VALIDATED')
+
+        const payload = form.buildDraftPayload()
+        expect(payload.counterpartyType).toBe('CLIENT')
+        expect(payload.client).toBe('/api/clients/629')
+        expect(payload.emptyWeight).toBe(7150)
+        expect(payload.fullWeight).toBe(14300)
+        expect(payload.immatriculation).toBe('AB-123-CD')
+    })
+})

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

@@ -0,0 +1,58 @@
+import { describe, it, expect, vi, beforeEach } from 'vitest'
+import { useWeighingTicketsRepository, type WeighingTicket } from '../useWeighingTicketsRepository'
+
+const mockApiGet = vi.hoisted(() => vi.fn())
+vi.stubGlobal('useApi', () => ({ get: mockApiGet }))
+
+/**
+ * Tests du repertoire des tickets de pesee (M5, ERP-188).
+ *
+ * `useWeighingTicketsRepository` est une fine enveloppe de
+ * `usePaginatedList<WeighingTicket>` sur `/weighing_tickets`. Les invariants
+ * generiques de pagination sont deja couverts par `usePaginatedList.test.ts` ;
+ * on verifie ici le CONTRAT propre au repertoire :
+ *  - la ressource ciblee est bien `/weighing_tickets` ;
+ *  - le header `Accept: application/ld+json` est envoye (sinon API Platform 4
+ *    renvoie un tableau plat sans pagination) ;
+ *  - DEFAUT 25 ITEMS/PAGE : la liste etant consultee en volume, le premier
+ *    fetch demande 25 items (et non le defaut 10) — l'utilisateur peut toujours
+ *    rebasculer via le selecteur.
+ */
+describe('useWeighingTicketsRepository', () => {
+    beforeEach(() => {
+        mockApiGet.mockReset()
+    })
+
+    /** Une page de tickets Hydra minimale. */
+    const PAGE: WeighingTicket[] = [
+        {
+            id: 1,
+            status: 'VALIDATED',
+            number: '86-TP-0001',
+            client: { id: 7, companyName: 'ACME' },
+            supplier: null,
+            otherLabel: null,
+            displayDate: '2026-06-17T09:12:00+02:00',
+            netWeight: 7150,
+        },
+    ]
+
+    it('cible /weighing_tickets en Hydra avec 25 items/page par defaut', async () => {
+        mockApiGet.mockResolvedValueOnce({ member: PAGE, totalItems: 1 })
+        const repo = useWeighingTicketsRepository()
+
+        await repo.fetch()
+
+        expect(mockApiGet).toHaveBeenCalledTimes(1)
+        const [url, query, opts] = mockApiGet.mock.calls[0]
+        expect(url).toBe('/weighing_tickets')
+        expect(query).toMatchObject({ page: 1, itemsPerPage: 25 })
+        expect(opts).toMatchObject({
+            toast: false,
+            headers: { Accept: 'application/ld+json' },
+        })
+        expect(repo.itemsPerPage.value).toBe(25)
+        expect(repo.items.value).toEqual(PAGE)
+        expect(repo.totalItems.value).toBe(1)
+    })
+})

frontend/modules/logistique/composables/useWeighbridge.ts

@@ -0,0 +1,72 @@
+/**
+ * Pesée au pont bascule (M5, ERP-189) — déclenche une lecture de poids via
+ * `POST /api/weighbridge_readings` (spec-back § 4.2). Action autonome : le ticket
+ * n'existe pas encore quand on pèse depuis le formulaire principal.
+ *
+ * Deux modes :
+ *  - AUTO  (« Pesée bascule »)  : le serveur résout le site courant, lit le poids
+ *    (stub aléatoire au M5) et alloue le DSD. Peut échouer (RG-5.06 → 503) : le
+ *    pont est indisponible, on invite l'utilisateur à passer en pesée manuelle.
+ *  - MANUAL (« Pesée manuelle ») : poids + DSD saisis par l'opérateur ; le serveur
+ *    les conserve tels quels — plus d'auto-incrément (ERP-193).
+ *
+ * Composable UI-agnostique : il appelle l'API (`useApi`, jamais `$fetch`) et
+ * renvoie la lecture, ou lève l'erreur — la gestion de la modal/de l'affichage
+ * reste à la charge de l'écran. `extractWeighbridgeError` factorise la lecture
+ * du message d'erreur 503 (RG-5.06) pour l'afficher dans la modal.
+ */
+
+/** Mode de pesée — miroir de l'enum back. */
+export type WeighbridgeMode = 'AUTO' | 'MANUAL'
+
+/** Lecture renvoyée par le pont bascule (spec-back § 4.2). */
+export interface WeighbridgeReading {
+    weight: number
+    dsd: number
+    mode: WeighbridgeMode
+}
+
+export function useWeighbridge() {
+    const api = useApi()
+    const { t } = useI18n()
+
+    /**
+     * Pesée bascule (AUTO). Le site courant est résolu serveur — rien à envoyer.
+     * `toast: false` : l'erreur (RG-5.06) est affichée inline dans la modal, pas
+     * en toast global.
+     */
+    async function triggerAuto(): Promise<WeighbridgeReading> {
+        return await api.post<WeighbridgeReading>(
+            '/weighbridge_readings',
+            { mode: 'AUTO' },
+            { toast: false },
+        )
+    }
+
+    /**
+     * Pesée manuelle (MANUAL). Le poids ET le DSD sont saisis par l'opérateur (le
+     * DSD = numéro du pont réellement utilisé) et conservés tels quels (ERP-193).
+     */
+    async function triggerManual(weight: number, dsd: number): Promise<WeighbridgeReading> {
+        return await api.post<WeighbridgeReading>(
+            '/weighbridge_readings',
+            { mode: 'MANUAL', weight, dsd },
+            { toast: false },
+        )
+    }
+
+    /**
+     * Message d'erreur de pesée bascule (RG-5.06). Le back renvoie un 503
+     * `{ title, detail }` (« Pont bascule indisponible » / « Passez en pesée
+     * manuelle. ») — on privilégie le `detail`, puis le `title`, sinon un libellé
+     * générique invitant à la pesée manuelle.
+     */
+    function extractWeighbridgeError(error: unknown): string {
+        const data = (error as { response?: { _data?: unknown } })?.response?._data as
+            | { detail?: string, title?: string }
+            | undefined
+        return data?.detail || data?.title || t('logistique.weighingTickets.form.weighbridge.unavailable')
+    }
+
+    return { triggerAuto, triggerManual, extractWeighbridgeError }
+}

frontend/modules/logistique/composables/useWeighingTicket.ts

@@ -0,0 +1,53 @@
+import type { WeighbridgeMode } from '~/modules/logistique/composables/useWeighbridge'
+import type { CounterpartyType, WeighingTicketStatus } from '~/modules/logistique/composables/useWeighingTicketForm'
+
+/**
+ * Détail d'un ticket de pesée (`GET /api/weighing_tickets/{id}`, spec-back
+ * § 4.0.bis). Champs null OMIS du JSON (`skip_null_values`) → tous optionnels,
+ * lus avec un défaut côté hydratation du formulaire.
+ */
+export interface WeighingTicketDetail {
+    id: number
+    /** Cycle de vie (DRAFT/VALIDATED, ERP-193). */
+    status?: WeighingTicketStatus
+    /** Numéro `{siteCode}-TP-{NNNN}` — null tant que brouillon, immuable ensuite (RG-5.09). */
+    number?: string | null
+    /** Site rattaché (embarqué) — immuable (RG-5.09). */
+    site?: { id: number, name: string, code: string } | null
+    counterpartyType?: CounterpartyType | null
+    client?: { '@id': string, companyName: string } | null
+    supplier?: { '@id': string, companyName: string } | null
+    otherLabel?: string | null
+    immatriculation?: string | null
+    plateFreeFormat?: boolean
+    // Pesée à vide
+    emptyDate?: string | null
+    emptyWeight?: number | null
+    emptyDsd?: number | null
+    emptyMode?: WeighbridgeMode | null
+    // Pesée à plein
+    fullDate?: string | null
+    fullWeight?: number | null
+    fullDsd?: number | null
+    fullMode?: WeighbridgeMode | null
+    netWeight?: number | null
+}
+
+/**
+ * Charge le détail d'un ticket de pesée pour l'écran de modification (M5,
+ * ERP-190). `Accept: application/ld+json` impose l'enveloppe Hydra (relations
+ * embarquées : client/supplier/site). Appel via `useApi()` (jamais `$fetch`).
+ */
+export function useWeighingTicket() {
+    const api = useApi()
+
+    async function fetchTicket(id: number | string): Promise<WeighingTicketDetail> {
+        return await api.get<WeighingTicketDetail>(
+            `/weighing_tickets/${id}`,
+            {},
+            { headers: { Accept: 'application/ld+json' }, toast: false },
+        )
+    }
+
+    return { fetchTicket }
+}

frontend/modules/logistique/composables/useWeighingTicketForm.ts

@@ -0,0 +1,309 @@
+import { computed, reactive, ref } from 'vue'
+import { nowIsoDateTime } from '~/shared/utils/date'
+import type { WeighbridgeMode } from '~/modules/logistique/composables/useWeighbridge'
+
+/**
+ * État et logique du formulaire « Ajouter / Modifier un ticket de pesée » (M5,
+ * ERP-189). L'écran est composé de DEUX blocs empilés — pesée à vide puis pesée
+ * à plein — qui partagent un même véhicule.
+ *
+ * Points clés (spec-front § Écran Ajouter, spec-back § 2.4 / 2.9 / 2.10) :
+ *  - **Contrepartie conditionnelle (RG-5.03)** : `counterpartyType` (CLIENT /
+ *    FOURNISSEUR / AUTRE) pilote le champ requis (client / supplier / otherLabel).
+ *    Changer de type purge les champs des autres types — aucune donnée fantôme.
+ *  - **Immatriculation + « Tout format »** font partie des 4 champs du haut, hors
+ *    blocs (ERP-193). Une seule valeur, partagée entre les 2 pesées (RG-5.01).
+ *  - **Cycle brouillon -> validé (ERP-193)** : `buildDraftPayload()` persiste l'état
+ *    courant (pesée enregistrée dès la validation de sa modale, même sans
+ *    contrepartie/immat) via POST (création du brouillon) puis PATCH ; quand les 3
+ *    champs du haut + les 2 pesées sont là, `buildValidatePayload()` finalise via
+ *    `PATCH /weighing_tickets/{id}/validate` (numéro attribué, status VALIDATED).
+ *
+ * Composable UI-agnostique et testable : aucune dépendance API ici (les appels
+ * vivent dans l'écran via `useApi`). Instancié PAR écran (refs locales).
+ */
+
+/** Type de contrepartie — miroir de l'enum back (spec-back § 2.9). */
+export type CounterpartyType = 'CLIENT' | 'FOURNISSEUR' | 'AUTRE'
+
+/** Saisie d'une pesée (bloc vide OU bloc plein). */
+export interface WeighingBlockState {
+    /** Date/heure de la pesée (ISO local `YYYY-MM-DDTHH:mm:ss`) — date du jour + heure courante par défaut (RG-5.07). */
+    date: string | null
+    /** Poids en kg — readonly, rempli par la pesée (bascule ou manuelle). */
+    weight: number | null
+    /** DSD — pesée bascule : fourni par le pont ; pesée manuelle : saisi (RG-5.04, ERP-193). */
+    dsd: number | null
+    /** Mode de la dernière pesée appliquée au bloc. */
+    mode: WeighbridgeMode | null
+}
+
+/** Cycle de vie du ticket (miroir back, ERP-193). */
+export type WeighingTicketStatus = 'DRAFT' | 'VALIDATED'
+
+/** Forme minimale d'un détail de ticket consommée par `hydrate` (cf. useWeighingTicket). */
+export interface WeighingTicketHydration {
+    id: number
+    status?: WeighingTicketStatus
+    counterpartyType?: CounterpartyType | null
+    client?: { '@id': string } | null
+    supplier?: { '@id': string } | null
+    otherLabel?: string | null
+    immatriculation?: string | null
+    plateFreeFormat?: boolean
+    emptyDate?: string | null
+    emptyWeight?: number | null
+    emptyDsd?: number | null
+    emptyMode?: WeighbridgeMode | null
+    fullDate?: string | null
+    fullWeight?: number | null
+    fullDsd?: number | null
+    fullMode?: WeighbridgeMode | null
+}
+
+/**
+ * Ramène une chaîne ISO datetime du back (`2026-06-17T09:00:00+02:00`) au format
+ * local `YYYY-MM-DDTHH:mm:ss` attendu par MalioDateTime (secondes, sans fuseau) :
+ * on garde les 19 premiers caractères (date + heure), on retire l'offset. Null si
+ * absente.
+ */
+function toLocalIsoDateTime(value: string | null | undefined): string | null {
+    return value ? value.slice(0, 19) : null
+}
+
+/**
+ * Retire les clés à valeur `null` d'un payload (pattern « omission des requis
+ * vides » M1). Avec `collectDenormalizationErrors` côté back, envoyer `null` sur
+ * un scalaire requis (ex. `counterpartyType`) produit une violation de TYPE
+ * opaque (« Cette valeur doit être de type string. ») au lieu du message métier
+ * `NotBlank` : une clé ABSENTE laisse au contraire jouer la contrainte `NotBlank`
+ * et son message FR. On omet donc les null ; les champs réellement requis non
+ * remplis déclenchent leur vrai message, les optionnels restent simplement absents.
+ */
+function compact(payload: Record<string, unknown>): Record<string, unknown> {
+    return Object.fromEntries(Object.entries(payload).filter(([, value]) => value !== null))
+}
+
+/** Crée l'état initial d'un bloc de pesée (date/heure = maintenant, RG-5.07). */
+function emptyBlock(now: string): WeighingBlockState {
+    return {
+        date: now,
+        weight: null,
+        dsd: null,
+        mode: null,
+    }
+}
+
+export function useWeighingTicketForm() {
+    const now = nowIsoDateTime()
+
+    // ── Contrepartie (RG-5.03) ───────────────────────────────────────────────
+    const counterpartyType = ref<CounterpartyType | null>(null)
+    const clientIri = ref<string | null>(null)
+    const supplierIri = ref<string | null>(null)
+    const otherLabel = ref<string | null>(null)
+
+    /**
+     * Change le type de contrepartie et purge les champs devenus hors-sujet :
+     * un seul de client / supplier / otherLabel est conservé selon le type
+     * (RG-5.03 — pas de FK fantôme envoyée au back).
+     */
+    function setCounterpartyType(type: CounterpartyType | null): void {
+        counterpartyType.value = type
+        if (type !== 'CLIENT') clientIri.value = null
+        if (type !== 'FOURNISSEUR') supplierIri.value = null
+        if (type !== 'AUTRE') otherLabel.value = null
+    }
+
+    // ── Véhicule : partagé entre les 2 blocs (RG-5.01) ────────────────────────
+    // Refs UNIQUES : les 2 blocs bindent la même valeur → connexion automatique.
+    const immatriculation = ref<string | null>(null)
+    const plateFreeFormat = ref<boolean>(false)
+
+    // ── Les deux pesées ───────────────────────────────────────────────────────
+    const empty = reactive<WeighingBlockState>(emptyBlock(now))
+    const full = reactive<WeighingBlockState>(emptyBlock(now))
+
+    // Id du ticket persisté (POST du 1er enregistrement de pesée) — pilote ensuite
+    // les PATCH (brouillon) puis la validation. Null tant que rien n'est persisté.
+    const ticketId = ref<number | null>(null)
+
+    // Cycle de vie courant (DRAFT tant que non validé, ERP-193).
+    const status = ref<WeighingTicketStatus>('DRAFT')
+
+    /**
+     * Champ de contrepartie attendu selon le type courant — utilisé par l'écran
+     * pour afficher conditionnellement le bon champ (RG-5.03).
+     */
+    const counterpartyField = computed<'client' | 'supplier' | 'other' | null>(() => {
+        switch (counterpartyType.value) {
+            case 'CLIENT': return 'client'
+            case 'FOURNISSEUR': return 'supplier'
+            case 'AUTRE': return 'other'
+            default: return null
+        }
+    })
+
+    /**
+     * Champs de pesée manquants d'un bloc (Poids / DSD), RG-5.07. Le back rend ces
+     * colonnes nullable (workflow 2 temps) : l'obligation « une pesée a été
+     * effectuée » est donc portée côté front (règle front-only, ERP-101). Renvoie
+     * les `propertyPath` manquants (ex. `['emptyWeight', 'emptyDsd']`), prêts à
+     * être posés en erreur inline via `useFormErrors.setError`.
+     */
+    function missingWeighingFields(which: 'empty' | 'full'): string[] {
+        const block = which === 'empty' ? empty : full
+        const missing: string[] = []
+        if (block.weight === null) missing.push(`${which}Weight`)
+        if (block.dsd === null) missing.push(`${which}Dsd`)
+        return missing
+    }
+
+    /**
+     * Applique une lecture de pesée (bascule/manuelle) à un bloc. La pesée étant
+     * effectuée À CET INSTANT, on (ré)horodate le bloc à maintenant : la date/heure
+     * du ticket reflète le moment réel de la pesée validée, pas l'ouverture du
+     * formulaire (RG-5.07).
+     */
+    function applyReading(
+        block: WeighingBlockState,
+        reading: { weight: number, dsd: number, mode: WeighbridgeMode },
+    ): void {
+        block.date = nowIsoDateTime()
+        block.weight = reading.weight
+        block.dsd = reading.dsd
+        block.mode = reading.mode
+    }
+
+    /** Partie « contrepartie » du payload (FK en IRI ou libellé libre). */
+    function counterpartyPayload(): Record<string, unknown> {
+        switch (counterpartyType.value) {
+            case 'CLIENT': return { client: clientIri.value }
+            case 'FOURNISSEUR': return { supplier: supplierIri.value }
+            case 'AUTRE': return { otherLabel: otherLabel.value || null }
+            default: return {}
+        }
+    }
+
+    /**
+     * Contrepartie d'un BROUILLON : on n'envoie le type QUE si son champ associé est
+     * renseigné. Un type sans son champ (l'opérateur a ouvert le menu avant de
+     * choisir) est une contrepartie incohérente que le back devrait retirer (sinon
+     * les CHECK chk_wt_*_branch lèvent une 500). On évite donc de l'émettre côté
+     * front. La cohérence reste exigée à la validation : `buildValidatePayload()`
+     * envoie toujours le type, pour déclencher la 422 métier sur le champ manquant.
+     */
+    function draftCounterpartyPayload(): Record<string, unknown> {
+        switch (counterpartyType.value) {
+            case 'CLIENT':
+                return clientIri.value ? { counterpartyType: 'CLIENT', client: clientIri.value } : {}
+            case 'FOURNISSEUR':
+                return supplierIri.value ? { counterpartyType: 'FOURNISSEUR', supplier: supplierIri.value } : {}
+            case 'AUTRE':
+                return otherLabel.value && otherLabel.value.trim() !== ''
+                    ? { counterpartyType: 'AUTRE', otherLabel: otherLabel.value }
+                    : {}
+            default:
+                return {}
+        }
+    }
+
+    /**
+     * Champs d'un bloc de pesée, UNIQUEMENT s'il a été pesé (poids renseigné) — on
+     * n'envoie pas la date par défaut d'un bloc vierge (sinon le back stockerait une
+     * date de pesée sans poids). Noms de clés alignés sur les `propertyPath` back.
+     */
+    function blockPayload(prefix: 'empty' | 'full', block: WeighingBlockState): Record<string, unknown> {
+        if (block.weight === null) return {}
+        return {
+            [`${prefix}Date`]: block.date,
+            [`${prefix}Weight`]: block.weight,
+            [`${prefix}Dsd`]: block.dsd,
+            [`${prefix}Mode`]: block.mode,
+        }
+    }
+
+    /**
+     * Payload de BROUILLON (POST création / PATCH mise à jour, ERP-193) : l'état
+     * courant complet (4 champs du haut + pesées effectuées). Aucun champ n'est
+     * requis ici (le back valide en mode relâché) — une pesée s'enregistre sans
+     * contrepartie ni immatriculation. Numéro/site/net attribués serveur.
+     */
+    function buildDraftPayload(): Record<string, unknown> {
+        return compact({
+            ...draftCounterpartyPayload(),
+            immatriculation: immatriculation.value || null,
+            plateFreeFormat: plateFreeFormat.value,
+            ...blockPayload('empty', empty),
+            ...blockPayload('full', full),
+        })
+    }
+
+    /**
+     * Pré-remplit le formulaire à partir du détail d'un ticket existant (écran
+     * Modification, ERP-190). Le numéro et le site sont immuables (RG-5.09) →
+     * non repris dans l'état éditable (affichés en lecture seule par l'écran).
+     * Les dates ISO du back (datetime + fuseau) sont ramenées au format local
+     * `YYYY-MM-DDTHH:mm:ss` attendu par MalioDateTime (heure conservée).
+     */
+    function hydrate(detail: WeighingTicketHydration): void {
+        ticketId.value = detail.id
+        status.value = detail.status ?? 'DRAFT'
+        counterpartyType.value = detail.counterpartyType ?? null
+        clientIri.value = detail.client?.['@id'] ?? null
+        supplierIri.value = detail.supplier?.['@id'] ?? null
+        otherLabel.value = detail.otherLabel ?? null
+        immatriculation.value = detail.immatriculation ?? null
+        plateFreeFormat.value = detail.plateFreeFormat ?? false
+
+        empty.date = toLocalIsoDateTime(detail.emptyDate) ?? now
+        empty.weight = detail.emptyWeight ?? null
+        empty.dsd = detail.emptyDsd ?? null
+        empty.mode = detail.emptyMode ?? null
+
+        full.date = toLocalIsoDateTime(detail.fullDate) ?? now
+        full.weight = detail.fullWeight ?? null
+        full.dsd = detail.fullDsd ?? null
+        full.mode = detail.fullMode ?? null
+    }
+
+    /**
+     * Payload de VALIDATION (PATCH /weighing_tickets/{id}/validate, ERP-193) : les
+     * 4 champs du haut (contrepartie + immatriculation + « Tout format »). Les pesées
+     * sont déjà persistées par les enregistrements brouillon ; le back rejoue ici la
+     * validation stricte (groupe `finalize` : 3 champs requis + 2 pesées) et attribue
+     * le numéro. Les `propertyPath` des 422 sont mappés inline par useFormErrors.
+     */
+    function buildValidatePayload(): Record<string, unknown> {
+        return compact({
+            counterpartyType: counterpartyType.value,
+            ...counterpartyPayload(),
+            immatriculation: immatriculation.value || null,
+            plateFreeFormat: plateFreeFormat.value,
+        })
+    }
+
+    return {
+        // contrepartie
+        counterpartyType,
+        counterpartyField,
+        clientIri,
+        supplierIri,
+        otherLabel,
+        setCounterpartyType,
+        // véhicule partagé
+        immatriculation,
+        plateFreeFormat,
+        // pesées
+        empty,
+        full,
+        applyReading,
+        missingWeighingFields,
+        // workflow
+        ticketId,
+        status,
+        hydrate,
+        buildDraftPayload,
+        buildValidatePayload,
+    }
+}

frontend/modules/logistique/composables/useWeighingTicketReferentials.ts

@@ -0,0 +1,62 @@
+import { ref } from 'vue'
+
+/**
+ * Référentiels alimentant les selects de contrepartie de l'écran « Ticket de
+ * pesée » (M5, ERP-189) : liste des clients (M1) et des fournisseurs (M2).
+ *
+ * Collections récupérées en entier via l'échappatoire `?pagination=false`
+ * (référentiels de quelques dizaines d'entrées), avec l'en-tête
+ * `Accept: application/ld+json` imposé par API Platform 4 pour obtenir
+ * l'enveloppe Hydra (`member`). La valeur d'option est l'IRI Hydra (`@id`) —
+ * renvoyée telle quelle dans le payload POST/PATCH (relation ManyToOne).
+ *
+ * Miroir de `useClientReferentials` (M1). État 100 % local à l'instance.
+ */
+
+/** Option au format attendu par MalioSelect ({ label, value }). */
+export interface RefOption {
+    value: string
+    label: string
+}
+
+interface PartyMember {
+    '@id': string
+    companyName: string
+}
+
+const LD_JSON_HEADERS = { Accept: 'application/ld+json' }
+
+export function useWeighingTicketReferentials() {
+    const api = useApi()
+
+    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[]> {
+        const res = await api.get<{ member?: PartyMember[] }>(
+            url,
+            { pagination: 'false' },
+            { headers: LD_JSON_HEADERS, toast: false },
+        )
+        return res.member ?? []
+    }
+
+    /**
+     * 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).
+     */
+    async function load(): Promise<void> {
+        await Promise.allSettled([
+            fetchAll('/clients').then((list) => {
+                clients.value = list.map(c => ({ value: c['@id'], label: c.companyName }))
+            }),
+            fetchAll('/suppliers').then((list) => {
+                suppliers.value = list.map(s => ({ value: s['@id'], label: s.companyName }))
+            }),
+        ])
+    }
+
+    return { clients, suppliers, load }
+}

frontend/modules/logistique/composables/useWeighingTicketsRepository.ts

@@ -0,0 +1,72 @@
+import { usePaginatedList } from '~/shared/composables/usePaginatedList'
+import type { WeighingTicketStatus } from '~/modules/logistique/composables/useWeighingTicketForm'
+
+/**
+ * Vue MINIMALE d'une contrepartie embarquee (Client M1 ou Fournisseur M2) dans la
+ * LISTE des tickets de pesee. Seul `companyName` alimente les colonnes
+ * « Client » / « Fournisseur » ; l'objet sort embarque (`client:read` /
+ * `supplier:read`) ou est carrement absent du JSON quand null (`skip_null_values`,
+ * spec-back § 4.0.bis) — d'ou le `?? null` systematique cote page.
+ */
+export interface WeighingTicketParty {
+    id: number
+    companyName: string | null
+}
+
+/**
+ * Vue MINIMALE d'un ticket de pesee pour la datatable (M5, ERP-188). Volontairement
+ * partielle : seuls les champs des colonnes (docx p.3) + l'id (navigation) sont
+ * types. Le detail complet (pesees vide/plein, immatriculation, site, DSD) releve
+ * de l'ecran Modification (ERP-190) — hors perimetre de cet ecran.
+ *
+ * Contrepartie mutuellement exclusive (RG-5.03) : un seul de `client` / `supplier`
+ * / `otherLabel` est renseigne ; les deux autres sont omis du JSON (null).
+ * `displayDate` = getter serveur `fullDate ?? emptyDate` (spec-back § 4.0).
+ * `netWeight` = plein − vide en kg (RG-5.05).
+ */
+export interface WeighingTicket {
+    id: number
+    /** Cycle de vie : DRAFT (« En attente ») ou VALIDATED (« Terminée ») — ERP-193. */
+    status: WeighingTicketStatus
+    /** Numero metier `{siteCode}-TP-{NNNN}` — null tant que brouillon (RG-5.02). */
+    number: string | null
+    /** Embarque uniquement si contrepartie = Client (RG-5.03), sinon absent. */
+    client: WeighingTicketParty | null
+    /** Embarque uniquement si contrepartie = Fournisseur (RG-5.03), sinon absent. */
+    supplier: WeighingTicketParty | null
+    /** Libelle libre si contrepartie = Autre (RG-5.03), sinon absent. */
+    otherLabel: string | null
+    /** Date ISO du ticket (`fullDate ?? emptyDate`) — colonne « Date ». */
+    displayDate: string | null
+    /** Poids net en kg (= plein − vide, RG-5.05) — colonne « Poids ». */
+    netWeight: number | null
+}
+
+/**
+ * Filtres de la liste des tickets de pesee, branches sur les query params de
+ * `GET /api/weighing_tickets` (spec-back § 4.1). La liste est par ailleurs
+ * cloisonnee par site courant cote back (`SiteScopedQueryExtension`, § 2.3) — le
+ * front n'a pas a envoyer le site.
+ */
+export interface WeighingTicketFilters {
+    search?: string
+}
+
+/**
+ * Liste des tickets de pesee (M5, ERP-188) — simple enveloppe de
+ * `usePaginatedList<WeighingTicket>` sur la ressource `/weighing_tickets`
+ * (URL API en snake_case ; la route Nuxt reste `/weighing-tickets`). Pagination
+ * serveur obligatoire (regle ABSOLUE n°13), etat 100 % local (regle ABSOLUE n°6).
+ *
+ * Miroir de `useCarriersRepository` (M4). Volontairement PAR INSTANCE (pas de
+ * singleton) : l'etat tableau est propre a l'ecran et meurt avec lui.
+ */
+export function useWeighingTicketsRepository() {
+    // Defaut 25 items/page (au lieu de 10) : la liste des tickets de pesee est
+    // consultee en volume. 25 fait partie des options [10, 25, 50] et reste sous le
+    // max serveur (50). L'utilisateur peut toujours basculer via le selecteur.
+    return usePaginatedList<WeighingTicket, WeighingTicketFilters>({
+        url: '/weighing_tickets',
+        defaultItemsPerPage: 25,
+    })
+}

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

@@ -0,0 +1,144 @@
+import { describe, it, expect, vi, beforeEach } from 'vitest'
+import { mount, flushPromises } from '@vue/test-utils'
+import { defineComponent, h, ref, reactive, Suspense } from 'vue'
+
+// ── Mocks des composables modules (le form RÉEL est conservé pour vérifier le
+//    pré-remplissage via hydrate). ─────────────────────────────────────────────
+const mockFetchTicket = vi.hoisted(() => vi.fn())
+const mockPatch = vi.hoisted(() => vi.fn())
+const mockPush = vi.hoisted(() => vi.fn())
+const mockOpen = 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) }),
+}))
+vi.mock('~/modules/logistique/composables/useWeighbridge', () => ({
+    useWeighbridge: () => ({ triggerAuto: vi.fn(), triggerManual: vi.fn(), extractWeighbridgeError: () => 'err' }),
+}))
+
+// ── Auto-imports Nuxt stubbes globalement ───────────────────────────────────
+vi.stubGlobal('useI18n', () => ({ t: (key: string) => key }))
+vi.stubGlobal('useHead', () => undefined)
+vi.stubGlobal('useApi', () => ({ get: vi.fn(), post: vi.fn(), patch: mockPatch }))
+vi.stubGlobal('useRoute', () => ({ params: { id: '9' } }))
+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() }))
+globalThis.open = mockOpen
+
+const EditPage = (await import('../weighing-tickets/[id]/edit.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 InputStub = defineComponent({
+    props: { label: { type: String, default: '' }, modelValue: { default: null } },
+    setup(props) {
+        return () => h('input', { 'data-label': props.label, 'value': props.modelValue as string })
+    },
+})
+
+// WeighingBlock stubbé (Date/Poids/DSD + boutons) — la contrepartie vit désormais
+// dans les 4 champs du haut, hors bloc (ERP-193).
+const BlockStub = defineComponent({
+    setup() { return () => h('div', { 'data-testid': 'block' }) },
+})
+
+const ModalStub = defineComponent({
+    props: { modelValue: { type: Boolean, default: false } },
+    setup(_, { slots }) { return () => h('div', {}, [slots.header?.(), slots.default?.(), slots.footer?.()]) },
+})
+
+const stubs = {
+    MalioButtonIcon: ButtonStub,
+    MalioButton: ButtonStub,
+    MalioInputText: InputStub,
+    MalioInputNumber: InputStub,
+    MalioSelect: InputStub,
+    MalioDateTime: InputStub,
+    MalioCheckbox: InputStub,
+    MalioModal: ModalStub,
+    WeighingBlock: BlockStub,
+}
+
+// Monte la page (setup async : top-level await) via Suspense.
+async function mountPage() {
+    const wrapper = mount(defineComponent({
+        components: { EditPage },
+        setup: () => () => h(Suspense, null, { default: () => h(EditPage) }),
+    }), { global: { stubs } })
+    await flushPromises()
+    return wrapper
+}
+
+const DETAIL = {
+    id: 9,
+    status: 'VALIDATED',
+    number: '86-TP-0001',
+    site: { id: 1, name: 'Chatellerault', code: '86' },
+    counterpartyType: 'CLIENT',
+    client: { '@id': '/api/clients/629', companyName: 'NÉGOCE MÉTAUX ATLANTIQUE' },
+    immatriculation: 'AB-123-CD',
+    plateFreeFormat: false,
+    emptyDate: '2026-06-17T09:00:00+02:00', emptyWeight: 7150, emptyDsd: 1, emptyMode: 'AUTO',
+    fullDate: '2026-06-17T09:12:00+02:00', fullWeight: 14300, fullDsd: 2, fullMode: 'AUTO',
+}
+
+describe('Écran Modification ticket de pesée (page /weighing-tickets/{id}/edit)', () => {
+    beforeEach(() => {
+        mockFetchTicket.mockReset().mockResolvedValue({ ...DETAIL })
+        mockPatch.mockReset().mockResolvedValue({})
+        mockPush.mockReset()
+        mockOpen.mockReset()
+    })
+
+    it('charge le ticket au montage (pré-remplissage via hydrate)', async () => {
+        await mountPage()
+        expect(mockFetchTicket).toHaveBeenCalledWith('9')
+    })
+
+    it('ticket validé : action principale « Enregistrer » + « Imprimer » (pas « Valider »)', async () => {
+        const wrapper = await mountPage()
+        // DETAIL.status = VALIDATED → l'action principale s'intitule « Enregistrer ».
+        expect(wrapper.find('[data-label="logistique.weighingTickets.form.save"]').exists()).toBe(true)
+        expect(wrapper.find('[data-label="logistique.weighingTickets.form.print"]').exists()).toBe(true)
+        expect(wrapper.find('[data-label="logistique.weighingTickets.form.validate"]').exists()).toBe(false)
+    })
+
+    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')
+        expect(mockOpen).toHaveBeenCalledWith('/api/weighing_tickets/9/print.pdf', '_blank')
+    })
+
+    it('« Enregistrer » : PATCH brouillon puis PATCH /validate, retour à la liste', async () => {
+        const wrapper = await mountPage()
+        await wrapper.find('[data-label="logistique.weighingTickets.form.save"]').trigger('click')
+        await flushPromises()
+        // 1. Persistance de l'état courant (brouillon) avec les 2 pesées.
+        expect(mockPatch).toHaveBeenCalledWith(
+            '/weighing_tickets/9',
+            expect.objectContaining({ counterpartyType: 'CLIENT', client: '/api/clients/629', fullWeight: 14300 }),
+            expect.objectContaining({ toast: false }),
+        )
+        // 2. Validation (back autoritaire) — ne porte que les 4 champs du haut.
+        expect(mockPatch).toHaveBeenCalledWith(
+            '/weighing_tickets/9/validate',
+            expect.objectContaining({ counterpartyType: 'CLIENT', immatriculation: 'AB-123-CD' }),
+            expect.objectContaining({ toast: false }),
+        )
+        // « Enregistrer » ouvre aussi le bon de pesée PDF (RG-5.08).
+        expect(mockOpen).toHaveBeenCalledWith('/api/weighing_tickets/9/print.pdf', '_blank')
+        expect(mockPush).toHaveBeenCalledWith('/weighing-tickets')
+    })
+})

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

@@ -0,0 +1,102 @@
+import { describe, it, expect, vi, beforeEach } from 'vitest'
+import { mount, flushPromises } from '@vue/test-utils'
+import { defineComponent, h, ref, reactive, Suspense } from 'vue'
+
+// ── Mocks des composables modules (le form RÉEL est conservé). ────────────────
+const mockPost = vi.hoisted(() => vi.fn())
+const mockPatch = vi.hoisted(() => vi.fn())
+const mockPush = vi.hoisted(() => vi.fn())
+const mockOpen = vi.hoisted(() => vi.fn())
+
+vi.mock('~/modules/logistique/composables/useWeighingTicketReferentials', () => ({
+    useWeighingTicketReferentials: () => ({ clients: ref([]), suppliers: ref([]), load: vi.fn().mockResolvedValue(undefined) }),
+}))
+vi.mock('~/modules/logistique/composables/useWeighbridge', () => ({
+    useWeighbridge: () => ({ triggerAuto: vi.fn(), triggerManual: vi.fn(), extractWeighbridgeError: () => 'err' }),
+}))
+
+// ── Auto-imports Nuxt stubbés globalement ───────────────────────────────────
+vi.stubGlobal('useI18n', () => ({ t: (key: string) => key }))
+vi.stubGlobal('useHead', () => undefined)
+vi.stubGlobal('useApi', () => ({ get: vi.fn(), post: mockPost, patch: mockPatch }))
+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() }))
+globalThis.open = mockOpen
+
+const NewPage = (await import('../weighing-tickets/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, 'value': props.modelValue as string }) },
+})
+const BlockStub = defineComponent({ setup() { return () => h('div', { 'data-testid': 'block' }) } })
+const ModalStub = defineComponent({
+    props: { modelValue: { type: Boolean, default: false } },
+    setup(_, { slots }) { return () => h('div', {}, [slots.header?.(), slots.default?.(), slots.footer?.()]) },
+})
+
+const stubs = {
+    MalioButtonIcon: ButtonStub,
+    MalioButton: ButtonStub,
+    MalioInputText: InputStub,
+    MalioSelect: InputStub,
+    MalioDateTime: InputStub,
+    MalioCheckbox: InputStub,
+    MalioModal: ModalStub,
+    WeighingBlock: BlockStub,
+}
+
+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 ticket de pesée (page /weighing-tickets/new)', () => {
+    beforeEach(() => {
+        mockPost.mockReset().mockResolvedValue({ id: 42 })
+        mockPatch.mockReset().mockResolvedValue({})
+        mockPush.mockReset()
+        mockOpen.mockReset()
+    })
+
+    it('un seul bouton « Valider » (pas de « Enregistrer » séparé)', async () => {
+        const wrapper = await mountPage()
+        expect(wrapper.find('[data-label="logistique.weighingTickets.form.validate"]').exists()).toBe(true)
+        expect(wrapper.find('[data-label="logistique.weighingTickets.form.save"]').exists()).toBe(false)
+    })
+
+    it('« Valider » : POST brouillon (création) puis PATCH /validate, PDF + retour liste', async () => {
+        const wrapper = await mountPage()
+        await wrapper.find('[data-label="logistique.weighingTickets.form.validate"]').trigger('click')
+        await flushPromises()
+
+        // 1. Création du brouillon (POST) → récupère l'id.
+        expect(mockPost).toHaveBeenCalledWith(
+            '/weighing_tickets',
+            expect.any(Object),
+            expect.objectContaining({ toast: false }),
+        )
+        // 2. Validation (back autoritaire) sur l'id retourné.
+        expect(mockPatch).toHaveBeenCalledWith(
+            '/weighing_tickets/42/validate',
+            expect.any(Object),
+            expect.objectContaining({ toast: false }),
+        )
+        // 3. Ouverture du bon de pesée PDF + retour à la liste.
+        expect(mockOpen).toHaveBeenCalledWith('/api/weighing_tickets/42/print.pdf', '_blank')
+        expect(mockPush).toHaveBeenCalledWith('/weighing-tickets')
+    })
+})

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

@@ -0,0 +1,200 @@
+import { describe, it, expect, vi, beforeEach, afterEach } from 'vitest'
+import { mount, flushPromises, type VueWrapper } 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→M4.
+const mockPush = vi.hoisted(() => vi.fn())
+const mockApiGet = vi.hoisted(() => vi.fn())
+const mockCan = vi.hoisted(() => vi.fn())
+const mockFetch = vi.hoisted(() => vi.fn())
+const mockReset = 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 }))
+// Site courant (switcher global) : ref pilotable pour simuler un changement de site.
+const currentSiteRef = ref<{ id: number } | null>(null)
+vi.stubGlobal('useCurrentSite', () => ({ currentSite: currentSiteRef }))
+
+// Le repository est lui aussi un auto-import : on controle les items renvoyes.
+// Contrepartie CLIENT (RG-5.03) → supplier / otherLabel absents (skip_null_values).
+vi.stubGlobal('useWeighingTicketsRepository', () => ({
+    items: ref([
+        {
+            id: 9,
+            number: '86-TP-0001',
+            client: { id: 629, companyName: 'NÉGOCE MÉTAUX ATLANTIQUE' },
+            supplier: null,
+            otherLabel: null,
+            displayDate: '2026-06-17T09:12:00+02:00',
+            netWeight: 7150,
+        },
+    ]),
+    totalItems: ref(1),
+    currentPage: ref(1),
+    itemsPerPage: ref(10),
+    itemsPerPageOptions: ref([10, 25, 50]),
+    fetch: mockFetch,
+    goToPage: vi.fn(),
+    setItemsPerPage: vi.fn(),
+    setFilters: vi.fn(),
+    reset: mockReset,
+}))
+
+// 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 WeighingTicketsIndex = (await import('../weighing-tickets/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)
+    },
+})
+
+// Capture les `items` (rows) passes par la page : on rend chaque ligne avec ses
+// cellules formatees (date / poids) pour pouvoir asserter le mapping des colonnes.
+const capturedRows = ref<Array<Record<string, unknown>>>([])
+const DataTableStub = defineComponent({
+    props: { items: { type: Array, default: () => [] } },
+    emits: ['row-click', 'update:page', 'update:per-page'],
+    setup(props, { emit }) {
+        return () => {
+            capturedRows.value = props.items as Array<Record<string, unknown>>
+            return h('div', { 'data-testid': 'datatable' },
+                (props.items as Array<Record<string, unknown>>).map(it =>
+                    h('tr', { 'data-row-id': it.id as number, onClick: () => emit('row-click', it) }, [
+                        h('td', { 'data-cell': 'displayDate' }, it.displayDate as string),
+                        h('td', { 'data-cell': 'netWeight' }, it.netWeight as string),
+                        h('td', { 'data-cell': 'client' }, it.client as string),
+                        h('td', { 'data-cell': 'supplier' }, it.supplier as string),
+                    ]),
+                ),
+            )
+        }
+    },
+})
+
+const PageHeaderStub = defineComponent({
+    setup(_, { slots }) { return () => h('div', {}, [slots.default?.(), slots.actions?.()]) },
+})
+
+// Suivi des wrappers montés pour les démonter entre tests : sans cela, les
+// watchers sur la ref module-level `currentSiteRef` (site courant) fuiteraient
+// d'un test à l'autre et se déclencheraient en double.
+const mountedWrappers: VueWrapper[] = []
+
+function mountPage() {
+    const wrapper = mount(WeighingTicketsIndex, {
+        global: {
+            stubs: {
+                PageHeader: PageHeaderStub,
+                MalioButton: ButtonStub,
+                MalioDataTable: DataTableStub,
+            },
+        },
+    })
+    mountedWrappers.push(wrapper)
+    return wrapper
+}
+
+describe('Liste des tickets de pesée (page /weighing-tickets)', () => {
+    beforeEach(() => {
+        mockPush.mockReset()
+        mockApiGet.mockReset().mockResolvedValue(new Blob())
+        mockCan.mockReset().mockReturnValue(true)
+        mockFetch.mockReset()
+        mockReset.mockReset()
+        mockToastError.mockReset()
+        capturedRows.value = []
+        currentSiteRef.value = null
+    })
+
+    afterEach(() => {
+        // Démonte les composants montés → libère leurs watchers (site courant).
+        while (mountedWrappers.length > 0) {
+            mountedWrappers.pop()?.unmount()
+        }
+    })
+
+    it('charge la liste au montage', async () => {
+        mountPage()
+        await flushPromises()
+        expect(mockFetch).toHaveBeenCalled()
+    })
+
+    it('recharge la liste (page 1) quand le site courant change', async () => {
+        mountPage()
+        await flushPromises()
+        expect(mockReset).not.toHaveBeenCalled()
+
+        // Simule un switch de site via le switcher global.
+        currentSiteRef.value = { id: 2 }
+        await flushPromises()
+        expect(mockReset).toHaveBeenCalledTimes(1)
+    })
+
+    it('formate la date au format JJ-MM-AAAA', async () => {
+        const wrapper = mountPage()
+        await flushPromises()
+        expect(wrapper.find('[data-cell="displayDate"]').text()).toBe('17-06-2026')
+    })
+
+    it('formate le poids net en kg avec separateur de milliers', async () => {
+        const wrapper = mountPage()
+        await flushPromises()
+        expect(wrapper.find('[data-cell="netWeight"]').text()).toBe('7 150 Kg')
+    })
+
+    it('mappe la contrepartie Client (supplier vide car contrepartie ≠ Fournisseur)', async () => {
+        const wrapper = mountPage()
+        await flushPromises()
+        expect(wrapper.find('[data-cell="client"]').text()).toBe('NÉGOCE MÉTAUX ATLANTIQUE')
+        expect(wrapper.find('[data-cell="supplier"]').text()).toBe('')
+    })
+
+    it('affiche « + Ajouter » uniquement avec la permission manage', async () => {
+        mockCan.mockImplementation((perm: string) => perm === 'logistique.weighing_tickets.manage')
+        const wrapper = mountPage()
+        await flushPromises()
+        expect(wrapper.find('[data-label="logistique.weighingTickets.add"]').exists()).toBe(true)
+    })
+
+    it('masque « + Ajouter » sans la permission manage (view seul)', async () => {
+        mockCan.mockImplementation((perm: string) => perm === 'logistique.weighing_tickets.view')
+        const wrapper = mountPage()
+        await flushPromises()
+        expect(wrapper.find('[data-label="logistique.weighingTickets.add"]').exists()).toBe(false)
+    })
+
+    it('navigue vers la modification au clic sur une ligne', async () => {
+        const wrapper = mountPage()
+        await flushPromises()
+        await wrapper.find('tr[data-row-id="9"]').trigger('click')
+        expect(mockPush).toHaveBeenCalledWith('/weighing-tickets/9/edit')
+    })
+
+    it('appelle l\'export XLSX sur /weighing_tickets/export.xlsx en blob', async () => {
+        const wrapper = mountPage()
+        await flushPromises()
+        await wrapper.find('[data-label="logistique.weighingTickets.export"]').trigger('click')
+        await flushPromises()
+        expect(mockApiGet).toHaveBeenCalledWith(
+            '/weighing_tickets/export.xlsx',
+            expect.any(Object),
+            expect.objectContaining({ responseType: 'blob', toast: false }),
+        )
+    })
+})

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

@@ -0,0 +1,421 @@
+<template>
+    <div>
+        <!-- En-tête : retour vers la liste + titre. -->
+        <div class="flex items-center gap-3 pt-11">
+            <MalioButtonIcon
+                icon="mdi:arrow-left-bold"
+                icon-size="24"
+                variant="ghost"
+                :title="t('logistique.weighingTickets.form.back')"
+                v-bind="{ ariaLabel: t('logistique.weighingTickets.form.back') }"
+                @click="goBack"
+            />
+            <h1 class="text-[30px] font-semibold text-m-primary">{{ headerTitle }}</h1>
+        </div>
+
+        <!-- États de chargement / introuvable. -->
+        <p v-if="loading" class="mt-12 text-center text-black/60">{{ t('logistique.weighingTickets.edit.loading') }}</p>
+        <p v-else-if="error" class="mt-12 text-center text-m-danger">{{ t('logistique.weighingTickets.edit.notFound') }}</p>
+
+        <template v-else>
+            <!-- Form à plat, pleine largeur (sans box-shadow) : un filet noir 1px
+                 sépare chacun des 3 blocs (divide-y). -->
+            <div class="mt-[48px] flex flex-col divide-y divide-black">
+                <!-- ── 4 champs du haut : contrepartie + immatriculation + « Tout
+                     format » (ERP-193, hors blocs de pesée). 1er bloc : pas de
+                     padding-top (marge titre→form = mt-[48px] standard). ───────── -->
+                <div class="pb-[20px]">
+                    <div class="grid grid-cols-3 xl:grid-cols-4 gap-x-[44px] gap-y-4">
+                        <MalioSelect
+                            :model-value="form.counterpartyType.value"
+                            :options="counterpartyOptions"
+                            :label="t('logistique.weighingTickets.form.counterparty.type')"
+                            :required="true"
+                            empty-option-label=""
+                            :error="errors.counterpartyType"
+                            @update:model-value="onCounterpartyTypeChange"
+                        />
+                        <MalioSelect
+                            v-if="form.counterpartyField.value === 'supplier'"
+                            :model-value="form.supplierIri.value"
+                            :options="referentials.suppliers.value"
+                            :label="t('logistique.weighingTickets.form.counterparty.supplier')"
+                            :required="true"
+                            empty-option-label=""
+                            :error="errors.supplier"
+                            @update:model-value="(v: string | number | null) => form.supplierIri.value = v === null ? null : String(v)"
+                        />
+                        <MalioSelect
+                            v-else-if="form.counterpartyField.value === 'client'"
+                            :model-value="form.clientIri.value"
+                            :options="referentials.clients.value"
+                            :label="t('logistique.weighingTickets.form.counterparty.client')"
+                            :required="true"
+                            empty-option-label=""
+                            :error="errors.client"
+                            @update:model-value="(v: string | number | null) => form.clientIri.value = v === null ? null : String(v)"
+                        />
+                        <MalioInputText
+                            v-else-if="form.counterpartyField.value === 'other'"
+                            :model-value="form.otherLabel.value"
+                            :label="t('logistique.weighingTickets.form.counterparty.other')"
+                            :required="true"
+                            :error="errors.otherLabel"
+                            @update:model-value="(v: string | null) => form.otherLabel.value = v"
+                        />
+
+                        <!-- Pas de cellule vide sans type sélectionné : immat et « Tout
+                             format » se collent au type ; le champ conditionnel les
+                             décale une fois un type choisi. -->
+                        <MalioInputText
+                            :model-value="form.immatriculation.value"
+                            :mask="form.plateFreeFormat.value ? FREE_PLATE_MASK : PLATE_MASK"
+                            :label="t('logistique.weighingTickets.form.immatriculation')"
+                            :required="true"
+                            :error="errors.immatriculation"
+                            @update:model-value="(v: string | null) => form.immatriculation.value = v"
+                        />
+                        <MalioCheckbox
+                            id="plate-free-format"
+                            :model-value="form.plateFreeFormat.value"
+                            :label="t('logistique.weighingTickets.form.plateFreeFormat')"
+                            group-class="self-center"
+                            @update:model-value="(v: boolean) => form.plateFreeFormat.value = v"
+                        />
+                    </div>
+                </div>
+
+                <!-- ── Bloc « Poids à vide » ──────────────────────────────────── -->
+                <WeighingBlock
+                    class="py-[20px]"
+                    block-id="empty"
+                    :title="t('logistique.weighingTickets.form.emptyBlock')"
+                    :block="form.empty"
+                    :errors="emptyBlockErrors"
+                    @update:block="(field, value) => updateBlock('empty', field, value)"
+                    @request-auto="openAuto('empty')"
+                    @request-manual="openManual('empty')"
+                />
+
+                <!-- ── Bloc « Poids à plein » (dernier bloc : pas de padding-bottom,
+                     pour ne pas écarter le bouton). ──────────────────────────── -->
+                <WeighingBlock
+                    class="pt-[20px]"
+                    block-id="full"
+                    :title="t('logistique.weighingTickets.form.fullBlock')"
+                    :block="form.full"
+                    :errors="fullBlockErrors"
+                    @update:block="(field, value) => updateBlock('full', field, value)"
+                    @request-auto="openAuto('full')"
+                    @request-manual="openManual('full')"
+                />
+            </div>
+
+            <!-- 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">
+                <MalioButton
+                    variant="secondary"
+                    icon-name="mdi:printer-outline"
+                    icon-position="left"
+                    :label="t('logistique.weighingTickets.form.print')"
+                    @click="printTicket"
+                />
+                <MalioButton
+                    variant="primary"
+                    :label="primaryLabel"
+                    :disabled="saving"
+                    @click="submitPrimary"
+                />
+            </div>
+        </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">
+            <template #header>
+                <h2 class="text-[24px] font-bold">{{ t('logistique.weighingTickets.form.weighbridge.confirmTitle') }}</h2>
+            </template>
+            <p v-if="autoModal.error" class="text-m-danger">{{ autoModal.error }}</p>
+            <template #footer>
+                <MalioButton
+                    variant="primary"
+                    :label="t('logistique.weighingTickets.form.weighbridge.validate')"
+                    :disabled="autoModal.loading"
+                    @click="confirmAuto"
+                />
+            </template>
+        </MalioModal>
+
+        <!-- ── Modal « Pesée manuelle » ────────────────────────────────────────-->
+        <MalioModal
+            v-model="manualModal.open"
+            modal-class="max-w-md"
+            header-class="mx-7 px-0 pt-6 pb-3 border-b border-black"
+            body-class="px-7 pt-9"
+            footer-class="px-7 justify-center pb-6"
+        >
+            <template #header>
+                <h2 class="text-[24px] font-bold uppercase">{{ t('logistique.weighingTickets.form.manual.title') }}</h2>
+            </template>
+            <div class="flex flex-col gap-2">
+                <MalioInputText
+                    v-model="manualModal.weight"
+                    :mask="NUMERIC_MASK"
+                    :label="t('logistique.weighingTickets.form.manual.weight')"
+                    :required="true"
+                    :error="manualModal.errors.weight"
+                />
+                <MalioInputText
+                    v-model="manualModal.dsd"
+                    :mask="NUMERIC_MASK"
+                    :label="t('logistique.weighingTickets.form.manual.dsd')"
+                    :required="true"
+                    :error="manualModal.errors.dsd"
+                />
+            </div>
+            <template #footer>
+                <MalioButton
+                    variant="primary"
+                    :label="t('logistique.weighingTickets.form.manual.save')"
+                    :disabled="manualModal.loading"
+                    @click="confirmManual"
+                />
+            </template>
+        </MalioModal>
+    </div>
+</template>
+
+<script setup lang="ts">
+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 { useWeighingTicketReferentials, type RefOption } from '~/modules/logistique/composables/useWeighingTicketReferentials'
+import { NUMERIC_MASK, PLATE_MASK, FREE_PLATE_MASK } from '~/modules/logistique/utils/weighingMasks'
+import { mapViolationsToRecord } from '~/shared/utils/api'
+
+const { t } = useI18n()
+const api = useApi()
+const route = useRoute()
+const router = useRouter()
+const { can } = usePermissions()
+
+// Modification réservée à `manage` (Admin / Bureau / Usine) — sinon retour liste.
+if (!can('logistique.weighing_tickets.manage')) {
+    await navigateTo('/weighing-tickets')
+}
+
+const ticketId = route.params.id as string
+
+const form = useWeighingTicketForm()
+const weighbridge = useWeighbridge()
+const referentials = useWeighingTicketReferentials()
+const { fetchTicket } = useWeighingTicket()
+const { errors, clearErrors, handleApiError } = useFormErrors()
+
+const loading = ref(true)
+const error = ref(false)
+const saving = ref(false)
+
+// Numéro immuable (RG-5.09), rappelé dans le titre — vide tant que brouillon.
+const ticketNumber = ref<string>('')
+
+const headerTitle = computed(() =>
+    ticketNumber.value
+        ? t('logistique.weighingTickets.edit.title', { number: ticketNumber.value })
+        : t('logistique.weighingTickets.edit.titleFallback'),
+)
+
+// Libellé de l'action principale : « Valider » pour un brouillon (finalisation),
+// « Enregistrer » pour un ticket déjà validé (mise à jour, ERP-193).
+const isValidated = computed(() => form.status.value === 'VALIDATED')
+const primaryLabel = computed(() =>
+    isValidated.value
+        ? t('logistique.weighingTickets.form.save')
+        : t('logistique.weighingTickets.form.validate'),
+)
+
+useHead({ title: t('logistique.weighingTickets.edit.titleFallback') })
+
+/** Retour vers la liste (flèche d'en-tête). */
+function goBack(): void {
+    router.push('/weighing-tickets')
+}
+
+// ── Contrepartie (RG-5.03) — ordre maquette : Fournisseur / Client / Autre. ───
+const counterpartyOptions = computed<RefOption[]>(() => [
+    { value: 'FOURNISSEUR', label: t('logistique.weighingTickets.form.counterparty.supplier') },
+    { value: 'CLIENT', label: t('logistique.weighingTickets.form.counterparty.client') },
+    { value: 'AUTRE', label: t('logistique.weighingTickets.form.counterparty.other') },
+])
+
+function onCounterpartyTypeChange(value: string | number | null): void {
+    const type = (value === null || value === '') ? null : (String(value) as 'CLIENT' | 'FOURNISSEUR' | 'AUTRE')
+    form.setCounterpartyType(type)
+}
+
+// ── Erreurs par bloc (mapping propertyPath back → champs du composant) ────────
+const emptyBlockErrors = computed<Record<string, string>>(() => ({
+    date: errors.emptyDate,
+    weight: errors.emptyWeight,
+    dsd: errors.emptyDsd,
+}))
+const fullBlockErrors = computed<Record<string, string>>(() => ({
+    date: errors.fullDate,
+    weight: errors.fullWeight,
+    dsd: errors.fullDsd,
+}))
+
+/** Mute un champ d'un bloc de pesée (état centralisé dans le form). */
+function updateBlock(target: 'empty' | 'full', field: keyof WeighingBlockState, value: unknown): void {
+    (form[target] as Record<string, unknown>)[field as string] = value
+}
+
+// ── Modal pesée bascule (AUTO) ────────────────────────────────────────────────
+const autoModal = reactive({
+    open: false,
+    error: '',
+    loading: false,
+    target: 'empty' as 'empty' | 'full',
+})
+
+function openAuto(target: 'empty' | 'full'): void {
+    autoModal.target = target
+    autoModal.error = ''
+    autoModal.open = true
+}
+
+/** Déclenche la pesée bascule puis enregistre le brouillon (ERP-193). */
+async function confirmAuto(): Promise<void> {
+    if (autoModal.loading) return
+    autoModal.loading = true
+    autoModal.error = ''
+    try {
+        const reading = await weighbridge.triggerAuto()
+        form.applyReading(form[autoModal.target], reading)
+        autoModal.open = false
+        await saveDraft()
+    }
+    catch (e) {
+        autoModal.error = weighbridge.extractWeighbridgeError(e)
+    }
+    finally {
+        autoModal.loading = false
+    }
+}
+
+// ── Modal pesée manuelle (MANUAL) ─────────────────────────────────────────────
+const manualModal = reactive({
+    open: false,
+    loading: false,
+    target: 'empty' as 'empty' | 'full',
+    weight: null as string | null,
+    dsd: null as string | null,
+    errors: {} as Record<string, string>,
+})
+
+function openManual(target: 'empty' | 'full'): void {
+    manualModal.target = target
+    manualModal.weight = null
+    manualModal.dsd = null
+    manualModal.errors = {}
+    manualModal.open = true
+}
+
+/** Valide la saisie manuelle (poids + DSD), remplit le bloc puis enregistre le brouillon. */
+async function confirmManual(): Promise<void> {
+    if (manualModal.loading) return
+    manualModal.errors = {}
+
+    const weight = manualModal.weight === null || manualModal.weight === '' ? null : Number(manualModal.weight)
+    const dsd = manualModal.dsd === null || manualModal.dsd === '' ? null : Number(manualModal.dsd)
+    if (weight === null || Number.isNaN(weight)) {
+        manualModal.errors = { ...manualModal.errors, weight: t('logistique.weighingTickets.form.manual.weightRequired') }
+    }
+    if (dsd === null || Number.isNaN(dsd)) {
+        manualModal.errors = { ...manualModal.errors, dsd: t('logistique.weighingTickets.form.manual.dsdRequired') }
+    }
+    if (Object.keys(manualModal.errors).length > 0) return
+
+    manualModal.loading = true
+    try {
+        const reading = await weighbridge.triggerManual(weight as number, dsd as number)
+        form.applyReading(form[manualModal.target], reading)
+        manualModal.open = false
+        await saveDraft()
+    }
+    catch (e) {
+        // 422 de pesée (poids/DSD ≤ 0, Assert\Positive) → erreur sous le BON champ
+        // (le propertyPath back `weight`/`dsd` = nom du champ de la modale). Sinon
+        // (503 pont indispo, réseau) → message générique sous le champ Poids.
+        const violations = mapViolationsToRecord((e as { response?: { _data?: unknown } })?.response?._data)
+        manualModal.errors = Object.keys(violations).length > 0
+            ? violations
+            : { weight: weighbridge.extractWeighbridgeError(e) }
+    }
+    finally {
+        manualModal.loading = false
+    }
+}
+
+// ── Persistance / impression ──────────────────────────────────────────────────
+/** Enregistre l'état courant en BROUILLON (PATCH). False sur erreur (422 inline). */
+async function saveDraft(): Promise<boolean> {
+    clearErrors()
+    try {
+        await api.patch(`/weighing_tickets/${ticketId}`, form.buildDraftPayload(), { toast: false })
+        return true
+    }
+    catch (e) {
+        handleApiError(e, { fallbackMessage: t('logistique.weighingTickets.toast.error') })
+        return false
+    }
+}
+
+/**
+ * Action principale : persiste l'état courant puis finalise/re-valide via
+ * PATCH /validate (back autoritaire : 3 champs du haut + 2 pesées). Ouvre le bon de
+ * pesée PDF (RG-5.08) — aussi bien à la validation d'un brouillon qu'à
+ * l'enregistrement d'un ticket déjà validé. Retour à la liste au succès.
+ */
+async function submitPrimary(): Promise<void> {
+    if (saving.value) return
+    saving.value = true
+    try {
+        if (!(await saveDraft())) return
+
+        await api.patch(`/weighing_tickets/${ticketId}/validate`, form.buildValidatePayload(), { toast: false })
+        window.open(`/api/weighing_tickets/${ticketId}/print.pdf`, '_blank')
+        router.push('/weighing-tickets')
+    }
+    catch (e) {
+        handleApiError(e, { fallbackMessage: t('logistique.weighingTickets.toast.error') })
+    }
+    finally {
+        saving.value = false
+    }
+}
+
+/**
+ * « Imprimer » : ouvre le bon de pesée PDF servi par le back (Twig, ERP-192).
+ * Le front ne dessine AUCUN gabarit — il ouvre seulement l'URL (RG-5.08).
+ */
+function printTicket(): void {
+    window.open(`/api/weighing_tickets/${ticketId}/print.pdf`, '_blank')
+}
+
+onMounted(async () => {
+    referentials.load().catch(() => {})
+    try {
+        const detail = await fetchTicket(ticketId)
+        ticketNumber.value = detail.number ?? ''
+        form.hydrate(detail)
+    }
+    catch {
+        error.value = true
+    }
+    finally {
+        loading.value = false
+    }
+})
+</script>

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

@@ -0,0 +1,173 @@
+<template>
+    <div>
+        <PageHeader>
+            {{ t('logistique.weighingTickets.title') }}
+            <template #actions>
+                <MalioButton
+                    v-if="canManage"
+                    variant="secondary"
+                    :label="t('logistique.weighingTickets.add')"
+                    icon-name="mdi:add-bold"
+                    icon-position="left"
+                    @click="goToCreate"
+                />
+            </template>
+        </PageHeader>
+
+        <!-- Datatable branchee sur usePaginatedList via useWeighingTicketsRepository :
+             pagination serveur (defaut 10), tri number DESC par defaut (cote back),
+             liste cloisonnee par site courant (spec-back § 2.3). Etat 100 % local
+             (regle ABSOLUE n°6). -->
+        <MalioDataTable
+            :columns="columns"
+            :items="rows"
+            :total-items="totalItems"
+            :page="currentPage"
+            :per-page="itemsPerPage"
+            :per-page-options="itemsPerPageOptions"
+            row-clickable
+            :empty-message="t('logistique.weighingTickets.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('logistique.weighingTickets.export')"
+                :disabled="exporting"
+                @click="exportXlsx"
+            />
+        </div>
+    </div>
+</template>
+
+<script setup lang="ts">
+import { computed, onMounted, ref, watch } from 'vue'
+import { formatDateFr, formatWeightKg } from '~/modules/logistique/utils/weighingTicketFormat'
+
+const { t } = useI18n()
+const api = useApi()
+const router = useRouter()
+const toast = useToast()
+const { can } = usePermissions()
+// Site courant (switcher global) : la liste est cloisonnée par site côté back
+// (spec-back § 2.3). Le front n'envoie PAS le site (résolu serveur) — il se
+// contente de recharger quand le site change pour refléter le bon périmètre.
+const { currentSite } = useCurrentSite()
+
+useHead({ title: t('logistique.weighingTickets.title') })
+
+// Bouton « + Ajouter » reserve a `manage` (Admin / Bureau / Usine). « Exporter »
+// suit `view`. Compta et Commerciale n'ont aucun acces (item sidebar masque cote
+// back) — spec-front § Acces.
+const canManage = computed(() => can('logistique.weighing_tickets.manage'))
+const canView = computed(() => can('logistique.weighing_tickets.view'))
+
+const {
+    items: tickets,
+    totalItems,
+    currentPage,
+    itemsPerPage,
+    itemsPerPageOptions,
+    fetch: loadTickets,
+    goToPage,
+    setItemsPerPage,
+    reset: reloadFromFirstPage,
+} = useWeighingTicketsRepository()
+
+// Mappe les tickets en objets « plats » formates pour MalioDataTable (items typees
+// Record<string, unknown>[]). La contrepartie est mutuellement exclusive (RG-5.03) :
+// une seule des colonnes client / supplier / otherLabel est renseignee, les autres
+// restent vides. Date et poids sont formates ici (cf. helpers ci-dessous).
+const rows = computed(() => tickets.value.map(ticket => ({
+    id: ticket.id,
+    // Numéro vide tant que brouillon (attribué à la validation, ERP-193).
+    number: ticket.number ?? '',
+    client: ticket.client?.companyName ?? '',
+    supplier: ticket.supplier?.companyName ?? '',
+    otherLabel: ticket.otherLabel ?? '',
+    displayDate: formatDateFr(ticket.displayDate),
+    netWeight: formatWeightKg(ticket.netWeight),
+    status: t(ticket.status === 'VALIDATED'
+        ? 'logistique.weighingTickets.status.validated'
+        : 'logistique.weighingTickets.status.draft'),
+})))
+
+const columns = [
+    { key: 'number', label: t('logistique.weighingTickets.column.number') },
+    { key: 'client', label: t('logistique.weighingTickets.column.client') },
+    { key: 'supplier', label: t('logistique.weighingTickets.column.supplier') },
+    { key: 'otherLabel', label: t('logistique.weighingTickets.column.other') },
+    { key: 'displayDate', label: t('logistique.weighingTickets.column.date') },
+    { key: 'netWeight', label: t('logistique.weighingTickets.column.weight') },
+    { key: 'status', label: t('logistique.weighingTickets.column.status') },
+]
+
+/** Clic sur une ligne → ecran Modification (pas de consultation separee, spec § Navigation). */
+function onRowClick(item: Record<string, unknown>): void {
+    router.push(`/weighing-tickets/${item.id}/edit`)
+}
+
+function goToCreate(): void {
+    router.push('/weighing-tickets/new')
+}
+
+// ── Export XLSX ─────────────────────────────────────────────────────────────
+// Exporte toute la liste (site courant applique cote back, spec-back § 4.5).
+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/M3/M4).
+        const blob = await api.get<Blob>('/weighing_tickets/export.xlsx', {}, {
+            responseType: 'blob',
+            toast: false,
+        } as unknown as Parameters<typeof api.get>[2])
+
+        triggerDownload(blob, 'tickets-pesee.xlsx')
+    }
+    catch {
+        toast.error({
+            title: t('logistique.weighingTickets.toast.error'),
+            message: t('logistique.weighingTickets.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)
+}
+
+// Changement de site courant → recharge la liste en page 1 (nouveau périmètre).
+// usePaginatedList ne passe pas par useAsyncData : le refreshNuxtData() de
+// switchSite ne l'atteint pas, d'où ce watcher explicite. On compare l'id pour
+// ignorer l'hydratation initiale (même site) et les ré-affectations sans réel
+// changement.
+watch(() => currentSite.value?.id, (id, previousId) => {
+    if (id !== previousId) {
+        reloadFromFirstPage()
+    }
+})
+
+onMounted(loadTickets)
+</script>

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

@@ -0,0 +1,381 @@
+<template>
+    <div>
+        <!-- En-tête : retour vers la liste + titre. -->
+        <div class="flex items-center gap-3 pt-11">
+            <MalioButtonIcon
+                icon="mdi:arrow-left-bold"
+                icon-size="24"
+                variant="ghost"
+                :title="t('logistique.weighingTickets.form.back')"
+                v-bind="{ ariaLabel: t('logistique.weighingTickets.form.back') }"
+                @click="goBack"
+            />
+            <h1 class="text-[30px] font-semibold text-m-primary">{{ t('logistique.weighingTickets.form.addTitle') }}</h1>
+        </div>
+
+        <!-- Form à plat, pleine largeur (sans box-shadow) : un filet noir 1px
+             sépare chacun des 3 blocs (divide-y). -->
+        <div class="mt-[48px] flex flex-col divide-y divide-black">
+            <!-- ── 4 champs du haut : contrepartie (type + champ conditionnel),
+                 immatriculation, « Tout format » (ERP-193, hors blocs de pesée).
+                 1er bloc : pas de padding-top (marge titre→form = mt-[48px] standard). ── -->
+            <div class="pb-[20px]">
+                <div class="grid grid-cols-3 xl:grid-cols-4 gap-x-[44px] gap-y-4">
+                    <MalioSelect
+                        :model-value="form.counterpartyType.value"
+                        :options="counterpartyOptions"
+                        :label="t('logistique.weighingTickets.form.counterparty.type')"
+                        :required="true"
+                        empty-option-label=""
+                        :error="errors.counterpartyType"
+                        @update:model-value="onCounterpartyTypeChange"
+                    />
+                    <MalioSelect
+                        v-if="form.counterpartyField.value === 'supplier'"
+                        :model-value="form.supplierIri.value"
+                        :options="referentials.suppliers.value"
+                        :label="t('logistique.weighingTickets.form.counterparty.supplier')"
+                        :required="true"
+                        empty-option-label=""
+                        :error="errors.supplier"
+                        @update:model-value="(v: string | number | null) => form.supplierIri.value = v === null ? null : String(v)"
+                    />
+                    <MalioSelect
+                        v-else-if="form.counterpartyField.value === 'client'"
+                        :model-value="form.clientIri.value"
+                        :options="referentials.clients.value"
+                        :label="t('logistique.weighingTickets.form.counterparty.client')"
+                        :required="true"
+                        empty-option-label=""
+                        :error="errors.client"
+                        @update:model-value="(v: string | number | null) => form.clientIri.value = v === null ? null : String(v)"
+                    />
+                    <MalioInputText
+                        v-else-if="form.counterpartyField.value === 'other'"
+                        :model-value="form.otherLabel.value"
+                        :label="t('logistique.weighingTickets.form.counterparty.other')"
+                        :required="true"
+                        :error="errors.otherLabel"
+                        @update:model-value="(v: string | null) => form.otherLabel.value = v"
+                    />
+
+                    <!-- Pas de cellule vide quand aucun type n'est choisi : immat et
+                         « Tout format » se collent au type, et le champ conditionnel
+                         les décale une fois un type sélectionné. -->
+                    <!-- Immatriculation : masque XX-000-XX (plaque FR SIV) ; en « Tout
+                         format », masque élargi. Partagée par les 2 pesées (RG-5.01). -->
+                    <MalioInputText
+                        :model-value="form.immatriculation.value"
+                        :mask="form.plateFreeFormat.value ? FREE_PLATE_MASK : PLATE_MASK"
+                        :label="t('logistique.weighingTickets.form.immatriculation')"
+                        :required="true"
+                        :error="errors.immatriculation"
+                        @update:model-value="(v: string | null) => form.immatriculation.value = v"
+                    />
+                    <MalioCheckbox
+                        id="plate-free-format"
+                        :model-value="form.plateFreeFormat.value"
+                        :label="t('logistique.weighingTickets.form.plateFreeFormat')"
+                        group-class="self-center"
+                        @update:model-value="(v: boolean) => form.plateFreeFormat.value = v"
+                    />
+                </div>
+            </div>
+
+            <!-- ── Bloc « Poids à vide » ──────────────────────────────────────── -->
+            <WeighingBlock
+                class="py-[20px]"
+                block-id="empty"
+                :title="t('logistique.weighingTickets.form.emptyBlock')"
+                :block="form.empty"
+                :errors="emptyBlockErrors"
+                @update:block="(field, value) => updateBlock('empty', field, value)"
+                @request-auto="openAuto('empty')"
+                @request-manual="openManual('empty')"
+            />
+
+            <!-- ── Bloc « Poids à plein » (dernier bloc : pas de padding-bottom,
+                 pour ne pas écarter le bouton « Valider »). ───────────────────── -->
+            <WeighingBlock
+                class="pt-[20px]"
+                block-id="full"
+                :title="t('logistique.weighingTickets.form.fullBlock')"
+                :block="form.full"
+                :errors="fullBlockErrors"
+                @update:block="(field, value) => updateBlock('full', field, value)"
+                @request-auto="openAuto('full')"
+                @request-manual="openManual('full')"
+            />
+        </div>
+
+        <!-- « Valider » : persiste l'état courant (brouillon) puis finalise (3 champs
+             du haut + 2 pesées, validation back autoritaire) et ouvre le bon de
+             pesée PDF (RG-5.08, ERP-193). Toujours actif : les 422 s'affichent inline. -->
+        <div class="mt-12 flex justify-center">
+            <MalioButton
+                variant="primary"
+                :label="t('logistique.weighingTickets.form.validate')"
+                :disabled="validating"
+                @click="submitValidate"
+            />
+        </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">
+            <template #header>
+                <h2 class="text-[24px] font-bold">{{ t('logistique.weighingTickets.form.weighbridge.confirmTitle') }}</h2>
+            </template>
+            <p v-if="autoModal.error" class="text-m-danger">{{ autoModal.error }}</p>
+            <template #footer>
+                <MalioButton
+                    variant="primary"
+                    :label="t('logistique.weighingTickets.form.weighbridge.validate')"
+                    :disabled="autoModal.loading"
+                    @click="confirmAuto"
+                />
+            </template>
+        </MalioModal>
+
+        <!-- ── Modal « Pesée manuelle » ────────────────────────────────────────-->
+        <MalioModal
+            v-model="manualModal.open"
+            modal-class="max-w-md"
+            header-class="mx-7 px-0 pt-6 pb-3 border-b border-black"
+            body-class="px-7 pt-9"
+            footer-class="px-7 justify-center pb-6"
+        >
+            <template #header>
+                <h2 class="text-[24px] font-bold uppercase">{{ t('logistique.weighingTickets.form.manual.title') }}</h2>
+            </template>
+            <div class="flex flex-col gap-2">
+                <MalioInputText
+                    v-model="manualModal.weight"
+                    :mask="NUMERIC_MASK"
+                    :label="t('logistique.weighingTickets.form.manual.weight')"
+                    :required="true"
+                    :error="manualModal.errors.weight"
+                />
+                <MalioInputText
+                    v-model="manualModal.dsd"
+                    :mask="NUMERIC_MASK"
+                    :label="t('logistique.weighingTickets.form.manual.dsd')"
+                    :required="true"
+                    :error="manualModal.errors.dsd"
+                />
+            </div>
+            <template #footer>
+                <MalioButton
+                    variant="primary"
+                    :label="t('logistique.weighingTickets.form.manual.save')"
+                    :disabled="manualModal.loading"
+                    @click="confirmManual"
+                />
+            </template>
+        </MalioModal>
+    </div>
+</template>
+
+<script setup lang="ts">
+import { computed, onMounted, reactive, ref } 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 { mapViolationsToRecord } from '~/shared/utils/api'
+
+const { t } = useI18n()
+const api = useApi()
+const router = useRouter()
+const { can } = usePermissions()
+
+useHead({ title: t('logistique.weighingTickets.form.addTitle') })
+
+// Création réservée à `manage` (Admin / Bureau / Usine) — sinon retour à la liste.
+if (!can('logistique.weighing_tickets.manage')) {
+    await navigateTo('/weighing-tickets')
+}
+
+const form = useWeighingTicketForm()
+const weighbridge = useWeighbridge()
+const referentials = useWeighingTicketReferentials()
+const { errors, clearErrors, handleApiError } = useFormErrors()
+
+const validating = ref(false)
+
+/** Retour vers la liste (flèche d'en-tête). */
+function goBack(): void {
+    router.push('/weighing-tickets')
+}
+
+// ── Contrepartie (RG-5.03) — ordre maquette : Fournisseur / Client / Autre. ───
+const counterpartyOptions = computed<RefOption[]>(() => [
+    { value: 'FOURNISSEUR', label: t('logistique.weighingTickets.form.counterparty.supplier') },
+    { value: 'CLIENT', label: t('logistique.weighingTickets.form.counterparty.client') },
+    { value: 'AUTRE', label: t('logistique.weighingTickets.form.counterparty.other') },
+])
+
+function onCounterpartyTypeChange(value: string | number | null): void {
+    const type = (value === null || value === '') ? null : (String(value) as 'CLIENT' | 'FOURNISSEUR' | 'AUTRE')
+    form.setCounterpartyType(type)
+}
+
+// ── Erreurs par bloc (mapping propertyPath back → champs du composant) ────────
+const emptyBlockErrors = computed<Record<string, string>>(() => ({
+    date: errors.emptyDate,
+    weight: errors.emptyWeight,
+    dsd: errors.emptyDsd,
+}))
+const fullBlockErrors = computed<Record<string, string>>(() => ({
+    date: errors.fullDate,
+    weight: errors.fullWeight,
+    dsd: errors.fullDsd,
+}))
+
+/** Mute un champ d'un bloc de pesée (état centralisé dans le form). */
+function updateBlock(target: 'empty' | 'full', field: keyof WeighingBlockState, value: unknown): void {
+    (form[target] as Record<string, unknown>)[field as string] = value
+}
+
+// ── Modal pesée bascule (AUTO) ────────────────────────────────────────────────
+const autoModal = reactive({
+    open: false,
+    error: '',
+    loading: false,
+    target: 'empty' as 'empty' | 'full',
+})
+
+function openAuto(target: 'empty' | 'full'): void {
+    autoModal.target = target
+    autoModal.error = ''
+    autoModal.open = true
+}
+
+/** Déclenche la pesée bascule puis enregistre le brouillon (ERP-193). */
+async function confirmAuto(): Promise<void> {
+    if (autoModal.loading) return
+    autoModal.loading = true
+    autoModal.error = ''
+    try {
+        const reading = await weighbridge.triggerAuto()
+        form.applyReading(form[autoModal.target], reading)
+        autoModal.open = false
+        await saveDraft()
+    }
+    catch (error) {
+        autoModal.error = weighbridge.extractWeighbridgeError(error)
+    }
+    finally {
+        autoModal.loading = false
+    }
+}
+
+// ── Modal pesée manuelle (MANUAL) ─────────────────────────────────────────────
+const manualModal = reactive({
+    open: false,
+    loading: false,
+    target: 'empty' as 'empty' | 'full',
+    weight: null as string | null,
+    dsd: null as string | null,
+    errors: {} as Record<string, string>,
+})
+
+function openManual(target: 'empty' | 'full'): void {
+    manualModal.target = target
+    manualModal.weight = null
+    manualModal.dsd = null
+    manualModal.errors = {}
+    manualModal.open = true
+}
+
+/** Valide la saisie manuelle (poids + DSD), remplit le bloc puis enregistre le brouillon. */
+async function confirmManual(): Promise<void> {
+    if (manualModal.loading) return
+    manualModal.errors = {}
+
+    const weight = manualModal.weight === null || manualModal.weight === '' ? null : Number(manualModal.weight)
+    const dsd = manualModal.dsd === null || manualModal.dsd === '' ? null : Number(manualModal.dsd)
+    if (weight === null || Number.isNaN(weight)) {
+        manualModal.errors = { ...manualModal.errors, weight: t('logistique.weighingTickets.form.manual.weightRequired') }
+    }
+    if (dsd === null || Number.isNaN(dsd)) {
+        manualModal.errors = { ...manualModal.errors, dsd: t('logistique.weighingTickets.form.manual.dsdRequired') }
+    }
+    if (Object.keys(manualModal.errors).length > 0) return
+
+    manualModal.loading = true
+    try {
+        const reading = await weighbridge.triggerManual(weight as number, dsd as number)
+        form.applyReading(form[manualModal.target], reading)
+        manualModal.open = false
+        await saveDraft()
+    }
+    catch (error) {
+        // 422 de pesée (poids/DSD ≤ 0, Assert\Positive) → erreur sous le BON champ
+        // (le propertyPath back `weight`/`dsd` = nom du champ de la modale). Sinon
+        // (503 pont indispo, réseau) → message générique sous le champ Poids.
+        const violations = mapViolationsToRecord((error as { response?: { _data?: unknown } })?.response?._data)
+        manualModal.errors = Object.keys(violations).length > 0
+            ? violations
+            : { weight: weighbridge.extractWeighbridgeError(error) }
+    }
+    finally {
+        manualModal.loading = false
+    }
+}
+
+// ── Persistance ──────────────────────────────────────────────────────────────
+interface TicketResponse { id: number }
+
+/**
+ * Enregistre l'état courant en BROUILLON (ERP-193) : POST si le ticket n'existe pas
+ * encore (1ʳᵉ pesée enregistrée), PATCH ensuite. Renvoie false sur erreur (422
+ * mappée inline, ex. format d'immatriculation).
+ */
+async function saveDraft(): Promise<boolean> {
+    clearErrors()
+    try {
+        if (form.ticketId.value === null) {
+            const created = await api.post<TicketResponse>('/weighing_tickets', form.buildDraftPayload(), {
+                headers: { Accept: 'application/ld+json' },
+                toast: false,
+            })
+            form.ticketId.value = created.id
+        }
+        else {
+            await api.patch(`/weighing_tickets/${form.ticketId.value}`, form.buildDraftPayload(), { toast: false })
+        }
+        return true
+    }
+    catch (error) {
+        handleApiError(error, { fallbackMessage: t('logistique.weighingTickets.toast.error') })
+        return false
+    }
+}
+
+/**
+ * « Valider » : persiste l'état courant puis finalise via PATCH /validate. La
+ * validation stricte (3 champs du haut + 2 pesées) est portée par le back ; les 422
+ * remontent inline. Succès → ouverture du bon de pesée PDF + retour à la liste.
+ */
+async function submitValidate(): Promise<void> {
+    if (validating.value) return
+    validating.value = true
+    try {
+        if (!(await saveDraft())) return
+
+        await api.patch(`/weighing_tickets/${form.ticketId.value}/validate`, form.buildValidatePayload(), { toast: false })
+        window.open(`/api/weighing_tickets/${form.ticketId.value}/print.pdf`, '_blank')
+        router.push('/weighing-tickets')
+    }
+    catch (error) {
+        handleApiError(error, { fallbackMessage: t('logistique.weighingTickets.toast.error') })
+    }
+    finally {
+        validating.value = false
+    }
+}
+
+onMounted(() => {
+    referentials.load().catch(() => {})
+})
+</script>

frontend/modules/logistique/utils/__tests__/weighingTicketFormat.spec.ts

@@ -0,0 +1,52 @@
+import { describe, it, expect } from 'vitest'
+import { formatDateFr, formatWeightKg, formatPlate } from '../weighingTicketFormat'
+
+describe('weighingTicketFormat', () => {
+    // ── Date JJ-MM-AAAA ───────────────────────────────────────────────────────
+    describe('formatDateFr', () => {
+        it('formate un datetime ISO en JJ-MM-AAAA', () => {
+            expect(formatDateFr('2026-06-17T09:12:00+02:00')).toBe('17-06-2026')
+        })
+
+        it('zéro-pad le jour et le mois', () => {
+            expect(formatDateFr('2026-01-05T00:00:00Z')).toBe('05-01-2026')
+        })
+
+        it('retourne une chaîne vide si absente ou invalide', () => {
+            expect(formatDateFr(null)).toBe('')
+            expect(formatDateFr(undefined)).toBe('')
+            expect(formatDateFr('pas-une-date')).toBe('')
+        })
+    })
+
+    // ── Poids « X XXX Kg » ────────────────────────────────────────────────────
+    describe('formatWeightKg', () => {
+        it('ajoute un séparateur de milliers (espace) et le suffixe Kg', () => {
+            expect(formatWeightKg(7150)).toBe('7 150 Kg')
+            expect(formatWeightKg(14300)).toBe('14 300 Kg')
+            expect(formatWeightKg(1000000)).toBe('1 000 000 Kg')
+        })
+
+        it('gère les petits nombres sans séparateur', () => {
+            expect(formatWeightKg(0)).toBe('0 Kg')
+            expect(formatWeightKg(999)).toBe('999 Kg')
+        })
+
+        it('retourne une chaîne vide si le poids est absent', () => {
+            expect(formatWeightKg(null)).toBe('')
+            expect(formatWeightKg(undefined)).toBe('')
+        })
+    })
+
+    // ── Immatriculation UPPER ─────────────────────────────────────────────────
+    describe('formatPlate', () => {
+        it('met en majuscules et trim', () => {
+            expect(formatPlate(' ab-123-cd ')).toBe('AB-123-CD')
+        })
+
+        it('retourne une chaîne vide si absente', () => {
+            expect(formatPlate(null)).toBe('')
+            expect(formatPlate('')).toBe('')
+        })
+    })
+})

frontend/modules/logistique/utils/weighingMasks.ts

@@ -0,0 +1,39 @@
+import type { MaskInputOptions } from 'maska'
+
+/**
+ * Masques de saisie du module « Tickets de pesée » (M5). Partagés entre le
+ * composant de bloc (`WeighingBlock`) et les modales de pesée (écrans Ajouter /
+ * Modifier). La validation de format reste autoritaire côté serveur (RG-5.01).
+ */
+
+/**
+ * Masque « chiffres uniquement » (longueur libre) — Poids et DSD. Verrouille la
+ * saisie sur des entiers.
+ */
+export const NUMERIC_MASK: MaskInputOptions = {
+    mask: 'D',
+    tokens: { D: { pattern: /[0-9]/, multiple: true } },
+}
+
+/**
+ * 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).
+ */
+export const PLATE_MASK: MaskInputOptions = {
+    mask: 'AA-###-AA',
+    tokens: { A: { pattern: /[A-Za-z]/, transform: (c: string) => c.toUpperCase() } },
+}
+
+/**
+ * Masque « Tout format » (RG-5.01) : plaques anciennes / étrangères / engins. On
+ * autorise lettres, chiffres, espace et tiret, en MAJUSCULES, longueur libre —
+ * mais on filtre tout le reste (accents, ponctuation, symboles : « &é"'(_ç… »).
+ * Pattern maska charset du projet (cf. shared/utils/textSanitize) : `preProcess`
+ * retire d'abord les caractères hors charset (le token `multiple` glouton
+ * s'arrêterait sinon au 1er invalide), puis le token laisse passer le reste.
+ */
+export const FREE_PLATE_MASK: MaskInputOptions = {
+    mask: 'P',
+    tokens: { P: { pattern: /[A-Z0-9 -]/, multiple: true } },
+    preProcess: (value: string) => value.toUpperCase().replace(/[^A-Z0-9 -]/g, ''),
+}

frontend/modules/logistique/utils/weighingTicketFormat.ts

@@ -0,0 +1,32 @@
+/**
+ * Filtres d'affichage du module « Tickets de pesée » (M5, ERP-191). Helpers PURS
+ * et testables, partagés par la liste et les écrans. Le serveur reste l'autorité
+ * de normalisation (spec-front § Règles de formatage) : ces helpers ne font que
+ * mettre en forme la valeur déjà normalisée renvoyée par l'API.
+ */
+
+// Date courte française `JJ-MM-AAAA` (spec M5) : helper partagé inter-modules
+// (mutualisé avec les répertoires M1→M4). Re-exporté ici pour les écrans M5.
+export { formatDateFr } from '~/shared/utils/date'
+
+/**
+ * Poids en kg avec séparateur de milliers (espace) + suffixe « Kg »
+ * (spec-front : « 7 150 Kg »). Chaîne vide si le poids est absent (ticket dont la
+ * pesée à plein n'est pas finalisée). Groupement manuel (espace ASCII) pour un
+ * rendu déterministe, indépendant de l'ICU de l'environnement.
+ */
+export function formatWeightKg(value: number | null | undefined): string {
+    if (value === null || value === undefined) {
+        return ''
+    }
+    const grouped = String(Math.round(value)).replace(/\B(?=(\d{3})+(?!\d))/g, ' ')
+    return `${grouped} Kg`
+}
+
+/**
+ * Immatriculation en MAJUSCULES (cohérent avec la normalisation serveur RG-5.01 :
+ * trim + UPPER). Chaîne vide si absente.
+ */
+export function formatPlate(value: string | null | undefined): string {
+    return value ? value.trim().toUpperCase() : ''
+}

frontend/modules/technique/components/ProviderAddressBlock.vue

@@ -1,128 +1,140 @@
 <template>
-    <div class="relative grid grid-cols-4 gap-x-[44px] gap-y-4 bg-white py-4 pl-[28px] pr-[60px] shadow-[0_4px_4px_0_rgba(0,0,0,0.25)]">
-        <!-- Suppression : modal de confirmation cote parent. -->
-        <MalioButtonIcon
-            v-if="removable && !readonly"
-            icon="mdi:delete-outline"
-            variant="ghost"
-            button-class="absolute top-3 right-3"
-            v-bind="{ ariaLabel: t('technique.providers.form.address.remove') }"
-            @click="$emit('remove')"
-        />
-
-        <!-- Sites Starseed : multiselect a tags (>= 1 obligatoire, RG-3.05). -->
-        <MalioSelectCheckbox
-            :model-value="model.siteIris"
-            :options="siteOptions"
-            :label="t('technique.providers.form.address.sites')"
-            :display-tag="true"
-            :readonly="readonly"
-            :required="true"
-            :error="errors?.sites"
-            @update:model-value="(v: (string | number)[]) => update('siteIris', v.map(String))"
-        />
-
-        <!-- Categories de type PRESTATAIRE (>= 1 obligatoire, RG-3.09). -->
-        <MalioSelectCheckbox
-            :model-value="model.categoryIris"
-            :options="categoryOptions"
-            :label="t('technique.providers.form.address.categories')"
-            :display-tag="true"
-            :readonly="readonly"
-            :required="true"
-            :error="errors?.categories"
-            @update:model-value="(v: (string | number)[]) => update('categoryIris', v.map(String))"
-        />
-
-        <!-- Contacts rattaches (M2M, facultatif) : alimente par l'onglet Contact. -->
-        <MalioSelectCheckbox
-            :model-value="model.contactIris"
-            :options="contactOptions"
-            :label="t('technique.providers.form.address.contacts')"
-            :display-tag="true"
-            :readonly="readonly"
-            @update:model-value="(v: (string | number)[]) => update('contactIris', v.map(String))"
-        />
-
-        <MalioSelect
-            :model-value="model.country"
-            :options="countryOptions"
-            :label="t('technique.providers.form.address.country')"
-            :readonly="readonly"
-            :required="true"
-            @update:model-value="(v: string | number | null) => update('country', String(v ?? 'France'))"
-        />
-
-        <MalioInputText
-            :model-value="model.postalCode"
-            :label="t('technique.providers.form.address.postalCode')"
-            :mask="POSTAL_CODE_MASK"
-            :readonly="readonly"
-            :required="true"
-            :error="errors?.postalCode"
-            @update:model-value="onPostalCodeChange"
-        />
-
-        <!-- Ville : MalioSelect alimente par le code postal (BAN). Saisie libre si BAN indispo. -->
-        <MalioSelect
-            v-if="!degraded"
-            :model-value="model.city"
-            :options="cityOptions"
-            :label="t('technique.providers.form.address.city')"
-            :readonly="readonly"
-            empty-option-label=""
-            :required="true"
-            :error="errors?.city"
-            @update:model-value="(v: string | number | null) => update('city', v === null ? null : String(v))"
-        />
-        <MalioInputText
-            v-else
-            :model-value="model.city"
-            :label="t('technique.providers.form.address.city')"
-            :readonly="readonly"
-            :required="true"
-            :error="errors?.city"
-            @update:model-value="(v: string) => update('city', v)"
-        />
-
-        <!-- Adresse (BAN) sur 2 colonnes + Adresse complementaire. allow-create : le
-             texte saisi est conserve si la BAN ne propose rien (saisie manuelle). -->
-        <div class="col-span-2">
-            <MalioInputAutocomplete
-                v-if="!readonly"
-                :model-value="model.street"
-                :options="addressOptions"
-                :loading="addressLoading"
-                :min-search-length="3"
-                :label="t('technique.providers.form.address.street')"
-                :readonly="readonly"
-                :required="true"
-                :error="errors?.street"
-                :allow-create="true"
-                :no-results-text="t('technique.providers.form.address.streetNotFound')"
-                @update:model-value="(v: string | number | null) => update('street', v === null ? null : String(v))"
-                @search="onAddressSearch"
-                @select="onAddressSelect"
-            />
-            <MalioInputText
-                v-else
-                :model-value="model.street"
-                :label="t('technique.providers.form.address.street')"
-                :readonly="readonly"
-                :required="true"
-                :error="errors?.street"
-                @update:model-value="(v: string) => update('street', v)"
+    <!-- Bloc a plat (sans box-shadow) : un filet noir 1px le separe du suivant
+         (pas de bordure sous le dernier bloc). -->
+    <div class="pb-[20px]" :class="{ 'border-b border-black': !last }">
+        <!-- En-tete : titre du bloc (noir) a gauche, poubelle de suppression a droite. -->
+        <div class="flex items-center justify-between">
+            <h2 class="text-[20px] font-semibold text-black">{{ title }}</h2>
+            <!-- Suppression : modal de confirmation cote parent. -->
+            <MalioButtonIcon
+                v-if="removable && !readonly && !disabled"
+                icon="mdi:delete-outline"
+                variant="ghost"
+                button-class="p-0"
+                v-bind="{ ariaLabel: t('technique.providers.form.address.remove') }"
+                @click="$emit('remove')"
             />
         </div>
 
-        <div class="col-span-1">
-            <MalioInputText
-                :model-value="model.streetComplement"
-                :label="t('technique.providers.form.address.streetComplement')"
+        <!-- Grille 4 colonnes des champs de l'adresse. -->
+        <div class="mt-6 grid grid-cols-4 gap-x-[44px] gap-y-4">
+            <!-- Sites Starseed : multiselect a tags (>= 1 obligatoire, RG-3.05). -->
+            <MalioSelectCheckbox
+                v-if="!hideEmpty || isFilled(model.siteIris)"
+                :model-value="model.siteIris"
+                :options="siteOptions"
+                :label="t('technique.providers.form.address.sites')"
+                :display-tag="true"
                 :readonly="readonly"
-                :error="errors?.streetComplement"
-                @update:model-value="(v: string) => update('streetComplement', v)"
+                :disabled="disabled"
+                :required="!readonly && !disabled"
+                :error="errors?.sites"
+                @update:model-value="(v: (string | number)[]) => update('siteIris', v.map(String))"
             />
+
+            <!-- Contacts rattaches (M2M, facultatif) : alimente par l'onglet Contact. -->
+            <MalioSelectCheckbox
+                v-if="!hideEmpty || isFilled(model.contactIris)"
+                :model-value="model.contactIris"
+                :options="contactOptions"
+                :label="t('technique.providers.form.address.contacts')"
+                :display-tag="true"
+                :readonly="readonly"
+                :disabled="disabled"
+                @update:model-value="(v: (string | number)[]) => update('contactIris', v.map(String))"
+            />
+
+            <MalioSelect
+                v-if="!hideEmpty || isFilled(model.country)"
+                :model-value="model.country"
+                :options="countryOptions"
+                :label="t('technique.providers.form.address.country')"
+                :readonly="readonly"
+                :disabled="disabled"
+                :required="!readonly && !disabled"
+                @update:model-value="(v: string | number | null) => update('country', String(v ?? 'France'))"
+            />
+
+            <MalioInputText
+                v-if="!hideEmpty || isFilled(model.postalCode)"
+                :model-value="model.postalCode"
+                :label="t('technique.providers.form.address.postalCode')"
+                :mask="POSTAL_CODE_MASK"
+                :readonly="readonly"
+                :disabled="disabled"
+                :required="!readonly && !disabled"
+                :error="errors?.postalCode"
+                @update:model-value="onPostalCodeChange"
+            />
+
+            <!-- Ville : MalioSelect alimente par le code postal (BAN). Saisie libre si BAN indispo. -->
+            <MalioSelect
+                v-if="!degraded && (!hideEmpty || isFilled(model.city))"
+                :model-value="model.city"
+                :options="cityOptions"
+                :label="t('technique.providers.form.address.city')"
+                :readonly="readonly"
+                :disabled="disabled"
+                empty-option-label=""
+                :required="!readonly && !disabled"
+                :error="errors?.city"
+                @update:model-value="onCityChange"
+            />
+            <MalioInputText
+                v-else-if="degraded && (!hideEmpty || isFilled(model.city))"
+                :model-value="model.city"
+                :label="t('technique.providers.form.address.city')"
+                :mask="ADDRESS_MASK"
+                :readonly="readonly"
+                :disabled="disabled"
+                :required="!readonly && !disabled"
+                :error="errors?.city"
+                @update:model-value="(v: string) => update('city', v)"
+            />
+
+            <!-- Adresse (BAN) sur 2 colonnes + Adresse complementaire. allow-create : le
+                 texte saisi est conserve si la BAN ne propose rien (saisie manuelle). -->
+            <div v-if="!hideEmpty || isFilled(model.street)" class="col-span-2">
+                <MalioInputAutocomplete
+                    v-if="!readonly && !disabled"
+                    :model-value="model.street"
+                    :options="addressOptions"
+                    :loading="addressLoading"
+                    :min-search-length="3"
+                    :label="t('technique.providers.form.address.street')"
+                    :readonly="readonly"
+                    :disabled="disabled"
+                    :required="!readonly && !disabled"
+                    :error="errors?.street"
+                    :allow-create="true"
+                    :no-results-text="t('technique.providers.form.address.streetNotFound')"
+                    @update:model-value="(v: string | number | null) => update('street', v === null ? null : String(v))"
+                    @search="onAddressSearch"
+                    @select="onAddressSelect"
+                />
+                <MalioInputText
+                    v-else
+                    :model-value="model.street"
+                    :label="t('technique.providers.form.address.street')"
+                    :readonly="readonly"
+                    :disabled="disabled"
+                    :required="!readonly && !disabled"
+                    :error="errors?.street"
+                    @update:model-value="(v: string) => update('street', v)"
+                />
+            </div>
+
+            <div v-if="!hideEmpty || isFilled(model.streetComplement)" class="col-span-1">
+                <MalioInputText
+                    :model-value="model.streetComplement"
+                    :label="t('technique.providers.form.address.streetComplement')"
+                    :mask="ADDRESS_MASK"
+                    :readonly="readonly"
+                    :disabled="disabled"
+                    :error="errors?.streetComplement"
+                    @update:model-value="(v: string) => update('streetComplement', v)"
+                />
+            </div>
         </div>
     </div>
 </template>
@@ -131,6 +143,8 @@
 import { useAddressAutocomplete, type AddressSuggestion } from '~/shared/composables/useAddressAutocomplete'
 import type { RefOption } from '~/modules/technique/composables/useProviderReferentials'
 import type { ProviderAddressFormDraft } from '~/modules/technique/types/providerForm'
+import { ADDRESS_MASK } from '~/shared/utils/textSanitize'
+import { isFilled } from '~/shared/utils/consultationDisplay'
 
 // Masque code postal FR : 5 chiffres.
 const POSTAL_CODE_MASK = '#####'
@@ -138,8 +152,8 @@ const POSTAL_CODE_MASK = '#####'
 const props = defineProps<{
     /** Brouillon de l'adresse (v-model). */
     modelValue: ProviderAddressFormDraft
-    /** Categories autorisees sur une adresse (type PRESTATAIRE). */
-    categoryOptions: RefOption[]
+    /** Titre du bloc (ex: « Adresse 1 »). */
+    title: string
     /** Sites Starseed disponibles. */
     siteOptions: RefOption[]
     /** Contacts deja saisis, rattachables a l'adresse. */
@@ -147,7 +161,13 @@ const props = defineProps<{
     /** Pays disponibles (France par defaut). */
     countryOptions: RefOption[]
     removable?: boolean
+    /** Dernier bloc de la liste : supprime le filet de separation bas. */
+    last?: boolean
     readonly?: boolean
+    /** Bloc desactive (champs grises, consultation — distinct de readonly). */
+    disabled?: boolean
+    /** Consultation : masque les champs non remplis (ERP-193). */
+    hideEmpty?: boolean
     /** Erreurs serveur 422 de cette ligne, indexees par champ (ERP-101). */
     errors?: Record<string, string>
 }>()
@@ -193,11 +213,37 @@ const addressLoading = ref(false)
 // Conserve les suggestions d'adresse pour retrouver ville/CP au moment du select.
 let lastAddressSuggestions: AddressSuggestion[] = []
 
+// Filtrage des caracteres parasites : porte par le mask ADDRESS_MASK (maska) sur
+// les champs texte editables (complement, ville en mode degrade). La voie en
+// autocomplete (BAN) et la ville en select ne sont pas masquees (le back valide
+// via Assert\Regex).
+
 /** Emet un nouveau brouillon avec le champ modifie (immutabilite). */
 function update<K extends keyof ProviderAddressFormDraft>(field: K, value: ProviderAddressFormDraft[K]): void {
     emit('update:modelValue', { ...props.modelValue, [field]: value })
 }
 
+/**
+ * Selection d'une ville (select assiste BAN) → vide adresse + complement, devenus
+ * incoherents avec la nouvelle ville. Ne reagit qu'a un vrai changement de valeur.
+ * En mode degrade (saisie libre), la ville reste un simple `update` (pas de reset
+ * a chaque frappe).
+ */
+function onCityChange(value: string | number | null): void {
+    const next = value === null ? null : String(value)
+    if (next === (props.modelValue.city ?? null)) {
+        return
+    }
+    banAddressOptions.value = []
+    lastAddressSuggestions = []
+    emit('update:modelValue', {
+        ...props.modelValue,
+        city: next,
+        street: null,
+        streetComplement: null,
+    })
+}
+
 /** Previent le parent (toast unique) que l'autocompletion est indisponible. */
 function notifyUnavailable(): void {
     if (!unavailableNotified) {
@@ -208,9 +254,27 @@ function notifyUnavailable(): void {
 
 /** Saisie du code postal → met a jour le champ + interroge la BAN pour la ville (RG-3.06). */
 async function onPostalCodeChange(value: string): Promise<void> {
-    update('postalCode', value)
-
     const digits = (value ?? '').replace(/\D/g, '')
+    const previousDigits = (props.modelValue.postalCode ?? '').replace(/\D/g, '')
+
+    // CP complet (5 chiffres) et reellement modifie → ville, adresse et complement
+    // deviennent incoherents avec le nouveau code postal : on les vide pour forcer
+    // une re-saisie coherente (on n'efface pas pendant une correction partielle).
+    if (digits.length === 5 && digits !== previousDigits) {
+        banAddressOptions.value = []
+        lastAddressSuggestions = []
+        emit('update:modelValue', {
+            ...props.modelValue,
+            postalCode: value,
+            city: null,
+            street: null,
+            streetComplement: null,
+        })
+    }
+    else {
+        update('postalCode', value)
+    }
+
     if (digits.length < 5) {
         return
     }

frontend/modules/technique/components/ProviderContactBlock.vue

@@ -1,76 +1,100 @@
 <template>
-    <div class="relative grid grid-cols-4 gap-x-[44px] gap-y-4 bg-white py-4 pl-[28px] pr-[60px] shadow-[0_4px_4px_0_rgba(0,0,0,0.25)]">
-        <!-- Suppression : ouvre une modal de confirmation cote parent. Masquee si
-             non supprimable (1er bloc) ou en lecture seule. -->
-        <MalioButtonIcon
-            v-if="removable && !readonly"
-            icon="mdi:delete-outline"
-            variant="ghost"
-            button-class="absolute top-3 right-3"
-            v-bind="{ ariaLabel: t('technique.providers.form.contact.remove') }"
-            @click="$emit('remove')"
-        />
-
-        <MalioInputText
-            :model-value="model.lastName"
-            :label="t('technique.providers.form.contact.lastName')"
-            :readonly="readonly"
-            :error="errors?.lastName"
-            @update:model-value="(v: string) => update('lastName', v)"
-        />
-        <MalioInputText
-            :model-value="model.firstName"
-            :label="t('technique.providers.form.contact.firstName')"
-            :readonly="readonly"
-            :error="errors?.firstName"
-            @update:model-value="(v: string) => update('firstName', v)"
-        />
-        <!-- Fonction sur 2 colonnes : on wrappe car MalioInputText
-             (inheritAttrs:false) renvoie `class` sur l'input interne, pas sur la
-             cellule de grille. Le wrapper porte le col-span-2, le champ le remplit. -->
-        <div class="col-span-2">
-            <MalioInputText
-                :model-value="model.jobTitle"
-                :label="t('technique.providers.form.contact.jobTitle')"
-                :readonly="readonly"
-                :error="errors?.jobTitle"
-                @update:model-value="(v: string) => update('jobTitle', v)"
+    <!-- Bloc a plat (sans box-shadow) : un filet noir 1px le separe du suivant
+         (pas de bordure sous le dernier bloc). -->
+    <div class="pb-[20px]" :class="{ 'border-b border-black': !last }">
+        <!-- En-tete : titre du bloc (noir) a gauche, poubelle de suppression a droite. -->
+        <div class="flex items-center justify-between">
+            <h2 class="text-[20px] font-semibold text-black">{{ title }}</h2>
+            <!-- Suppression : ouvre une modal de confirmation cote parent. Masquee si
+                 non supprimable (1er bloc) ou en lecture seule. -->
+            <MalioButtonIcon
+                v-if="removable && !readonly && !disabled"
+                icon="mdi:delete-outline"
+                variant="ghost"
+                button-class="p-0"
+                v-bind="{ ariaLabel: t('technique.providers.form.contact.remove') }"
+                @click="$emit('remove')"
+            />
+        </div>
+
+        <!-- Grille 4 colonnes des champs du contact. -->
+        <div class="mt-6 grid grid-cols-4 gap-x-[44px] gap-y-4">
+            <MalioInputText
+                v-if="!hideEmpty || isFilled(model.lastName)"
+                :model-value="model.lastName"
+                :label="t('technique.providers.form.contact.lastName')"
+                :mask="PERSON_NAME_MASK"
+                :readonly="readonly"
+                :disabled="disabled"
+                :error="errors?.lastName"
+                @update:model-value="(v: string) => update('lastName', v)"
+            />
+            <MalioInputText
+                v-if="!hideEmpty || isFilled(model.firstName)"
+                :model-value="model.firstName"
+                :label="t('technique.providers.form.contact.firstName')"
+                :mask="PERSON_NAME_MASK"
+                :readonly="readonly"
+                :disabled="disabled"
+                :error="errors?.firstName"
+                @update:model-value="(v: string) => update('firstName', v)"
+            />
+            <!-- Fonction sur 2 colonnes : on wrappe car MalioInputText
+                 (inheritAttrs:false) renvoie `class` sur l'input interne, pas sur la
+                 cellule de grille. Le wrapper porte le col-span-2, le champ le remplit. -->
+            <div v-if="!hideEmpty || isFilled(model.jobTitle)" class="col-span-2">
+                <MalioInputText
+                    :model-value="model.jobTitle"
+                    :label="t('technique.providers.form.contact.jobTitle')"
+                    :mask="FREE_TEXT_MASK"
+                    :readonly="readonly"
+                    :disabled="disabled"
+                    :error="errors?.jobTitle"
+                    @update:model-value="(v: string) => update('jobTitle', v)"
+                />
+            </div>
+            <MalioInputEmail
+                v-if="!hideEmpty || isFilled(model.email)"
+                :model-value="model.email"
+                :label="t('technique.providers.form.contact.email')"
+                :readonly="readonly"
+                :disabled="disabled"
+                :lowercase="true"
+                :error="errors?.email"
+                @update:model-value="(v: string) => update('email', v)"
+            />
+            <MalioInputPhone
+                v-if="!hideEmpty || isFilled(model.phonePrimary)"
+                :model-value="model.phonePrimary"
+                :label="t('technique.providers.form.contact.phonePrimary')"
+                :mask="PHONE_MASK"
+                :readonly="readonly"
+                :disabled="disabled"
+                :error="errors?.phonePrimary"
+                :addable="!model.hasSecondaryPhone && !readonly"
+                :add-button-label="t('technique.providers.form.contact.addPhone')"
+                @update:model-value="(v: string) => update('phonePrimary', v)"
+                @add="revealSecondaryPhone"
+            />
+            <!-- 2e numero : revele a la demande (max 2 telephones par contact). -->
+            <MalioInputPhone
+                v-if="model.hasSecondaryPhone && (!hideEmpty || isFilled(model.phoneSecondary))"
+                :model-value="model.phoneSecondary"
+                :label="t('technique.providers.form.contact.phoneSecondary')"
+                :mask="PHONE_MASK"
+                :readonly="readonly"
+                :disabled="disabled"
+                :error="errors?.phoneSecondary"
+                @update:model-value="(v: string) => update('phoneSecondary', v)"
             />
         </div>
-        <MalioInputEmail
-            :model-value="model.email"
-            :label="t('technique.providers.form.contact.email')"
-            :readonly="readonly"
-            :lowercase="true"
-            :error="errors?.email"
-            @update:model-value="(v: string) => update('email', v)"
-        />
-        <MalioInputPhone
-            :model-value="model.phonePrimary"
-            :label="t('technique.providers.form.contact.phonePrimary')"
-            :mask="PHONE_MASK"
-            :readonly="readonly"
-            :error="errors?.phonePrimary"
-            :addable="!model.hasSecondaryPhone && !readonly"
-            :add-button-label="t('technique.providers.form.contact.addPhone')"
-            @update:model-value="(v: string) => update('phonePrimary', v)"
-            @add="revealSecondaryPhone"
-        />
-        <!-- 2e numero : revele a la demande (max 2 telephones par contact). -->
-        <MalioInputPhone
-            v-if="model.hasSecondaryPhone"
-            :model-value="model.phoneSecondary"
-            :label="t('technique.providers.form.contact.phoneSecondary')"
-            :mask="PHONE_MASK"
-            :readonly="readonly"
-            :error="errors?.phoneSecondary"
-            @update:model-value="(v: string) => update('phoneSecondary', v)"
-        />
     </div>
 </template>
 
 <script setup lang="ts">
 import type { ProviderContactFormDraft } from '~/modules/technique/types/providerForm'
+import { FREE_TEXT_MASK, PERSON_NAME_MASK } from '~/shared/utils/textSanitize'
+import { isFilled } from '~/shared/utils/consultationDisplay'
 
 // Masque telephone FR : 5 groupes de 2 chiffres (la normalisation finale reste serveur).
 const PHONE_MASK = '## ## ## ## ##'
@@ -78,10 +102,18 @@ const PHONE_MASK = '## ## ## ## ##'
 const props = defineProps<{
     /** Brouillon du contact (v-model). */
     modelValue: ProviderContactFormDraft
+    /** Titre du bloc (ex: « Contact 1 »). */
+    title: string
     /** Affiche l'icone de suppression (1er bloc non supprimable). */
     removable?: boolean
+    /** Dernier bloc de la liste : supprime le filet de separation bas. */
+    last?: boolean
     /** Bloc en lecture seule (onglet valide). */
     readonly?: boolean
+    /** Bloc desactive (champs grises, consultation — distinct de readonly). */
+    disabled?: boolean
+    /** Consultation : masque les champs non remplis (ERP-193). */
+    hideEmpty?: boolean
     /** Erreurs serveur 422 de cette ligne, indexees par champ (ERP-101). */
     errors?: Record<string, string>
 }>()
@@ -96,6 +128,10 @@ const { t } = useI18n()
 // Alias local pour la lisibilite du template.
 const model = computed(() => props.modelValue)
 
+// Filtrage des caracteres parasites : porte par les masks maska sur les champs
+// (PERSON_NAME_MASK / FREE_TEXT_MASK), filtrage natif au focus/curseur. L'email n'a
+// pas de mask (ERP-101 : validation de format via Assert\Email + erreur inline).
+
 /** Emet un nouveau brouillon avec le champ modifie (immutabilite). */
 function update<K extends keyof ProviderContactFormDraft>(field: K, value: ProviderContactFormDraft[K]): void {
     emit('update:modelValue', { ...props.modelValue, [field]: value })

frontend/modules/technique/components/__tests__/ProviderAddressBlock.spec.ts

@@ -46,7 +46,7 @@ function mountBlock(overrides: Record<string, unknown> = {}, errors?: Record<str
     return mount(ProviderAddressBlock, {
         props: {
             modelValue: { ...emptyProviderAddress(), ...overrides },
-            categoryOptions: [],
+            title: 'Adresse 1',
             siteOptions: [],
             contactOptions: [],
             countryOptions: [],
@@ -79,17 +79,14 @@ describe('ProviderAddressBlock — version simplifiee M3 (pas de type/bennes/tri
 })
 
 describe('ProviderAddressBlock — mapping erreur par champ (ERP-101)', () => {
-    it('affiche les erreurs serveur sur sites et categories (RG-3.05 / RG-3.09)', () => {
+    it('affiche l\'erreur serveur sur sites (RG-3.05)', () => {
         const wrapper = mountBlock({}, {
             sites: 'Au moins un site est obligatoire.',
-            categories: 'Au moins une catégorie est obligatoire.',
         })
         const checkboxes = wrapper.findAll('malio-select-checkbox-stub')
         const sitesField = checkboxes.find(el => el.attributes('label') === 'technique.providers.form.address.sites')
-        const categoriesField = checkboxes.find(el => el.attributes('label') === 'technique.providers.form.address.categories')
 
         expect(sitesField?.attributes('error')).toBe('Au moins un site est obligatoire.')
-        expect(categoriesField?.attributes('error')).toBe('Au moins une catégorie est obligatoire.')
     })
 
     it('affiche l\'erreur serveur sur le code postal', () => {

frontend/modules/technique/components/__tests__/ProviderContactBlock.spec.ts

@@ -29,6 +29,7 @@ function mountBlock(errors?: Record<string, string>) {
     return mount(ProviderContactBlock, {
         props: {
             modelValue: emptyProviderContact(),
+            title: 'Contact 1',
             ...(errors ? { errors } : {}),
         },
         global: {

frontend/modules/technique/composables/__tests__/useProviderForm.test.ts

@@ -330,17 +330,16 @@ describe('useProviderForm — onglet Adresse (ERP-143)', () => {
         return form
     }
 
-    /** Remplit un bloc adresse valide (site + categorie + scalaires requis). */
+    /** Remplit un bloc adresse valide (site + scalaires requis). */
     function fillValidAddress(form: ProviderForm, index = 0): void {
         const a = addressAt(form, index)
         a.siteIris = [SITE_86]
-        a.categoryIris = [CAT_MAINT]
         a.postalCode = '86100'
         a.city = 'Châtellerault'
         a.street = '1 rue du Test'
     }
 
-    it('RG-3.05 : « + Nouvelle adresse » desactive tant que site + categorie manquent', () => {
+    it('RG-3.05 : « + Nouvelle adresse » desactive tant que le site manque', () => {
         const form = createdForm()
         expect(form.canAddAddress.value).toBe(false)
 
@@ -349,8 +348,6 @@ describe('useProviderForm — onglet Adresse (ERP-143)', () => {
         expect(form.addresses.value).toHaveLength(1)
 
         addressAt(form).siteIris = [SITE_86]
-        expect(form.canAddAddress.value).toBe(false) // categorie manquante
-        addressAt(form).categoryIris = [CAT_MAINT]
         expect(form.canAddAddress.value).toBe(true)
         form.addAddress()
         expect(form.addresses.value).toHaveLength(2)
@@ -377,7 +374,7 @@ describe('useProviderForm — onglet Adresse (ERP-143)', () => {
         expect(ok).toBe(true)
         const [url, body, opts] = mockPost.mock.calls[0] ?? []
         expect(url).toBe('/providers/7/addresses')
-        expect(body).toMatchObject({ sites: [SITE_86], categories: [CAT_MAINT], city: 'Châtellerault' })
+        expect(body).toMatchObject({ sites: [SITE_86], city: 'Châtellerault' })
         expect(opts).toMatchObject({ toast: false, headers: { Accept: 'application/ld+json' } })
         expect(addressAt(form).id).toBe(88)
         expect(form.isValidated('address')).toBe(true)

frontend/modules/technique/composables/__tests__/useProvidersRepository.test.ts

@@ -44,7 +44,7 @@ describe('useProvidersRepository', () => {
         expect(mockApiGet).toHaveBeenCalledTimes(1)
         const [url, query, opts] = mockApiGet.mock.calls[0]
         expect(url).toBe('/providers')
-        expect(query).toMatchObject({ page: 1, itemsPerPage: 10 })
+        expect(query).toMatchObject({ page: 1, itemsPerPage: 25 })
         expect(opts).toMatchObject({
             toast: false,
             headers: { Accept: 'application/ld+json' },

frontend/modules/technique/composables/useProviderForm.ts

@@ -84,6 +84,11 @@ export function useProviderForm() {
         })
     }
 
+    /** Toast de succès après suppression serveur confirmée d'une sous-ressource. */
+    function notifyRemovalSuccess(): void {
+        toast.success({ title: t('success.title'), message: t('success.deleted') })
+    }
+
     // ── Etat du prestataire cree ────────────────────────────────────────────
     const providerId = ref<number | null>(null)
     const mainLocked = ref(false)
@@ -339,6 +344,7 @@ export function useProviderForm() {
             deleteRow: url => api.delete(url, {}, { toast: false }),
             makeEmpty: emptyProviderContact,
             onError: notifyRemovalError,
+            onSuccess: notifyRemovalSuccess,
         })
     }
 
@@ -417,6 +423,7 @@ export function useProviderForm() {
             deleteRow: url => api.delete(url, {}, { toast: false }),
             makeEmpty: emptyProviderAddress,
             onError: notifyRemovalError,
+            onSuccess: notifyRemovalSuccess,
         })
     }
 
@@ -518,6 +525,7 @@ export function useProviderForm() {
             deleteRow: url => api.delete(url, {}, { toast: false }),
             makeEmpty: emptyProviderRib,
             onError: notifyRemovalError,
+            onSuccess: notifyRemovalSuccess,
         })
     }
 

frontend/modules/technique/composables/useProvidersRepository.ts

@@ -59,5 +59,6 @@ export interface Provider {
  * `usePaginatedList`. Aucun reset au logout a gerer.
  */
 export function useProvidersRepository() {
-    return usePaginatedList<Provider>({ url: '/providers' })
+    // Pagination par defaut a 25 sur le repertoire (retour metier ERP-193).
+    return usePaginatedList<Provider>({ url: '/providers', defaultItemsPerPage: 25 })
 }

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

@@ -6,6 +6,7 @@
                 icon="mdi:arrow-left-bold"
                 icon-size="24"
                 variant="ghost"
+                :title="t('technique.providers.edit.back')"
                 v-bind="{ ariaLabel: t('technique.providers.edit.back') }"
                 @click="goBack"
             />
@@ -22,8 +23,9 @@
                 <MalioInputText
                     v-model="main.companyName"
                     :label="t('technique.providers.form.main.companyName')"
+                    :mask="FREE_TEXT_MASK"
                     :required="true"
-                    :readonly="businessReadonly"
+                    :disabled="businessReadonly"
                     :error="mainErrors.errors.companyName"
                 />
                 <MalioSelectCheckbox
@@ -31,7 +33,7 @@
                     :options="referentials.categories.value"
                     :label="t('technique.providers.form.main.categories')"
                     :display-tag="true"
-                    :readonly="businessReadonly"
+                    :disabled="businessReadonly"
                     :required="true"
                     :error="mainErrors.errors.categories"
                     @update:model-value="(v: (string | number)[]) => main.categoryIris = v.map(String)"
@@ -41,7 +43,7 @@
                     :options="referentials.sites.value"
                     :label="t('technique.providers.form.main.sites')"
                     :display-tag="true"
-                    :readonly="businessReadonly"
+                    :disabled="businessReadonly"
                     :required="true"
                     :error="mainErrors.errors.sites"
                     @update:model-value="(v: (string | number)[]) => main.siteIris = v.map(String)"
@@ -70,8 +72,10 @@
                             v-for="(contact, index) in contacts"
                             :key="index"
                             :model-value="contact"
+                            :title="t('technique.providers.form.contact.title', { n: index + 1 })"
                             :removable="isRowRemovable(contacts, index)"
-                            :readonly="businessReadonly"
+                            :last="index === contacts.length - 1"
+                            :disabled="businessReadonly"
                             :errors="contactErrors[index]"
                             @update:model-value="(v) => contacts[index] = v"
                             @remove="askRemoveContact(index)"
@@ -102,12 +106,13 @@
                             v-for="(address, index) in addresses"
                             :key="index"
                             :model-value="address"
-                            :category-options="referentials.categories.value"
+                            :title="t('technique.providers.form.address.title', { n: index + 1 })"
+                            :last="index === addresses.length - 1"
                             :site-options="referentials.sites.value"
                             :contact-options="contactOptions"
                             :country-options="countryOptions"
                             :removable="isRowRemovable(addresses, index)"
-                            :readonly="businessReadonly"
+                            :disabled="businessReadonly"
                             :errors="addressErrors[index]"
                             @update:model-value="(v) => addresses[index] = v"
                             @remove="askRemoveAddress(index)"
@@ -135,20 +140,23 @@
                 <!-- Onglet Comptabilite (present si accounting.view ; editable si manage). -->
                 <template v-if="canAccountingView" #accounting>
                     <div class="mt-12 flex flex-col gap-6">
-                        <div class="bg-white py-4 pl-[28px] pr-[60px] shadow-[0_4px_4px_0_rgba(0,0,0,0.25)]">
-                            <div class="grid grid-cols-4 gap-x-[44px] gap-y-4">
+                        <!-- Bloc infos comptables : titre + filet bas (filet uniquement s'il y a des RIB en dessous). -->
+                        <div class="pb-[20px]" :class="{ 'border-b border-black': visibleRibs.length > 0 }">
+                            <h2 class="text-[20px] font-semibold text-black">{{ t('technique.providers.form.accounting.infoTitle') }}</h2>
+                            <div class="mt-6 grid grid-cols-4 gap-x-[44px] gap-y-4">
                                 <MalioInputText
                                     v-model="accounting.siren"
                                     :label="t('technique.providers.form.accounting.siren')"
                                     :mask="SIREN_MASK"
-                                    :readonly="accountingReadonly"
+                                    :disabled="accountingReadonly"
                                     :required="true"
                                     :error="accountingErrors.errors.siren"
                                 />
                                 <MalioInputText
                                     v-model="accounting.accountNumber"
                                     :label="t('technique.providers.form.accounting.accountNumber')"
-                                    :readonly="accountingReadonly"
+                                    :mask="CODE_ALNUM_MASK"
+                                    :disabled="accountingReadonly"
                                     :required="true"
                                     :error="accountingErrors.errors.accountNumber"
                                 />
@@ -156,7 +164,7 @@
                                     :model-value="accounting.tvaModeIri"
                                     :options="referentials.tvaModes.value"
                                     :label="t('technique.providers.form.accounting.tvaMode')"
-                                    :readonly="accountingReadonly"
+                                    :disabled="accountingReadonly"
                                     empty-option-label=""
                                     :required="true"
                                     :error="accountingErrors.errors.tvaMode"
@@ -165,7 +173,8 @@
                                 <MalioInputText
                                     v-model="accounting.nTva"
                                     :label="t('technique.providers.form.accounting.nTva')"
-                                    :readonly="accountingReadonly"
+                                    :mask="CODE_ALNUM_MASK"
+                                    :disabled="accountingReadonly"
                                     :required="true"
                                     :error="accountingErrors.errors.nTva"
                                 />
@@ -173,7 +182,7 @@
                                     :model-value="accounting.paymentDelayIri"
                                     :options="referentials.paymentDelays.value"
                                     :label="t('technique.providers.form.accounting.paymentDelay')"
-                                    :readonly="accountingReadonly"
+                                    :disabled="accountingReadonly"
                                     empty-option-label=""
                                     :required="true"
                                     :error="accountingErrors.errors.paymentDelay"
@@ -183,7 +192,7 @@
                                     :model-value="accounting.paymentTypeIri"
                                     :options="referentials.paymentTypes.value"
                                     :label="t('technique.providers.form.accounting.paymentType')"
-                                    :readonly="accountingReadonly"
+                                    :disabled="accountingReadonly"
                                     empty-option-label=""
                                     :required="true"
                                     :error="accountingErrors.errors.paymentType"
@@ -194,7 +203,7 @@
                                     :model-value="accounting.bankIri"
                                     :options="referentials.banks.value"
                                     :label="t('technique.providers.form.accounting.bank')"
-                                    :readonly="accountingReadonly"
+                                    :disabled="accountingReadonly"
                                     empty-option-label=""
                                     :required="true"
                                     :error="accountingErrors.errors.bank"
@@ -203,39 +212,47 @@
                             </div>
                         </div>
 
-                        <!-- Blocs RIB — affiches uniquement si type de reglement = LCR (RG-3.08). -->
+                        <!-- Blocs RIB — affiches uniquement si type de reglement = LCR (RG-3.08).
+                             Titre « RIB N » + poubelle, filet de separation sauf sous le dernier. -->
                         <div
                             v-for="(rib, index) in visibleRibs"
                             :key="index"
-                            class="relative bg-white py-4 pl-[28px] pr-[60px] shadow-[0_4px_4px_0_rgba(0,0,0,0.25)]"
+                            class="pb-[20px]"
+                            :class="{ 'border-b border-black': index !== visibleRibs.length - 1 }"
                         >
-                            <MalioButtonIcon
-                                v-if="!accountingReadonly && isRowRemovable(visibleRibs, index)"
-                                icon="mdi:delete-outline"
-                                variant="ghost"
-                                button-class="absolute top-3 right-3"
-                                v-bind="{ ariaLabel: t('technique.providers.form.accounting.removeRib') }"
-                                @click="askRemoveRib(index)"
-                            />
-                            <div class="grid grid-cols-4 gap-x-[44px] gap-y-4">
+                            <!-- En-tete : titre du bloc (noir) a gauche, poubelle a droite. -->
+                            <div class="flex items-center justify-between">
+                                <h2 class="text-[20px] font-semibold text-black">{{ t('technique.providers.form.accounting.ribTitle', { n: index + 1 }) }}</h2>
+                                <MalioButtonIcon
+                                    v-if="!accountingReadonly && isRowRemovable(visibleRibs, index)"
+                                    icon="mdi:delete-outline"
+                                    variant="ghost"
+                                    button-class="p-0"
+                                    v-bind="{ ariaLabel: t('technique.providers.form.accounting.removeRib') }"
+                                    @click="askRemoveRib(index)"
+                                />
+                            </div>
+                            <div class="mt-6 grid grid-cols-4 gap-x-[44px] gap-y-4">
                                 <MalioInputText
                                     v-model="rib.label"
                                     :label="t('technique.providers.form.accounting.ribLabel')"
-                                    :readonly="accountingReadonly"
+                                    :disabled="accountingReadonly"
                                     :required="true"
                                     :error="ribErrors[index]?.label"
                                 />
                                 <MalioInputText
                                     v-model="rib.bic"
                                     :label="t('technique.providers.form.accounting.ribBic')"
-                                    :readonly="accountingReadonly"
+                                    :mask="CODE_ALNUM_MASK"
+                                    :disabled="accountingReadonly"
                                     :required="true"
                                     :error="ribErrors[index]?.bic"
                                 />
                                 <MalioInputText
                                     v-model="rib.iban"
                                     :label="t('technique.providers.form.accounting.ribIban')"
-                                    :readonly="accountingReadonly"
+                                    :mask="CODE_ALNUM_MASK"
+                                    :disabled="accountingReadonly"
                                     :required="true"
                                     :error="ribErrors[index]?.iban"
                                 />
@@ -313,6 +330,7 @@ import {
 } from '~/modules/technique/types/providerForm'
 import { extractApiErrorMessage } from '~/shared/utils/api'
 import { isRowRemovable } from '~/shared/utils/collectionRow'
+import { CODE_ALNUM_MASK, FREE_TEXT_MASK } from '~/shared/utils/textSanitize'
 
 // Masque SIREN : 9 chiffres (la normalisation finale reste serveur).
 const SIREN_MASK = '#########'

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

@@ -6,6 +6,7 @@
                 icon="mdi:arrow-left-bold"
                 icon-size="24"
                 variant="ghost"
+                :title="t('technique.providers.consultation.back')"
                 v-bind="{ ariaLabel: t('technique.providers.consultation.back') }"
                 @click="goBack"
             />
@@ -22,7 +23,7 @@
                 />
                 <MalioButton
                     v-if="showArchive"
-                    variant="secondary"
+                    variant="danger"
                     icon-name="mdi:archive-arrow-down-outline"
                     icon-position="left"
                     :label="t('technique.providers.action.archive')"
@@ -47,28 +48,32 @@
             <!-- ── Bloc principal (lecture seule) ─────────────────────────────── -->
             <div class="mt-[48px] grid grid-cols-3 xl:grid-cols-4 gap-x-[44px] gap-y-4">
                 <MalioInputText
+                    v-if="isFilled(provider.companyName)"
                     :model-value="provider.companyName"
                     :label="t('technique.providers.form.main.companyName')"
-                    readonly
+                    disabled
                 />
                 <MalioSelectCheckbox
+                    v-if="isFilled(mainCategoryIris)"
                     :model-value="mainCategoryIris"
                     :options="mainCategoryOptions"
                     :label="t('technique.providers.form.main.categories')"
                     :display-tag="true"
-                    readonly
+                    disabled
                 />
                 <MalioSelectCheckbox
+                    v-if="isFilled(mainSiteIris)"
                     :model-value="mainSiteIris"
                     :options="mainSiteOptions"
                     :label="t('technique.providers.form.main.sites')"
                     :display-tag="true"
-                    readonly
+                    disabled
                 />
             </div>
 
             <!-- ── Onglets (navigation libre, tout en lecture seule) ──────────── -->
-            <MalioTabList v-model="activeTab" :tabs="tabs" :max-visible-tabs="5" :max-width="1100" class="mt-[60px]">
+            <!-- ERP-193 : barre masquee s'il ne reste aucun onglet non vide. -->
+            <MalioTabList v-if="visibleTabKeys.length" v-model="activeTab" :tabs="tabs" :max-visible-tabs="5" :max-width="1100" class="mt-[60px]">
                 <!-- Onglet Contacts -->
                 <template #contacts>
                     <div class="mt-12 flex flex-col gap-6">
@@ -76,7 +81,10 @@
                             v-for="(contact, index) in contacts"
                             :key="index"
                             :model-value="contact"
-                            readonly
+                            :title="t('technique.providers.form.contact.title', { n: index + 1 })"
+                            :last="index === contacts.length - 1"
+                            disabled
+                            hide-empty
                         />
                     </div>
                 </template>
@@ -88,44 +96,49 @@
                             v-for="(view, index) in addressViews"
                             :key="index"
                             :model-value="view.draft"
-                            :category-options="view.categoryOptions"
+                            :title="t('technique.providers.form.address.title', { n: index + 1 })"
+                            :last="index === addressViews.length - 1"
                             :site-options="view.siteOptions"
                             :contact-options="contactOptions"
                             :country-options="countryOptionsFor(view.draft.country)"
-                            readonly
+                            disabled
+                            hide-empty
                         />
                     </div>
                 </template>
-
-                <!-- Onglets placeholder « A venir » (comme les autres modules). -->
-                <template #reports><ComingSoonPlaceholder /></template>
-                <template #exchanges><ComingSoonPlaceholder /></template>
+                <!-- ERP-193 : les onglets « a venir » (Rapports / Echanges) ne sont
+                     plus rendus en consultation (masquage des onglets vides). -->
 
                 <!-- Onglet Comptabilite (present uniquement si accounting.view). -->
                 <template v-if="canAccountingView" #accounting>
                     <div class="mt-12 flex flex-col gap-6">
-                        <div class="bg-white py-4 pl-[28px] pr-[60px] shadow-[0_4px_4px_0_rgba(0,0,0,0.25)]">
-                            <div class="grid grid-cols-4 gap-x-[44px] gap-y-4">
-                                <MalioInputText :model-value="accounting.siren" :label="t('technique.providers.form.accounting.siren')" readonly />
-                                <MalioInputText :model-value="accounting.accountNumber" :label="t('technique.providers.form.accounting.accountNumber')" readonly />
-                                <MalioSelect :model-value="accounting.tvaModeIri" :options="tvaModeOptions" :label="t('technique.providers.form.accounting.tvaMode')" readonly empty-option-label="" />
-                                <MalioInputText :model-value="accounting.nTva" :label="t('technique.providers.form.accounting.nTva')" readonly />
-                                <MalioSelect :model-value="accounting.paymentDelayIri" :options="paymentDelayOptions" :label="t('technique.providers.form.accounting.paymentDelay')" readonly empty-option-label="" />
-                                <MalioSelect :model-value="accounting.paymentTypeIri" :options="paymentTypeOptions" :label="t('technique.providers.form.accounting.paymentType')" readonly empty-option-label="" />
-                                <MalioSelect v-if="isBankRequired" :model-value="accounting.bankIri" :options="bankOptions" :label="t('technique.providers.form.accounting.bank')" readonly empty-option-label="" />
+                        <!-- Bloc infos comptables : titre + filet bas (filet uniquement s'il y a des RIB en dessous). -->
+                        <div class="pb-[20px]" :class="{ 'border-b border-black': visibleRibs.length > 0 }">
+                            <h2 class="text-[20px] font-semibold text-black">{{ t('technique.providers.form.accounting.infoTitle') }}</h2>
+                            <div class="mt-6 grid grid-cols-4 gap-x-[44px] gap-y-4">
+                                <MalioInputText v-if="isFilled(accounting.siren)" :model-value="accounting.siren" :label="t('technique.providers.form.accounting.siren')" disabled />
+                                <MalioInputText v-if="isFilled(accounting.accountNumber)" :model-value="accounting.accountNumber" :label="t('technique.providers.form.accounting.accountNumber')" disabled />
+                                <MalioSelect v-if="isFilled(accounting.tvaModeIri)" :model-value="accounting.tvaModeIri" :options="tvaModeOptions" :label="t('technique.providers.form.accounting.tvaMode')" disabled empty-option-label="" />
+                                <MalioInputText v-if="isFilled(accounting.nTva)" :model-value="accounting.nTva" :label="t('technique.providers.form.accounting.nTva')" disabled />
+                                <MalioSelect v-if="isFilled(accounting.paymentDelayIri)" :model-value="accounting.paymentDelayIri" :options="paymentDelayOptions" :label="t('technique.providers.form.accounting.paymentDelay')" disabled empty-option-label="" />
+                                <MalioSelect v-if="isFilled(accounting.paymentTypeIri)" :model-value="accounting.paymentTypeIri" :options="paymentTypeOptions" :label="t('technique.providers.form.accounting.paymentType')" disabled empty-option-label="" />
+                                <MalioSelect v-if="isBankRequired && isFilled(accounting.bankIri)" :model-value="accounting.bankIri" :options="bankOptions" :label="t('technique.providers.form.accounting.bank')" disabled empty-option-label="" />
                             </div>
                         </div>
 
-                        <!-- Blocs RIB (uniquement si type de reglement = LCR). -->
+                        <!-- Blocs RIB (uniquement si type de reglement = LCR).
+                             Titre « RIB N », filet de separation sauf sous le dernier. -->
                         <div
                             v-for="(rib, index) in visibleRibs"
                             :key="index"
-                            class="bg-white py-4 pl-[28px] pr-[60px] shadow-[0_4px_4px_0_rgba(0,0,0,0.25)]"
+                            class="pb-[20px]"
+                            :class="{ 'border-b border-black': index !== visibleRibs.length - 1 }"
                         >
-                            <div class="grid grid-cols-4 gap-x-[44px] gap-y-4">
-                                <MalioInputText :model-value="rib.label" :label="t('technique.providers.form.accounting.ribLabel')" readonly />
-                                <MalioInputText :model-value="rib.bic" :label="t('technique.providers.form.accounting.ribBic')" readonly />
-                                <MalioInputText :model-value="rib.iban" :label="t('technique.providers.form.accounting.ribIban')" readonly />
+                            <h2 class="text-[20px] font-semibold text-black">{{ t('technique.providers.form.accounting.ribTitle', { n: index + 1 }) }}</h2>
+                            <div class="mt-6 grid grid-cols-4 gap-x-[44px] gap-y-4">
+                                <MalioInputText v-if="isFilled(rib.label)" :model-value="rib.label" :label="t('technique.providers.form.accounting.ribLabel')" disabled />
+                                <MalioInputText v-if="isFilled(rib.bic)" :model-value="rib.bic" :label="t('technique.providers.form.accounting.ribBic')" disabled />
+                                <MalioInputText v-if="isFilled(rib.iban)" :model-value="rib.iban" :label="t('technique.providers.form.accounting.ribIban')" disabled />
                             </div>
                         </div>
                     </div>
@@ -158,7 +171,7 @@
 </template>
 
 <script setup lang="ts">
-import { computed, onMounted, reactive, ref } from 'vue'
+import { computed, onMounted, reactive, ref, watch } from 'vue'
 import { useProvider } from '~/modules/technique/composables/useProvider'
 import {
     canEditProvider,
@@ -170,6 +183,7 @@ import {
     mapContactToDraft,
     mapRibToDraft,
     paymentTypeCodeOf,
+    providerConsultationVisibleTabs,
     referentialOptionOf,
     showArchiveAction,
     showRestoreAction,
@@ -177,6 +191,7 @@ import {
 } from '~/modules/technique/utils/forms/providerDetail'
 import { isBankRequiredForPaymentType, isRibRequiredForPaymentType } from '~/modules/technique/utils/forms/providerAccounting'
 import { emptyProviderAddress, emptyProviderContact } from '~/modules/technique/types/providerForm'
+import { isFilled } from '~/shared/utils/consultationDisplay'
 
 const { t } = useI18n()
 const route = useRoute()
@@ -197,7 +212,6 @@ const headerTitle = computed(() => provider.value?.companyName || t('technique.p
 useHead({ title: t('technique.providers.consultation.title') })
 
 // ── Onglets (ordre spec : Contacts · Adresse · Rapports · Échanges · Comptabilité) ──
-const activeTab = ref('contacts')
 const TAB_ICONS: Record<string, string> = {
     contacts: 'mdi:account-box-plus-outline',
     address: 'mdi:map-marker-outline',
@@ -205,11 +219,27 @@ const TAB_ICONS: Record<string, string> = {
     exchanges: 'mdi:swap-horizontal',
     accounting: 'mdi:bank-circle-outline',
 }
-const tabs = computed(() => {
-    const keys = ['contacts', 'address', 'reports', 'exchanges']
-    if (canAccountingView.value) keys.push('accounting')
-    return keys.map(key => ({ key, label: t(`technique.providers.tab.${key}`), icon: TAB_ICONS[key] }))
-})
+// ERP-193 (retour metier) : on masque les coquilles (Rapports / Echanges) ET
+// tout onglet de donnees vide. La liste depend donc du payload charge.
+const visibleTabKeys = computed(() => providerConsultationVisibleTabs(provider.value, {
+    canAccountingView: canAccountingView.value,
+}))
+const tabs = computed(() => visibleTabKeys.value.map(
+    key => ({ key, label: t(`technique.providers.tab.${key}`), icon: TAB_ICONS[key] }),
+))
+
+// Onglet initial : vide tant que le prestataire n'est pas charge, puis premier
+// onglet visible. Un watcher recale si l'onglet courant disparait.
+const activeTab = ref('')
+watch(visibleTabKeys, (keys) => {
+    if (keys.length === 0) {
+        activeTab.value = ''
+        return
+    }
+    if (!keys.includes(activeTab.value)) {
+        activeTab.value = keys[0]
+    }
+}, { immediate: true })
 
 // ── Donnees mappees depuis la SEULE reponse detail ─────────────────────────────
 const mainCategoryIris = computed(() => irisOf(provider.value?.categories))
@@ -226,16 +256,15 @@ const contacts = computed(() => {
 // Contacts rattachables (pour resoudre les libelles des contacts lies aux adresses).
 const contactOptions = computed(() => contactOptionsOf(provider.value?.contacts))
 
-// Vue par adresse : brouillon + options propres a l'adresse (sites/categories embarques).
+// Vue par adresse : brouillon + options propres a l'adresse (sites embarques).
 const addressViews = computed(() => {
     const views = (provider.value?.addresses ?? []).map(address => ({
         draft: mapAddressToDraft(address),
         siteOptions: siteOptionsOf(address.sites),
-        categoryOptions: categoryOptionsOf(address.categories),
     }))
     return views.length > 0
         ? views
-        : [{ draft: emptyProviderAddress(), siteOptions: [], categoryOptions: [] }]
+        : [{ draft: emptyProviderAddress(), siteOptions: [] }]
 })
 
 /** Pays : une seule option (la valeur courante), suffisant pour l'affichage readonly. */

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

@@ -44,7 +44,7 @@
             @update:page="goToPage"
             @update:per-page="setItemsPerPage"
         >
-            <!-- Categories : libelles (name) separes par une virgule. -->
+            <!-- Categories : libelles (name) separes par une virgule, aligne sur le client (ERP-193). -->
             <template #cell-categories="{ item }">
                 {{ formatCategories(item) }}
             </template>
@@ -210,7 +210,7 @@ const columns = [
     { key: 'lastActivity', label: t('technique.providers.column.lastActivity') },
 ]
 
-/** Libelles des categories du prestataire, separes par une virgule (name). */
+/** Libelles (name) des categories du prestataire, separes par une virgule (aligne sur le client, ERP-193). */
 function formatCategories(item: Record<string, unknown>): string {
     const categories = (item.categories as Provider['categories']) ?? []
     return categories.map(c => c.name).join(', ')

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

@@ -6,6 +6,7 @@
                 icon="mdi:arrow-left-bold"
                 icon-size="24"
                 variant="ghost"
+                :title="t('technique.providers.form.back')"
                 v-bind="{ ariaLabel: t('technique.providers.form.back') }"
                 @click="goBack"
             />
@@ -21,8 +22,9 @@
             <MalioInputText
                 v-model="main.companyName"
                 :label="t('technique.providers.form.main.companyName')"
+                :mask="FREE_TEXT_MASK"
                 :required="true"
-                :readonly="mainLocked"
+                :disabled="mainLocked"
                 :error="mainErrors.errors.companyName"
             />
             <MalioSelectCheckbox
@@ -30,7 +32,7 @@
                 :options="referentials.categories.value"
                 :label="t('technique.providers.form.main.categories')"
                 :display-tag="true"
-                :readonly="mainLocked"
+                :disabled="mainLocked"
                 :required="true"
                 :error="mainErrors.errors.categories"
                 @update:model-value="(v: (string | number)[]) => main.categoryIris = v.map(String)"
@@ -40,7 +42,7 @@
                 :options="referentials.sites.value"
                 :label="t('technique.providers.form.main.sites')"
                 :display-tag="true"
-                :readonly="mainLocked"
+                :disabled="mainLocked"
                 :required="true"
                 :error="mainErrors.errors.sites"
                 @update:model-value="(v: (string | number)[]) => main.siteIris = v.map(String)"
@@ -71,13 +73,19 @@
                         v-for="(contact, index) in contacts"
                         :key="index"
                         :model-value="contact"
+                        :title="t('technique.providers.form.contact.title', { n: index + 1 })"
                         :removable="isRowRemovable(contacts, index)"
-                        :readonly="isValidated('contact')"
+                        :last="index === contacts.length - 1"
+                        :disabled="isValidated('contact')"
                         :errors="contactErrors[index]"
                         @update:model-value="(v) => contacts[index] = v"
                         @remove="askRemoveContact(index)"
                     />
-                    <div v-if="!isValidated('contact')" class="flex justify-center gap-6">
+                    <!-- Masque tant que le prestataire n'est pas cree : Contact etant
+                         l'onglet actif par defaut, ses actions (Ajouter / Valider) ne
+                         doivent pas apparaitre a cote du Valider du formulaire principal
+                         (ERP-193). -->
+                    <div v-if="!isValidated('contact') && providerId !== null" class="flex justify-center gap-6">
                         <MalioButton
                             variant="secondary"
                             icon-name="mdi:add-bold"
@@ -89,7 +97,7 @@
                         <MalioButton
                             variant="primary"
                             :label="t('technique.providers.form.submit')"
-                            :disabled="tabSubmitting || providerId === null"
+                            :disabled="tabSubmitting"
                             @click="onSubmitContacts"
                         />
                     </div>
@@ -102,12 +110,13 @@
                         v-for="(address, index) in addresses"
                         :key="index"
                         :model-value="address"
-                        :category-options="referentials.categories.value"
+                        :title="t('technique.providers.form.address.title', { n: index + 1 })"
+                        :last="index === addresses.length - 1"
                         :site-options="referentials.sites.value"
                         :contact-options="contactOptions"
                         :country-options="countryOptions"
                         :removable="isRowRemovable(addresses, index)"
-                        :readonly="isValidated('address')"
+                        :disabled="isValidated('address')"
                         :errors="addressErrors[index]"
                         @update:model-value="(v) => addresses[index] = v"
                         @remove="askRemoveAddress(index)"
@@ -134,20 +143,23 @@
             <!-- Onglet Comptabilite (present uniquement si accounting.view ; editable si manage). -->
             <template v-if="canAccountingView" #accounting>
                 <div class="mt-12 flex flex-col gap-6">
-                    <div class="bg-white py-4 pl-[28px] pr-[60px] shadow-[0_4px_4px_0_rgba(0,0,0,0.25)]">
-                        <div class="grid grid-cols-4 gap-x-[44px] gap-y-4">
+                    <!-- Bloc infos comptables : titre + filet bas (filet uniquement s'il y a des RIB en dessous). -->
+                    <div class="pb-[20px]" :class="{ 'border-b border-black': visibleRibs.length > 0 }">
+                        <h2 class="text-[20px] font-semibold text-black">{{ t('technique.providers.form.accounting.infoTitle') }}</h2>
+                        <div class="mt-6 grid grid-cols-4 gap-x-[44px] gap-y-4">
                             <MalioInputText
                                 v-model="accounting.siren"
                                 :label="t('technique.providers.form.accounting.siren')"
                                 :mask="SIREN_MASK"
-                                :readonly="accountingReadonly"
+                                :disabled="accountingReadonly"
                                 :required="true"
                                 :error="accountingErrors.errors.siren"
                             />
                             <MalioInputText
                                 v-model="accounting.accountNumber"
                                 :label="t('technique.providers.form.accounting.accountNumber')"
-                                :readonly="accountingReadonly"
+                                :mask="CODE_ALNUM_MASK"
+                                :disabled="accountingReadonly"
                                 :required="true"
                                 :error="accountingErrors.errors.accountNumber"
                             />
@@ -155,7 +167,7 @@
                                 :model-value="accounting.tvaModeIri"
                                 :options="referentials.tvaModes.value"
                                 :label="t('technique.providers.form.accounting.tvaMode')"
-                                :readonly="accountingReadonly"
+                                :disabled="accountingReadonly"
                                 empty-option-label=""
                                 :required="true"
                                 :error="accountingErrors.errors.tvaMode"
@@ -164,7 +176,8 @@
                             <MalioInputText
                                 v-model="accounting.nTva"
                                 :label="t('technique.providers.form.accounting.nTva')"
-                                :readonly="accountingReadonly"
+                                :mask="CODE_ALNUM_MASK"
+                                :disabled="accountingReadonly"
                                 :required="true"
                                 :error="accountingErrors.errors.nTva"
                             />
@@ -172,7 +185,7 @@
                                 :model-value="accounting.paymentDelayIri"
                                 :options="referentials.paymentDelays.value"
                                 :label="t('technique.providers.form.accounting.paymentDelay')"
-                                :readonly="accountingReadonly"
+                                :disabled="accountingReadonly"
                                 empty-option-label=""
                                 :required="true"
                                 :error="accountingErrors.errors.paymentDelay"
@@ -182,7 +195,7 @@
                                 :model-value="accounting.paymentTypeIri"
                                 :options="referentials.paymentTypes.value"
                                 :label="t('technique.providers.form.accounting.paymentType')"
-                                :readonly="accountingReadonly"
+                                :disabled="accountingReadonly"
                                 empty-option-label=""
                                 :required="true"
                                 :error="accountingErrors.errors.paymentType"
@@ -194,7 +207,7 @@
                                 :model-value="accounting.bankIri"
                                 :options="referentials.banks.value"
                                 :label="t('technique.providers.form.accounting.bank')"
-                                :readonly="accountingReadonly"
+                                :disabled="accountingReadonly"
                                 empty-option-label=""
                                 :required="true"
                                 :error="accountingErrors.errors.bank"
@@ -203,39 +216,47 @@
                         </div>
                     </div>
 
-                    <!-- Blocs RIB — affiches uniquement si type de reglement = LCR (RG-3.08). -->
+                    <!-- Blocs RIB — affiches uniquement si type de reglement = LCR (RG-3.08).
+                         Titre « RIB N » + poubelle, filet de separation sauf sous le dernier. -->
                     <div
                         v-for="(rib, index) in visibleRibs"
                         :key="index"
-                        class="relative bg-white py-4 pl-[28px] pr-[60px] shadow-[0_4px_4px_0_rgba(0,0,0,0.25)]"
+                        class="pb-[20px]"
+                        :class="{ 'border-b border-black': index !== visibleRibs.length - 1 }"
                     >
-                        <MalioButtonIcon
-                            v-if="!accountingReadonly && isRowRemovable(visibleRibs, index)"
-                            icon="mdi:delete-outline"
-                            variant="ghost"
-                            button-class="absolute top-3 right-3"
-                            v-bind="{ ariaLabel: t('technique.providers.form.accounting.removeRib') }"
-                            @click="askRemoveRib(index)"
-                        />
-                        <div class="grid grid-cols-4 gap-x-[44px] gap-y-4">
+                        <!-- En-tete : titre du bloc (noir) a gauche, poubelle a droite. -->
+                        <div class="flex items-center justify-between">
+                            <h2 class="text-[20px] font-semibold text-black">{{ t('technique.providers.form.accounting.ribTitle', { n: index + 1 }) }}</h2>
+                            <MalioButtonIcon
+                                v-if="!accountingReadonly && isRowRemovable(visibleRibs, index)"
+                                icon="mdi:delete-outline"
+                                variant="ghost"
+                                button-class="p-0"
+                                v-bind="{ ariaLabel: t('technique.providers.form.accounting.removeRib') }"
+                                @click="askRemoveRib(index)"
+                            />
+                        </div>
+                        <div class="mt-6 grid grid-cols-4 gap-x-[44px] gap-y-4">
                             <MalioInputText
                                 v-model="rib.label"
                                 :label="t('technique.providers.form.accounting.ribLabel')"
-                                :readonly="accountingReadonly"
+                                :disabled="accountingReadonly"
                                 :required="true"
                                 :error="ribErrors[index]?.label"
                             />
                             <MalioInputText
                                 v-model="rib.bic"
                                 :label="t('technique.providers.form.accounting.ribBic')"
-                                :readonly="accountingReadonly"
+                                :mask="CODE_ALNUM_MASK"
+                                :disabled="accountingReadonly"
                                 :required="true"
                                 :error="ribErrors[index]?.bic"
                             />
                             <MalioInputText
                                 v-model="rib.iban"
                                 :label="t('technique.providers.form.accounting.ribIban')"
-                                :readonly="accountingReadonly"
+                                :mask="CODE_ALNUM_MASK"
+                                :disabled="accountingReadonly"
                                 :required="true"
                                 :error="ribErrors[index]?.iban"
                             />
@@ -297,6 +318,7 @@ import {
 } from '~/modules/technique/utils/forms/providerAccounting'
 import { extractApiErrorMessage } from '~/shared/utils/api'
 import { isRowRemovable } from '~/shared/utils/collectionRow'
+import { CODE_ALNUM_MASK, FREE_TEXT_MASK } from '~/shared/utils/textSanitize'
 
 // Masque SIREN : 9 chiffres (la normalisation finale reste serveur).
 const SIREN_MASK = '#########'

frontend/modules/technique/types/providerForm.ts

@@ -97,8 +97,6 @@ export interface ProviderAddressFormDraft {
     city: string | null
     street: string | null
     streetComplement: string | null
-    /** IRI des categories rattachees (type PRESTATAIRE, RG-3.09 ; >= 1). */
-    categoryIris: string[]
     /** IRI des sites rattaches a l'adresse (M2M `provider_address_site`, RG-3.05 ; >= 1). */
     siteIris: string[]
     /** IRI des contacts rattaches (= blocs Contact deja persistes de l'onglet Contact). */
@@ -114,7 +112,6 @@ export function emptyProviderAddress(): ProviderAddressFormDraft {
         city: null,
         street: null,
         streetComplement: null,
-        categoryIris: [],
         siteIris: [],
         contactIris: [],
     }

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

@@ -12,21 +12,15 @@ import { emptyProviderAddress } from '~/modules/technique/types/providerForm'
  */
 describe('providerAddress helpers', () => {
     const SITE = '/api/sites/1'
-    const CAT = '/api/categories/7'
 
-    describe('isProviderAddressValid (RG-3.05 / RG-3.09)', () => {
+    describe('isProviderAddressValid (RG-3.05)', () => {
         it('false sans site', () => {
-            const address = { ...emptyProviderAddress(), categoryIris: [CAT] }
+            const address = { ...emptyProviderAddress() }
             expect(isProviderAddressValid(address)).toBe(false)
         })
 
-        it('false sans categorie', () => {
+        it('true avec au moins un site', () => {
             const address = { ...emptyProviderAddress(), siteIris: [SITE] }
-            expect(isProviderAddressValid(address)).toBe(false)
-        })
-
-        it('true avec au moins un site ET une categorie', () => {
-            const address = { ...emptyProviderAddress(), siteIris: [SITE], categoryIris: [CAT] }
             expect(isProviderAddressValid(address)).toBe(true)
         })
     })
@@ -39,7 +33,6 @@ describe('providerAddress helpers', () => {
                 city: 'Châtellerault',
                 street: '1 rue du Test',
                 siteIris: [SITE],
-                categoryIris: [CAT],
                 contactIris: ['/api/provider_contacts/9'],
             })
             expect(payload).toEqual({
@@ -48,7 +41,6 @@ describe('providerAddress helpers', () => {
                 city: 'Châtellerault',
                 street: '1 rue du Test',
                 streetComplement: null,
-                categories: [CAT],
                 sites: [SITE],
                 contacts: ['/api/provider_contacts/9'],
             })
@@ -61,7 +53,6 @@ describe('providerAddress helpers', () => {
             const payload = buildProviderAddressPayload({
                 ...emptyProviderAddress(),
                 siteIris: [SITE],
-                categoryIris: [CAT],
             })
             expect(payload).not.toHaveProperty('postalCode')
             expect(payload).not.toHaveProperty('city')

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

@@ -10,6 +10,7 @@ const {
     canEditProvider,
     categoryOptionsOf,
     contactOptionsOf,
+    hasAccountingData,
     iriOf,
     irisOf,
     mapAccountingDraft,
@@ -17,6 +18,7 @@ const {
     mapContactToDraft,
     mapRibToDraft,
     paymentTypeCodeOf,
+    providerConsultationVisibleTabs,
     referentialOptionOf,
     showArchiveAction,
     showRestoreAction,
@@ -74,7 +76,7 @@ describe('providerDetail helpers', () => {
     })
 
     describe('mapAddressToDraft', () => {
-        it('extrait les IRI des sites / categories / contacts embarques', () => {
+        it('extrait les IRI des sites / contacts embarques', () => {
             const draft = mapAddressToDraft({
                 '@id': '/api/provider_addresses/3',
                 id: 3,
@@ -83,11 +85,9 @@ describe('providerDetail helpers', () => {
                 city: 'Châtellerault',
                 street: '1 rue du Test',
                 sites: [{ '@id': '/api/sites/1' }],
-                categories: [{ '@id': '/api/categories/7' }],
                 contacts: [{ '@id': '/api/provider_contacts/5' }, '/api/provider_contacts/6'],
             })
             expect(draft.siteIris).toEqual(['/api/sites/1'])
-            expect(draft.categoryIris).toEqual(['/api/categories/7'])
             expect(draft.contactIris).toEqual(['/api/provider_contacts/5', '/api/provider_contacts/6'])
             expect(draft.id).toBe(3)
         })
@@ -165,3 +165,48 @@ describe('providerDetail helpers', () => {
         })
     })
 })
+
+describe('hasAccountingData (prestataire)', () => {
+    it('faux sans champ comptable ni RIB', () => {
+        expect(hasAccountingData({ '@id': '/api/providers/1', id: 1 })).toBe(false)
+    })
+
+    it('vrai avec un champ comptable ou un RIB', () => {
+        expect(hasAccountingData({ '@id': '/api/providers/1', id: 1, siren: '123456789' })).toBe(true)
+        expect(hasAccountingData({
+            '@id': '/api/providers/1', id: 1,
+            ribs: [{ '@id': '/api/provider_ribs/1', id: 1, iban: 'FR76...' }],
+        })).toBe(true)
+    })
+})
+
+describe('providerConsultationVisibleTabs', () => {
+    it('retourne [] tant que le prestataire n\'est pas charge', () => {
+        expect(providerConsultationVisibleTabs(null, { canAccountingView: true })).toEqual([])
+    })
+
+    it('masque les coquilles (reports/exchanges) et les onglets vides', () => {
+        expect(providerConsultationVisibleTabs(
+            { '@id': '/api/providers/1', id: 1, companyName: 'ACME' },
+            { canAccountingView: true },
+        )).toEqual([])
+    })
+
+    it('affiche contacts/address/accounting dans l\'ordre (pas d\'onglet information)', () => {
+        const provider = {
+            '@id': '/api/providers/1', id: 1,
+            contacts: [{ '@id': '/api/provider_contacts/1', id: 1 }],
+            addresses: [{ '@id': '/api/provider_addresses/1', id: 1 }],
+            siren: '123456789',
+        }
+        expect(providerConsultationVisibleTabs(provider, { canAccountingView: true }))
+            .toEqual(['contacts', 'address', 'accounting'])
+    })
+
+    it('masque Comptabilite sans le droit accounting.view', () => {
+        expect(providerConsultationVisibleTabs(
+            { '@id': '/api/providers/1', id: 1, siren: '123456789' },
+            { canAccountingView: false },
+        )).toEqual([])
+    })
+})

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

@@ -14,12 +14,12 @@ import type { ProviderAddressFormDraft } from '~/modules/technique/types/provide
 const REQUIRED_NON_NULLABLE_KEYS = ['postalCode', 'city', 'street'] as const
 
 /**
- * RG-3.05 (+ RG-3.09) : une adresse est « valide » pour autoriser l'ajout d'un
- * nouveau bloc des qu'elle porte au moins un site ET au moins une categorie. Les
- * scalaires (CP/ville/rue) restent valides par le back (422 inline).
+ * RG-3.05 : une adresse est « valide » pour autoriser l'ajout d'un nouveau bloc
+ * des qu'elle porte au moins un site. Les scalaires (CP/ville/rue) restent valides
+ * par le back (422 inline).
  */
 export function isProviderAddressValid(address: ProviderAddressFormDraft): boolean {
-    return address.siteIris.length >= 1 && address.categoryIris.length >= 1
+    return address.siteIris.length >= 1
 }
 
 /**
@@ -34,7 +34,6 @@ export function buildProviderAddressPayload(address: ProviderAddressFormDraft):
         city: address.city || null,
         street: address.street || null,
         streetComplement: address.streetComplement || null,
-        categories: [...address.categoryIris],
         sites: [...address.siteIris],
         contacts: [...address.contactIris],
     }

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

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

frontend/modules/transport/components/CarrierAddressBlock.vue

@@ -1,96 +1,121 @@
 <template>
     <!-- Adresse UNIQUE par transporteur (ERP-172) : un seul bloc, jamais supprimable. -->
-    <div class="relative grid grid-cols-4 gap-x-[44px] gap-y-4 bg-white py-4 pl-[28px] pr-[60px] shadow-[0_4px_4px_0_rgba(0,0,0,0.25)]">
-        <!-- Pays : prerempli « France » (RG-4.05). -->
-        <MalioSelect
-            :model-value="model.country"
-            :options="countryOptions"
-            :label="t('transport.carriers.form.address.country')"
-            :readonly="readonly"
-            :required="true"
-            :error="errors?.country"
-            @update:model-value="(v: string | number | null) => update('country', String(v ?? 'France'))"
-        />
-
-        <!-- Code postal (RG-4.06) : declenche l'autocomplete ville (BAN). -->
-        <MalioInputText
-            :model-value="model.postalCode"
-            :label="t('transport.carriers.form.address.postalCode')"
-            :mask="POSTAL_CODE_MASK"
-            :readonly="readonly"
-            :required="true"
-            :error="errors?.postalCode"
-            @update:model-value="onPostalCodeChange"
-        />
-
-        <!-- Ville : MalioSelect alimente par le code postal (BAN). Saisie libre si BAN indispo. -->
-        <MalioSelect
-            v-if="!degraded"
-            :model-value="model.city"
-            :options="cityOptions"
-            :label="t('transport.carriers.form.address.city')"
-            :readonly="readonly"
-            empty-option-label=""
-            :required="true"
-            :error="errors?.city"
-            @update:model-value="(v: string | number | null) => update('city', v === null ? null : String(v))"
-        />
-        <MalioInputText
-            v-else
-            :model-value="model.city"
-            :label="t('transport.carriers.form.address.city')"
-            :readonly="readonly"
-            :required="true"
-            :error="errors?.city"
-            @update:model-value="(v: string) => update('city', v)"
-        />
-
-        <!-- Filler : aligne le debut de la ligne suivante sur la grille. -->
-        <div aria-hidden="true" />
-
-        <!-- Adresse (BAN) sur 2 colonnes + Adresse complementaire. allow-create : le
-             texte saisi est conserve si la BAN ne propose rien (saisie manuelle). -->
-        <div class="col-span-2">
-            <MalioInputAutocomplete
-                v-if="!readonly"
-                :model-value="model.street"
-                :options="addressOptions"
-                :loading="addressLoading"
-                :min-search-length="3"
-                :label="t('transport.carriers.form.address.street')"
-                :readonly="readonly"
-                :required="true"
-                :error="errors?.street"
-                :allow-create="true"
-                :no-results-text="t('transport.carriers.form.address.streetNotFound')"
-                @update:model-value="(v: string | number | null) => update('street', v === null ? null : String(v))"
-                @search="onAddressSearch"
-                @select="onAddressSelect"
-            />
-            <MalioInputText
-                v-else
-                :model-value="model.street"
-                :label="t('transport.carriers.form.address.street')"
-                :readonly="readonly"
-                :required="true"
-                :error="errors?.street"
-                @update:model-value="(v: string) => update('street', v)"
-            />
+    <!-- Bloc a plat (sans box-shadow) : un filet noir 1px le separe du suivant
+         (pas de bordure sous le dernier bloc). -->
+    <div class="pb-[20px]" :class="{ 'border-b border-black': !last }">
+        <!-- En-tete : titre du bloc, en noir (adresse unique, sans suppression). -->
+        <div class="flex items-center justify-between">
+            <h2 class="text-[20px] font-semibold text-black">{{ title }}</h2>
         </div>
 
-        <MalioInputText
-            :model-value="model.streetComplement"
-            :label="t('transport.carriers.form.address.streetComplement')"
-            :readonly="readonly"
-            :error="errors?.streetComplement"
-            @update:model-value="(v: string) => update('streetComplement', v)"
-        />
+        <!-- Grille 4 colonnes des champs de l'adresse. -->
+        <div class="mt-6 grid grid-cols-4 gap-x-[44px] gap-y-4">
+            <!-- Pays : prerempli « France » (RG-4.05). -->
+            <MalioSelect
+                v-if="!hideEmpty || isFilled(model.country)"
+                :model-value="model.country"
+                :options="countryOptions"
+                :label="t('transport.carriers.form.address.country')"
+                :readonly="readonly"
+                :disabled="disabled"
+                :required="!readonly && !disabled"
+                :error="errors?.country"
+                @update:model-value="(v: string | number | null) => update('country', String(v ?? 'France'))"
+            />
+
+            <!-- Code postal (RG-4.06) : declenche l'autocomplete ville (BAN). -->
+            <MalioInputText
+                v-if="!hideEmpty || isFilled(model.postalCode)"
+                :model-value="model.postalCode"
+                :label="t('transport.carriers.form.address.postalCode')"
+                :mask="POSTAL_CODE_MASK"
+                :readonly="readonly"
+                :disabled="disabled"
+                :required="!readonly && !disabled"
+                :error="errors?.postalCode"
+                @update:model-value="onPostalCodeChange"
+            />
+
+            <!-- Ville : MalioSelect alimente par le code postal (BAN). Saisie libre si BAN indispo. -->
+            <MalioSelect
+                v-if="!degraded && (!hideEmpty || isFilled(model.city))"
+                :model-value="model.city"
+                :options="cityOptions"
+                :label="t('transport.carriers.form.address.city')"
+                :readonly="readonly"
+                :disabled="disabled"
+                empty-option-label=""
+                :required="!readonly && !disabled"
+                :error="errors?.city"
+                @update:model-value="onCityChange"
+            />
+            <MalioInputText
+                v-else-if="degraded && (!hideEmpty || isFilled(model.city))"
+                :model-value="model.city"
+                :label="t('transport.carriers.form.address.city')"
+                :mask="ADDRESS_MASK"
+                :readonly="readonly"
+                :disabled="disabled"
+                :required="!readonly && !disabled"
+                :error="errors?.city"
+                @update:model-value="(v: string) => update('city', v)"
+            />
+
+            <!-- Filler : aligne le debut de la ligne suivante sur la grille. Inutile en
+                 consultation masquee (la grille se recompose sans les champs vides). -->
+            <div v-if="!hideEmpty" aria-hidden="true" />
+
+            <!-- Adresse (BAN) sur 2 colonnes + Adresse complementaire. allow-create : le
+                 texte saisi est conserve si la BAN ne propose rien (saisie manuelle). -->
+            <div v-if="!hideEmpty || isFilled(model.street)" class="col-span-2">
+                <MalioInputAutocomplete
+                    v-if="!readonly && !disabled"
+                    :model-value="model.street"
+                    :options="addressOptions"
+                    :loading="addressLoading"
+                    :min-search-length="3"
+                    :label="t('transport.carriers.form.address.street')"
+                    :readonly="readonly"
+                    :disabled="disabled"
+                    :required="!readonly && !disabled"
+                    :error="errors?.street"
+                    :allow-create="true"
+                    :no-results-text="t('transport.carriers.form.address.streetNotFound')"
+                    @update:model-value="(v: string | number | null) => update('street', v === null ? null : String(v))"
+                    @search="onAddressSearch"
+                    @select="onAddressSelect"
+                />
+                <MalioInputText
+                    v-else
+                    :model-value="model.street"
+                    :label="t('transport.carriers.form.address.street')"
+                    :readonly="readonly"
+                    :disabled="disabled"
+                    :required="!readonly && !disabled"
+                    :error="errors?.street"
+                    @update:model-value="(v: string) => update('street', v)"
+                />
+            </div>
+
+            <MalioInputText
+                v-if="!hideEmpty || isFilled(model.streetComplement)"
+                :model-value="model.streetComplement"
+                :label="t('transport.carriers.form.address.streetComplement')"
+                :mask="ADDRESS_MASK"
+                :readonly="readonly"
+                :disabled="disabled"
+                :error="errors?.streetComplement"
+                @update:model-value="(v: string) => update('streetComplement', v)"
+            />
+        </div>
     </div>
 </template>
 
 <script setup lang="ts">
 import { useAddressAutocomplete, type AddressSuggestion } from '~/shared/composables/useAddressAutocomplete'
 import type { CarrierAddressFormDraft } from '~/modules/transport/types/carrierForm'
+import { ADDRESS_MASK } from '~/shared/utils/textSanitize'
+import { isFilled } from '~/shared/utils/consultationDisplay'
 
 interface RefOption {
     value: string
@@ -103,9 +128,17 @@ const POSTAL_CODE_MASK = '#####'
 const props = defineProps<{
     /** Brouillon de l'adresse (v-model). */
     modelValue: CarrierAddressFormDraft
+    /** Titre du bloc (ex: « Adresse 1 »). */
+    title: string
     /** Pays disponibles (France par defaut). */
     countryOptions: RefOption[]
+    /** Dernier bloc de la liste : supprime le filet de separation bas. */
+    last?: boolean
     readonly?: boolean
+    /** Bloc desactive (champs grises, consultation — distinct de readonly). */
+    disabled?: boolean
+    /** Consultation : masque les champs non remplis (ERP-193). */
+    hideEmpty?: boolean
     /** Erreurs serveur 422 de cette ligne, indexees par champ (ERP-101). */
     errors?: Record<string, string>
 }>()
@@ -150,11 +183,36 @@ const addressLoading = ref(false)
 // Conserve les suggestions d'adresse pour retrouver ville/CP au moment du select.
 let lastAddressSuggestions: AddressSuggestion[] = []
 
+// Filtrage des caracteres parasites : porte par le mask ADDRESS_MASK (maska) sur les
+// champs texte editables (complement, ville en mode degrade). La voie en autocomplete
+// (BAN) et la ville en select ne sont pas masquees (le back valide via Assert\Regex).
+
 /** Emet un nouveau brouillon avec le champ modifie (immutabilite). */
 function update<K extends keyof CarrierAddressFormDraft>(field: K, value: CarrierAddressFormDraft[K]): void {
     emit('update:modelValue', { ...props.modelValue, [field]: value })
 }
 
+/**
+ * Selection d'une ville (select assiste BAN) → vide adresse + complement, devenus
+ * incoherents avec la nouvelle ville. Ne reagit qu'a un vrai changement de valeur.
+ * En mode degrade (saisie libre), la ville reste un simple `update` (pas de reset
+ * a chaque frappe).
+ */
+function onCityChange(value: string | number | null): void {
+    const next = value === null ? null : String(value)
+    if (next === (props.modelValue.city ?? null)) {
+        return
+    }
+    banAddressOptions.value = []
+    lastAddressSuggestions = []
+    emit('update:modelValue', {
+        ...props.modelValue,
+        city: next,
+        street: null,
+        streetComplement: null,
+    })
+}
+
 /** Previent le parent (toast unique) que l'autocompletion est indisponible. */
 function notifyUnavailable(): void {
     if (!unavailableNotified) {
@@ -165,9 +223,27 @@ function notifyUnavailable(): void {
 
 /** Saisie du code postal → met a jour le champ + interroge la BAN pour la ville. */
 async function onPostalCodeChange(value: string): Promise<void> {
-    update('postalCode', value)
-
     const digits = (value ?? '').replace(/\D/g, '')
+    const previousDigits = (props.modelValue.postalCode ?? '').replace(/\D/g, '')
+
+    // CP complet (5 chiffres) et reellement modifie → ville, adresse et complement
+    // deviennent incoherents avec le nouveau code postal : on les vide pour forcer
+    // une re-saisie coherente (on n'efface pas pendant une correction partielle).
+    if (digits.length === 5 && digits !== previousDigits) {
+        banAddressOptions.value = []
+        lastAddressSuggestions = []
+        emit('update:modelValue', {
+            ...props.modelValue,
+            postalCode: value,
+            city: null,
+            street: null,
+            streetComplement: null,
+        })
+    }
+    else {
+        update('postalCode', value)
+    }
+
     if (digits.length < 5) {
         return
     }

frontend/modules/transport/components/CarrierContactBlock.vue

@@ -1,76 +1,100 @@
 <template>
-    <div class="relative grid grid-cols-4 gap-x-[44px] gap-y-4 bg-white py-4 pl-[28px] pr-[60px] shadow-[0_4px_4px_0_rgba(0,0,0,0.25)]">
-        <!-- Suppression : ouvre une modal de confirmation côté parent. Masquée si
-             non supprimable (1er bloc) ou en lecture seule. -->
-        <MalioButtonIcon
-            v-if="removable && !readonly"
-            icon="mdi:delete-outline"
-            variant="ghost"
-            button-class="absolute top-3 right-3"
-            v-bind="{ ariaLabel: t('transport.carriers.form.contact.remove') }"
-            @click="$emit('remove')"
-        />
-
-        <MalioInputText
-            :model-value="model.lastName"
-            :label="t('transport.carriers.form.contact.lastName')"
-            :readonly="readonly"
-            :error="errors?.lastName"
-            @update:model-value="(v: string) => update('lastName', v)"
-        />
-        <MalioInputText
-            :model-value="model.firstName"
-            :label="t('transport.carriers.form.contact.firstName')"
-            :readonly="readonly"
-            :error="errors?.firstName"
-            @update:model-value="(v: string) => update('firstName', v)"
-        />
-        <!-- Fonction sur 2 colonnes : on wrappe car MalioInputText (inheritAttrs:false)
-             renvoie `class` sur l'input interne, pas sur la cellule de grille. -->
-        <div class="col-span-2">
-            <MalioInputText
-                :model-value="model.jobTitle"
-                :label="t('transport.carriers.form.contact.jobTitle')"
-                :readonly="readonly"
-                :error="errors?.jobTitle"
-                @update:model-value="(v: string) => update('jobTitle', v)"
+    <!-- Bloc a plat (sans box-shadow) : un filet noir 1px le separe du suivant
+         (pas de bordure sous le dernier bloc). -->
+    <div class="pb-[20px]" :class="{ 'border-b border-black': !last }">
+        <!-- En-tete : titre du bloc (noir) a gauche, poubelle de suppression a droite. -->
+        <div class="flex items-center justify-between">
+            <h2 class="text-[20px] font-semibold text-black">{{ title }}</h2>
+            <!-- Suppression : ouvre une modal de confirmation côté parent. Masquée si
+                 non supprimable (1er bloc) ou en lecture seule. -->
+            <MalioButtonIcon
+                v-if="removable && !readonly && !disabled"
+                icon="mdi:delete-outline"
+                variant="ghost"
+                button-class="p-0"
+                v-bind="{ ariaLabel: t('transport.carriers.form.contact.remove') }"
+                @click="$emit('remove')"
+            />
+        </div>
+
+        <!-- Grille 4 colonnes des champs du contact. -->
+        <div class="mt-6 grid grid-cols-4 gap-x-[44px] gap-y-4">
+            <MalioInputText
+                v-if="!hideEmpty || isFilled(model.lastName)"
+                :model-value="model.lastName"
+                :label="t('transport.carriers.form.contact.lastName')"
+                :mask="PERSON_NAME_MASK"
+                :readonly="readonly"
+                :disabled="disabled"
+                :error="errors?.lastName"
+                @update:model-value="(v: string) => update('lastName', v)"
+            />
+            <MalioInputText
+                v-if="!hideEmpty || isFilled(model.firstName)"
+                :model-value="model.firstName"
+                :label="t('transport.carriers.form.contact.firstName')"
+                :mask="PERSON_NAME_MASK"
+                :readonly="readonly"
+                :disabled="disabled"
+                :error="errors?.firstName"
+                @update:model-value="(v: string) => update('firstName', v)"
+            />
+            <!-- Fonction sur 2 colonnes : on wrappe car MalioInputText (inheritAttrs:false)
+                 renvoie `class` sur l'input interne, pas sur la cellule de grille. -->
+            <div v-if="!hideEmpty || isFilled(model.jobTitle)" class="col-span-2">
+                <MalioInputText
+                    :model-value="model.jobTitle"
+                    :label="t('transport.carriers.form.contact.jobTitle')"
+                    :mask="FREE_TEXT_MASK"
+                    :readonly="readonly"
+                    :disabled="disabled"
+                    :error="errors?.jobTitle"
+                    @update:model-value="(v: string) => update('jobTitle', v)"
+                />
+            </div>
+            <MalioInputEmail
+                v-if="!hideEmpty || isFilled(model.email)"
+                :model-value="model.email"
+                :label="t('transport.carriers.form.contact.email')"
+                :readonly="readonly"
+                :disabled="disabled"
+                :lowercase="true"
+                :error="errors?.email"
+                @update:model-value="(v: string) => update('email', v)"
+            />
+            <!-- Téléphone principal + bouton « + » révélant le 2e numéro (max 2). -->
+            <MalioInputPhone
+                v-if="!hideEmpty || isFilled(model.phonePrimary)"
+                :model-value="model.phonePrimary"
+                :label="t('transport.carriers.form.contact.phonePrimary')"
+                :mask="PHONE_MASK"
+                :readonly="readonly"
+                :disabled="disabled"
+                :error="errors?.phonePrimary"
+                :addable="!model.hasSecondaryPhone && !readonly"
+                :add-button-label="t('transport.carriers.form.contact.addPhone')"
+                @update:model-value="(v: string) => update('phonePrimary', v)"
+                @add="revealSecondaryPhone"
+            />
+            <!-- 2e numéro : révélé à la demande (max 2 téléphones — RG-4.08). -->
+            <MalioInputPhone
+                v-if="model.hasSecondaryPhone && (!hideEmpty || isFilled(model.phoneSecondary))"
+                :model-value="model.phoneSecondary"
+                :label="t('transport.carriers.form.contact.phoneSecondary')"
+                :mask="PHONE_MASK"
+                :readonly="readonly"
+                :disabled="disabled"
+                :error="errors?.phoneSecondary"
+                @update:model-value="(v: string) => update('phoneSecondary', v)"
             />
         </div>
-        <MalioInputEmail
-            :model-value="model.email"
-            :label="t('transport.carriers.form.contact.email')"
-            :readonly="readonly"
-            :lowercase="true"
-            :error="errors?.email"
-            @update:model-value="(v: string) => update('email', v)"
-        />
-        <!-- Téléphone principal + bouton « + » révélant le 2e numéro (max 2). -->
-        <MalioInputPhone
-            :model-value="model.phonePrimary"
-            :label="t('transport.carriers.form.contact.phonePrimary')"
-            :mask="PHONE_MASK"
-            :readonly="readonly"
-            :error="errors?.phonePrimary"
-            :addable="!model.hasSecondaryPhone && !readonly"
-            :add-button-label="t('transport.carriers.form.contact.addPhone')"
-            @update:model-value="(v: string) => update('phonePrimary', v)"
-            @add="revealSecondaryPhone"
-        />
-        <!-- 2e numéro : révélé à la demande (max 2 téléphones — RG-4.08). -->
-        <MalioInputPhone
-            v-if="model.hasSecondaryPhone"
-            :model-value="model.phoneSecondary"
-            :label="t('transport.carriers.form.contact.phoneSecondary')"
-            :mask="PHONE_MASK"
-            :readonly="readonly"
-            :error="errors?.phoneSecondary"
-            @update:model-value="(v: string) => update('phoneSecondary', v)"
-        />
     </div>
 </template>
 
 <script setup lang="ts">
 import type { CarrierContactFormDraft } from '~/modules/transport/types/carrierForm'
+import { FREE_TEXT_MASK, PERSON_NAME_MASK } from '~/shared/utils/textSanitize'
+import { isFilled } from '~/shared/utils/consultationDisplay'
 
 // Masque téléphone FR : 5 groupes de 2 chiffres (la normalisation finale reste serveur).
 const PHONE_MASK = '## ## ## ## ##'
@@ -78,10 +102,18 @@ const PHONE_MASK = '## ## ## ## ##'
 const props = defineProps<{
     /** Brouillon du contact (v-model). */
     modelValue: CarrierContactFormDraft
+    /** Titre du bloc (ex: « Contact 1 »). */
+    title: string
     /** Affiche l'icône de suppression (1er bloc non supprimable). */
     removable?: boolean
+    /** Dernier bloc de la liste : supprime le filet de separation bas. */
+    last?: boolean
     /** Bloc en lecture seule (onglet validé). */
     readonly?: boolean
+    /** Bloc desactive (champs grises, consultation — distinct de readonly). */
+    disabled?: boolean
+    /** Consultation : masque les champs non remplis (ERP-193). */
+    hideEmpty?: boolean
     /** Erreurs serveur 422 de cette ligne, indexées par champ (ERP-101). */
     errors?: Record<string, string>
 }>()
@@ -96,6 +128,10 @@ const { t } = useI18n()
 // Alias local pour la lisibilité du template.
 const model = computed(() => props.modelValue)
 
+// Filtrage des caractères parasites : porté par les masks maska sur les champs
+// (PERSON_NAME_MASK / FREE_TEXT_MASK), filtrage natif au focus/curseur. L'email n'a
+// pas de mask (ERP-101 : validation de format via Assert\Email + erreur inline).
+
 /** Émet un nouveau brouillon avec le champ modifié (immutabilité). */
 function update<K extends keyof CarrierContactFormDraft>(field: K, value: CarrierContactFormDraft[K]): void {
     emit('update:modelValue', { ...props.modelValue, [field]: value })

frontend/modules/transport/components/CarrierPriceBlock.vue

@@ -2,7 +2,7 @@
     <div class="relative grid grid-cols-4 gap-x-[44px] gap-y-4 bg-white py-4 pl-[28px] pr-[60px] shadow-[0_4px_4px_0_rgba(0,0,0,0.25)]">
         <!-- Suppression : modal de confirmation côté parent. -->
         <MalioButtonIcon
-            v-if="removable && !readonly"
+            v-if="removable && !readonly && !disabled"
             icon="mdi:delete-outline"
             variant="ghost"
             button-class="absolute top-3 right-3"
@@ -20,7 +20,7 @@
                     :name="`price-direction-${uid}`"
                     value="CLIENT"
                     :label="t('transport.carriers.form.price.directionClient')"
-                    :disabled="readonly"
+                    :disabled="readonly || disabled"
                     group-class="mt-0"
                     @update:model-value="onDirectionChange"
                 />
@@ -29,7 +29,7 @@
                     :name="`price-direction-${uid}`"
                     value="FOURNISSEUR"
                     :label="t('transport.carriers.form.price.directionSupplier')"
-                    :disabled="readonly"
+                    :disabled="readonly || disabled"
                     group-class="mt-0"
                     @update:model-value="onDirectionChange"
                 />
@@ -46,6 +46,7 @@
                 empty-option-label=""
                 :required="true"
                 :readonly="readonly"
+                :disabled="disabled"
                 :error="errors?.client"
                 @update:model-value="onClientChange"
             />
@@ -56,6 +57,7 @@
                 empty-option-label=""
                 :required="true"
                 :readonly="readonly"
+                :disabled="disabled"
                 :error="errors?.clientDeliveryAddress"
                 @update:model-value="(v: string | number | null) => update('clientDeliveryAddressIri', v === null ? null : String(v))"
             />
@@ -66,6 +68,7 @@
                 empty-option-label=""
                 :required="true"
                 :readonly="readonly"
+                :disabled="disabled"
                 :error="errors?.departureSite"
                 @update:model-value="(v: string | number | null) => update('departureSiteIri', v === null ? null : String(v))"
             />
@@ -80,6 +83,7 @@
                 empty-option-label=""
                 :required="true"
                 :readonly="readonly"
+                :disabled="disabled"
                 :error="errors?.supplier"
                 @update:model-value="onSupplierChange"
             />
@@ -90,6 +94,7 @@
                 empty-option-label=""
                 :required="true"
                 :readonly="readonly"
+                :disabled="disabled"
                 :error="errors?.supplierSupplyAddress"
                 @update:model-value="(v: string | number | null) => update('supplierSupplyAddressIri', v === null ? null : String(v))"
             />
@@ -100,6 +105,7 @@
                 empty-option-label=""
                 :required="true"
                 :readonly="readonly"
+                :disabled="disabled"
                 :error="errors?.deliverySite"
                 @update:model-value="(v: string | number | null) => update('deliverySiteIri', v === null ? null : String(v))"
             />
@@ -115,7 +121,7 @@
                         :name="`price-container-${uid}`"
                         value="BENNE"
                         :label="t('transport.carriers.containerType.BENNE')"
-                        :disabled="readonly"
+                        :disabled="readonly || disabled"
                         group-class="mt-0"
                         @update:model-value="(v: string | number | boolean | null) => update('containerType', v === null ? null : String(v))"
                     />
@@ -124,7 +130,7 @@
                         :name="`price-container-${uid}`"
                         value="FOND_MOUVANT"
                         :label="t('transport.carriers.containerType.FOND_MOUVANT')"
-                        :disabled="readonly"
+                        :disabled="readonly || disabled"
                         group-class="mt-0"
                         @update:model-value="(v: string | number | boolean | null) => update('containerType', v === null ? null : String(v))"
                     />
@@ -140,7 +146,7 @@
                         :name="`price-unit-${uid}`"
                         value="FORFAIT"
                         :label="t('transport.carriers.form.price.pricingForfait')"
-                        :disabled="readonly"
+                        :disabled="readonly || disabled"
                         group-class="mt-0"
                         @update:model-value="(v: string | number | boolean | null) => update('pricingUnit', v === null ? null : String(v))"
                     />
@@ -149,7 +155,7 @@
                         :name="`price-unit-${uid}`"
                         value="TONNE"
                         :label="t('transport.carriers.form.price.pricingTonne')"
-                        :disabled="readonly"
+                        :disabled="readonly || disabled"
                         group-class="mt-0"
                         @update:model-value="(v: string | number | boolean | null) => update('pricingUnit', v === null ? null : String(v))"
                     />
@@ -162,6 +168,7 @@
                 :label="t('transport.carriers.form.price.price')"
                 :required="true"
                 :readonly="readonly"
+                :disabled="disabled"
                 :error="errors?.price"
                 @update:model-value="(v: string) => update('price', v)"
             />
@@ -173,6 +180,7 @@
                 empty-option-label=""
                 :required="true"
                 :readonly="readonly"
+                :disabled="disabled"
                 :error="errors?.priceState"
                 @update:model-value="(v: string | number | null) => update('priceState', v === null ? null : String(v))"
             />
@@ -200,6 +208,8 @@ const props = defineProps<{
     siteOptions: SelectOption[]
     removable?: boolean
     readonly?: boolean
+    /** Bloc desactive (champs grises, consultation — distinct de readonly). */
+    disabled?: boolean
     /** Erreurs serveur 422 de cette ligne, indexées par champ (ERP-101). */
     errors?: Record<string, string>
 }>()

frontend/modules/transport/components/CarrierQualimatTab.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { computed, ref, watch } from 'vue'
 import { debounce } from '~/shared/utils/debounce'
+import { formatDateFr } from '~/shared/utils/date'
 import { useQualimatSearch, type QualimatCarrierRow } from '~/modules/transport/composables/useQualimatSearch'
 
 /**
@@ -92,19 +93,6 @@ function isExpired(value: string): boolean {
     return date.getTime() < today.getTime()
 }
 
-/** Format court français JJ-MM-AAAA (chaîne vide si date absente / invalide). */
-function formatDateFr(value: string | null | undefined): string {
-    if (!value) {
-        return ''
-    }
-    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')
-    return `${day}-${month}-${date.getFullYear()}`
-}
 
 // ── Confirmation d'intégration ───────────────────────────────────────────────
 const confirmOpen = ref(false)

frontend/modules/transport/components/__tests__/CarrierAddressBlock.spec.ts

@@ -56,6 +56,7 @@ function mountBlock(overrides: Record<string, unknown> = {}) {
     return mount(CarrierAddressBlock, {
         props: {
             modelValue: { ...emptyCarrierAddress(), ...overrides },
+            title: 'Adresse 1',
             countryOptions: [{ value: 'France', label: 'France' }],
         },
         global: {

frontend/modules/transport/composables/__tests__/useCarrierForm.test.ts

@@ -37,7 +37,7 @@ vi.stubGlobal('useToast', () => ({
 }))
 
 const { useCarrierForm, CARRIER_TAB_KEYS } = await import('../useCarrierForm')
-const { buildCarrierContactPayload, isCarrierContactBlank, isCarrierContactNamed } = await import('../../utils/forms/carrierContact')
+const { buildCarrierContactPayload, isCarrierContactBlank } = await import('../../utils/forms/carrierContact')
 const { buildCarrierPricePayload, isCarrierPriceValid } = await import('../../utils/forms/carrierPrice')
 const { emptyCarrierContact, emptyCarrierPrice } = await import('../../types/carrierForm')
 
@@ -545,6 +545,9 @@ describe('useCarrierForm — onglet Adresse (ERP-167 / ERP-172 : adresse unique)
         expect(opts).toMatchObject({ toast: false, headers: { Accept: 'application/ld+json' } })
         expect(form.address.value.id).toBe(88)
         expect(form.isValidated('addresses')).toBe(true)
+        // ERP-193 : Contact optionnel → valider Adresses déverrouille jusqu'à Prix
+        // (dernier onglet), sans étape bloquante par Contacts.
+        expect(form.unlockedIndex.value).toBe(CARRIER_TAB_KEYS.length - 1)
     })
 
     it('submitAddress : PATCH de l\'adresse existante sur /carrier_addresses/{id}', async () => {
@@ -577,7 +580,7 @@ describe('useCarrierForm — onglet Adresse (ERP-167 / ERP-172 : adresse unique)
     })
 })
 
-describe('carrierContact (util) — validité alignée M1/M2/M3 + max 2 téléphones', () => {
+describe('carrierContact (util) — bloc optionnel (ERP-193) + max 2 téléphones', () => {
     it('isCarrierContactBlank : vrai si vide, faux dès un champ comptant rempli (phoneSecondary exclu)', () => {
         expect(isCarrierContactBlank(emptyCarrierContact())).toBe(true)
         expect(isCarrierContactBlank({ ...emptyCarrierContact(), jobTitle: 'Acheteur' })).toBe(false)
@@ -586,15 +589,6 @@ describe('carrierContact (util) — validité alignée M1/M2/M3 + max 2 téléph
         expect(isCarrierContactBlank({ ...emptyCarrierContact(), phoneSecondary: '0605040302', hasSecondaryPhone: true })).toBe(true)
     })
 
-    it('isCarrierContactNamed : nommé seulement avec un prénom OU un nom', () => {
-        expect(isCarrierContactNamed(emptyCarrierContact())).toBe(false)
-        expect(isCarrierContactNamed({ ...emptyCarrierContact(), firstName: 'Jean' })).toBe(true)
-        expect(isCarrierContactNamed({ ...emptyCarrierContact(), lastName: 'Doe' })).toBe(true)
-        // Fonction / téléphone / email seuls ne « nomment » pas (≠ RG-4.08 large).
-        expect(isCarrierContactNamed({ ...emptyCarrierContact(), jobTitle: 'Acheteur' })).toBe(false)
-        expect(isCarrierContactNamed({ ...emptyCarrierContact(), email: 'a@b.fr' })).toBe(false)
-    })
-
     it('buildCarrierContactPayload : phones = 1 numéro sans secondaire', () => {
         const body = buildCarrierContactPayload({ ...emptyCarrierContact(), phonePrimary: '0102030405' })
         expect(body.phones).toEqual(['0102030405'])
@@ -635,23 +629,18 @@ describe('useCarrierForm — onglet Contacts (ERP-168)', () => {
         return form
     }
 
-    it('« + Nouveau contact » désactivé tant que le bloc n\'est pas nommé (prénom OU nom, aligné M1/M2/M3)', () => {
+    it('ERP-193 : « + Nouveau contact » désactivé tant que le bloc est VIDE (plus de règle prénom/nom)', () => {
         const form = createdForm()
         expect(form.canAddContact.value).toBe(false)
 
-        // addContact est un no-op tant que le bloc n'est pas nommé.
+        // addContact est un no-op tant que le bloc est totalement vide.
         form.addContact()
         expect(form.contacts.value).toHaveLength(1)
 
-        // Fonction seule ne suffit PAS à ajouter un nouveau bloc (≠ RG-4.08 large).
+        // ERP-193 : un seul champ rempli (ici la fonction, sans prénom ni nom) suffit
+        // désormais à débloquer l'ajout — la règle « prénom OU nom » est retirée.
         const first = form.contacts.value[0]
         if (first) first.jobTitle = 'Acheteur'
-        expect(form.canAddContact.value).toBe(false)
-        form.addContact()
-        expect(form.contacts.value).toHaveLength(1)
-
-        // Un nom (ou prénom) débloque l'ajout.
-        if (first) first.lastName = 'Doe'
         expect(form.canAddContact.value).toBe(true)
         form.addContact()
         expect(form.contacts.value).toHaveLength(2)
@@ -686,21 +675,15 @@ describe('useCarrierForm — onglet Contacts (ERP-168)', () => {
         expect(mockPatch).toHaveBeenCalledWith('/carrier_contacts/55', expect.objectContaining({ lastName: 'Doe' }), { toast: false })
     })
 
-    it('RG-4.08 : onglet vide → soumet l\'amorce pour déclencher la 422 inline', async () => {
-        mockPost.mockRejectedValueOnce({
-            response: {
-                status: 422,
-                _data: { violations: [{ propertyPath: 'firstName', message: 'Au moins un champ du contact est obligatoire.' }] },
-            },
-        })
+    it('ERP-193 : onglet Contact vide → aucun POST, onglet finalisé (bloc optionnel)', async () => {
         const form = createdForm()
 
+        // Bloc vide → rien n'est soumis, l'onglet se finalise et déverrouille Prix.
         const ok = await form.submitContacts(vi.fn())
 
-        expect(ok).toBe(false)
-        expect(mockPost).toHaveBeenCalledTimes(1)
-        expect(form.contactErrors.value[0]?.firstName).toBe('Au moins un champ du contact est obligatoire.')
-        expect(form.isValidated('contacts')).toBe(false)
+        expect(ok).toBe(true)
+        expect(mockPost).not.toHaveBeenCalled()
+        expect(form.isValidated('contacts')).toBe(true)
     })
 
     it('removeContact : DELETE /carrier_contacts/{id} puis retrait du bloc', async () => {

frontend/modules/transport/composables/__tests__/useCarriersRepository.test.ts

@@ -50,7 +50,7 @@ describe('useCarriersRepository', () => {
         expect(mockApiGet).toHaveBeenCalledTimes(1)
         const [url, query, opts] = mockApiGet.mock.calls[0]
         expect(url).toBe('/carriers')
-        expect(query).toMatchObject({ page: 1, itemsPerPage: 10 })
+        expect(query).toMatchObject({ page: 1, itemsPerPage: 25 })
         expect(opts).toMatchObject({
             toast: false,
             headers: { Accept: 'application/ld+json' },

frontend/modules/transport/composables/useCarrierForm.ts

@@ -17,7 +17,7 @@ import {
     type CarrierPriceFormDraft,
 } from '~/modules/transport/types/carrierForm'
 import { buildCarrierAddressPayload } from '~/modules/transport/utils/forms/carrierAddress'
-import { buildCarrierContactPayload, isCarrierContactBlank, isCarrierContactNamed } from '~/modules/transport/utils/forms/carrierContact'
+import { buildCarrierContactPayload, isCarrierContactBlank } from '~/modules/transport/utils/forms/carrierContact'
 import { buildCarrierPricePayload, isCarrierPriceValid } from '~/modules/transport/utils/forms/carrierPrice'
 import {
     mapAddressToDraft,
@@ -416,6 +416,11 @@ export function useCarrierForm() {
         })
     }
 
+    /** Toast de succès après suppression serveur confirmée d'une sous-ressource. */
+    function notifyRemovalSuccess(): void {
+        toast.success({ title: t('success.title'), message: t('success.deleted') })
+    }
+
     /**
      * Soumet TOUS les blocs d'une collection en collectant les erreurs PAR INDEX :
      * on n'arrête pas au premier bloc en échec (décision ERP-101). Réinitialise la
@@ -488,6 +493,10 @@ export function useCarrierForm() {
                 await api.patch(`/carrier_addresses/${address.value.id}`, body, { toast: false })
             }
             completeTab('addresses')
+            // ERP-193 : l'onglet Contact est OPTIONNEL — il ne doit pas verrouiller
+            // l'accès à Prix. Dès les Adresses validées, on déverrouille jusqu'à Prix
+            // (Contacts reste accessible mais n'est plus une étape bloquante).
+            unlockedIndex.value = tabKeys.value.length - 1
             return true
         }
         catch (error) {
@@ -511,12 +520,13 @@ export function useCarrierForm() {
     // Erreurs 422 par ligne (alignées sur l'index du v-for), peuplées par submitRows.
     const contactErrors = ref<Record<string, string>[]>([])
 
-    // « + Nouveau contact » désactivé tant que le DERNIER bloc n'est pas « nommé »
-    // (prénom OU nom) — aligné sur M1/M2/M3 (fonction / téléphone / email seuls ne
-    // suffisent pas à ajouter un nouveau bloc).
+    // « + Nouveau contact » désactivé tant que le DERNIER bloc est VIDE. ERP-193 :
+    // l'onglet Contact n'est plus obligatoire — on ne réclame plus prénom OU nom,
+    // un seul champ rempli (fonction / téléphone / email) suffit pour empiler un
+    // bloc suivant (et évite d'accumuler des blocs totalement vides).
     const canAddContact = computed(() => {
         const last = contacts.value[contacts.value.length - 1]
-        return last !== undefined && isCarrierContactNamed(last)
+        return last !== undefined && !isCarrierContactBlank(last)
     })
 
     function addContact(): void {
@@ -535,16 +545,18 @@ export function useCarrierForm() {
             deleteRow: url => api.delete(url, {}, { toast: false }),
             makeEmpty: emptyCarrierContact,
             onError: notifyRemovalError,
+            onSuccess: notifyRemovalSuccess,
         })
     }
 
     /**
      * Valide l'onglet Contacts : POST des nouveaux contacts sur
      * /carriers/{id}/contacts, PATCH des existants sur /carrier_contacts/{id}
-     * (groupe carrier:write:contacts). RG-4.08 (≥ 1 champ rempli, max 2 téléphones)
-     * re-validée back → 422 par ligne. Si l'onglet ne contient QUE des amorces
-     * vides, on soumet la 1re pour déclencher la 422 RG-4.08 inline plutôt que de
-     * finaliser un onglet vide. Retourne true si l'onglet a été validé.
+     * (groupe carrier:write:contacts). Max 2 téléphones re-validé back → 422 par
+     * ligne. ERP-193 : l'onglet Contact est OPTIONNEL — les amorces vides neuves
+     * sont systématiquement ignorées (pas de contact vide créé) et un onglet sans
+     * aucun bloc rempli est simplement finalisé, déverrouillant l'onglet Prix.
+     * Retourne true si l'onglet a été validé.
      */
     async function submitContacts(onError: (error: unknown) => void): Promise<boolean> {
         if (carrierId.value === null || tabSubmitting.value) {
@@ -552,7 +564,6 @@ export function useCarrierForm() {
         }
         tabSubmitting.value = true
         try {
-            const hasSubmittable = contacts.value.some(c => c.id !== null || !isCarrierContactBlank(c))
             const hasError = await submitRows(
                 contacts.value,
                 contactErrors,
@@ -571,9 +582,9 @@ export function useCarrierForm() {
                     }
                 },
                 onError,
-                // Amorce vide neuve ignorée s'il reste un autre bloc soumettable ;
-                // sinon on la soumet pour déclencher la 422 RG-4.08 (sur firstName).
-                contact => hasSubmittable && contact.id === null && isCarrierContactBlank(contact),
+                // Amorce vide neuve toujours ignorée (bloc Contact optionnel, ERP-193) :
+                // un onglet sans aucun bloc rempli se finalise sans rien créer.
+                contact => contact.id === null && isCarrierContactBlank(contact),
             )
             if (hasError) {
                 return false
@@ -648,6 +659,7 @@ export function useCarrierForm() {
             deleteRow: url => api.delete(url, {}, { toast: false }),
             makeEmpty: emptyCarrierPrice,
             onError: notifyRemovalError,
+            onSuccess: notifyRemovalSuccess,
         })
     }
 

frontend/modules/transport/composables/useCarriersRepository.ts

@@ -66,5 +66,6 @@ export interface CarrierFilters {
  * `usePaginatedList`. Aucun reset au logout a gerer.
  */
 export function useCarriersRepository() {
-    return usePaginatedList<Carrier, CarrierFilters>({ url: '/carriers' })
+    // Pagination par defaut a 25 sur le repertoire (retour metier ERP-193).
+    return usePaginatedList<Carrier, CarrierFilters>({ url: '/carriers', defaultItemsPerPage: 25 })
 }

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

@@ -6,6 +6,7 @@
                 icon="mdi:arrow-left-bold"
                 icon-size="24"
                 variant="ghost"
+                :title="t('transport.carriers.edit.back')"
                 v-bind="{ ariaLabel: t('transport.carriers.edit.back') }"
                 @click="goBack"
             />
@@ -20,18 +21,24 @@
             <div class="mt-[48px] grid grid-cols-3 xl:grid-cols-4 gap-x-[44px] gap-y-4">
                 <MalioInputText
                     v-model="main.name"
+                    :mask="FREE_TEXT_MASK"
                     :label="t('transport.carriers.form.main.name')"
                     :required="true"
                     :error="mainErrors.errors.name"
                 />
-                <MalioInputText
-                    v-if="isLiot"
-                    v-model="main.liotPlates"
-                    :label="t('transport.carriers.form.main.liotPlates')"
-                    :hint="t('transport.carriers.form.main.liotPlatesHint')"
-                    :required="true"
-                    :error="mainErrors.errors.liotPlates"
-                />
+                <!-- Cas LIOT : le champ immatriculations occupe les colonnes restantes
+                     de la ligne (3 en xl, 2 sinon). Wrapper pour le col-span car
+                     MalioInputText (inheritAttrs:false) renvoie `class` sur l'input. -->
+                <div v-if="isLiot" class="col-span-2 xl:col-span-3">
+                    <MalioInputText
+                        v-model="main.liotPlates"
+                        :mask="LIOT_PLATES_MASK"
+                        :label="t('transport.carriers.form.main.liotPlates')"
+                        :hint="t('transport.carriers.form.main.liotPlatesHint')"
+                        :required="true"
+                        :error="mainErrors.errors.liotPlates"
+                    />
+                </div>
                 <template v-if="!isLiot">
                     <MalioSelect
                         :model-value="main.certificationType"
@@ -39,7 +46,7 @@
                         :label="t('transport.carriers.form.main.certificationType')"
                         empty-option-label=""
                         :required="true"
-                        :readonly="certificationReadonly"
+                        :disabled="certificationReadonly"
                         :error="mainErrors.errors.certificationType"
                         @update:model-value="(v: string | number | null) => setCertification(v === null ? null : String(v))"
                     />
@@ -49,7 +56,7 @@
                         :label="t('transport.carriers.form.main.discharge')"
                         accept="application/pdf,image/*"
                         :required="true"
-                        :readonly="dischargeUploading"
+                        :disabled="dischargeUploading"
                         :clearable="true"
                         :error="mainErrors.errors.dischargeDocument"
                         @update:model-value="(v: string) => dischargeFileName = v"
@@ -136,6 +143,8 @@
                         <!-- Adresse UNIQUE (ERP-172) : un seul bloc, sans ajouter/supprimer. -->
                         <CarrierAddressBlock
                             :model-value="address"
+                            :title="t('transport.carriers.form.address.title')"
+                            :last="true"
                             :country-options="countryOptions"
                             :errors="addressErrors"
                             @update:model-value="(v) => address = v"
@@ -153,7 +162,9 @@
                             v-for="(contact, index) in contacts"
                             :key="index"
                             :model-value="contact"
+                            :title="t('transport.carriers.form.contact.title', { n: index + 1 })"
                             :removable="isRowRemovable(contacts, index)"
+                            :last="index === contacts.length - 1"
                             :errors="contactErrors[index]"
                             @update:model-value="(v) => contacts[index] = v"
                             @remove="askRemoveContact(index)"
@@ -213,7 +224,8 @@ import CarrierQualimatTab from '~/modules/transport/components/CarrierQualimatTa
 import { useCarrierForm } from '~/modules/transport/composables/useCarrierForm'
 import { useCarrier } from '~/modules/transport/composables/useCarrier'
 import type { QualimatCarrierRow } from '~/modules/transport/composables/useQualimatSearch'
-import { clampPercent, sanitizeDecimal } from '~/modules/transport/utils/forms/numberInput'
+import { clampPercent, LIOT_PLATES_MASK, sanitizeDecimal } from '~/modules/transport/utils/forms/numberInput'
+import { FREE_TEXT_MASK } from '~/shared/utils/textSanitize'
 
 interface SelectOption {
     value: string
@@ -284,9 +296,13 @@ const TAB_ICONS: Record<string, string> = {
     contacts: 'mdi:account-box-plus-outline',
     prices: 'mdi:payment',
 }
-const activeTab = ref('addresses')
 // Onglet Qualimat disponible en modif (ERP-172) : « actualiser » nom + certification.
-const tabs = computed(() => ['qualimat', 'addresses', 'contacts', 'prices'].map(key => ({
+const TAB_KEYS = ['qualimat', 'addresses', 'contacts', 'prices']
+// ERP-193 : on honore l'onglet demande via `?tab=` (navigation depuis la
+// 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 => ({
     key,
     label: t(`transport.carriers.tab.${key}`),
     icon: TAB_ICONS[key],
@@ -364,7 +380,8 @@ function onIndexationInput(value: string): void {
 }
 
 function goBack(): void {
-    router.push(`/carriers/${carrierId}`)
+    // ERP-193 : on transmet l'onglet courant pour retomber dessus en consultation.
+    router.push({ path: `/carriers/${carrierId}`, query: { tab: activeTab.value } })
 }
 
 /** PATCH du formulaire principal (pas de re-POST). */

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

@@ -6,6 +6,7 @@
                 icon="mdi:arrow-left-bold"
                 icon-size="24"
                 variant="ghost"
+                :title="t('transport.carriers.consultation.back')"
                 v-bind="{ ariaLabel: t('transport.carriers.consultation.back') }"
                 @click="goBack"
             />
@@ -22,7 +23,7 @@
                 />
                 <MalioButton
                     v-if="showArchive"
-                    variant="secondary"
+                    variant="danger"
                     icon-name="mdi:archive-arrow-down-outline"
                     icon-position="left"
                     :label="t('transport.carriers.action.archive')"
@@ -45,56 +46,58 @@
         <template v-else-if="carrier">
             <!-- ── Bloc principal (lecture seule) — même disposition que l'ajout ── -->
             <div class="mt-[48px] grid grid-cols-3 xl:grid-cols-4 gap-x-[44px] gap-y-4">
-                <MalioInputText :model-value="main.name" :label="t('transport.carriers.form.main.name')" readonly />
+                <MalioInputText v-if="isFilled(main.name)" :model-value="main.name" :label="t('transport.carriers.form.main.name')" disabled />
 
-                <!-- Cas LIOT : seul le champ immatriculations. -->
-                <MalioInputText
-                    v-if="isLiot"
-                    :model-value="main.liotPlates"
-                    :label="t('transport.carriers.form.main.liotPlates')"
-                    readonly
-                />
+                <!-- Cas LIOT : le champ immatriculations occupe les colonnes restantes
+                     de la ligne (3 en xl, 2 sinon), comme à l'ajout / la modification. -->
+                <div v-if="isLiot && isFilled(main.liotPlates)" class="col-span-2 xl:col-span-3">
+                    <MalioInputText
+                        :model-value="main.liotPlates"
+                        :label="t('transport.carriers.form.main.liotPlates')"
+                        disabled
+                    />
+                </div>
 
                 <!-- Cas standard : certification + décharge (col 3 réservée) + affrètement (col 4). -->
                 <template v-if="!isLiot">
                     <MalioInputText
+                        v-if="isFilled(certificationLabel)"
                         :model-value="certificationLabel"
                         :label="t('transport.carriers.form.main.certificationType')"
-                        readonly
+                        disabled
                     />
 
-                    <!-- Colonne 3 réservée à la décharge (si AUTRE), sinon vide (xl). -->
+                    <!-- Décharge (si AUTRE) : affichee uniquement si un document est attache. -->
                     <MalioInputText
-                        v-if="main.certificationType === 'AUTRE'"
+                        v-if="main.certificationType === 'AUTRE' && isFilled(dischargeLabel)"
                         :model-value="dischargeLabel"
                         :label="t('transport.carriers.form.main.discharge')"
-                        readonly
+                        disabled
                     />
-                    <div v-else class="hidden xl:block"></div>
 
-                    <!-- Affréter : colonne 4, centré (h-12) comme à l'ajout. -->
-                    <div class="flex h-12 items-center">
+                    <!-- Affréter : masquee si non cochee (ERP-193). -->
+                    <div v-if="isFilled(main.isChartered)" class="flex h-12 items-center">
                         <MalioCheckbox
                             id="carrier-view-chartered"
                             :label="t('transport.carriers.form.main.isChartered')"
                             :model-value="main.isChartered"
-                            readonly
+                            disabled
                             :reserve-message-space="false"
                         />
                     </div>
 
                     <!-- Champs d'affrètement (ligne 2) si affrété. -->
                     <template v-if="main.isChartered">
-                        <MalioInputText :model-value="indexationDisplay" :label="t('transport.carriers.form.main.indexationRate')" readonly />
+                        <MalioInputText v-if="isFilled(indexationDisplay)" :model-value="indexationDisplay" :label="t('transport.carriers.form.main.indexationRate')" disabled />
                         <!-- Contenant : radios désactivés (lecture seule), aligné sur l'ajout / la modif. -->
-                        <div>
+                        <div v-if="isFilled(main.containerType)">
                             <div class="flex h-12 items-center gap-4">
                                 <MalioRadioButton
                                     :model-value="main.containerType"
                                     name="carrier-view-container"
                                     value="BENNE"
                                     :label="t('transport.carriers.containerType.BENNE')"
-                                    readonly
+                                    disabled
                                     group-class="mt-0"
                                 />
                                 <MalioRadioButton
@@ -102,25 +105,29 @@
                                     name="carrier-view-container"
                                     value="FOND_MOUVANT"
                                     :label="t('transport.carriers.containerType.FOND_MOUVANT')"
-                                    readonly
+                                    disabled
                                     group-class="mt-0"
                                 />
                             </div>
                         </div>
-                        <MalioInputText :model-value="main.volumeM3" :label="t('transport.carriers.form.main.volumeM3')" readonly />
+                        <MalioInputText v-if="isFilled(main.volumeM3)" :model-value="main.volumeM3" :label="t('transport.carriers.form.main.volumeM3')" disabled />
                     </template>
                 </template>
             </div>
 
             <!-- ── Onglets (Adresses · Contacts · Prix) — ouvre sur Adresses ──── -->
-            <MalioTabList v-model="activeTab" :tabs="tabs" class="mt-[60px]">
+            <!-- ERP-193 : barre masquee s'il ne reste aucun onglet non vide. -->
+            <MalioTabList v-if="visibleTabKeys.length" v-model="activeTab" :tabs="tabs" class="mt-[60px]">
                 <template #addresses>
                     <div class="mt-12 flex flex-col gap-6">
                         <!-- Adresse UNIQUE (ERP-172). -->
                         <CarrierAddressBlock
                             :model-value="address"
+                            :title="t('transport.carriers.form.address.title')"
+                            :last="true"
                             :country-options="countryOptionsFor(address.country)"
-                            readonly
+                            disabled
+                            hide-empty
                         />
                     </div>
                 </template>
@@ -131,7 +138,10 @@
                             v-for="(contact, index) in contacts"
                             :key="index"
                             :model-value="contact"
-                            readonly
+                            :title="t('transport.carriers.form.contact.title', { n: index + 1 })"
+                            :last="index === contacts.length - 1"
+                            disabled
+                            hide-empty
                         />
                     </div>
                 </template>
@@ -144,14 +154,15 @@
                              groupe (Fond Mouvant / Benne) fusionné en rowspan ; séparateur
                              épais entre les deux groupes. -->
                         <table class="w-full table-fixed border-separate border-spacing-0 overflow-hidden rounded-malio border border-black text-left text-black">
-                            <!-- Répartition (table-fixed) : « Type de transport » un peu plus
-                                 large ; Transporteurs et Adresse livraisons larges ; Forfait /
-                                 Tonne / Indexation / État réduits. -->
+                            <!-- Répartition (table-fixed) : « Transport » étroit (libellé
+                                 court Benne / Fond mouvant) ; Fournisseurs/Clients et
+                                 Adresse livraisons larges ; Forfait / Tonne / Indexation
+                                 / État réduits. -->
                             <colgroup>
-                                <col class="w-[170px]" />
+                                <col class="w-[120px]" />
                                 <col class="w-[20%]" />
-                                <col class="w-[11%]" />
                                 <col class="w-[24%]" />
+                                <col class="w-[11%]" />
                                 <col class="w-[9%]" />
                                 <col class="w-[9%]" />
                                 <col class="w-[9%]" />
@@ -162,8 +173,8 @@
                                     <!-- En-tête centré pour matcher les cellules fusionnées Benne / Fond mouvant. -->
                                     <th class="border-b border-r border-black bg-m-surface px-3 py-3 text-center align-middle text-[16px] font-semibold">{{ t('transport.carriers.consultation.price.group') }}</th>
                                     <th class="border-b border-black bg-m-surface px-3 py-3 align-middle text-[16px] font-semibold">{{ t('transport.carriers.consultation.price.carrier') }}</th>
-                                    <th class="border-b border-black bg-m-surface px-3 py-3 align-middle text-[16px] font-semibold">{{ t('transport.carriers.consultation.price.aproOrSite') }}</th>
                                     <th class="border-b border-black bg-m-surface px-3 py-3 align-middle text-[16px] font-semibold">{{ t('transport.carriers.consultation.price.delivery') }}</th>
+                                    <th class="border-b border-black bg-m-surface px-3 py-3 align-middle text-[16px] font-semibold">{{ t('transport.carriers.consultation.price.aproOrSite') }}</th>
                                     <th class="border-b border-black bg-m-surface px-3 py-3 align-middle text-[16px] font-semibold">{{ t('transport.carriers.consultation.price.forfait') }}</th>
                                     <th class="border-b border-black bg-m-surface px-3 py-3 align-middle text-[16px] font-semibold">{{ t('transport.carriers.consultation.price.tonne') }}</th>
                                     <th class="border-b border-black bg-m-surface px-3 py-3 align-middle text-[16px] font-semibold">{{ t('transport.carriers.consultation.price.indexation') }}</th>
@@ -171,28 +182,21 @@
                                 </tr>
                             </thead>
                             <tbody>
-                                <template v-for="(group, gi) in priceGroups" :key="group.label">
+                                <template v-for="(group, gi) in priceGroups" :key="gi">
                                     <tr
                                         v-for="(row, i) in group.rows"
                                         :key="`${gi}-${i}`"
                                     >
-                                        <!-- Cellule de groupe fusionnée (rowspan), centrée verticalement ;
-                                             séparateur épais en bas entre les groupes (sauf dernier). -->
-                                        <td
-                                            v-if="i === 0"
-                                            :rowspan="group.rows.length"
-                                            class="border-r border-black px-3 text-center align-middle text-[14px] font-medium"
-                                            :class="groupBorder(gi)"
-                                        >
-                                            {{ group.label }}
-                                        </td>
-                                        <td class="px-3 py-4 text-[14px]" :class="dataBorder(group, i, gi)">{{ headerTitle }}</td>
-                                        <td class="px-3 py-4 text-[14px]" :class="dataBorder(group, i, gi)">{{ row.apro }}</td>
-                                        <td class="px-3 py-4 text-[14px]" :class="dataBorder(group, i, gi)">{{ row.delivery }}</td>
-                                        <td class="px-3 py-4 text-[14px]" :class="dataBorder(group, i, gi)">{{ row.forfait }}</td>
-                                        <td class="px-3 py-4 text-[14px]" :class="dataBorder(group, i, gi)">{{ row.tonne }}</td>
-                                        <td class="px-3 py-4 text-[14px]" :class="dataBorder(group, i, gi)">{{ row.indexation }}</td>
-                                        <td class="px-3 py-4 text-[14px]" :class="dataBorder(group, i, gi)">{{ row.state }}</td>
+                                        <!-- Contenant par ligne (plus de cellule fusionnée) ; séparateur
+                                             à droite, comme l'ancienne colonne de groupe. -->
+                                        <td class="border-r border-black px-3 py-4 text-center align-middle text-[14px] font-medium" :class="dataBorder(gi, i)">{{ row.transport }}</td>
+                                        <td class="px-3 py-4 text-[14px]" :class="dataBorder(gi, i)">{{ row.party }}</td>
+                                        <td class="px-3 py-4 text-[14px]" :class="dataBorder(gi, i)">{{ row.delivery }}</td>
+                                        <td class="px-3 py-4 text-[14px]" :class="dataBorder(gi, i)">{{ row.apro }}</td>
+                                        <td class="px-3 py-4 text-[14px]" :class="dataBorder(gi, i)">{{ row.forfait }}</td>
+                                        <td class="px-3 py-4 text-[14px]" :class="dataBorder(gi, i)">{{ row.tonne }}</td>
+                                        <td class="px-3 py-4 text-[14px]" :class="dataBorder(gi, i)">{{ row.indexation }}</td>
+                                        <td class="px-3 py-4 text-[14px]" :class="dataBorder(gi, i)">{{ row.state }}</td>
                                     </tr>
                                 </template>
                                 <tr v-if="!hasPrices">
@@ -241,12 +245,13 @@
 </template>
 
 <script setup lang="ts">
-import { computed, onMounted, reactive, ref } from 'vue'
+import { computed, onMounted, reactive, ref, watch } from 'vue'
 import CarrierAddressBlock from '~/modules/transport/components/CarrierAddressBlock.vue'
 import CarrierContactBlock from '~/modules/transport/components/CarrierContactBlock.vue'
 import { useCarrier } from '~/modules/transport/composables/useCarrier'
 import {
     canEditCarrier,
+    carrierConsultationVisibleTabs,
     labelOfRelation,
     mapAddressToDraft,
     mapContactToDraft,
@@ -257,6 +262,7 @@ import {
     type Relation,
 } from '~/modules/transport/utils/forms/carrierMappers'
 import { extractApiErrorMessage } from '~/shared/utils/api'
+import { isFilled } from '~/shared/utils/consultationDisplay'
 
 interface SelectOption {
     value: string
@@ -300,18 +306,36 @@ const dischargeLabel = computed(() => {
 })
 
 // ── Onglets : Adresses · Contacts · Prix (ouvre sur Adresses, pas de Qualimat) ──
-const activeTab = ref('addresses')
+// ERP-193 (retour metier) : on masque tout onglet de donnees vide.
 const TAB_ICONS: Record<string, string> = {
     addresses: 'mdi:map-marker-outline',
     contacts: 'mdi:account-box-plus-outline',
     prices: 'mdi:payment',
 }
-const tabs = computed(() => ['addresses', 'contacts', 'prices'].map(key => ({
+const visibleTabKeys = computed(() => carrierConsultationVisibleTabs(carrier.value))
+const tabs = computed(() => visibleTabKeys.value.map(key => ({
     key,
     label: t(`transport.carriers.tab.${key}`),
     icon: TAB_ICONS[key],
 })))
 
+// Onglet initial : vide tant que le transporteur n'est pas charge, puis premier
+// onglet visible. Un watcher recale si l'onglet courant disparait. ERP-193 : on
+// honore l'onglet demande via `?tab=` (navigation depuis l'edition) s'il est
+// visible, pour retomber sur le meme onglet en passant edition <-> consultation.
+const activeTab = ref('')
+let requestedTab = typeof route.query.tab === 'string' ? route.query.tab : ''
+watch(visibleTabKeys, (keys) => {
+    if (keys.length === 0) {
+        activeTab.value = ''
+        return
+    }
+    if (!keys.includes(activeTab.value)) {
+        activeTab.value = requestedTab && keys.includes(requestedTab) ? requestedTab : keys[0]
+        requestedTab = ''
+    }
+}, { immediate: true })
+
 // Adresse UNIQUE (ERP-172) : un seul bloc en lecture seule (vide si pas d'adresse).
 const address = computed(() => carrier.value?.address
     ? mapAddressToDraft(carrier.value.address)
@@ -326,10 +350,17 @@ function countryOptionsFor(country: string): SelectOption[] {
     return country ? [{ value: country, label: country }] : []
 }
 
-// ── Tableau Prix consultation (regroupé par contenant Fond Mouvant / Benne) ───
-const PRICE_GROUP_ORDER = ['FOND_MOUVANT', 'BENNE'] as const
+// ── Tableau Prix consultation (regroupé par ADRESSE DE LIVRAISON) ─────────────
+// Rang d'affichage des contenants au sein d'une même adresse (Fond mouvant puis Benne).
+const CONTAINER_RANK: Record<string, number> = { FOND_MOUVANT: 0, BENNE: 1 }
 
 interface PriceRowView {
+    /** Contenant (libellé affiché : Fond mouvant / Benne). */
+    transport: string
+    /** Contenant brut (FOND_MOUVANT / BENNE) — tri interne du groupe. */
+    transportType: string
+    /** Fournisseur ou client lié au prix (raison sociale). */
+    party: string
     apro: string
     delivery: string
     forfait: string
@@ -338,9 +369,8 @@ interface PriceRowView {
     state: string
 }
 
-/** Groupe de prix d'un même contenant (Fond Mouvant / Benne) — cellule fusionnée. */
+/** Groupe de prix d'une même adresse de livraison (lignes consécutives). */
 interface PriceGroupView {
-    label: string
     rows: PriceRowView[]
 }
 
@@ -367,13 +397,19 @@ function siteCode(relation: Relation): string {
 
 /**
  * Construit une ligne d'affichage depuis un prix embarqué (maquette Prix) :
+ *  - « Transport » = le contenant (Fond mouvant / Benne) ;
+ *  - « Fournisseurs / Clients » = le fournisseur OU le client lié (raison sociale) ;
  *  - « Adresse sites » = le CODE du site (département, ex: 86 / 17 / 82) ;
  *  - « Adresse livraisons » = l'adresse (voie) du client/fournisseur ;
  *  - le prix tombe dans Forfait € OU Tonne € selon `pricingUnit`.
  */
 function toPriceRow(price: CarrierPriceRead): PriceRowView {
     const isClient = price.direction === 'CLIENT'
+    const containerType = price.containerType ?? ''
     return {
+        transportType: containerType,
+        transport: containerType ? t(`transport.carriers.containerType.${containerType}`) : '',
+        party: labelOfRelation(isClient ? price.client : price.supplier),
         apro: isClient ? siteCode(price.departureSite) : siteCode(price.deliverySite),
         delivery: isClient ? labelOfRelation(price.clientDeliveryAddress) : labelOfRelation(price.supplierSupplyAddress),
         forfait: price.pricingUnit === 'FORFAIT' ? formatAmount(price.price) : '',
@@ -392,39 +428,48 @@ function stateSuffix(state: string): string {
     return map[state] ?? ''
 }
 
-// Prix regroupés par contenant (Fond Mouvant puis Benne) — une cellule fusionnée
-// par groupe (rowspan) à gauche, conformément à la maquette.
+// Prix regroupés par ADRESSE DE LIVRAISON : les lignes d'une même adresse sont
+// consécutives (triées par contenant Fond mouvant → Benne), les groupes triés
+// alphabétiquement par adresse. Un séparateur épais sépare deux adresses.
 const priceGroups = computed<PriceGroupView[]>(() => {
-    const list = carrier.value?.prices ?? []
-    return PRICE_GROUP_ORDER
-        .map(container => ({
-            label: t(`transport.carriers.containerType.${container}`),
-            rows: list.filter(p => p.containerType === container).map(toPriceRow),
+    const rows = (carrier.value?.prices ?? []).map(toPriceRow)
+    const byDelivery = new Map<string, PriceRowView[]>()
+    for (const row of rows) {
+        const list = byDelivery.get(row.delivery)
+        if (list) {
+            list.push(row)
+        } else {
+            byDelivery.set(row.delivery, [row])
+        }
+    }
+    return [...byDelivery.entries()]
+        .sort(([a], [b]) => a.localeCompare(b, 'fr'))
+        .map(([, groupRows]) => ({
+            rows: groupRows
+                .slice()
+                .sort((x, y) => (CONTAINER_RANK[x.transportType] ?? 99) - (CONTAINER_RANK[y.transportType] ?? 99)),
         }))
-        .filter(group => group.rows.length > 0)
 })
 
 const hasPrices = computed(() => priceGroups.value.length > 0)
 
 /**
  * Bordure basse d'une cellule de données :
- *  - ligne interne d'un groupe → fine grise ;
- *  - dernière ligne d'un groupe NON final → épaisse noire (séparateur de groupe) ;
+ *  - ligne interne d'un groupe d'adresse (même adresse de livraison) → fine grise ;
+ *  - dernière ligne d'un groupe NON final → épaisse noire (sépare deux adresses) ;
  *  - dernière ligne du DERNIER groupe → aucune (le cadre du tableau s'en charge,
  *    évite la double bordure tout en bas).
  */
-function dataBorder(group: PriceGroupView, i: number, gi: number): string {
+function dataBorder(gi: number, i: number): string {
+    const group = priceGroups.value[gi]
     const isLastRow = i === group.rows.length - 1
     const isLastGroup = gi === priceGroups.value.length - 1
+    // Couleur de bordure SIDE-SPECIFIC (border-b-*) : un `border-{color}` global
+    // ecraserait la couleur du bord droit noir de la colonne Transport.
     if (!isLastRow) {
-        return 'border-b border-m-muted/30'
+        return 'border-b border-b-m-muted/30'
     }
-    return isLastGroup ? '' : 'border-b-2 border-black'
-}
-
-/** Bordure basse de la cellule de groupe fusionnée (séparateur épais sauf dernier groupe). */
-function groupBorder(gi: number): string {
-    return gi === priceGroups.value.length - 1 ? '' : 'border-b-2 border-black'
+    return isLastGroup ? '' : 'border-b-2 border-b-black'
 }
 
 // ── Export XLSX des prix ─────────────────────────────────────────────────────
@@ -465,7 +510,8 @@ function goBack(): void {
 }
 
 function goEdit(): void {
-    router.push(`/carriers/${carrierId}/edit`)
+    // ERP-193 : on transmet l'onglet courant pour retomber dessus en edition.
+    router.push({ path: `/carriers/${carrierId}/edit`, query: activeTab.value ? { tab: activeTab.value } : {} })
 }
 
 const confirmArchive = reactive({ open: false, title: '', message: '', confirmLabel: '' })

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

@@ -141,6 +141,7 @@
 
 <script setup lang="ts">
 import { computed, onMounted, ref } from 'vue'
+import { formatDateFr } from '~/shared/utils/date'
 
 interface FilterOption {
     value: string
@@ -235,20 +236,6 @@ function isValidityExpired(item: Record<string, unknown>): boolean {
     return date.getTime() < today.getTime()
 }
 
-/** Format court francais JJ-MM-AAAA (spec M4). Chaine vide si date absente / invalide. */
-function formatDateFr(value: string | null | undefined): string {
-    if (!value) {
-        return ''
-    }
-    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')
-    return `${day}-${month}-${date.getFullYear()}`
-}
-
 /** Clic sur une ligne → ecran Consultation (route a plat /carriers/{id}). */
 function onRowClick(item: Record<string, unknown>): void {
     router.push(`/carriers/${item.id}`)

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

@@ -6,6 +6,7 @@
                 icon="mdi:arrow-left-bold"
                 icon-size="24"
                 variant="ghost"
+                :title="t('transport.carriers.form.back')"
                 v-bind="{ ariaLabel: t('transport.carriers.form.back') }"
                 @click="goBack"
             />
@@ -20,22 +21,28 @@
         <div class="mt-[48px] grid grid-cols-3 xl:grid-cols-4 gap-x-[44px] gap-y-4">
             <MalioInputText
                 v-model="main.name"
+                :mask="FREE_TEXT_MASK"
                 :label="t('transport.carriers.form.main.name')"
                 :required="true"
-                :readonly="mainLocked"
+                :disabled="mainLocked"
                 :error="mainErrors.errors.name"
             />
 
-            <!-- Cas LIOT : seul le champ immatriculations est pertinent. -->
-            <MalioInputText
-                v-if="isLiot"
-                v-model="main.liotPlates"
-                :label="t('transport.carriers.form.main.liotPlates')"
-                :hint="t('transport.carriers.form.main.liotPlatesHint')"
-                :required="true"
-                :readonly="mainLocked"
-                :error="mainErrors.errors.liotPlates"
-            />
+            <!-- Cas LIOT : seul le champ immatriculations est pertinent. Il occupe
+                 les colonnes restantes de la ligne (3 en xl, 2 sinon) — le wrapper
+                 porte le col-span car MalioInputText (inheritAttrs:false) renvoie
+                 `class` sur l'input interne, pas sur la cellule de grille. -->
+            <div v-if="isLiot" class="col-span-2 xl:col-span-3">
+                <MalioInputText
+                    v-model="main.liotPlates"
+                    :mask="LIOT_PLATES_MASK"
+                    :label="t('transport.carriers.form.main.liotPlates')"
+                    :hint="t('transport.carriers.form.main.liotPlatesHint')"
+                    :required="true"
+                    :disabled="mainLocked"
+                    :error="mainErrors.errors.liotPlates"
+                />
+            </div>
 
             <!-- Cas standard : certification + affretement + champs conditionnels. -->
             <template v-if="!isLiot">
@@ -45,7 +52,7 @@
                     :label="t('transport.carriers.form.main.certificationType')"
                     empty-option-label=""
                     :required="true"
-                    :readonly="certificationReadonly"
+                    :disabled="certificationReadonly"
                     :error="mainErrors.errors.certificationType"
                     @update:model-value="(v: string | number | null) => main.certificationType = v === null ? null : String(v)"
                 />
@@ -61,7 +68,7 @@
                     :label="t('transport.carriers.form.main.discharge')"
                     accept="application/pdf,image/*"
                     :required="true"
-                    :readonly="mainLocked || dischargeUploading"
+                    :disabled="mainLocked || dischargeUploading"
                     :clearable="true"
                     :error="mainErrors.errors.dischargeDocument"
                     @update:model-value="(v: string) => dischargeFileName = v"
@@ -78,7 +85,7 @@
                         id="carrier-is-chartered"
                         :label="t('transport.carriers.form.main.isChartered')"
                         :model-value="main.isChartered"
-                        :readonly="mainLocked"
+                        :disabled="mainLocked"
                         :reserve-message-space="false"
                         @update:model-value="(val: boolean) => main.isChartered = val"
                     />
@@ -98,7 +105,7 @@
                         icon-name="mdi:percent"
                         icon-position="right"
                         :required="true"
-                        :readonly="mainLocked"
+                        :disabled="mainLocked"
                         :error="mainErrors.errors.indexationRate"
                         @update:model-value="onIndexationInput"
                     />
@@ -134,7 +141,7 @@
                         :model-value="main.volumeM3"
                         :label="t('transport.carriers.form.main.volumeM3')"
                         :required="true"
-                        :readonly="mainLocked"
+                        :disabled="mainLocked"
                         :error="mainErrors.errors.volumeM3"
                         @update:model-value="(v: string) => main.volumeM3 = sanitizeDecimal(v)"
                     />
@@ -173,8 +180,10 @@
                     <!-- Adresse UNIQUE (ERP-172) : un seul bloc, sans ajouter/supprimer. -->
                     <CarrierAddressBlock
                         :model-value="address"
+                        :title="t('transport.carriers.form.address.title')"
+                        :last="true"
                         :country-options="countryOptions"
-                        :readonly="isQualimat || isValidated('addresses')"
+                        :disabled="isQualimat || isValidated('addresses')"
                         :errors="addressErrors"
                         @update:model-value="(v) => address = v"
                         @degraded="onAddressDegraded"
@@ -192,16 +201,18 @@
                 </div>
             </template>
 
-            <!-- Onglet Contacts (ERP-168) : un bloc par contact (RG-4.08 ≥ 1 champ,
-                 max 2 téléphones). Erreurs 422 par ligne. -->
+            <!-- Onglet Contacts (ERP-168) : un bloc par contact (bloc optionnel,
+                 ERP-193 ; max 2 téléphones). Erreurs 422 par ligne. -->
             <template #contacts>
                 <div class="mt-12 flex flex-col gap-6">
                     <CarrierContactBlock
                         v-for="(contact, index) in contacts"
                         :key="index"
                         :model-value="contact"
+                        :title="t('transport.carriers.form.contact.title', { n: index + 1 })"
                         :removable="isRowRemovable(contacts, index)"
-                        :readonly="isValidated('contacts')"
+                        :last="index === contacts.length - 1"
+                        :disabled="isValidated('contacts')"
                         :errors="contactErrors[index]"
                         @update:model-value="(v) => contacts[index] = v"
                         @remove="askRemoveContact(index)"
@@ -237,7 +248,7 @@
                         :supplier-options="supplierOptions"
                         :site-options="siteOptions"
                         :removable="!isValidated('prices')"
-                        :readonly="isValidated('prices')"
+                        :disabled="isValidated('prices')"
                         :errors="priceErrors[index]"
                         @update:model-value="(v) => prices[index] = v"
                         @remove="askRemovePrice(index)"
@@ -307,7 +318,8 @@ import CarrierPriceBlock from '~/modules/transport/components/CarrierPriceBlock.
 import CarrierQualimatTab from '~/modules/transport/components/CarrierQualimatTab.vue'
 import { useCarrierForm } from '~/modules/transport/composables/useCarrierForm'
 import type { QualimatCarrierRow } from '~/modules/transport/composables/useQualimatSearch'
-import { clampPercent, sanitizeDecimal } from '~/modules/transport/utils/forms/numberInput'
+import { clampPercent, LIOT_PLATES_MASK, sanitizeDecimal } from '~/modules/transport/utils/forms/numberInput'
+import { FREE_TEXT_MASK } from '~/shared/utils/textSanitize'
 
 interface SelectOption {
     value: string

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

@@ -1,6 +1,8 @@
 import { describe, it, expect } from 'vitest'
 import {
     canEditCarrier,
+    carrierConsultationVisibleTabs,
+    hasAddressData,
     iriOf,
     labelOfRelation,
     mapAddressToDraft,
@@ -25,6 +27,10 @@ describe('carrierMappers', () => {
         expect(iriOf(undefined)).toBeNull()
     })
 
+    it('labelOfRelation : companyName (client/fournisseur) prioritaire sur name/adresse', () => {
+        expect(labelOfRelation({ '@id': '/api/suppliers/8', companyName: 'AAAAAAA', name: 'X' })).toBe('AAAAAAA')
+    })
+
     it('labelOfRelation : name (site) à défaut adresse condensée', () => {
         expect(labelOfRelation({ '@id': '/api/sites/1', name: 'Châtellerault' })).toBe('Châtellerault')
         expect(labelOfRelation({ '@id': '/api/client_addresses/8', street: '1 rue X', postalCode: '86000', city: 'Poitiers' })).toBe('1 rue X · 86000 · Poitiers')
@@ -118,3 +124,47 @@ describe('carrierMappers', () => {
         expect(showRestoreAction(noArchive, true)).toBe(false)
     })
 })
+
+describe('hasAddressData', () => {
+    it('faux pour une adresse absente ou entièrement vide', () => {
+        expect(hasAddressData(null)).toBe(false)
+        expect(hasAddressData(undefined)).toBe(false)
+        expect(hasAddressData({ '@id': '/api/carrier_addresses/1', id: 1 })).toBe(false)
+    })
+
+    it('vrai dès qu\'un champ adresse est rempli', () => {
+        expect(hasAddressData({ '@id': '/api/carrier_addresses/1', id: 1, city: 'Poitiers' })).toBe(true)
+        expect(hasAddressData({ '@id': '/api/carrier_addresses/1', id: 1, country: 'France' })).toBe(true)
+    })
+})
+
+describe('carrierConsultationVisibleTabs', () => {
+    it('retourne [] tant que le transporteur n\'est pas chargé', () => {
+        expect(carrierConsultationVisibleTabs(null)).toEqual([])
+        expect(carrierConsultationVisibleTabs(undefined)).toEqual([])
+    })
+
+    it('masque les onglets vides (transporteur minimal)', () => {
+        expect(carrierConsultationVisibleTabs({ '@id': '/api/carriers/1', id: 1, name: 'LIOT' })).toEqual([])
+    })
+
+    it('affiche addresses/contacts/prices dans l\'ordre quand renseignés', () => {
+        const carrier: CarrierDetail = {
+            '@id': '/api/carriers/1', id: 1,
+            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 }],
+        }
+        expect(carrierConsultationVisibleTabs(carrier)).toEqual(['addresses', 'contacts', 'prices'])
+    })
+
+    it('ne garde que les onglets non vides (contacts seulement)', () => {
+        const carrier: CarrierDetail = {
+            '@id': '/api/carriers/1', id: 1,
+            address: { '@id': '/api/carrier_addresses/1', id: 1 },
+            contacts: [{ '@id': '/api/carrier_contacts/1', id: 1 }],
+            prices: [],
+        }
+        expect(carrierConsultationVisibleTabs(carrier)).toEqual(['contacts'])
+    })
+})

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

@@ -1,5 +1,6 @@
 import { describe, expect, it } from 'vitest'
-import { clampPercent, sanitizeDecimal } from '../numberInput'
+import { Mask } from 'maska'
+import { clampPercent, LIOT_PLATES_MASK, sanitizeDecimal } from '../numberInput'
 
 describe('numberInput — saisie volume / indexation (ERP-170)', () => {
     it('sanitizeDecimal : ne garde que chiffres + un seul point', () => {
@@ -19,4 +20,14 @@ describe('numberInput — saisie volume / indexation (ERP-170)', () => {
         expect(clampPercent('12,5')).toBe('12,5') // ≤ 100 → inchangé
         expect(clampPercent('')).toBe('')
     })
+
+    it('LIOT_PLATES_MASK : garde lettres/chiffres/tiret/point-virgule, bloque espaces et reste', () => {
+        // Reproduit ce que fait maska au runtime (MaskInput) : preProcess puis masked.
+        const masked = (v: string) => new Mask(LIOT_PLATES_MASK).masked(LIOT_PLATES_MASK.preProcess!(v))
+        expect(masked('AB-123-CD;EF-456-GH')).toBe('AB-123-CD;EF-456-GH')
+        expect(masked('ab-123-cd ; ef-456-gh')).toBe('ab-123-cd;ef-456-gh') // espaces retirés
+        expect(masked('AB 123 CD')).toBe('AB123CD') // espaces retirés
+        expect(masked('AB.123/CD#42&²²')).toBe('AB123CD42') // . / # & ² retirés
+        expect(masked('')).toBe('')
+    })
 })

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

@@ -1,10 +1,10 @@
 /**
- * Helpers purs de l'onglet Contact transporteur (M4 Transport, ERP-168) — ALIGNÉ
- * sur `providerContact.ts` (M3) / les autres modules : mêmes règles de validité et
- * de gating « + Nouveau contact » (un contact est « nommé » dès qu'il porte un
- * prénom OU un nom). Seule spécificité M4 conservée : les téléphones partent au back
- * dans le tableau virtuel `phones` (max 2), mappés par le CarrierContactProcessor.
- * Testables sans Vue ni API.
+ * Helpers purs de l'onglet Contact transporteur (M4 Transport, ERP-168). ERP-193
+ * (retour métier) : l'onglet Contact n'est plus obligatoire — la règle « prénom OU
+ * nom » est retirée. Le gating « + Nouveau contact » repose désormais sur « le
+ * dernier bloc n'est pas vide » (et non plus « nommé »). Spécificité M4 conservée :
+ * les téléphones partent au back dans le tableau virtuel `phones` (max 2), mappés
+ * par le CarrierContactProcessor. Testables sans Vue ni API.
  */
 
 import type { CarrierContactFormDraft } from '~/modules/transport/types/carrierForm'
@@ -30,15 +30,6 @@ export function isCarrierContactBlank(contact: CarrierContactFormDraft): boolean
     ].some(isFilled)
 }
 
-/**
- * Un contact est « nommé » (valide) dès qu'il porte un prénom OU un nom — aligné
- * sur M1/M2/M3. Pilote le gating « + Nouveau contact » : la fonction / le téléphone
- * / l'email seuls ne suffisent pas pour ajouter un nouveau bloc.
- */
-export function isCarrierContactNamed(contact: CarrierContactFormDraft): boolean {
-    return isFilled(contact.firstName) || isFilled(contact.lastName)
-}
-
 /**
  * Payload de la sous-ressource contacts (groupe `carrier:write:contacts`). Les
  * chaînes vides partent à null (le serveur normalise/trim). Les téléphones sont

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

@@ -97,13 +97,18 @@ export function iriOf(relation: Relation): string | null {
 }
 
 /**
- * Libellé d'affichage d'une relation embarquée : `name` (site) à défaut une adresse
- * condensée (voie · CP · ville). Chaîne vide si la relation est un IRI nu / absente.
+ * Libellé d'affichage d'une relation embarquée : `companyName` (client/fournisseur)
+ * à défaut `name` (site), à défaut une adresse condensée (voie · CP · ville). Chaîne
+ * vide si la relation est un IRI nu / absente.
  */
 export function labelOfRelation(relation: Relation): string {
     if (!relation || typeof relation === 'string') {
         return ''
     }
+    const companyName = relation.companyName as string | undefined
+    if (companyName) {
+        return companyName
+    }
     const name = relation.name as string | undefined
     if (name) {
         return name
@@ -175,6 +180,62 @@ export function mapPriceToDraft(price: CarrierPriceRead): CarrierPriceFormDraft
     }
 }
 
+/**
+ * Vrai si une valeur scalaire porte une donnée affichable (non null/undefined,
+ * et non chaîne vide après trim). Sert aux prédicats « onglet vide » ci-dessous.
+ */
+function hasValue(value: unknown): boolean {
+    if (value === null || value === undefined) {
+        return false
+    }
+    if (typeof value === 'string') {
+        return value.trim() !== ''
+    }
+    return true
+}
+
+/**
+ * Vrai si l'adresse unique (OneToOne, ERP-172) porte au moins un champ rempli.
+ * Un objet adresse vide (toutes clés nulles) est considéré comme « pas d'adresse ».
+ */
+export function hasAddressData(address: CarrierAddressRead | null | undefined): boolean {
+    if (!address) {
+        return false
+    }
+    return [
+        address.postalCode,
+        address.city,
+        address.street,
+        address.streetComplement,
+        address.country,
+    ].some(hasValue)
+}
+
+/**
+ * Onglets visibles en consultation (ERP-193, retour métier) : on masque tout
+ * 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é.
+ */
+export function carrierConsultationVisibleTabs(
+    carrier: CarrierDetail | null | undefined,
+): string[] {
+    if (!carrier) {
+        return []
+    }
+    const visible: string[] = []
+    if (hasAddressData(carrier.address)) {
+        visible.push('addresses')
+    }
+    if ((carrier.contacts ?? []).length > 0) {
+        visible.push('contacts')
+    }
+    if ((carrier.prices ?? []).length > 0) {
+        visible.push('prices')
+    }
+    return visible
+}
+
 /** Bouton « Modifier » : visible avec la permission `manage` (Admin / Bureau). */
 export function canEditCarrier(can: (code: string) => boolean): boolean {
     return can('transport.carriers.manage')

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

@@ -1,7 +1,9 @@
 /**
- * Helpers de saisie numérique du formulaire principal transporteur (ERP-170).
- * Champs texte restreints (volume m³ décimal, indexation plafonnée). Purs / testables.
+ * Helpers de saisie du formulaire principal transporteur (ERP-170).
+ * Champs texte restreints (volume m³ décimal, indexation plafonnée, immatriculations
+ * LIOT via mask maska). Purs / testables.
  */
+import type { MaskInputOptions } from 'maska'
 
 /**
  * Restreint une saisie à un nombre décimal : chiffres + UN seul point (RG volume m³,
@@ -26,3 +28,20 @@ export function clampPercent(value: string): string {
     const n = Number(String(value ?? '').replace(',', '.').replace(/\s/g, ''))
     return (!Number.isNaN(n) && n > 100) ? '100' : value
 }
+
+/**
+ * Mask maska des immatriculations LIOT : n'autorise que lettres, chiffres, tiret et
+ * point-virgule (séparateur de plaques), longueur libre. Filtrage NATIF (maska gère
+ * le focus et le curseur, contrairement à un nettoyage manuel). Espaces et tout autre
+ * caractère sont bloqués à la frappe / au collage. La normalisation finale (majuscules
+ * + « ; » espacé) reste au back (RG-4.13).
+ *
+ * `preProcess` retire d'abord tout caractère interdit (espaces, &, ², …) OÙ QU'IL
+ * SOIT (le masque positionnel seul s'arrêterait au 1er caractère invalide) ; le
+ * token `P` en `multiple: true` laisse ensuite passer le reste (longueur libre).
+ */
+export const LIOT_PLATES_MASK: MaskInputOptions = {
+    mask: 'P',
+    tokens: { P: { pattern: /[A-Za-z0-9;-]/, multiple: true } },
+    preProcess: (value: string) => value.replace(/[^A-Za-z0-9;-]/g, ''),
+}

frontend/package-lock.json

@@ -7,7 +7,7 @@
       "name": "starseed-frontend",
       "hasInstallScript": true,
       "dependencies": {
-        "@malio/layer-ui": "^1.7.12",
+        "@malio/layer-ui": "^1.7.15",
         "@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.12",
-      "resolved": "https://gitea.malio.fr/api/packages/MALIO-DEV/npm/%40malio%2Flayer-ui/-/1.7.12/layer-ui-1.7.12.tgz",
-      "integrity": "sha512-ezQLqi19K2ogI3XwSMsUyluU9x5C4W0tu1muxFbL3foKjibRYRg/FdvySivEhEsalAAt1E88V6Sv/06xPqyYTw==",
+      "version": "1.7.15",
+      "resolved": "https://gitea.malio.fr/api/packages/MALIO-DEV/npm/%40malio%2Flayer-ui/-/1.7.15/layer-ui-1.7.15.tgz",
+      "integrity": "sha512-CgEC0l2pkR6rlzpi1zZqswHs+/yGTSd861tdT678/wSKtQPQ6JxUIf63ugFDItyvyLW+nbcNWuHTFC2Bimp1EQ==",
       "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.12",
+    "@malio/layer-ui": "^1.7.15",
     "@nuxt/icon": "^2.2.1",
     "@nuxtjs/i18n": "^10.2.3",
     "@nuxtjs/tailwindcss": "^6.14.0",

frontend/shared/utils/__tests__/collectionRow.test.ts

@@ -22,11 +22,12 @@ describe('removeCollectionRow', () => {
         const errors: Record<string, string>[] = [{}, {}]
         const deleteRow = vi.fn().mockResolvedValue(undefined)
         const onError = vi.fn()
+        const onSuccess = vi.fn()
 
         const removed = await removeCollectionRow({
             rows, errors, index: 0,
             endpoint: '/client_contacts',
-            deleteRow, makeEmpty, onError,
+            deleteRow, makeEmpty, onError, onSuccess,
         })
 
         expect(deleteRow).toHaveBeenCalledOnce()
@@ -35,6 +36,8 @@ describe('removeCollectionRow', () => {
         expect(rows).toEqual([{ id: 11, label: 'B' }])
         expect(errors).toHaveLength(1)
         expect(onError).not.toHaveBeenCalled()
+        // Toast de succes uniquement sur suppression serveur confirmee.
+        expect(onSuccess).toHaveBeenCalledOnce()
     })
 
     it('ne fait AUCUN appel reseau pour un bloc jamais persiste (id null) — retrait local', async () => {
@@ -42,16 +45,19 @@ describe('removeCollectionRow', () => {
         const errors: Record<string, string>[] = [{}, {}]
         const deleteRow = vi.fn().mockResolvedValue(undefined)
         const onError = vi.fn()
+        const onSuccess = vi.fn()
 
         const removed = await removeCollectionRow({
             rows, errors, index: 1,
             endpoint: '/client_contacts',
-            deleteRow, makeEmpty, onError,
+            deleteRow, makeEmpty, onError, onSuccess,
         })
 
         expect(deleteRow).not.toHaveBeenCalled()
         expect(removed).toBe(true)
         expect(rows).toEqual([{ id: 10, label: 'A' }])
+        // Retrait d'un simple brouillon local : pas de toast « supprime ».
+        expect(onSuccess).not.toHaveBeenCalled()
     })
 
     it('conserve le bloc et remonte l\'erreur si le DELETE serveur echoue (ex. 409 dernier RIB LCR)', async () => {

frontend/shared/utils/__tests__/consultationDisplay.test.ts

@@ -0,0 +1,23 @@
+import { describe, it, expect } from 'vitest'
+import { isFilled } from '../consultationDisplay'
+
+describe('isFilled (masquage des champs vides en consultation, ERP-193)', () => {
+    it('considere VIDE : null / undefined / chaine vide ou espaces / tableau vide / false', () => {
+        expect(isFilled(null)).toBe(false)
+        expect(isFilled(undefined)).toBe(false)
+        expect(isFilled('')).toBe(false)
+        expect(isFilled('   ')).toBe(false)
+        expect(isFilled([])).toBe(false)
+        // Case a cocher non cochee => masquee.
+        expect(isFilled(false)).toBe(false)
+    })
+
+    it('considere REMPLI : chaine non vide / tableau non vide / nombre (y compris 0) / true / objet', () => {
+        expect(isFilled('Dupont')).toBe(true)
+        expect(isFilled(['/api/sites/1'])).toBe(true)
+        expect(isFilled(0)).toBe(true)
+        expect(isFilled(42)).toBe(true)
+        expect(isFilled(true)).toBe(true)
+        expect(isFilled({ '@id': '/api/x/1' })).toBe(true)
+    })
+})

frontend/shared/utils/__tests__/date.test.ts

@@ -0,0 +1,44 @@
+import { describe, expect, it } from 'vitest'
+import { formatDateFr, todayIso } from '../date'
+
+describe('todayIso', () => {
+    it('formate la date locale en YYYY-MM-DD (zero-pad mois/jour)', () => {
+        // 7 mars 2026 (heure locale) -> '2026-03-07'.
+        expect(todayIso(new Date(2026, 2, 7, 10, 30))).toBe('2026-03-07')
+    })
+
+    it('utilise les composantes LOCALES, pas UTC (pas de decalage de minuit)', () => {
+        // 18 juin 2026 23:30 heure locale : la date locale reste le 18 meme si
+        // toISOString() (UTC) basculerait au 19 selon le fuseau.
+        expect(todayIso(new Date(2026, 5, 18, 23, 30))).toBe('2026-06-18')
+    })
+
+    it('gere le dernier jour de l\'annee', () => {
+        expect(todayIso(new Date(2026, 11, 31, 12, 0))).toBe('2026-12-31')
+    })
+})
+
+describe('formatDateFr', () => {
+    it('formate un datetime ISO avec offset en JJ-MM-AAAA', () => {
+        expect(formatDateFr('2026-06-17T09:12:00+02:00')).toBe('17-06-2026')
+    })
+
+    it('lit la date dans la CHAINE, sans decalage de fuseau (deterministe)', () => {
+        // Minuit UTC : une lecture via new Date().getDate() basculerait au 4 dans un
+        // fuseau negatif (ex. America). On lit la chaine -> reste le 05 partout.
+        expect(formatDateFr('2026-01-05T00:00:00Z')).toBe('05-01-2026')
+        // Idem juste avant minuit avec offset +02:00 : la date affichee est celle
+        // portee par la chaine (17), pas le 16 d'un runtime UTC.
+        expect(formatDateFr('2026-06-17T00:30:00+02:00')).toBe('17-06-2026')
+    })
+
+    it('accepte une date nue YYYY-MM-DD', () => {
+        expect(formatDateFr('2026-03-07')).toBe('07-03-2026')
+    })
+
+    it('renvoie une chaine vide pour une valeur absente ou non ISO', () => {
+        expect(formatDateFr(null)).toBe('')
+        expect(formatDateFr(undefined)).toBe('')
+        expect(formatDateFr('pas-une-date')).toBe('')
+    })
+})

frontend/shared/utils/__tests__/textSanitize.test.ts

@@ -0,0 +1,65 @@
+import { describe, expect, it } from 'vitest'
+import { Mask, type MaskInputOptions } from 'maska'
+import {
+    ADDRESS_MASK,
+    CODE_ALNUM_MASK,
+    FREE_TEXT_MASK,
+    PERSON_NAME_MASK,
+} from '../textSanitize'
+
+/** Reproduit le traitement maska au runtime (MaskInput) : preProcess puis masked. */
+function apply(mask: MaskInputOptions, value: string): string {
+    const pre = mask.preProcess ? mask.preProcess(value) : value
+    return new Mask(mask).masked(pre)
+}
+
+describe('PERSON_NAME_MASK', () => {
+    it('garde lettres accentuees, espace, apostrophe, tiret, point', () => {
+        expect(apply(PERSON_NAME_MASK, 'Jean-Pierre')).toBe('Jean-Pierre')
+        expect(apply(PERSON_NAME_MASK, 'O’Brien')).toBe('O’Brien')
+        expect(apply(PERSON_NAME_MASK, "D'Angelo")).toBe("D'Angelo")
+        expect(apply(PERSON_NAME_MASK, 'Saint-Étienne J.')).toBe('Saint-Étienne J.')
+    })
+
+    it('retire chiffres et caracteres parasites (ou qu\'ils soient)', () => {
+        expect(apply(PERSON_NAME_MASK, 'Dupont²³')).toBe('Dupont')
+        expect(apply(PERSON_NAME_MASK, 'Jean§&#~|')).toBe('Jean')
+        expect(apply(PERSON_NAME_MASK, 'Ma§rie123')).toBe('Marie') // parasite AU MILIEU
+    })
+})
+
+describe('FREE_TEXT_MASK', () => {
+    it('garde &, /, parentheses, degre, chiffres', () => {
+        expect(apply(FREE_TEXT_MASK, 'Dupont & Fils')).toBe('Dupont & Fils')
+        expect(apply(FREE_TEXT_MASK, 'Resp. Achats/Ventes')).toBe('Resp. Achats/Ventes')
+        expect(apply(FREE_TEXT_MASK, 'SARL Léon (Pôle n°2)')).toBe('SARL Léon (Pôle n°2)')
+    })
+
+    it('retire les parasites ²³§~#|', () => {
+        expect(apply(FREE_TEXT_MASK, 'ACME²³§')).toBe('ACME')
+        expect(apply(FREE_TEXT_MASK, 'Te~#|st<>{}')).toBe('Test')
+    })
+})
+
+describe('ADDRESS_MASK', () => {
+    it('garde chiffres, virgule, point, apostrophe, slash, degre, tiret', () => {
+        expect(apply(ADDRESS_MASK, '12 bis, rue de l’Église')).toBe('12 bis, rue de l’Église')
+        expect(apply(ADDRESS_MASK, 'Bât. n°3 - Zone A/B')).toBe('Bât. n°3 - Zone A/B')
+    })
+
+    it('retire les parasites', () => {
+        expect(apply(ADDRESS_MASK, '5 rue X²³§&')).toBe('5 rue X')
+    })
+})
+
+describe('CODE_ALNUM_MASK', () => {
+    it('force la majuscule et ne garde que A-Z 0-9', () => {
+        expect(apply(CODE_ALNUM_MASK, '411dupont')).toBe('411DUPONT')
+        expect(apply(CODE_ALNUM_MASK, 'FR 12 345')).toBe('FR12345')
+        expect(apply(CODE_ALNUM_MASK, '4-11.000§')).toBe('411000')
+    })
+
+    it('chaine vide reste vide', () => {
+        expect(apply(CODE_ALNUM_MASK, '')).toBe('')
+    })
+})

frontend/shared/utils/collectionRow.ts

@@ -33,6 +33,12 @@ export interface RemoveCollectionRowOptions<T extends DeletableRow> {
     makeEmpty: () => T
     /** Remontee d'erreur 409/422 mappee proprement (message back, pas de toast fourre-tout). */
     onError: (error: unknown) => void
+    /**
+     * Callback de succes (toast) appele UNIQUEMENT apres une suppression serveur
+     * confirmee d'un bloc persiste (`id` non null). Pas appele sur le simple retrait
+     * d'un brouillon local non enregistre (aucune suppression reelle).
+     */
+    onSuccess?: () => void
 }
 
 /**
@@ -55,8 +61,9 @@ export interface RemoveCollectionRowOptions<T extends DeletableRow> {
 export async function removeCollectionRow<T extends DeletableRow>(
     options: RemoveCollectionRowOptions<T>,
 ): Promise<boolean> {
-    const { rows, errors, index, endpoint, deleteRow, makeEmpty, onError } = options
+    const { rows, errors, index, endpoint, deleteRow, makeEmpty, onError, onSuccess } = options
     const removed = rows[index]
+    let serverDeleted = false
 
     // Bloc existant : suppression serveur d'abord, retrait local seulement si OK.
     if (removed?.id != null) {
@@ -67,6 +74,7 @@ export async function removeCollectionRow<T extends DeletableRow>(
             onError(error)
             return false
         }
+        serverDeleted = true
     }
 
     rows.splice(index, 1)
@@ -75,5 +83,9 @@ export async function removeCollectionRow<T extends DeletableRow>(
     if (rows.length === 0) {
         rows.push(makeEmpty())
     }
+    // Toast de succes uniquement quand le serveur a confirme une vraie suppression.
+    if (serverDeleted) {
+        onSuccess?.()
+    }
     return true
 }

frontend/shared/utils/consultationDisplay.ts

@@ -0,0 +1,37 @@
+/**
+ * Helpers d'affichage en CONSULTATION (lecture seule).
+ *
+ * Decision metier (ERP-193) : en consultation, on masque les champs non remplis
+ * (et les cases a cocher non cochees) pour ne montrer que l'information saisie.
+ * Mutualise entre modules (fournisseur, prestataire, client, transporteur) : la
+ * meme regle « vide » s'applique partout.
+ */
+
+/**
+ * Indique si une valeur est « remplie » (donc a afficher en consultation).
+ *
+ * Sont consideres VIDES (donc masques) :
+ *  - null / undefined
+ *  - chaine vide ou composee uniquement d'espaces
+ *  - tableau vide (multiselect / cases a cocher sans selection)
+ *  - booleen `false` (case a cocher non cochee)
+ *
+ * Restent AFFICHES : tout nombre (y compris 0, qui est une valeur saisie), les
+ * objets non nuls, et toute chaine non vide.
+ */
+export function isFilled(value: unknown): boolean {
+    if (value === null || value === undefined) {
+        return false
+    }
+    if (typeof value === 'string') {
+        return value.trim() !== ''
+    }
+    if (Array.isArray(value)) {
+        return value.length > 0
+    }
+    if (typeof value === 'boolean') {
+        return value
+    }
+
+    return true
+}

frontend/shared/utils/date.ts

@@ -0,0 +1,51 @@
+/**
+ * Helpers de date purs / testables (partages inter-modules).
+ */
+
+/**
+ * Date du jour au format ISO `YYYY-MM-DD` en heure LOCALE.
+ *
+ * On NE passe PAS par `toISOString()` (UTC) : pres de minuit, le decalage de
+ * fuseau (FR = UTC+1/+2) renverrait la veille ou le lendemain. On lit donc les
+ * composantes locales. Parametre `now` injectable pour les tests.
+ */
+export function todayIso(now: Date = new Date()): string {
+    const year = now.getFullYear()
+    const month = String(now.getMonth() + 1).padStart(2, '0')
+    const day = String(now.getDate()).padStart(2, '0')
+    return `${year}-${month}-${day}`
+}
+
+/**
+ * Date-heure courante au format ISO LOCAL `YYYY-MM-DDTHH:mm:ss` (sans fuseau).
+ *
+ * C'est le format attendu par `MalioDateTime` (secondes incluses, pas d'offset
+ * horaire). Comme `todayIso`, on lit les composantes LOCALES (jamais
+ * `toISOString()`/UTC) pour ne pas décaler l'heure réelle. Paramètre `now`
+ * injectable pour les tests.
+ */
+export function nowIsoDateTime(now: Date = new Date()): string {
+    const hours = String(now.getHours()).padStart(2, '0')
+    const minutes = String(now.getMinutes()).padStart(2, '0')
+    const seconds = String(now.getSeconds()).padStart(2, '0')
+    return `${todayIso(now)}T${hours}:${minutes}:${seconds}`
+}
+
+/**
+ * Date courte française `JJ-MM-AAAA` à partir d'une valeur ISO (`YYYY-MM-DD` ou
+ * datetime `YYYY-MM-DDTHH:mm:ss±HH:mm`). Chaîne vide si absente ou non ISO.
+ *
+ * On lit les composantes DIRECTEMENT dans la chaîne (10 premiers caractères) au
+ * lieu de `new Date(value).getDate()` : un datetime porteur d'un offset (ex.
+ * `…T00:30:00+02:00`, ou `…Z`) basculerait d'un jour selon le fuseau du
+ * navigateur / du runner CI. Rendu ainsi déterministe et cohérent avec l'écran
+ * d'édition (slice de la chaîne brute) et l'export serveur (`format('d/m/Y')`).
+ */
+export function formatDateFr(value: string | null | undefined): string {
+    const match = value ? /^(\d{4})-(\d{2})-(\d{2})/.exec(value) : null
+    if (!match) {
+        return ''
+    }
+    const [, year, month, day] = match
+    return `${day}-${month}-${year}`
+}

frontend/shared/utils/textSanitize.ts

@@ -0,0 +1,47 @@
+/**
+ * Masks de saisie texte (retour metier ERP-193) : filtrage NATIF (maska) des
+ * caracteres parasites (« ²³§~#| … ») dans les champs texte libres. maska gere le
+ * focus et le curseur (contrairement a un nettoyage manuel sur @update qui laissait
+ * le caractere affiche jusqu'a la frappe suivante).
+ *
+ * Miroir FRONT des patterns back `App\Shared\Domain\Validation\TextInputPattern`
+ * (allow-list par famille de champ). Le back reste l'autorite (Assert\Regex →
+ * 422 inline via useFormErrors) ; ces masks ne font que le confort de saisie.
+ *
+ * IMPORTANT : garder les classes de caracteres STRICTEMENT alignees sur le back.
+ *
+ * L'EMAIL n'a PAS de mask (decision ERP-101 : un email n'a pas de structure fixe,
+ * on valide le FORMAT via Assert\Email + erreur inline, jamais via un masque).
+ */
+import type { MaskInputOptions } from 'maska'
+
+/**
+ * Construit un mask maska « jeu de caracteres autorise, longueur libre » :
+ *  - `preProcess` retire d'abord TOUT caractere hors charset, OU QU'IL SOIT (un
+ *    masque positionnel seul s'arreterait au 1er caractere invalide car le token
+ *    `multiple` est glouton) ;
+ *  - le token `P` (`multiple`) laisse ensuite passer le reste, sans limite de longueur.
+ *
+ * @param pattern classe des caracteres AUTORISES (1 caractere, sans flag global)
+ * @param strip   negation de `pattern`, flag global (retire les interdits)
+ * @param upper   force la majuscule (codes : n° compte / TVA / IBAN / BIC)
+ */
+function charsetMask(pattern: RegExp, strip: RegExp, upper = false): MaskInputOptions {
+    return {
+        mask: 'P',
+        tokens: { P: { pattern, multiple: true } },
+        preProcess: (v: string) => (upper ? v.toUpperCase() : v).replace(strip, ''),
+    }
+}
+
+/** Noms de personnes (Nom, Prenom, Dirigeant) : lettres (accents), espace, apostrophe, tiret, point. */
+export const PERSON_NAME_MASK = charsetMask(/[\p{L}\p{M} '’.-]/u, /[^\p{L}\p{M} '’.-]/gu)
+
+/** Texte societe / libre (Raison sociale, Concurrents, Fonction) : + chiffres, virgule, &, /, parentheses, degre. */
+export const FREE_TEXT_MASK = charsetMask(/[\p{L}\p{M}0-9 '’.,&/()°-]/u, /[^\p{L}\p{M}0-9 '’.,&/()°-]/gu)
+
+/** Adresse (voie, complement, ville) : lettres, chiffres, espace, apostrophe, point, virgule, slash, degre, tiret. */
+export const ADDRESS_MASK = charsetMask(/[\p{L}\p{M}0-9 '’.,/°-]/u, /[^\p{L}\p{M}0-9 '’.,/°-]/gu)
+
+/** Codes alphanumeriques majuscules (N° de compte, N° de TVA, IBAN, BIC) : A-Z et 0-9, majuscule forcee. */
+export const CODE_ALNUM_MASK = charsetMask(/[A-Z0-9]/, /[^A-Z0-9]/g, true)

infra/prod/Dockerfile

@@ -75,7 +75,7 @@ COPY infra/prod/maintenance.html /var/www/html/public/maintenance.html
 RUN echo "APP_ENV=prod" > /var/www/html/.env
 
 # Permissions
-RUN mkdir -p /var/www/html/var /var/www/html/config/jwt \
+RUN mkdir -p /var/www/html/var /var/www/html/var/log /var/www/html/config/jwt \
     && chown -R www-data:www-data /var/www/html/var
 
 WORKDIR /var/www/html

migrations/Version20260619120000.php

@@ -0,0 +1,47 @@
+<?php
+
+declare(strict_types=1);
+
+namespace DoctrineMigrations;
+
+use Doctrine\DBAL\Schema\Schema;
+use Doctrine\Migrations\AbstractMigration;
+
+/**
+ * ERP-193 (retour metier) — l'onglet Contact d'un transporteur n'est plus
+ * obligatoire : suppression de la garde « prenom OU nom » (ex RG-4.08). Drop du
+ * CHECK chk_carrier_contact_name et mise a jour des commentaires de colonnes. La
+ * garde applicative (CarrierContactProcessor::validateName) est retiree dans le
+ * meme commit ; le catalogue ColumnCommentsCatalog aussi.
+ *
+ * Placee au namespace racine DoctrineMigrations (et non en modulaire Transport) :
+ * elle ALTERE une table creee par une migration racine (Version20260615150000),
+ * comme la migration qui avait introduit le CHECK (Version20260617120000) ; le tri
+ * par version au sein du meme namespace garantit qu'elle joue APRES (cf. CLAUDE.md
+ * regle 11 — le tri cross-namespace casserait l'ordre sur base vide).
+ */
+final class Version20260619120000 extends AbstractMigration
+{
+    public function getDescription(): string
+    {
+        return 'ERP-193 : onglet Contact transporteur non obligatoire — drop du CHECK chk_carrier_contact_name.';
+    }
+
+    public function up(Schema $schema): void
+    {
+        $this->addSql('ALTER TABLE carrier_contact DROP CONSTRAINT chk_carrier_contact_name');
+
+        $this->addSql('COMMENT ON TABLE carrier_contact IS $_$Contacts d un transporteur (1:n) — onglet Contact (M4). Bloc optionnel (ERP-193) ; max 2 telephones.$_$');
+        $this->addSql('COMMENT ON COLUMN carrier_contact.first_name IS $_$Prenom du contact (capitalise serveur). Optionnel (ERP-193).$_$');
+        $this->addSql('COMMENT ON COLUMN carrier_contact.last_name IS $_$Nom du contact (capitalise serveur). Optionnel (ERP-193).$_$');
+    }
+
+    public function down(Schema $schema): void
+    {
+        $this->addSql('ALTER TABLE carrier_contact ADD CONSTRAINT chk_carrier_contact_name CHECK (first_name IS NOT NULL OR last_name IS NOT NULL)');
+
+        $this->addSql('COMMENT ON TABLE carrier_contact IS $_$Contacts d un transporteur (1:n) — onglet Contact (M4). Au moins le prenom OU le nom rempli (RG-4.08, chk_carrier_contact_name), max 2 telephones.$_$');
+        $this->addSql('COMMENT ON COLUMN carrier_contact.first_name IS $_$Prenom du contact (capitalise serveur). Prenom OU nom obligatoire (RG-4.08, chk_carrier_contact_name).$_$');
+        $this->addSql('COMMENT ON COLUMN carrier_contact.last_name IS $_$Nom du contact (capitalise serveur). Prenom OU nom obligatoire (RG-4.08, chk_carrier_contact_name).$_$');
+    }
+}

migrations/Version20260622100000.php

@@ -0,0 +1,74 @@
+<?php
+
+declare(strict_types=1);
+
+namespace DoctrineMigrations;
+
+use Doctrine\DBAL\Schema\Schema;
+use Doctrine\Migrations\AbstractMigration;
+
+/**
+ * ERP-193 (retours metier M3) : suppression du champ « Categorie » du BLOC ADRESSE
+ * prestataire (ProviderAddress) — fonctionnalite jugee inutile cote metier. Seule
+ * la categorie du PRESTATAIRE lui-meme (table provider_category) est conservee.
+ *
+ * Drop de la table de jointure M2M provider_address_category (creee par
+ * Version20260612100000). Migration au namespace racine DoctrineMigrations (et non
+ * modulaire Technique) : elle DEPEND d une table creee au namespace racine et doit
+ * donc s executer APRES sur base vide. Le tri cross-namespace de Doctrine Migrations
+ * est alphabetique par FQCN (cf. regle ABSOLUE n°11) : une migration modulaire
+ * « App\... » trierait AVANT « DoctrineMigrations\... » et passerait le DROP avant
+ * le CREATE (table recreee a la fin). Rester en racine garantit l ordre par version.
+ */
+final class Version20260622100000 extends AbstractMigration
+{
+    public function getDescription(): string
+    {
+        return 'ERP-193 : suppression de la categorie du bloc adresse prestataire (drop provider_address_category).';
+    }
+
+    public function up(Schema $schema): void
+    {
+        $this->addSql('DROP TABLE IF EXISTS provider_address_category');
+    }
+
+    public function down(Schema $schema): void
+    {
+        $this->addSql(<<<'SQL'
+            CREATE TABLE provider_address_category (
+                provider_address_id INT NOT NULL,
+                category_id INT NOT NULL,
+                PRIMARY KEY (provider_address_id, category_id),
+                CONSTRAINT fk_provider_address_category_address
+                    FOREIGN KEY (provider_address_id) REFERENCES provider_address (id) ON DELETE CASCADE,
+                CONSTRAINT fk_provider_address_category_category
+                    FOREIGN KEY (category_id) REFERENCES category (id) ON DELETE RESTRICT
+            )
+            SQL);
+        $this->comment('provider_address_category', '_table', 'Jointure M2M provider_address <-> category — categories d adresse de type PRESTATAIRE (RG-3.09).');
+        $this->comment('provider_address_category', 'provider_address_id', 'FK -> provider_address.id, ON DELETE CASCADE — adresse concernee.');
+        $this->comment('provider_address_category', 'category_id', 'FK -> category.id, ON DELETE RESTRICT — categorie d adresse de type PRESTATAIRE (RG-3.09).');
+    }
+
+    /**
+     * Pose un COMMENT ON TABLE/COLUMN en dollar-quoting Postgres ($_$...$_$)
+     * pour eviter tout echappement d'apostrophes dans les descriptions.
+     */
+    private function comment(string $table, string $column, string $description): void
+    {
+        $quotedTable = '"'.str_replace('"', '""', $table).'"';
+
+        if ('_table' === $column) {
+            $this->addSql(sprintf('COMMENT ON TABLE %s IS $_$%s$_$', $quotedTable, $description));
+
+            return;
+        }
+
+        $this->addSql(sprintf(
+            'COMMENT ON COLUMN %s.%s IS $_$%s$_$',
+            $quotedTable,
+            '"'.str_replace('"', '""', $column).'"',
+            $description,
+        ));
+    }
+}

migrations/Version20260624100000.php

@@ -0,0 +1,91 @@
+<?php
+
+declare(strict_types=1);
+
+namespace DoctrineMigrations;
+
+use Doctrine\DBAL\Schema\Schema;
+use Doctrine\Migrations\AbstractMigration;
+
+/**
+ * M5 — Tickets de pesee (ERP-193) : cycle de vie brouillon -> valide.
+ *
+ * Le metier peut desormais enregistrer une pesee (bascule ou manuelle) SANS avoir
+ * rempli la contrepartie ni l'immatriculation : le ticket est cree « brouillon »
+ * des la 1ere pesee, puis « valide » (numero attribue, status VALIDATED) quand les
+ * 3 champs requis (type + champ contrepartie + immatriculation) ET les 2 pesees
+ * sont renseignes.
+ *
+ * Schema impacte :
+ *  - `counterparty_type`, `immatriculation`, `number` passent NULLABLE (un brouillon
+ *    n'a encore ni contrepartie, ni immat, ni numero — le numero n'est attribue
+ *    qu'a la validation pour eviter les trous de sequence). Les CHECK de branche
+ *    chk_wt_*_branch tolerent deja un counterparty_type NULL (NULL <> 'X' = NULL,
+ *    donc CHECK non viole).
+ *  - nouvelle colonne `status` (DRAFT|VALIDATED). Les tickets EXISTANTS (crees sous
+ *    l'ancien flux, donc complets) sont retro-marques VALIDATED ; le defaut des
+ *    nouvelles lignes est DRAFT.
+ *
+ * Namespace racine `DoctrineMigrations` (et non modulaire) : la migration ALTER une
+ * table creee par la migration racine Version20260617150000. Doctrine Migrations
+ * 3.x trie par FQCN alphabetique entre namespaces -> une migration modulaire
+ * `App\Module\...` passerait AVANT la racine sur base vide (make db-reset) et
+ * tenterait l'ALTER avant le CREATE. Le namespace racine garantit le tri par
+ * timestamp (regle ABSOLUE n°11, cf. Version20260617170000 pour site.code).
+ */
+final class Version20260624100000 extends AbstractMigration
+{
+    public function getDescription(): string
+    {
+        return 'ERP-193 : weighing_ticket brouillon/valide (counterparty_type/immatriculation/number nullable + colonne status).';
+    }
+
+    public function up(Schema $schema): void
+    {
+        // Brouillon : ni contrepartie, ni immat, ni numero tant que non valide.
+        $this->addSql('ALTER TABLE weighing_ticket ALTER COLUMN counterparty_type DROP NOT NULL');
+        $this->addSql('ALTER TABLE weighing_ticket ALTER COLUMN immatriculation DROP NOT NULL');
+        $this->addSql('ALTER TABLE weighing_ticket ALTER COLUMN number DROP NOT NULL');
+
+        // Statut du cycle de vie. Colonne ajoutee nullable, retro-remplie a VALIDATED
+        // pour les tickets existants (complets), puis figee NOT NULL DEFAULT DRAFT.
+        $this->addSql('ALTER TABLE weighing_ticket ADD COLUMN status VARCHAR(12)');
+        $this->addSql("UPDATE weighing_ticket SET status = 'VALIDATED'");
+        $this->addSql("ALTER TABLE weighing_ticket ALTER COLUMN status SET DEFAULT 'DRAFT'");
+        $this->addSql('ALTER TABLE weighing_ticket ALTER COLUMN status SET NOT NULL');
+        $this->addSql("ALTER TABLE weighing_ticket ADD CONSTRAINT chk_wt_status CHECK (status IN ('DRAFT','VALIDATED'))");
+
+        // Commentaires (regle ABSOLUE n°12).
+        $this->comment('weighing_ticket', 'status', "Cycle de vie : DRAFT (En attente, pesee enregistree sans contrepartie/immat) ou VALIDATED (Terminee, valide avec numero). Defaut DRAFT.");
+        $this->comment('weighing_ticket', 'number', "Numero {siteCode}-TP-{NNNN}, unique par site, immuable. NULL tant que le ticket est brouillon : attribue a la validation (RG-5.02, ERP-193).");
+        $this->comment('weighing_ticket', 'counterparty_type', "Contrepartie : CLIENT, FOURNISSEUR ou AUTRE (RG-5.03). NULL tant que brouillon ; requise a la validation. Pilote l'obligation client_id / supplier_id / other_label.");
+        $this->comment('weighing_ticket', 'immatriculation', "Plaque du vehicule, partagee entre pesee vide et plein (RG-5.01). NULL tant que brouillon ; requise a la validation. Masque XX-000-XX sauf plate_free_format.");
+    }
+
+    public function down(Schema $schema): void
+    {
+        $this->addSql('ALTER TABLE weighing_ticket DROP CONSTRAINT IF EXISTS chk_wt_status');
+        $this->addSql('ALTER TABLE weighing_ticket DROP COLUMN IF EXISTS status');
+
+        // Restauration NOT NULL : echoue s'il subsiste des brouillons (number /
+        // counterparty_type / immatriculation NULL) — irreversible en presence de
+        // donnees brouillon, ce qui est attendu (le down sert au dev sur base saine).
+        $this->addSql('ALTER TABLE weighing_ticket ALTER COLUMN number SET NOT NULL');
+        $this->addSql('ALTER TABLE weighing_ticket ALTER COLUMN immatriculation SET NOT NULL');
+        $this->addSql('ALTER TABLE weighing_ticket ALTER COLUMN counterparty_type SET NOT NULL');
+    }
+
+    /**
+     * Pose un COMMENT ON COLUMN en dollar-quoting Postgres ($_$...$_$) pour eviter
+     * tout echappement d'apostrophes dans les descriptions.
+     */
+    private function comment(string $table, string $column, string $description): void
+    {
+        $this->addSql(sprintf(
+            'COMMENT ON COLUMN %s.%s IS $_$%s$_$',
+            '"'.str_replace('"', '""', $table).'"',
+            '"'.str_replace('"', '""', $column).'"',
+            $description,
+        ));
+    }
+}

migrations/Version20260624110000.php

@@ -0,0 +1,41 @@
+<?php
+
+declare(strict_types=1);
+
+namespace DoctrineMigrations;
+
+use Doctrine\DBAL\Schema\Schema;
+use Doctrine\Migrations\AbstractMigration;
+
+/**
+ * M5 — Tickets de pesee (ERP-193) : suppression du « numero de pesee » manuel.
+ *
+ * En pesee manuelle, l'operateur saisit desormais directement le DSD (le numero du
+ * pont qu'il a reellement utilise), conserve tel quel. Le champ texte separe
+ * `*_manual_number` (« Numero de pesee ») devient redondant — pour le client c'est
+ * la meme chose que le DSD — et est supprime.
+ *
+ * Namespace racine `DoctrineMigrations` : ALTER d'une table creee par la migration
+ * racine (cf. Version20260624100000) — meme contrainte de tri (regle ABSOLUE n°11).
+ */
+final class Version20260624110000 extends AbstractMigration
+{
+    public function getDescription(): string
+    {
+        return 'ERP-193 : suppression de weighing_ticket.empty_manual_number / full_manual_number (DSD saisi en manuel).';
+    }
+
+    public function up(Schema $schema): void
+    {
+        $this->addSql('ALTER TABLE weighing_ticket DROP COLUMN empty_manual_number');
+        $this->addSql('ALTER TABLE weighing_ticket DROP COLUMN full_manual_number');
+    }
+
+    public function down(Schema $schema): void
+    {
+        $this->addSql('ALTER TABLE weighing_ticket ADD COLUMN empty_manual_number VARCHAR(50) DEFAULT NULL');
+        $this->addSql('ALTER TABLE weighing_ticket ADD COLUMN full_manual_number VARCHAR(50) DEFAULT NULL');
+        $this->addSql("COMMENT ON COLUMN weighing_ticket.empty_manual_number IS \$_\$Numero de pesee saisi en pesee manuelle (distinct du DSD) — formulaire a vide (RG-5.04).\$_\$");
+        $this->addSql("COMMENT ON COLUMN weighing_ticket.full_manual_number IS \$_\$Numero de pesee saisi en pesee manuelle (distinct du DSD) — formulaire a plein (RG-5.04).\$_\$");
+    }
+}

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

@@ -19,6 +19,7 @@ use App\Shared\Domain\Contract\ClientInterface;
 use App\Shared\Domain\Contract\SiteInterface;
 use App\Shared\Domain\Contract\TimestampableInterface;
 use App\Shared\Domain\Trait\TimestampableBlamableTrait;
+use App\Shared\Domain\Validation\TextInputPattern;
 use DateTimeImmutable;
 use Doctrine\Common\Collections\ArrayCollection;
 use Doctrine\Common\Collections\Collection;
@@ -162,6 +163,7 @@ class Client implements TimestampableInterface, BlamableInterface, ClientInterfa
     #[ORM\Column(length: 180)]
     #[Assert\NotBlank(message: 'Le nom de l\'entreprise est obligatoire.', normalizer: 'trim')]
     #[Assert\Length(min: 2, max: 180, minMessage: 'Le nom de l\'entreprise doit comporter au moins {{ limit }} caractères.', maxMessage: 'Le nom de l\'entreprise ne peut dépasser {{ limit }} caractères.', normalizer: 'trim')]
+    #[Assert\Regex(pattern: TextInputPattern::FREE_TEXT, message: TextInputPattern::FREE_TEXT_MESSAGE)]
     #[Groups(['client:read', 'client:write:main'])]
     private ?string $companyName = null;
 
@@ -214,11 +216,14 @@ class Client implements TimestampableInterface, BlamableInterface, ClientInterfa
 
     #[ORM\Column(length: 255, nullable: true)]
     #[Assert\Length(max: 255, maxMessage: 'La liste des concurrents ne peut dépasser {{ limit }} caractères.', normalizer: 'trim')]
+    #[Assert\Regex(pattern: TextInputPattern::FREE_TEXT, message: TextInputPattern::FREE_TEXT_MESSAGE)]
     #[Groups(['client:read', 'client:write:information'])]
     private ?string $competitors = null;
 
     #[ORM\Column(type: 'date_immutable', nullable: true)]
     #[Groups(['client:read', 'client:write:information'])]
+    // Date de creation jamais dans le futur (retour metier ERP-193) : <= aujourd'hui.
+    #[Assert\LessThanOrEqual(value: 'today', message: 'La date de création ne peut pas être dans le futur.')]
     // Format d'ENTREE strict ISO `Y-m-d` (le `!` remet l'heure a 00:00:00). Sans
     // ce format, PHP DateTime accepte des formes ambigues : « 12/25/2026 » (que
     // le front MalioDate juge invalide en JJ/MM/AAAA) serait sinon interprete en
@@ -233,12 +238,16 @@ class Client implements TimestampableInterface, BlamableInterface, ClientInterfa
     #[Groups(['client:read', 'client:write:information'])]
     private ?int $employeesCount = null;
 
+    // Chiffre d'affaires plafonne a 999 999 999 999,99 (12 chiffres, retour metier
+    // ERP-193). La colonne (decimal 15,2) tolere plus, mais le metier borne la saisie.
     #[ORM\Column(type: 'decimal', precision: 15, scale: 2, nullable: true)]
+    #[Assert\LessThanOrEqual(value: 999_999_999_999.99, message: 'Le chiffre d\'affaires ne peut pas dépasser 999 999 999 999,99.')]
     #[Groups(['client:read', 'client:write:information'])]
     private ?string $revenueAmount = null;
 
     #[ORM\Column(length: 120, nullable: true)]
     #[Assert\Length(max: 120, maxMessage: 'Le nom du dirigeant ne peut dépasser {{ limit }} caractères.', normalizer: 'trim')]
+    #[Assert\Regex(pattern: TextInputPattern::PERSON_NAME, message: TextInputPattern::PERSON_NAME_MESSAGE)]
     #[Groups(['client:read', 'client:write:information'])]
     private ?string $directorName = null;
 
@@ -257,6 +266,7 @@ class Client implements TimestampableInterface, BlamableInterface, ClientInterfa
 
     #[ORM\Column(length: 40, nullable: true)]
     #[Assert\Length(max: 40, maxMessage: 'Le numéro de compte ne peut dépasser {{ limit }} caractères.', normalizer: 'trim')]
+    #[Assert\Regex(pattern: TextInputPattern::CODE_ALNUM, message: TextInputPattern::CODE_ALNUM_MESSAGE)]
     #[Groups(['client:read:accounting', 'client:write:accounting'])]
     private ?string $accountNumber = null;
 
@@ -267,6 +277,7 @@ class Client implements TimestampableInterface, BlamableInterface, ClientInterfa
 
     #[ORM\Column(length: 40, nullable: true)]
     #[Assert\Length(max: 40, maxMessage: 'Le numéro de TVA ne peut dépasser {{ limit }} caractères.', normalizer: 'trim')]
+    #[Assert\Regex(pattern: TextInputPattern::CODE_ALNUM, message: TextInputPattern::CODE_ALNUM_MESSAGE)]
     #[Groups(['client:read:accounting', 'client:write:accounting'])]
     private ?string $nTva = null;
 

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

@@ -19,6 +19,7 @@ use App\Shared\Domain\Contract\ClientAddressInterface;
 use App\Shared\Domain\Contract\SiteInterface;
 use App\Shared\Domain\Contract\TimestampableInterface;
 use App\Shared\Domain\Trait\TimestampableBlamableTrait;
+use App\Shared\Domain\Validation\TextInputPattern;
 use Doctrine\Common\Collections\ArrayCollection;
 use Doctrine\Common\Collections\Collection;
 use Doctrine\ORM\Mapping as ORM;
@@ -158,17 +159,20 @@ class ClientAddress implements TimestampableInterface, BlamableInterface, Client
     #[ORM\Column(length: 120)]
     #[Assert\NotBlank(message: 'La ville est obligatoire.', normalizer: 'trim')]
     #[Assert\Length(max: 120, maxMessage: 'La ville ne peut dépasser {{ limit }} caractères.', normalizer: 'trim')]
+    #[Assert\Regex(pattern: TextInputPattern::ADDRESS, message: TextInputPattern::ADDRESS_MESSAGE)]
     #[Groups(['client_address:read', 'client_address:write'])]
     private ?string $city = null;
 
     #[ORM\Column(length: 255)]
     #[Assert\NotBlank(message: 'La rue est obligatoire.', normalizer: 'trim')]
     #[Assert\Length(max: 255, maxMessage: 'La rue ne peut dépasser {{ limit }} caractères.', normalizer: 'trim')]
+    #[Assert\Regex(pattern: TextInputPattern::ADDRESS, message: TextInputPattern::ADDRESS_MESSAGE)]
     #[Groups(['client_address:read', 'client_address:write'])]
     private ?string $street = null;
 
     #[ORM\Column(length: 255, nullable: true)]
     #[Assert\Length(max: 255, maxMessage: 'Le complément d\'adresse ne peut dépasser {{ limit }} caractères.', normalizer: 'trim')]
+    #[Assert\Regex(pattern: TextInputPattern::ADDRESS, message: TextInputPattern::ADDRESS_MESSAGE)]
     #[Groups(['client_address:read', 'client_address:write'])]
     private ?string $streetComplement = null;
 

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

@@ -16,6 +16,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 Doctrine\ORM\Mapping as ORM;
 use Symfony\Component\Serializer\Attribute\Groups;
 use Symfony\Component\Validator\Constraints as Assert;
@@ -94,16 +95,19 @@ class ClientContact implements TimestampableInterface, BlamableInterface
     // deux restent nullable au niveau ORM.
     #[ORM\Column(length: 120, nullable: true)]
     #[Assert\Length(max: 120, maxMessage: 'Le prénom ne peut dépasser {{ limit }} caractères.', normalizer: 'trim')]
+    #[Assert\Regex(pattern: TextInputPattern::PERSON_NAME, message: TextInputPattern::PERSON_NAME_MESSAGE)]
     #[Groups(['client_contact:read', 'client_contact:write'])]
     private ?string $firstName = null;
 
     #[ORM\Column(length: 120, nullable: true)]
     #[Assert\Length(max: 120, maxMessage: 'Le nom ne peut dépasser {{ limit }} caractères.', normalizer: 'trim')]
+    #[Assert\Regex(pattern: TextInputPattern::PERSON_NAME, message: TextInputPattern::PERSON_NAME_MESSAGE)]
     #[Groups(['client_contact:read', 'client_contact:write'])]
     private ?string $lastName = null;
 
     #[ORM\Column(length: 120, nullable: true)]
     #[Assert\Length(max: 120, maxMessage: 'La fonction ne peut dépasser {{ limit }} caractères.', normalizer: 'trim')]
+    #[Assert\Regex(pattern: TextInputPattern::FREE_TEXT, message: TextInputPattern::FREE_TEXT_MESSAGE)]
     #[Groups(['client_contact:read', 'client_contact:write'])]
     private ?string $jobTitle = null;