chore: bump version to v0.0.86

feat: ajout du composant datatable sur tous les écrans (!48 )
| Numéro du ticket | Titre du ticket | |------------------|-----------------| | | | ## Description de la PR ## Modification du .env ## Check list - [ ] Pas de régression - [ ] TU/TI/TF rédigée - [ ] TU/TI/TF OK - [ ] CHANGELOG modifié Reviewed-on: #48 Co-authored-by: tristan <tristan@yuno.malio.fr> Co-committed-by: tristan <tristan@yuno.malio.fr>
2026-04-22 13:26:05 +00:00 · 2026-04-22 13:25:57 +00:00 · 2026-04-21 13:45:43 +00:00 · 2026-04-21 13:45:37 +00:00
53 changed files with 1816 additions and 543 deletions
--- a/composer.json
+++ b/composer.json
@@ -14,7 +14,7 @@
        "doctrine/orm": "^3.6",
        "dompdf/dompdf": "^3.1",
        "lexik/jwt-authentication-bundle": "*",
-        "malio/ednotif-bundle": ">=0.0.4",
+        "malio/ednotif-bundle": ">=0.0.6",
        "nelmio/cors-bundle": "^2.6",
        "phpdocumentor/reflection-docblock": "^5.6",
        "phpstan/phpdoc-parser": "^2.3",
--- a/composer.lock
+++ b/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": "9c04091eea0e10c19713a1d882b04f91",
+    "content-hash": "fd62fc3833815b11aa058fd2759c1c79",
    "packages": [
        {
            "name": "api-platform/doctrine-common",
@@ -2706,11 +2706,11 @@
        },
        {
            "name": "malio/ednotif-bundle",
-            "version": "v0.0.4",
+            "version": "v0.0.6",
            "source": {
                "type": "git",
                "url": "https://gitea.malio.fr/MALIO-DEV/ednotif-bundle",
-                "reference": "92c058213b34ba61f4aa6c03e11ce1ea8cc71421"
+                "reference": "f757822f366bd5f55588aa89e0ec5a5d0e811f1f"
            },
            "require": {
                "ext-soap": "*",
@@ -2744,7 +2744,7 @@
                "MIT"
            ],
            "description": "Client EDNOTIF (Guichet + wsIpBNotif) pour Symfony",
-            "time": "2026-01-26T13:24:38+00:00"
+            "time": "2026-04-21T08:14:37+00:00"
        },
        {
            "name": "masterminds/html5",
@@ -3655,16 +3655,16 @@
        },
        {
            "name": "symfony/cache",
-            "version": "v8.0.4",
+            "version": "v8.0.8",
            "source": {
                "type": "git",
                "url": "https://github.com/symfony/cache.git",
-                "reference": "5d3fcada5e1b80157cfdfd1f9dbbd63f95ef6f13"
+                "reference": "8abf3ccbeae9d3071b81a3ae7ee11b209f9e1e78"
            },
            "dist": {
                "type": "zip",
-                "url": "https://api.github.com/repos/symfony/cache/zipball/5d3fcada5e1b80157cfdfd1f9dbbd63f95ef6f13",
-                "reference": "5d3fcada5e1b80157cfdfd1f9dbbd63f95ef6f13",
+                "url": "https://api.github.com/repos/symfony/cache/zipball/8abf3ccbeae9d3071b81a3ae7ee11b209f9e1e78",
+                "reference": "8abf3ccbeae9d3071b81a3ae7ee11b209f9e1e78",
                "shasum": ""
            },
            "require": {
@@ -3731,7 +3731,7 @@
                "psr6"
            ],
            "support": {
-                "source": "https://github.com/symfony/cache/tree/v8.0.4"
+                "source": "https://github.com/symfony/cache/tree/v8.0.8"
            },
            "funding": [
                {
@@ -3751,7 +3751,7 @@
                    "type": "tidelift"
                }
            ],
-            "time": "2026-01-23T12:59:31+00:00"
+            "time": "2026-03-30T15:18:51+00:00"
        },
        {
            "name": "symfony/cache-contracts",
@@ -3908,16 +3908,16 @@
        },
        {
            "name": "symfony/config",
-            "version": "v8.0.4",
+            "version": "v8.0.8",
            "source": {
                "type": "git",
                "url": "https://github.com/symfony/config.git",
-                "reference": "8f45af92f08f82902827a8b6f403aaf49d893539"
+                "reference": "c7369cc1da250fcbfe0c5a9d109e419661549c39"
            },
            "dist": {
                "type": "zip",
-                "url": "https://api.github.com/repos/symfony/config/zipball/8f45af92f08f82902827a8b6f403aaf49d893539",
-                "reference": "8f45af92f08f82902827a8b6f403aaf49d893539",
+                "url": "https://api.github.com/repos/symfony/config/zipball/c7369cc1da250fcbfe0c5a9d109e419661549c39",
+                "reference": "c7369cc1da250fcbfe0c5a9d109e419661549c39",
                "shasum": ""
            },
            "require": {
@@ -3962,7 +3962,7 @@
            "description": "Helps you find, load, combine, autofill and validate configuration values of any kind",
            "homepage": "https://symfony.com",
            "support": {
-                "source": "https://github.com/symfony/config/tree/v8.0.4"
+                "source": "https://github.com/symfony/config/tree/v8.0.8"
            },
            "funding": [
                {
@@ -3982,7 +3982,7 @@
                    "type": "tidelift"
                }
            ],
-            "time": "2026-01-13T13:06:50+00:00"
+            "time": "2026-03-30T15:14:47+00:00"
        },
        {
            "name": "symfony/console",
@@ -4076,16 +4076,16 @@
        },
        {
            "name": "symfony/dependency-injection",
-            "version": "v8.0.4",
+            "version": "v8.0.8",
            "source": {
                "type": "git",
                "url": "https://github.com/symfony/dependency-injection.git",
-                "reference": "59c3cf87a7ed9beb561cf7433a6635b000a0ff4d"
+                "reference": "3ce58b0fa844dc647ca1d66ea34748af985728c5"
            },
            "dist": {
                "type": "zip",
-                "url": "https://api.github.com/repos/symfony/dependency-injection/zipball/59c3cf87a7ed9beb561cf7433a6635b000a0ff4d",
-                "reference": "59c3cf87a7ed9beb561cf7433a6635b000a0ff4d",
+                "url": "https://api.github.com/repos/symfony/dependency-injection/zipball/3ce58b0fa844dc647ca1d66ea34748af985728c5",
+                "reference": "3ce58b0fa844dc647ca1d66ea34748af985728c5",
                "shasum": ""
            },
            "require": {
@@ -4133,7 +4133,7 @@
            "description": "Allows you to standardize and centralize the way objects are constructed in your application",
            "homepage": "https://symfony.com",
            "support": {
-                "source": "https://github.com/symfony/dependency-injection/tree/v8.0.4"
+                "source": "https://github.com/symfony/dependency-injection/tree/v8.0.8"
            },
            "funding": [
                {
@@ -4153,7 +4153,7 @@
                    "type": "tidelift"
                }
            ],
-            "time": "2026-01-23T12:59:31+00:00"
+            "time": "2026-03-31T07:15:36+00:00"
        },
        {
            "name": "symfony/deprecation-contracts",
@@ -4400,16 +4400,16 @@
        },
        {
            "name": "symfony/error-handler",
-            "version": "v8.0.4",
+            "version": "v8.0.8",
            "source": {
                "type": "git",
                "url": "https://github.com/symfony/error-handler.git",
-                "reference": "7620b97ec0ab1d2d6c7fb737aa55da411bea776a"
+                "reference": "c1119fe8dcfc3825ec74ec061b96ef0c8f281517"
            },
            "dist": {
                "type": "zip",
-                "url": "https://api.github.com/repos/symfony/error-handler/zipball/7620b97ec0ab1d2d6c7fb737aa55da411bea776a",
-                "reference": "7620b97ec0ab1d2d6c7fb737aa55da411bea776a",
+                "url": "https://api.github.com/repos/symfony/error-handler/zipball/c1119fe8dcfc3825ec74ec061b96ef0c8f281517",
+                "reference": "c1119fe8dcfc3825ec74ec061b96ef0c8f281517",
                "shasum": ""
            },
            "require": {
@@ -4457,7 +4457,7 @@
            "description": "Provides tools to manage errors and ease debugging PHP code",
            "homepage": "https://symfony.com",
            "support": {
-                "source": "https://github.com/symfony/error-handler/tree/v8.0.4"
+                "source": "https://github.com/symfony/error-handler/tree/v8.0.8"
            },
            "funding": [
                {
@@ -4477,20 +4477,20 @@
                    "type": "tidelift"
                }
            ],
-            "time": "2026-01-23T11:07:10+00:00"
+            "time": "2026-03-30T15:14:47+00:00"
        },
        {
            "name": "symfony/event-dispatcher",
-            "version": "v8.0.4",
+            "version": "v8.0.8",
            "source": {
                "type": "git",
                "url": "https://github.com/symfony/event-dispatcher.git",
-                "reference": "99301401da182b6cfaa4700dbe9987bb75474b47"
+                "reference": "f662acc6ab22a3d6d716dcb44c381c6002940df6"
            },
            "dist": {
                "type": "zip",
-                "url": "https://api.github.com/repos/symfony/event-dispatcher/zipball/99301401da182b6cfaa4700dbe9987bb75474b47",
-                "reference": "99301401da182b6cfaa4700dbe9987bb75474b47",
+                "url": "https://api.github.com/repos/symfony/event-dispatcher/zipball/f662acc6ab22a3d6d716dcb44c381c6002940df6",
+                "reference": "f662acc6ab22a3d6d716dcb44c381c6002940df6",
                "shasum": ""
            },
            "require": {
@@ -4542,7 +4542,7 @@
            "description": "Provides tools that allow your application components to communicate with each other by dispatching events and listening to them",
            "homepage": "https://symfony.com",
            "support": {
-                "source": "https://github.com/symfony/event-dispatcher/tree/v8.0.4"
+                "source": "https://github.com/symfony/event-dispatcher/tree/v8.0.8"
            },
            "funding": [
                {
@@ -4562,7 +4562,7 @@
                    "type": "tidelift"
                }
            ],
-            "time": "2026-01-05T11:45:55+00:00"
+            "time": "2026-03-30T15:14:47+00:00"
        },
        {
            "name": "symfony/event-dispatcher-contracts",
@@ -4709,16 +4709,16 @@
        },
        {
            "name": "symfony/filesystem",
-            "version": "v8.0.1",
+            "version": "v8.0.8",
            "source": {
                "type": "git",
                "url": "https://github.com/symfony/filesystem.git",
-                "reference": "d937d400b980523dc9ee946bb69972b5e619058d"
+                "reference": "66b769ae743ce2d13e435528fbef4af03d623e5a"
            },
            "dist": {
                "type": "zip",
-                "url": "https://api.github.com/repos/symfony/filesystem/zipball/d937d400b980523dc9ee946bb69972b5e619058d",
-                "reference": "d937d400b980523dc9ee946bb69972b5e619058d",
+                "url": "https://api.github.com/repos/symfony/filesystem/zipball/66b769ae743ce2d13e435528fbef4af03d623e5a",
+                "reference": "66b769ae743ce2d13e435528fbef4af03d623e5a",
                "shasum": ""
            },
            "require": {
@@ -4755,7 +4755,7 @@
            "description": "Provides basic utilities for the filesystem",
            "homepage": "https://symfony.com",
            "support": {
-                "source": "https://github.com/symfony/filesystem/tree/v8.0.1"
+                "source": "https://github.com/symfony/filesystem/tree/v8.0.8"
            },
            "funding": [
                {
@@ -4775,7 +4775,7 @@
                    "type": "tidelift"
                }
            ],
-            "time": "2025-12-01T09:13:36+00:00"
+            "time": "2026-03-30T15:14:47+00:00"
        },
        {
            "name": "symfony/finder",
@@ -5234,16 +5234,16 @@
        },
        {
            "name": "symfony/http-foundation",
-            "version": "v8.0.4",
+            "version": "v8.0.8",
            "source": {
                "type": "git",
                "url": "https://github.com/symfony/http-foundation.git",
-                "reference": "e33ba71e674a1bb16eb251688bd27c2ff67e0dc1"
+                "reference": "02656f7ebeae5c155d659e946f6b3a33df24051b"
            },
            "dist": {
                "type": "zip",
-                "url": "https://api.github.com/repos/symfony/http-foundation/zipball/e33ba71e674a1bb16eb251688bd27c2ff67e0dc1",
-                "reference": "e33ba71e674a1bb16eb251688bd27c2ff67e0dc1",
+                "url": "https://api.github.com/repos/symfony/http-foundation/zipball/02656f7ebeae5c155d659e946f6b3a33df24051b",
+                "reference": "02656f7ebeae5c155d659e946f6b3a33df24051b",
                "shasum": ""
            },
            "require": {
@@ -5290,7 +5290,7 @@
            "description": "Defines an object-oriented layer for the HTTP specification",
            "homepage": "https://symfony.com",
            "support": {
-                "source": "https://github.com/symfony/http-foundation/tree/v8.0.4"
+                "source": "https://github.com/symfony/http-foundation/tree/v8.0.8"
            },
            "funding": [
                {
@@ -5310,20 +5310,20 @@
                    "type": "tidelift"
                }
            ],
-            "time": "2026-01-09T12:15:10+00:00"
+            "time": "2026-03-30T15:14:47+00:00"
        },
        {
            "name": "symfony/http-kernel",
-            "version": "v8.0.4",
+            "version": "v8.0.8",
            "source": {
                "type": "git",
                "url": "https://github.com/symfony/http-kernel.git",
-                "reference": "3e61425b663a995957217d03c444b9d27ca7d928"
+                "reference": "1770f6818d83b2fddc12185025b93f39a90cb628"
            },
            "dist": {
                "type": "zip",
-                "url": "https://api.github.com/repos/symfony/http-kernel/zipball/3e61425b663a995957217d03c444b9d27ca7d928",
-                "reference": "3e61425b663a995957217d03c444b9d27ca7d928",
+                "url": "https://api.github.com/repos/symfony/http-kernel/zipball/1770f6818d83b2fddc12185025b93f39a90cb628",
+                "reference": "1770f6818d83b2fddc12185025b93f39a90cb628",
                "shasum": ""
            },
            "require": {
@@ -5394,7 +5394,7 @@
            "description": "Provides a structured process for converting a Request into a Response",
            "homepage": "https://symfony.com",
            "support": {
-                "source": "https://github.com/symfony/http-kernel/tree/v8.0.4"
+                "source": "https://github.com/symfony/http-kernel/tree/v8.0.8"
            },
            "funding": [
                {
@@ -5414,7 +5414,7 @@
                    "type": "tidelift"
                }
            ],
-            "time": "2026-01-25T08:21:00+00:00"
+            "time": "2026-03-31T21:14:05+00:00"
        },
        {
            "name": "symfony/monolog-bridge",
@@ -5574,16 +5574,16 @@
        },
        {
            "name": "symfony/options-resolver",
-            "version": "v8.0.0",
+            "version": "v8.0.8",
            "source": {
                "type": "git",
                "url": "https://github.com/symfony/options-resolver.git",
-                "reference": "d2b592535ffa6600c265a3893a7f7fd2bad82dd7"
+                "reference": "b48bce0a70b914f6953dafbd10474df232ed4de8"
            },
            "dist": {
                "type": "zip",
-                "url": "https://api.github.com/repos/symfony/options-resolver/zipball/d2b592535ffa6600c265a3893a7f7fd2bad82dd7",
-                "reference": "d2b592535ffa6600c265a3893a7f7fd2bad82dd7",
+                "url": "https://api.github.com/repos/symfony/options-resolver/zipball/b48bce0a70b914f6953dafbd10474df232ed4de8",
+                "reference": "b48bce0a70b914f6953dafbd10474df232ed4de8",
                "shasum": ""
            },
            "require": {
@@ -5621,7 +5621,7 @@
                "options"
            ],
            "support": {
-                "source": "https://github.com/symfony/options-resolver/tree/v8.0.0"
+                "source": "https://github.com/symfony/options-resolver/tree/v8.0.8"
            },
            "funding": [
                {
@@ -5641,7 +5641,7 @@
                    "type": "tidelift"
                }
            ],
-            "time": "2025-11-12T15:55:31+00:00"
+            "time": "2026-03-30T15:14:47+00:00"
        },
        {
            "name": "symfony/password-hasher",
@@ -5885,16 +5885,16 @@
        },
        {
            "name": "symfony/polyfill-mbstring",
-            "version": "v1.33.0",
+            "version": "v1.36.0",
            "source": {
                "type": "git",
                "url": "https://github.com/symfony/polyfill-mbstring.git",
-                "reference": "6d857f4d76bd4b343eac26d6b539585d2bc56493"
+                "reference": "6a21eb99c6973357967f6ce3708cd55a6bec6315"
            },
            "dist": {
                "type": "zip",
-                "url": "https://api.github.com/repos/symfony/polyfill-mbstring/zipball/6d857f4d76bd4b343eac26d6b539585d2bc56493",
-                "reference": "6d857f4d76bd4b343eac26d6b539585d2bc56493",
+                "url": "https://api.github.com/repos/symfony/polyfill-mbstring/zipball/6a21eb99c6973357967f6ce3708cd55a6bec6315",
+                "reference": "6a21eb99c6973357967f6ce3708cd55a6bec6315",
                "shasum": ""
            },
            "require": {
@@ -5946,7 +5946,7 @@
                "shim"
            ],
            "support": {
-                "source": "https://github.com/symfony/polyfill-mbstring/tree/v1.33.0"
+                "source": "https://github.com/symfony/polyfill-mbstring/tree/v1.36.0"
            },
            "funding": [
                {
@@ -5966,20 +5966,20 @@
                    "type": "tidelift"
                }
            ],
-            "time": "2024-12-23T08:48:59+00:00"
+            "time": "2026-04-10T17:25:58+00:00"
        },
        {
            "name": "symfony/polyfill-php85",
-            "version": "v1.33.0",
+            "version": "v1.36.0",
            "source": {
                "type": "git",
                "url": "https://github.com/symfony/polyfill-php85.git",
-                "reference": "d4e5fcd4ab3d998ab16c0db48e6cbb9a01993f91"
+                "reference": "2c408a6bb0313e6001a83628dc5506100474254e"
            },
            "dist": {
                "type": "zip",
-                "url": "https://api.github.com/repos/symfony/polyfill-php85/zipball/d4e5fcd4ab3d998ab16c0db48e6cbb9a01993f91",
-                "reference": "d4e5fcd4ab3d998ab16c0db48e6cbb9a01993f91",
+                "url": "https://api.github.com/repos/symfony/polyfill-php85/zipball/2c408a6bb0313e6001a83628dc5506100474254e",
+                "reference": "2c408a6bb0313e6001a83628dc5506100474254e",
                "shasum": ""
            },
            "require": {
@@ -6026,7 +6026,7 @@
                "shim"
            ],
            "support": {
-                "source": "https://github.com/symfony/polyfill-php85/tree/v1.33.0"
+                "source": "https://github.com/symfony/polyfill-php85/tree/v1.36.0"
            },
            "funding": [
                {
@@ -6046,7 +6046,7 @@
                    "type": "tidelift"
                }
            ],
-            "time": "2025-06-23T16:12:55+00:00"
+            "time": "2026-04-10T16:50:15+00:00"
        },
        {
            "name": "symfony/polyfill-uuid",
@@ -7667,16 +7667,16 @@
        },
        {
            "name": "symfony/var-dumper",
-            "version": "v8.0.4",
+            "version": "v8.0.8",
            "source": {
                "type": "git",
                "url": "https://github.com/symfony/var-dumper.git",
-                "reference": "326e0406fc315eca57ef5740fa4a280b7a068c82"
+                "reference": "cfb7badd53bf4177f6e9416cfbbccc13c0e773a1"
            },
            "dist": {
                "type": "zip",
-                "url": "https://api.github.com/repos/symfony/var-dumper/zipball/326e0406fc315eca57ef5740fa4a280b7a068c82",
-                "reference": "326e0406fc315eca57ef5740fa4a280b7a068c82",
+                "url": "https://api.github.com/repos/symfony/var-dumper/zipball/cfb7badd53bf4177f6e9416cfbbccc13c0e773a1",
+                "reference": "cfb7badd53bf4177f6e9416cfbbccc13c0e773a1",
                "shasum": ""
            },
            "require": {
@@ -7730,7 +7730,7 @@
                "dump"
            ],
            "support": {
-                "source": "https://github.com/symfony/var-dumper/tree/v8.0.4"
+                "source": "https://github.com/symfony/var-dumper/tree/v8.0.8"
            },
            "funding": [
                {
@@ -7750,20 +7750,20 @@
                    "type": "tidelift"
                }
            ],
-            "time": "2026-01-01T23:07:29+00:00"
+            "time": "2026-03-31T07:15:36+00:00"
        },
        {
            "name": "symfony/var-exporter",
-            "version": "v8.0.0",
+            "version": "v8.0.8",
            "source": {
                "type": "git",
                "url": "https://github.com/symfony/var-exporter.git",
-                "reference": "7345f46c251f2eb27c7b3ebdb5bb076b3ffcae04"
+                "reference": "15776bb07a91b089037da89f8832fa41d5fa6ec6"
            },
            "dist": {
                "type": "zip",
-                "url": "https://api.github.com/repos/symfony/var-exporter/zipball/7345f46c251f2eb27c7b3ebdb5bb076b3ffcae04",
-                "reference": "7345f46c251f2eb27c7b3ebdb5bb076b3ffcae04",
+                "url": "https://api.github.com/repos/symfony/var-exporter/zipball/15776bb07a91b089037da89f8832fa41d5fa6ec6",
+                "reference": "15776bb07a91b089037da89f8832fa41d5fa6ec6",
                "shasum": ""
            },
            "require": {
@@ -7810,7 +7810,7 @@
                "serialize"
            ],
            "support": {
-                "source": "https://github.com/symfony/var-exporter/tree/v8.0.0"
+                "source": "https://github.com/symfony/var-exporter/tree/v8.0.8"
            },
            "funding": [
                {
@@ -7830,7 +7830,7 @@
                    "type": "tidelift"
                }
            ],
-            "time": "2025-11-05T18:53:00+00:00"
+            "time": "2026-03-30T15:14:47+00:00"
        },
        {
            "name": "symfony/web-link",
@@ -11457,16 +11457,16 @@
        },
        {
            "name": "symfony/process",
-            "version": "v8.0.4",
+            "version": "v8.0.8",
            "source": {
                "type": "git",
                "url": "https://github.com/symfony/process.git",
-                "reference": "10df72602d88c0a3fa685b822976a052611dd607"
+                "reference": "cb8939aff03470d1a9d1d1b66d08c6fa71b3bbdc"
            },
            "dist": {
                "type": "zip",
-                "url": "https://api.github.com/repos/symfony/process/zipball/10df72602d88c0a3fa685b822976a052611dd607",
-                "reference": "10df72602d88c0a3fa685b822976a052611dd607",
+                "url": "https://api.github.com/repos/symfony/process/zipball/cb8939aff03470d1a9d1d1b66d08c6fa71b3bbdc",
+                "reference": "cb8939aff03470d1a9d1d1b66d08c6fa71b3bbdc",
                "shasum": ""
            },
            "require": {
@@ -11498,7 +11498,7 @@
            "description": "Executes commands in sub-processes",
            "homepage": "https://symfony.com",
            "support": {
-                "source": "https://github.com/symfony/process/tree/v8.0.4"
+                "source": "https://github.com/symfony/process/tree/v8.0.8"
            },
            "funding": [
                {
@@ -11518,7 +11518,7 @@
                    "type": "tidelift"
                }
            ],
-            "time": "2026-01-23T11:07:10+00:00"
+            "time": "2026-03-30T15:14:47+00:00"
        },
        {
            "name": "symfony/web-profiler-bundle",
--- a/config/packages/api_platform.yaml
+++ b/config/packages/api_platform.yaml
@@ -5,6 +5,8 @@ api_platform:
        stateless: true
        cache_headers:
            vary: ['Content-Type', 'Authorization', 'Origin']
+        pagination_client_items_per_page: true
+        pagination_maximum_items_per_page: 100
    formats:
        json: ['application/json']
        jsonld: ['application/ld+json']
--- a/config/reference.php
+++ b/config/reference.php
@@ -210,18 +210,18 @@ use Symfony\Component\Config\Loader\ParamConfigurator as Param;
 *             initial_marking?: list<scalar|Param|null>,
 *             events_to_dispatch?: list<string|Param>|null,
 *             places?: list<array{ // Default: []
- *                 name: scalar|Param|null,
+ *                 name?: scalar|Param|null,
 *                 metadata?: list<mixed>,
 *             }>,
- *             transitions: list<array{ // Default: []
- *                 name: string|Param,
+ *             transitions?: list<array{ // Default: []
+ *                 name?: string|Param,
 *                 guard?: string|Param, // An expression to block the transition.
 *                 from?: list<array{ // Default: []
- *                     place: string|Param,
+ *                     place?: string|Param,
 *                     weight?: int|Param, // Default: 1
 *                 }>,
 *                 to?: list<array{ // Default: []
- *                     place: string|Param,
+ *                     place?: string|Param,
 *                     weight?: int|Param, // Default: 1
 *                 }>,
 *                 weight?: int|Param, // Default: 1
@@ -232,7 +232,7 @@ use Symfony\Component\Config\Loader\ParamConfigurator as Param;
 *     },
 *     router?: bool|array{ // Router configuration
 *         enabled?: bool|Param, // Default: false
- *         resource: scalar|Param|null,
+ *         resource?: scalar|Param|null,
 *         type?: scalar|Param|null,
 *         default_uri?: scalar|Param|null, // The default URI used to generate URLs in a non-HTTP context. // Default: null
 *         http_port?: scalar|Param|null, // Default: 80
@@ -457,7 +457,7 @@ use Symfony\Component\Config\Loader\ParamConfigurator as Param;
 *                 allow_no_senders?: bool|Param, // Default: true
 *             },
 *             middleware?: list<string|array{ // Default: []
- *                 id: scalar|Param|null,
+ *                 id?: scalar|Param|null,
 *                 arguments?: list<mixed>,
 *             }>,
 *         }>,
@@ -629,7 +629,7 @@ use Symfony\Component\Config\Loader\ParamConfigurator as Param;
 *             lock_factory?: scalar|Param|null, // The service ID of the lock factory used by this limiter (or null to disable locking). // Default: "auto"
 *             cache_pool?: scalar|Param|null, // The cache pool to use for storing the current limiter state. // Default: "cache.rate_limiter"
 *             storage_service?: scalar|Param|null, // The service ID of a custom storage implementation, this precedes any configured "cache_pool". // Default: null
- *             policy: "fixed_window"|"token_bucket"|"sliding_window"|"compound"|"no_limit"|Param, // The algorithm to be used by this limiter.
+ *             policy?: "fixed_window"|"token_bucket"|"sliding_window"|"compound"|"no_limit"|Param, // The algorithm to be used by this limiter.
 *             limiters?: list<scalar|Param|null>,
 *             limit?: int|Param, // The maximum allowed hits in a fixed interval or burst.
 *             interval?: scalar|Param|null, // Configures the fixed interval if "policy" is set to "fixed_window" or "sliding_window". The value must be a number followed by "second", "minute", "hour", "day", "week" or "month" (or their plural equivalent).
@@ -674,7 +674,7 @@ use Symfony\Component\Config\Loader\ParamConfigurator as Param;
 *         enabled?: bool|Param, // Default: false
 *         message_bus?: scalar|Param|null, // The message bus to use. // Default: "messenger.default_bus"
 *         routing?: array<string, array{ // Default: []
- *             service: scalar|Param|null,
+ *             service?: scalar|Param|null,
 *             secret?: scalar|Param|null, // Default: ""
 *         }>,
 *     },
@@ -754,8 +754,8 @@ use Symfony\Component\Config\Loader\ParamConfigurator as Param;
 *             }>,
 *         },
 *         ldap?: array{
- *             service: scalar|Param|null,
- *             base_dn: scalar|Param|null,
+ *             service?: scalar|Param|null,
+ *             base_dn?: scalar|Param|null,
 *             search_dn?: scalar|Param|null, // Default: null
 *             search_password?: scalar|Param|null, // Default: null
 *             extra_fields?: list<scalar|Param|null>,
@@ -766,7 +766,7 @@ use Symfony\Component\Config\Loader\ParamConfigurator as Param;
 *             password_attribute?: scalar|Param|null, // Default: null
 *         },
 *         entity?: array{
- *             class: scalar|Param|null, // The full entity class name of your user class.
+ *             class?: scalar|Param|null, // The full entity class name of your user class.
 *             property?: scalar|Param|null, // Default: null
 *             manager_name?: scalar|Param|null, // Default: null
 *         },
@@ -774,7 +774,7 @@ use Symfony\Component\Config\Loader\ParamConfigurator as Param;
 *             class?: scalar|Param|null, // Default: "Lexik\\Bundle\\JWTAuthenticationBundle\\Security\\User\\JWTUser"
 *         },
 *     }>,
- *     firewalls: array<string, array{ // Default: []
+ *     firewalls?: array<string, array{ // Default: []
 *         pattern?: scalar|Param|null,
 *         host?: scalar|Param|null,
 *         methods?: list<scalar|Param|null>,
@@ -836,9 +836,9 @@ use Symfony\Component\Config\Loader\ParamConfigurator as Param;
 *             authenticator?: scalar|Param|null, // Default: "lexik_jwt_authentication.security.jwt_authenticator"
 *         },
 *         login_link?: array{
- *             check_route: scalar|Param|null, // Route that will validate the login link - e.g. "app_login_link_verify".
+ *             check_route?: scalar|Param|null, // Route that will validate the login link - e.g. "app_login_link_verify".
 *             check_post_only?: scalar|Param|null, // If true, only HTTP POST requests to "check_route" will be handled by the authenticator. // Default: false
- *             signature_properties: list<scalar|Param|null>,
+ *             signature_properties?: list<scalar|Param|null>,
 *             lifetime?: int|Param, // The lifetime of the login link in seconds. // Default: 600
 *             max_uses?: int|Param, // Max number of times a login link can be used - null means unlimited within lifetime. // Default: null
 *             used_link_cache?: scalar|Param|null, // Cache service id used to expired links of max_uses is set.
@@ -940,13 +940,13 @@ use Symfony\Component\Config\Loader\ParamConfigurator as Param;
 *             failure_handler?: scalar|Param|null,
 *             realm?: scalar|Param|null, // Default: null
 *             token_extractors?: list<scalar|Param|null>,
- *             token_handler: string|array{
+ *             token_handler?: string|array{
 *                 id?: scalar|Param|null,
 *                 oidc_user_info?: string|array{
- *                     base_uri: scalar|Param|null, // Base URI of the userinfo endpoint on the OIDC server, or the OIDC server URI to use the discovery (require "discovery" to be configured).
+ *                     base_uri?: scalar|Param|null, // Base URI of the userinfo endpoint on the OIDC server, or the OIDC server URI to use the discovery (require "discovery" to be configured).
 *                     discovery?: array{ // Enable the OIDC discovery.
 *                         cache?: array{
- *                             id: scalar|Param|null, // Cache service id to use to cache the OIDC discovery configuration.
+ *                             id?: scalar|Param|null, // Cache service id to use to cache the OIDC discovery configuration.
 *                         },
 *                     },
 *                     claim?: scalar|Param|null, // Claim which contains the user identifier (e.g. sub, email, etc.). // Default: "sub"
@@ -954,25 +954,25 @@ use Symfony\Component\Config\Loader\ParamConfigurator as Param;
 *                 },
 *                 oidc?: array{
 *                     discovery?: array{ // Enable the OIDC discovery.
- *                         base_uri: list<scalar|Param|null>,
+ *                         base_uri?: list<scalar|Param|null>,
 *                         cache?: array{
- *                             id: scalar|Param|null, // Cache service id to use to cache the OIDC discovery configuration.
+ *                             id?: scalar|Param|null, // Cache service id to use to cache the OIDC discovery configuration.
 *                         },
 *                     },
 *                     claim?: scalar|Param|null, // Claim which contains the user identifier (e.g.: sub, email..). // Default: "sub"
- *                     audience: scalar|Param|null, // Audience set in the token, for validation purpose.
- *                     issuers: list<scalar|Param|null>,
- *                     algorithms: list<scalar|Param|null>,
+ *                     audience?: scalar|Param|null, // Audience set in the token, for validation purpose.
+ *                     issuers?: list<scalar|Param|null>,
+ *                     algorithms?: list<scalar|Param|null>,
 *                     keyset?: scalar|Param|null, // JSON-encoded JWKSet used to sign the token (must contain a list of valid public keys).
 *                     encryption?: bool|array{
 *                         enabled?: bool|Param, // Default: false
 *                         enforce?: bool|Param, // When enabled, the token shall be encrypted. // Default: false
- *                         algorithms: list<scalar|Param|null>,
- *                         keyset: scalar|Param|null, // JSON-encoded JWKSet used to decrypt the token (must contain a list of valid private keys).
+ *                         algorithms?: list<scalar|Param|null>,
+ *                         keyset?: scalar|Param|null, // JSON-encoded JWKSet used to decrypt the token (must contain a list of valid private keys).
 *                     },
 *                 },
 *                 cas?: array{
- *                     validation_url: scalar|Param|null, // CAS server validation URL
+ *                     validation_url?: scalar|Param|null, // CAS server validation URL
 *                     prefix?: scalar|Param|null, // CAS prefix // Default: "cas"
 *                     http_client?: scalar|Param|null, // HTTP Client service // Default: null
 *                 },
@@ -1036,7 +1036,7 @@ use Symfony\Component\Config\Loader\ParamConfigurator as Param;
 *     dbal?: array{
 *         default_connection?: scalar|Param|null,
 *         types?: array<string, string|array{ // Default: []
- *             class: scalar|Param|null,
+ *             class?: scalar|Param|null,
 *         }>,
 *         driver_schemes?: array<string, scalar|Param|null>,
 *         connections?: array<string, array{ // Default: []
@@ -1207,7 +1207,7 @@ use Symfony\Component\Config\Loader\ParamConfigurator as Param;
 *                 datetime_functions?: array<string, scalar|Param|null>,
 *             },
 *             filters?: array<string, string|array{ // Default: []
- *                 class: scalar|Param|null,
+ *                 class?: scalar|Param|null,
 *                 enabled?: bool|Param, // Default: false
 *                 parameters?: array<string, mixed>,
 *             }>,
@@ -1320,14 +1320,14 @@ use Symfony\Component\Config\Loader\ParamConfigurator as Param;
 *     access_token_issuance?: bool|array{
 *         enabled?: bool|Param, // Default: false
 *         signature?: array{
- *             algorithm: scalar|Param|null, // The algorithm use to sign the access tokens.
- *             key: scalar|Param|null, // The signature key. It shall be JWK encoded.
+ *             algorithm?: scalar|Param|null, // The algorithm use to sign the access tokens.
+ *             key?: scalar|Param|null, // The signature key. It shall be JWK encoded.
 *         },
 *         encryption?: bool|array{
 *             enabled?: bool|Param, // Default: false
- *             key_encryption_algorithm: scalar|Param|null, // The key encryption algorithm is used to encrypt the token.
- *             content_encryption_algorithm: scalar|Param|null, // The key encryption algorithm is used to encrypt the token.
- *             key: scalar|Param|null, // The encryption key. It shall be JWK encoded.
+ *             key_encryption_algorithm?: scalar|Param|null, // The key encryption algorithm is used to encrypt the token.
+ *             content_encryption_algorithm?: scalar|Param|null, // The key encryption algorithm is used to encrypt the token.
+ *             key?: scalar|Param|null, // The encryption key. It shall be JWK encoded.
 *         },
 *     },
 *     access_token_verification?: bool|array{
@@ -1337,7 +1337,7 @@ use Symfony\Component\Config\Loader\ParamConfigurator as Param;
 *             claim_checkers?: list<scalar|Param|null>,
 *             mandatory_claims?: list<scalar|Param|null>,
 *             allowed_algorithms?: list<scalar|Param|null>,
- *             keyset: scalar|Param|null, // The signature keyset. It shall be JWKSet encoded.
+ *             keyset?: scalar|Param|null, // The signature keyset. It shall be JWKSet encoded.
 *         },
 *         encryption?: bool|array{
 *             enabled?: bool|Param, // Default: false
@@ -1345,7 +1345,7 @@ use Symfony\Component\Config\Loader\ParamConfigurator as Param;
 *             header_checkers?: list<scalar|Param|null>,
 *             allowed_key_encryption_algorithms?: list<scalar|Param|null>,
 *             allowed_content_encryption_algorithms?: list<scalar|Param|null>,
- *             keyset: scalar|Param|null, // The encryption keyset. It shall be JWKSet encoded.
+ *             keyset?: scalar|Param|null, // The encryption keyset. It shall be JWKSet encoded.
 *         },
 *     },
 *     blocklist_token?: bool|array{
@@ -1489,7 +1489,7 @@ use Symfony\Component\Config\Loader\ParamConfigurator as Param;
 *         },
 *         termsOfService?: scalar|Param|null, // A URL to the Terms of Service for the API. MUST be in the format of a URL. // Default: null
 *         tags?: list<array{ // Default: []
- *             name: scalar|Param|null,
+ *             name?: scalar|Param|null,
 *             description?: scalar|Param|null, // Default: null
 *         }>,
 *         license?: array{
@@ -1605,14 +1605,14 @@ use Symfony\Component\Config\Loader\ParamConfigurator as Param;
 *         name?: mixed,
 *         allow_create?: mixed,
 *         item_uri_template?: mixed,
- *         ...<mixed>
+ *         ...<string, mixed>
 *     },
 * }
 * @psalm-type MonologConfig = array{
 *     use_microseconds?: scalar|Param|null, // Default: true
 *     channels?: list<scalar|Param|null>,
 *     handlers?: array<string, array{ // Default: []
- *         type: scalar|Param|null,
+ *         type?: scalar|Param|null,
 *         id?: scalar|Param|null,
 *         enabled?: bool|Param, // Default: true
 *         priority?: scalar|Param|null, // Default: 0
@@ -1735,7 +1735,7 @@ use Symfony\Component\Config\Loader\ParamConfigurator as Param;
 *         headers?: list<scalar|Param|null>,
 *         mailer?: scalar|Param|null, // Default: null
 *         email_prototype?: string|array{
- *             id: scalar|Param|null,
+ *             id?: scalar|Param|null,
 *             method?: scalar|Param|null, // Default: null
 *         },
 *         verbosity_levels?: array{
@@ -1752,14 +1752,14 @@ use Symfony\Component\Config\Loader\ParamConfigurator as Param;
 *     }>,
 * }
 * @psalm-type EdnotifConfig = array{
- *     guichet_wsdl: scalar|Param|null,
- *     metier_wsdl: scalar|Param|null,
- *     exploitation_code: scalar|Param|null,
+ *     guichet_wsdl?: scalar|Param|null, // Default: "/var/www/html/vendor/malio/ednotif-bundle/resources/ednotif-ws/WsGuichet.wsdl"
+ *     metier_wsdl?: scalar|Param|null, // Default: "/var/www/html/vendor/malio/ednotif-bundle/resources/ednotif-ws/wsIpBNotif.wsdl"
+ *     exploitation_code?: scalar|Param|null,
 *     zone?: scalar|Param|null, // Default: null
 *     application?: scalar|Param|null, // Default: null
- *     login: scalar|Param|null,
- *     password: scalar|Param|null,
- *     exploitation_number: scalar|Param|null,
+ *     login?: scalar|Param|null,
+ *     password?: scalar|Param|null,
+ *     exploitation_number?: scalar|Param|null,
 *     exploitation_country_code?: scalar|Param|null, // Default: "FR"
 *     token_ttl_seconds?: int|Param, // Default: 900
 *     soap_options?: array{
--- a/config/version.yaml
+++ b/config/version.yaml
@@ -1,2 +1,2 @@
 parameters:
-    app.version: '0.0.84'
+    app.version: '0.0.86'
--- a/frontend/components/ui/UiDataTable.vue
+++ b/frontend/components/ui/UiDataTable.vue
@@ -0,0 +1,233 @@
+<template>
+    <div class="w-full">
+        <div class="relative border border-slate-200">
+            <div
+                class="grid items-center gap-6 bg-slate-100 px-4 py-3 text-sm font-semibold uppercase tracking-wide"
+                :style="{ gridTemplateColumns: gridCols }"
+            >
+                <div v-for="col in columns" :key="col.key" class="min-w-0">
+                    <slot :name="`header-${col.key}`" :column="col">{{ col.label }}</slot>
+                </div>
+                <div v-if="showActions" class="min-w-0">
+                    <slot name="header-actions">Actions</slot>
+                </div>
+            </div>
+
+            <div :class="dimRows ? 'opacity-50 transition-opacity' : ''" :aria-busy="loading || undefined">
+                <template v-if="paginatedItems.length">
+                    <div
+                        v-for="(item, index) in paginatedItems"
+                        :key="item.id ?? index"
+                        class="grid gap-6 px-4 py-3 text-sm border-t border-slate-200"
+                        :class="rowClickable ? 'hover:bg-slate-50 cursor-pointer' : ''"
+                        :style="{ gridTemplateColumns: gridCols }"
+                        :role="rowClickable ? 'button' : undefined"
+                        :tabindex="rowClickable ? 0 : undefined"
+                        @click="onRowClick(item)"
+                        @keydown.enter="onRowClick(item)"
+                        @keydown.space.prevent="onRowClick(item)"
+                    >
+                        <div v-for="col in columns" :key="col.key" class="min-w-0 truncate">
+                            <slot :name="`cell-${col.key}`" :item="item" :column="col">
+                                {{ getNestedValue(item, col.key) }}
+                            </slot>
+                        </div>
+                        <div v-if="showActions" @click.stop>
+                            <slot name="actions" :item="item" />
+                        </div>
+                    </div>
+                </template>
+                <div
+                    v-else-if="loading"
+                    class="flex items-center justify-center border-t border-slate-200 px-4 py-8 text-primary-500"
+                    role="status"
+                    aria-live="polite"
+                >
+                    <UiLoadingDots />
+                    <span class="sr-only">Chargement…</span>
+                </div>
+                <div
+                    v-else
+                    class="border-t border-slate-200 px-4 py-8 text-center text-sm text-slate-500"
+                >
+                    <slot name="empty">{{ emptyMessage }}</slot>
+                </div>
+            </div>
+
+            <div
+                v-if="dimRows"
+                class="pointer-events-none absolute inset-0 flex items-center justify-center"
+                role="status"
+                aria-live="polite"
+            >
+                <div class="rounded bg-white/80 px-4 py-2 text-primary-500 shadow">
+                    <UiLoadingDots />
+                    <span class="sr-only">Chargement…</span>
+                </div>
+            </div>
+        </div>
+
+        <div v-if="total > 0" class="flex justify-between pt-2">
+            <div class="flex items-center gap-3">
+                <label :for="perPageId" class="whitespace-nowrap text-sm text-slate-700">Lignes&nbsp;:</label>
+                <select
+                    :id="perPageId"
+                    :value="currentPerPage"
+                    class="h-10 rounded border border-slate-300 bg-white px-2 text-sm text-primary-700"
+                    @change="onPerPageChange(($event.target as HTMLSelectElement).value)"
+                >
+                    <option v-for="n in perPageOptions" :key="n" :value="n">{{ n }}</option>
+                </select>
+            </div>
+
+            <nav aria-label="Pagination" class="flex items-center gap-1">
+                <button
+                    type="button"
+                    class="h-10 px-3 text-sm text-primary-500 hover:underline disabled:cursor-not-allowed disabled:text-slate-400 disabled:no-underline"
+                    :disabled="currentPage <= 1"
+                    aria-label="Page précédente"
+                    @click="goToPage(currentPage - 1)"
+                >
+                    Prev
+                </button>
+
+                <template v-for="(entry, i) in visiblePages" :key="`${typeof entry}-${entry}-${i}`">
+                    <span
+                        v-if="entry === '...'"
+                        class="px-1 text-sm text-slate-400"
+                        aria-hidden="true"
+                    >…</span>
+                    <button
+                        v-else
+                        type="button"
+                        class="h-10 min-w-[2.5rem] rounded px-2 text-sm transition-colors"
+                        :class="entry === currentPage
+                            ? 'bg-primary-500 font-semibold text-white'
+                            : 'text-slate-700 hover:bg-slate-100'"
+                        :aria-current="entry === currentPage ? 'page' : undefined"
+                        @click="goToPage(entry)"
+                    >
+                        {{ entry }}
+                    </button>
+                </template>
+
+                <button
+                    type="button"
+                    class="h-10 px-3 text-sm text-primary-500 hover:underline disabled:cursor-not-allowed disabled:text-slate-400 disabled:no-underline"
+                    :disabled="currentPage >= totalPages"
+                    aria-label="Page suivante"
+                    @click="goToPage(currentPage + 1)"
+                >
+                    Next
+                </button>
+            </nav>
+        </div>
+    </div>
+</template>
+
+<script setup lang="ts" generic="T extends Record<string, any>">
+import { computed, useId } from 'vue'
+
+interface Column {
+    key: string
+    label: string
+    width?: string
+}
+
+const props = withDefaults(defineProps<{
+    columns: Column[]
+    items: T[]
+    totalItems?: number
+    page?: number
+    perPage?: number
+    perPageOptions?: number[]
+    rowClickable?: boolean
+    showActions?: boolean
+    emptyMessage?: string
+    loading?: boolean
+}>(), {
+    totalItems: undefined,
+    page: 1,
+    perPage: 10,
+    perPageOptions: () => [10, 25, 50],
+    rowClickable: false,
+    showActions: false,
+    emptyMessage: 'Aucune donnée',
+    loading: false
+})
+
+const emit = defineEmits<{
+    (e: 'update:page', value: number): void
+    (e: 'update:perPage', value: number): void
+    (e: 'row-click', item: T): void
+}>()
+
+const perPageId = useId()
+
+const currentPage = computed(() => props.page)
+const currentPerPage = computed(() => props.perPage)
+
+const isServerSide = computed(() => props.totalItems !== undefined)
+const total = computed(() => props.totalItems ?? props.items.length)
+
+const totalPages = computed(() =>
+    Math.max(1, Math.ceil(total.value / currentPerPage.value))
+)
+
+const paginatedItems = computed(() => {
+    if (isServerSide.value) return props.items
+    const start = (currentPage.value - 1) * currentPerPage.value
+    return props.items.slice(start, start + currentPerPage.value)
+})
+
+const gridCols = computed(() => {
+    const dataCols = props.columns.map(c => c.width ?? '1fr').join(' ')
+    return props.showActions ? `${dataCols} 60px` : dataCols
+})
+
+const dimRows = computed(() => props.loading && paginatedItems.value.length > 0)
+
+const visiblePages = computed<(number | '...')[]>(() => {
+    const tp = totalPages.value
+    const cp = currentPage.value
+
+    if (tp <= 5) {
+        return Array.from({ length: tp }, (_, i) => i + 1)
+    }
+
+    const pages: (number | '...')[] = []
+    pages.push(1)
+
+    if (cp > 3) pages.push('...')
+
+    const start = Math.max(2, cp - 1)
+    const end = Math.min(tp - 1, cp + 1)
+    for (let i = start; i <= end; i++) pages.push(i)
+
+    if (cp < tp - 2) pages.push('...')
+
+    if (tp > 1) pages.push(tp)
+
+    return pages
+})
+
+const goToPage = (n: number) => {
+    if (n < 1 || n > totalPages.value || n === currentPage.value) return
+    emit('update:page', n)
+}
+
+const onPerPageChange = (value: string) => {
+    emit('update:perPage', Number(value))
+    emit('update:page', 1)
+}
+
+const onRowClick = (item: T) => {
+    if (!props.rowClickable) return
+    emit('row-click', item)
+}
+
+const getNestedValue = (obj: any, path: string): string => {
+    const value = path.split('.').reduce((acc, key) => acc?.[key], obj)
+    return value ?? '—'
+}
+</script>
--- a/frontend/components/ui/UiDateInput.vue
+++ b/frontend/components/ui/UiDateInput.vue
@@ -14,8 +14,9 @@
            :value="modelValue ?? ''"
            :disabled="disabled"
            v-bind="attrs"
-            class="border-b border-primary-700 justify-self-start text-xl text-primary-700 py-[6px] uppercase bg-transparent appearance-none h-[34px]"
+            class="w-full min-w-0 border-b border-primary-700 justify-self-start text-primary-700 bg-transparent appearance-none"
            :class="[
+                sizeClass,
                isEmpty ? 'text-neutral-400' : 'text-primary-700',
                disabled ? 'cursor-not-allowed' : 'cursor-pointer',
                inputClass
@@ -36,12 +37,14 @@ const props = withDefaults(
        label?: string
        modelValue: string | null | undefined
        disabled?: boolean
+        size?: 'default' | 'compact'
        wrapperClass?: string
        labelClass?: string
        inputClass?: string
    }>(),
    {
        disabled: false,
+        size: 'default',
        wrapperClass: '',
        labelClass: '',
        inputClass: ''
@@ -54,6 +57,11 @@ const emit = defineEmits<{

 const attrs = useAttrs()
 const isEmpty = computed(() => !props.modelValue)
+const sizeClass = computed(() =>
+    props.size === 'compact'
+        ? 'text-sm h-8 font-normal normal-case tracking-normal'
+        : 'text-xl py-[6px] uppercase h-[34px]'
+)

 const onInput = (event: Event) => {
    const target = event.target as HTMLInputElement
--- a/frontend/components/ui/UiSelect.vue
+++ b/frontend/components/ui/UiSelect.vue
@@ -13,15 +13,16 @@
            :value="modelValue ?? ''"
            :disabled="disabled || loading"
            v-bind="attrs"
-            class="border-b border-primary-700 justify-self-start text-xl text-primary-700 py-[6px] bg-transparent"
+            class="w-full min-w-0 border-b border-primary-700 justify-self-start text-primary-700 bg-transparent"
            :class="[
+                sizeClass,
                isEmpty ? 'text-neutral-400' : 'text-primary-700',
                disabled || loading ? 'cursor-not-allowed' : 'cursor-pointer',
                selectClass
            ]"
            @change="onChange"
        >
-            <option value="" disabled class="text-neutral-400">
+            <option value="" class="text-neutral-400">
                {{ placeholderText }}
            </option>
            <option
@@ -55,6 +56,7 @@ const props = withDefaults(
        options: SelectOption[]
        disabled?: boolean
        loading?: boolean
+        size?: 'default' | 'compact'
        wrapperClass?: string
        labelClass?: string
        selectClass?: string
@@ -63,6 +65,7 @@ const props = withDefaults(
        placeholder: 'Sélectionner',
        disabled: false,
        loading: false,
+        size: 'default',
        wrapperClass: '',
        labelClass: '',
        selectClass: ''
@@ -77,6 +80,11 @@ const attrs = useAttrs()

 const isEmpty = computed(() => props.modelValue === '' || props.modelValue === null || props.modelValue === undefined)
 const placeholderText = computed(() => props.placeholder || 'Sélectionner')
+const sizeClass = computed(() =>
+    props.size === 'compact'
+        ? 'text-sm h-8 font-normal normal-case tracking-normal'
+        : 'text-xl py-[6px]'
+)

 const onChange = (event: Event) => {
    const target = event.target as HTMLSelectElement
--- a/frontend/components/ui/UiTextInput.vue
+++ b/frontend/components/ui/UiTextInput.vue
@@ -16,9 +16,10 @@
            :maxlength="maxlength"
            :disabled="disabled"
            v-bind="attrs"
-            class="border-b border-black text-xl py-[6px] bg-transparent text-primary-700"
+            class="w-full min-w-0 border-b border-primary-700 bg-transparent"
            :class="[
-                isEmpty ? 'text-neutral-400' : 'text-black',
+                sizeClass,
+                isEmpty ? 'text-neutral-400' : 'text-primary-700',
                disabled ? 'cursor-not-allowed' : 'cursor-text',
                inputClass
            ]"
@@ -40,6 +41,7 @@ const props = withDefaults(
        placeholder?: string
        maxlength?: number | string
        disabled?: boolean
+        size?: 'default' | 'compact'
        wrapperClass?: string
        labelClass?: string
        inputClass?: string
@@ -48,6 +50,7 @@ const props = withDefaults(
        placeholder: '',
        maxlength: undefined,
        disabled: false,
+        size: 'default',
        wrapperClass: '',
        labelClass: '',
        inputClass: ''
@@ -60,6 +63,11 @@ const emit = defineEmits<{

 const attrs = useAttrs()
 const isEmpty = computed(() => !props.modelValue)
+const sizeClass = computed(() =>
+    props.size === 'compact'
+        ? 'text-sm h-8 font-normal normal-case tracking-normal'
+        : 'text-xl py-[6px]'
+)

 const onInput = (event: Event) => {
    const target = event.target as HTMLInputElement
--- a/frontend/components/ui/license-plate-input.vue
+++ b/frontend/components/ui/license-plate-input.vue
@@ -10,7 +10,7 @@
              :maxlength="maxLength"
              :placeholder="placeholderText"
              :required="required"
-              class="border-b border-black flex-1 min-w-0 text-xl text-primary-500 uppercase h-[36px] py-[6px]"
+              class="border-b border-primary-700 flex-1 min-w-0 text-xl text-primary-500 uppercase h-[36px] py-[6px]"
              @input="handleInput"
          />
          <UiCheckbox
--- a/frontend/composables/useDataTableServerState.ts
+++ b/frontend/composables/useDataTableServerState.ts
@@ -0,0 +1,102 @@
+import { ref, watch } from 'vue'
+import { useApi } from '~/composables/useApi'
+
+type FilterValue = string | number | boolean | null
+
+export interface UseDataTableServerStateOptions {
+    initialPerPage?: number
+    debounceMs?: number
+}
+
+export function useDataTableServerState<T = Record<string, unknown>>(
+    endpoint: string,
+    initialFilters: Record<string, FilterValue> = {},
+    options: UseDataTableServerStateOptions = {}
+) {
+    const api = useApi()
+
+    const debounceMs = options.debounceMs ?? 300
+    const initialPerPage = options.initialPerPage ?? 10
+
+    const items = ref<T[]>([]) as { value: T[] }
+    const totalItems = ref(0)
+    const page = ref(1)
+    const perPage = ref(initialPerPage)
+    const filters = ref<Record<string, FilterValue>>({ ...initialFilters })
+    const loading = ref(false)
+
+    let debounceTimer: ReturnType<typeof setTimeout> | null = null
+    let requestToken = 0
+
+    const buildQueryParams = (): Record<string, string | number | boolean> => {
+        const params: Record<string, string | number | boolean> = {
+            page: page.value,
+            itemsPerPage: perPage.value
+        }
+        for (const [key, value] of Object.entries(filters.value)) {
+            if (value === '' || value === null) continue
+            params[key] = value as string | number | boolean
+        }
+        return params
+    }
+
+    const fetchItems = async (): Promise<void> => {
+        const currentToken = ++requestToken
+        loading.value = true
+        try {
+            const data = await api.get<{ member: T[]; totalItems: number }>(
+                endpoint,
+                buildQueryParams(),
+                {
+                    toast: false,
+                    headers: { Accept: 'application/ld+json' }
+                }
+            )
+            if (currentToken !== requestToken) return
+            items.value = data?.member ?? []
+            totalItems.value = data?.totalItems ?? 0
+        } finally {
+            if (currentToken === requestToken) {
+                loading.value = false
+            }
+        }
+    }
+
+    const reload = (): void => {
+        if (debounceTimer) {
+            clearTimeout(debounceTimer)
+            debounceTimer = null
+        }
+        void fetchItems()
+    }
+
+    const scheduleReload = (): void => {
+        if (debounceTimer) clearTimeout(debounceTimer)
+        debounceTimer = setTimeout(() => {
+            debounceTimer = null
+            void fetchItems()
+        }, debounceMs)
+    }
+
+    watch([page, perPage], () => {
+        reload()
+    })
+
+    watch(filters, () => {
+        if (page.value !== 1) {
+            page.value = 1
+            return
+        }
+        scheduleReload()
+    }, { deep: true })
+
+    return {
+        items,
+        totalItems,
+        page,
+        perPage,
+        filters,
+        loading,
+        reload
+    }
+}
--- a/frontend/pages/admin/bovin/bovin-list.vue
+++ b/frontend/pages/admin/bovin/bovin-list.vue
@@ -1,33 +1,31 @@
 <template>
-    <div class="flex items-center justify-between ">
+    <div class="flex items-center justify-between">
        <h1 class="text-4xl font-bold uppercase text-primary-500">Liste des types bovins</h1>
    </div>
-    <div class="mt-7 border border-slate-200 mb-11 ">
-        <div class="grid grid-cols-2 gap-4 text-primary-700 bg-slate-100 px-4 py-3 text-sm font-semibold uppercase tracking-wide">
-            <div>Nom</div>
-            <div>Code</div>
-        </div>
-        <div v-if="!auth.isAdmin" class="px-4 py-6 text-slate-400">
-            Accès réservé aux administrateurs.
-        </div>
-        <div v-else-if="bovinList.length === 0" class="px-4 py-6 text-slate-400">
-            Aucun type de bovin.
-        </div>
-        <template v-else>
-            <div
-                v-for="bovin in bovinList"
-                :key="bovin.id"
-                class="grid grid-cols-2 text-primary-700 gap-4 px-4 py-3 text-sm hover:bg-slate-50 cursor-pointer border-t border-slate-200"
-                role="button"
-                tabindex="0"
-                @click="goToBovin(bovin.id)"
-                @keydown.enter="goToBovin(bovin.id)"
-            >
-                <div>{{ bovin.label }}</div>
-                <div>{{ bovin.code }}</div>
-            </div>
-        </template>
+
+    <div v-if="auth.isAdmin" class="mt-7 mb-11">
+        <UiDataTable
+            v-model:page="page"
+            v-model:per-page="perPage"
+            :columns="columns"
+            :items="items"
+            :total-items="totalItems"
+            :loading="loading"
+            row-clickable
+            @row-click="goToBovin"
+        >
+            <template #header-label>
+                <UiTextInput v-model="filters.label" placeholder="Nom" size="compact" />
+            </template>
+            <template #header-code>
+                <UiTextInput v-model="filters.code" placeholder="Code" size="compact" />
+            </template>
+        </UiDataTable>
    </div>
+    <div v-else class="mt-7 border border-slate-200 mb-11 px-4 py-6 text-slate-400">
+        Accès réservé aux administrateurs.
+    </div>
+
    <div class="flex justify-center items-center">
        <NuxtLink
            to="/admin/bovin"
@@ -35,24 +33,37 @@
            :class="auth.isAdmin ? '' : 'cursor-not-allowed opacity-60'"
            @click="handleAddClick"
        >
-            <Icon name="mdi:plus" size="28"  />
+            <Icon name="mdi:plus" size="28" />
            Ajouter
        </NuxtLink>
    </div>
 </template>

 <script setup lang="ts">
-import { getBovineTypeList } from "~/services/bovine-type"
-import type { BovineTypeData } from "~/services/dto/bovine-type-data"
-import { useAuthStore } from "~/stores/auth"
+import type { BovineTypeData } from '~/services/dto/bovine-type-data'
+import { useAuthStore } from '~/stores/auth'
+import { useDataTableServerState } from '~/composables/useDataTableServerState'

-const bovinList = ref<BovineTypeData[]>([])
 const router = useRouter()
 const auth = useAuthStore()

-const goToBovin = (id: number) => {
+const { items, totalItems, page, perPage, filters, loading, reload } =
+    useDataTableServerState<BovineTypeData>(
+        'bovine_types',
+        {
+            label: '',
+            code: ''
+        }
+    )
+
+const columns = [
+    { key: 'label', label: 'Nom' },
+    { key: 'code', label: 'Code' }
+]
+
+const goToBovin = (bovin: BovineTypeData) => {
    if (!auth.isAdmin) return
-    router.push(`/admin/bovin/${id}`)
+    router.push(`/admin/bovin/${bovin.id}`)
 }

 const handleAddClick = (event: Event) => {
@@ -60,8 +71,7 @@ const handleAddClick = (event: Event) => {
    event.preventDefault()
 }

-onMounted(async () => {
-    if (!auth.isAdmin) return
-    bovinList.value = await getBovineTypeList()
+onMounted(() => {
+    if (auth.isAdmin) reload()
 })
 </script>
--- a/frontend/pages/admin/carrier/carrier-list.vue
+++ b/frontend/pages/admin/carrier/carrier-list.vue
@@ -1,51 +1,62 @@
 <template>
-
-    <div class="flex items-center justify-between ">
-            <h1 class="text-4xl font-bold uppercase text-primary-500">listes des transporteurs</h1>
+    <div class="flex items-center justify-between">
+        <h1 class="text-4xl font-bold uppercase text-primary-500">listes des transporteurs</h1>
+    </div>
+
+    <div class="mt-7 mb-11">
+        <UiDataTable
+            v-model:page="page"
+            v-model:per-page="perPage"
+            :columns="columns"
+            :items="items"
+            :total-items="totalItems"
+            :loading="loading"
+            row-clickable
+            @row-click="goToCarrier"
+        >
+            <template #header-name>
+                <UiTextInput v-model="filters.name" placeholder="Label" size="compact" />
+            </template>
+            <template #header-code>
+                <UiTextInput v-model="filters.code" placeholder="Code" size="compact" />
+            </template>
+        </UiDataTable>
    </div>

-        <div class="mt-7 border border-slate-200 mb-11 ">
-            <div class="grid grid-cols-2 gap-4 text-primary-700 bg-slate-100 px-4 py-3 text-sm font-semibold uppercase tracking-wide">
-                <div>Label</div>
-                <div>Code</div>
-            </div>
-            <div
-                v-for="carrier in carrierList"
-                :key="carrier.id"
-                class="grid grid-cols-2 text-primary-700 gap-4 px-4 py-3 text-sm hover:bg-slate-50 cursor-pointer border-t border-slate-200"
-                role="button"
-                tabindex="0"
-                @click="goToCarrier(carrier.id)"
-                @keydown.enter="goToCarrier(carrier.id)"
-            >
-                <div>{{ carrier.name}}</div>
-                <div>{{ carrier.code }}</div>
-            </div>
-        </div>
    <div class="flex justify-center items-center">
        <NuxtLink
            to="/admin/carrier"
            class="inline-flex items-center justify-center text-xl text-white uppercase bg-primary-500 h-[50px] px-8 rounded hover:opacity-80 gap-2"
        >
-            <Icon name="mdi:plus" size="28"  />
+            <Icon name="mdi:plus" size="28" />
            Ajouter
        </NuxtLink>
    </div>
-
 </template>

 <script setup lang="ts">
-import type {CarrierData} from "~/services/dto/carrier-data";
-import {getCarrierList} from "~/services/carrier";
+import type { CarrierData } from '~/services/dto/carrier-data'
+import { useDataTableServerState } from '~/composables/useDataTableServerState'

-const carrierList = ref<CarrierData[]>()
 const router = useRouter()

-const goToCarrier = (id: number) => {
-    router.push(`/admin/carrier/${id}`)
+const { items, totalItems, page, perPage, filters, loading, reload } =
+    useDataTableServerState<CarrierData>(
+        'carriers',
+        {
+            name: '',
+            code: ''
+        }
+    )
+
+const columns = [
+    { key: 'name', label: 'Label' },
+    { key: 'code', label: 'Code' }
+]
+
+const goToCarrier = (carrier: CarrierData) => {
+    router.push(`/admin/carrier/${carrier.id}`)
 }

-onMounted(async () => {
-    carrierList.value = await getCarrierList(false)
-})
+onMounted(reload)
 </script>
--- a/frontend/pages/admin/customer/customer-list.vue
+++ b/frontend/pages/admin/customer/customer-list.vue
@@ -3,37 +3,35 @@
        <h1 class="text-4xl font-bold uppercase text-primary-500">Liste des clients</h1>
    </div>

-    <div v-if="auth.isAdmin" class="mt-7 border border-slate-200 mb-11">
-        <div class="max-h-96 overflow-y-auto">
-            <div
-                class="sticky text-primary-700 top-0 z-10 grid grid-cols-4 gap-4 bg-slate-100 px-4 py-3 text-sm font-semibold uppercase tracking-wide"
-            >
-                <div>Nom</div>
-                <div>Téléphone</div>
-                <div>Mail</div>
-                <div>Créé par</div>
-            </div>
-
-            <div v-if="customerList.length === 0" class="px-4 py-6 text-slate-400">
-                Aucun client.
-            </div>
-
-            <div
-                v-for="customer in customerList"
-                :key="customer.id"
-                class="grid grid-cols-4 text-primary-700 hover:bg-slate-50 border-t gap-4 px-4 py-2 cursor-pointer"
-                @click="goToCustomer(customer.id)"
-            >
-                <div class="truncate">{{ customer.name || "—" }}</div>
-                <div class="truncate">{{ customer.phone || "—" }}</div>
-                <div class="truncate">{{ customer.email || "—" }}</div>
-                <div class="truncate">{{ customer.createdBy?.username || "—" }}</div>
-            </div>
-        </div>
+    <div v-if="auth.isAdmin" class="mt-7 mb-11">
+        <UiDataTable
+            v-model:page="page"
+            v-model:per-page="perPage"
+            :columns="columns"
+            :items="items"
+            :total-items="totalItems"
+            :loading="loading"
+            row-clickable
+            @row-click="goToCustomer"
+        >
+            <template #header-name>
+                <UiTextInput v-model="filters.name" placeholder="Nom" size="compact" />
+            </template>
+            <template #header-phone>
+                <UiTextInput v-model="filters.phone" placeholder="Téléphone" size="compact" />
+            </template>
+            <template #header-email>
+                <UiTextInput v-model="filters.email" placeholder="Mail" size="compact" />
+            </template>
+            <template #header-createdBy.username>
+                <UiTextInput v-model="filters['createdBy.username']" placeholder="Créé par" size="compact" />
+            </template>
+        </UiDataTable>
    </div>
    <div v-else class="mt-7 border border-slate-200 mb-11 px-4 py-6 text-slate-400">
        Accès réservé aux administrateurs.
    </div>
+
    <div class="flex justify-center items-center">
        <NuxtLink
            to="/admin/customer"
@@ -48,17 +46,34 @@
 </template>

 <script setup lang="ts">
-import { getCustomerList } from "~/services/customer"
-import type { CustomerData } from "~/services/dto/customer-data"
-import { useAuthStore } from "~/stores/auth"
+import type { CustomerData } from '~/services/dto/customer-data'
+import { useAuthStore } from '~/stores/auth'
+import { useDataTableServerState } from '~/composables/useDataTableServerState'

-const customerList = ref<CustomerData[]>([])
 const router = useRouter()
 const auth = useAuthStore()

-const goToCustomer = (id: number) => {
+const { items, totalItems, page, perPage, filters, loading, reload } =
+    useDataTableServerState<CustomerData>(
+        'customers',
+        {
+            name: '',
+            phone: '',
+            email: '',
+            'createdBy.username': ''
+        }
+    )
+
+const columns = [
+    { key: 'name', label: 'Nom' },
+    { key: 'phone', label: 'Téléphone' },
+    { key: 'email', label: 'Mail' },
+    { key: 'createdBy.username', label: 'Créé par' }
+]
+
+const goToCustomer = (customer: CustomerData) => {
    if (!auth.isAdmin) return
-    router.push(`/admin/customer/${id}`)
+    router.push(`/admin/customer/${customer.id}`)
 }

 const handleAddClick = (event: Event) => {
@@ -66,8 +81,7 @@ const handleAddClick = (event: Event) => {
    event.preventDefault()
 }

-onMounted(async () => {
-    if (!auth.isAdmin) return
-    customerList.value = await getCustomerList()
+onMounted(() => {
+    if (auth.isAdmin) reload()
 })
 </script>
--- a/frontend/pages/admin/supplier/supplier-list.vue
+++ b/frontend/pages/admin/supplier/supplier-list.vue
@@ -3,37 +3,35 @@
        <h1 class="text-4xl font-bold uppercase text-primary-500">Liste des fournisseurs</h1>
    </div>

-    <div v-if="auth.isAdmin" class="mt-7 border border-slate-200 mb-11">
-        <div class="max-h-96 overflow-y-auto">
-            <div
-                class="sticky text-primary-700 top-0 z-10 grid grid-cols-4 gap-4 bg-slate-100 px-4 py-3 text-sm font-semibold uppercase tracking-wide"
-            >
-                <div>Nom</div>
-                <div>Téléphone</div>
-                <div>Mail</div>
-                <div>Créé par</div>
-            </div>
-
-            <div v-if="supplierList.length === 0" class="px-4 py-6 text-slate-400">
-                Aucun fournisseur.
-            </div>
-
-            <div
-                v-for="supplier in supplierList"
-                :key="supplier.id"
-                class="grid grid-cols-4 text-primary-700 hover:bg-slate-50 border-t gap-4 px-4 py-2 cursor-pointer"
-                @click="goToSupplier(supplier.id)"
-            >
-                <div class="truncate">{{ supplier.name || "—" }}</div>
-                <div class="truncate">{{ supplier.phone || "—" }}</div>
-                <div class="truncate">{{ supplier.email || "—" }}</div>
-                <div class="truncate">{{ supplier.createdBy?.username || "—" }}</div>
-            </div>
-        </div>
+    <div v-if="auth.isAdmin" class="mt-7 mb-11">
+        <UiDataTable
+            v-model:page="page"
+            v-model:per-page="perPage"
+            :columns="columns"
+            :items="items"
+            :total-items="totalItems"
+            :loading="loading"
+            row-clickable
+            @row-click="goToSupplier"
+        >
+            <template #header-name>
+                <UiTextInput v-model="filters.name" placeholder="Nom" size="compact" />
+            </template>
+            <template #header-phone>
+                <UiTextInput v-model="filters.phone" placeholder="Téléphone" size="compact" />
+            </template>
+            <template #header-email>
+                <UiTextInput v-model="filters.email" placeholder="Mail" size="compact" />
+            </template>
+            <template #header-createdBy.username>
+                <UiTextInput v-model="filters['createdBy.username']" placeholder="Créé par" size="compact" />
+            </template>
+        </UiDataTable>
    </div>
    <div v-else class="mt-7 border border-slate-200 mb-11 px-4 py-6 text-slate-400">
        Accès réservé aux administrateurs.
    </div>
+
    <div class="flex justify-center items-center">
        <NuxtLink
            to="/admin/supplier"
@@ -48,17 +46,34 @@
 </template>

 <script setup lang="ts">
-import { getSupplierList } from "~/services/supplier"
-import type { SupplierData } from "~/services/dto/supplier-data"
-import { useAuthStore } from "~/stores/auth"
+import type { SupplierData } from '~/services/dto/supplier-data'
+import { useAuthStore } from '~/stores/auth'
+import { useDataTableServerState } from '~/composables/useDataTableServerState'

-const supplierList = ref<SupplierData[]>([])
 const router = useRouter()
 const auth = useAuthStore()

-const goToSupplier = (id: number) => {
+const { items, totalItems, page, perPage, filters, loading, reload } =
+    useDataTableServerState<SupplierData>(
+        'suppliers',
+        {
+            name: '',
+            phone: '',
+            email: '',
+            'createdBy.username': ''
+        }
+    )
+
+const columns = [
+    { key: 'name', label: 'Nom' },
+    { key: 'phone', label: 'Téléphone' },
+    { key: 'email', label: 'Mail' },
+    { key: 'createdBy.username', label: 'Créé par' }
+]
+
+const goToSupplier = (supplier: SupplierData) => {
    if (!auth.isAdmin) return
-    router.push(`/admin/supplier/${id}`)
+    router.push(`/admin/supplier/${supplier.id}`)
 }

 const handleAddClick = (event: Event) => {
@@ -66,8 +81,7 @@ const handleAddClick = (event: Event) => {
    event.preventDefault()
 }

-onMounted(async () => {
-    if (!auth.isAdmin) return
-    supplierList.value = await getSupplierList()
+onMounted(() => {
+    if (auth.isAdmin) reload()
 })
 </script>
--- a/frontend/pages/admin/user/list.vue
+++ b/frontend/pages/admin/user/list.vue
@@ -3,42 +3,52 @@
        <h1 class="text-4xl font-bold uppercase text-primary-500">Liste des utilisateurs</h1>
    </div>

-    <div v-if="auth.isAdmin" class="mt-7 border border-slate-200 mb-11">
-        <div class="grid grid-cols-3 text-primary-700 gap-4 bg-slate-100 px-4 py-3 text-sm font-semibold uppercase tracking-wide">
-            <div>Utilisateur</div>
-            <div>Role</div>
-            <div>Statut</div>
-        </div>
-        <div v-if="userList.length === 0" class="px-4 py-6 text-slate-400">
-            Aucun utilisateur.
-        </div>
-        <template v-else>
-            <div
-                v-for="user in userList"
-                :key="user.id"
-                class="grid grid-cols-3 text-primary-700 gap-4 px-4 py-3 text-sm hover:bg-slate-50 cursor-pointer border-t border-slate-200 items-center"
-                role="button"
-                tabindex="0"
-                @click="goToUser(user.id)"
-                @keydown.enter="goToUser(user.id)"
-            >
-                <div>{{ user.username }}</div>
-                <div>{{ getRoleLabels(user.roles) }}</div>
-                <div>
-                    <span
-                        v-if="user.isLocked"
-                        class="inline-block px-2 py-0.5 text-xs font-semibold rounded bg-red-100 text-red-700"
-                    >Verrouillé</span>
-                    <span
-                        v-else
-                        class="inline-block px-2 py-0.5 text-xs font-semibold rounded bg-green-100 text-green-700"
-                    >Actif</span>
-                </div>
-            </div>
-        </template>
+    <div v-if="auth.isAdmin" class="mt-7 mb-11">
+        <UiDataTable
+            v-model:page="page"
+            v-model:per-page="perPage"
+            :columns="columns"
+            :items="items"
+            :total-items="totalItems"
+            :loading="loading"
+            row-clickable
+            @row-click="goToUser"
+        >
+            <template #header-username>
+                <UiTextInput
+                    v-model="filters.username"
+                    placeholder="Utilisateur"
+                    size="compact"
+                />
+            </template>
+            <template #header-roles>
+                <UiTextInput :model-value="''" placeholder="Role" size="compact" disabled />
+            </template>
+            <template #header-isLocked>
+                <UiSelect
+                    v-model="filters.isLocked"
+                    placeholder="Statut"
+                    :options="statusOptions"
+                    size="compact"
+                />
+            </template>
+            <template #cell-roles="{ item }">
+                {{ getRoleLabels(item.roles) }}
+            </template>
+            <template #cell-isLocked="{ item }">
+                <span
+                    v-if="item.isLocked"
+                    class="inline-block px-2 py-0.5 text-xs font-semibold rounded bg-red-100 text-red-700"
+                >Verrouillé</span>
+                <span
+                    v-else
+                    class="inline-block px-2 py-0.5 text-xs font-semibold rounded bg-green-100 text-green-700"
+                >Actif</span>
+            </template>
+        </UiDataTable>
    </div>
    <div v-else class="mt-7 border border-slate-200 mb-11 px-4 py-6 text-slate-400">
-        Acces reserve aux administrateurs.
+        Accès réservé aux administrateurs.
    </div>

    <div class="flex justify-center items-center">
@@ -55,19 +65,43 @@
 </template>

 <script setup lang="ts">
-import type { UserData } from "~/services/dto/user-data"
-import { getAdminUsers } from "~/services/auth"
-import { ROLE } from "~/utils/constants"
-import { useAuthStore } from "~/stores/auth"
+import type { UserData } from '~/services/dto/user-data'
+import { ROLE } from '~/utils/constants'
+import { useAuthStore } from '~/stores/auth'
+import { useDataTableServerState } from '~/composables/useDataTableServerState'

-const userList = ref<UserData[]>([])
 const router = useRouter()
 const auth = useAuthStore()
-const roleLabelByValue = new Map(ROLE.map((role) => [role.value, role.label]))
+const roleLabelByValue = new Map(ROLE.map(role => [role.value, role.label]))

-const goToUser = (id: number) => {
+const { items, totalItems, page, perPage, filters, loading, reload } =
+    useDataTableServerState<UserData>(
+        'admin/users',
+        {
+            username: '',
+            isLocked: ''
+        }
+    )
+
+const statusOptions = [
+    { value: 'false', label: 'Actif' },
+    { value: 'true', label: 'Verrouillé' }
+]
+
+const columns = [
+    { key: 'username', label: 'Utilisateur' },
+    { key: 'roles', label: 'Role' },
+    { key: 'isLocked', label: 'Statut', width: '160px' }
+]
+
+const getRoleLabels = (roles?: string[]) => {
+    if (!roles || roles.length === 0) return '---'
+    return roles.map(role => roleLabelByValue.get(role) ?? role).join(', ')
+}
+
+const goToUser = (user: UserData) => {
    if (!auth.isAdmin) return
-    router.push(`/admin/user/${id}`)
+    router.push(`/admin/user/${user.id}`)
 }

 const handleAddClick = (event: Event) => {
@@ -75,18 +109,7 @@ const handleAddClick = (event: Event) => {
    event.preventDefault()
 }

-const getRoleLabels = (roles?: string[]) => {
-    if (!roles || roles.length === 0) {
-        return '---'
-    }
-
-    return roles
-        .map((role) => roleLabelByValue.get(role) ?? role)
-        .join(', ')
-}
-
-onMounted(async () => {
-    if (!auth.isAdmin) return
-    userList.value = await getAdminUsers()
+onMounted(() => {
+    if (auth.isAdmin) reload()
 })
 </script>
--- a/frontend/pages/infrastructure/case.vue
+++ b/frontend/pages/infrastructure/case.vue
@@ -33,42 +33,51 @@
            </NuxtLink>
        </div>

-        <div class="mt-8 border border-slate-200 mb-16">
-            <div
-                class="grid grid-cols-3 gap-4 bg-slate-100 px-4 py-3 text-sm font-semibold uppercase tracking-wide"
+        <div class="mt-8 mb-16">
+            <UiDataTable
+                v-model:page="page"
+                v-model:per-page="perPage"
+                :columns="columns"
+                :items="items"
+                :total-items="totalItems"
+                :loading="loading"
+                :row-clickable="auth.isAdmin"
+                empty-message="Aucun bovin dans cette case."
+                @row-click="goToBovine"
            >
-                <div>Numéro national</div>
-                <div>Poids à l'arrivée (kg)</div>
-                <div>Date d'arrivée</div>
-            </div>
-            <template v-if="bovines.length > 0">
-                <div
-                    v-for="bovine in bovines"
-                    :key="bovine.id"
-                    class="grid grid-cols-3 gap-4 px-4 py-3 text-sm border-t border-slate-200"
-                    :class="auth.isAdmin ? 'cursor-pointer hover:bg-slate-50' : ''"
-                    :role="auth.isAdmin ? 'button' : undefined"
-                    :tabindex="auth.isAdmin ? 0 : undefined"
-                    @click="goToBovine(bovine.id)"
-                    @keydown.enter="goToBovine(bovine.id)"
-                >
-                    <div>{{ bovine.nationalNumber }}</div>
-                    <div>{{ bovine.receivedWeight ?? '—' }}</div>
-                    <div>{{ formatDate(bovine.arrivalDate) }}</div>
-                </div>
-            </template>
-            <div
-                v-else
-                class="px-4 py-3 text-sm border-t border-slate-200 text-slate-500"
-            >
-                Aucun bovin dans cette case.
-            </div>
+                <template #header-nationalNumber>
+                    <UiTextInput
+                        v-model="filters.nationalNumber"
+                        placeholder="Numéro national"
+                        size="compact"
+                    />
+                </template>
+                <template #header-receivedWeight>
+                    <UiTextInput
+                        v-model="filters.receivedWeight"
+                        placeholder="Poids (kg)"
+                        size="compact"
+                    />
+                </template>
+                <template #header-arrivalDate>
+                    <UiDateInput v-model="arrivalDateFilter" size="compact" />
+                </template>
+                <template #cell-arrivalDate="{ item }">
+                    {{ formatDate(item.arrivalDate) }}
+                </template>
+                <template #cell-receivedWeight="{ item }">
+                    {{ item.receivedWeight ?? '—' }}
+                </template>
+            </UiDataTable>
        </div>
    </div>
 </template>
+
 <script setup lang="ts">
 import type { BuildingCaseData } from '~/services/dto/building-case-data'
+import type { BovineData } from '~/services/dto/bovine-data'
 import { useAuthStore } from '~/stores/auth'
+import { useDataTableServerState } from '~/composables/useDataTableServerState'

 const route = useRoute()
 const router = useRouter()
@@ -80,7 +89,44 @@ const caseId = computed(() => Number(route.query.id))
 const hasCaseId = computed(() => Number.isFinite(caseId.value) && caseId.value > 0)

 const buildingCase = ref<BuildingCaseData | null>(null)
-const bovines = computed(() => buildingCase.value?.bovines ?? [])
+
+const { items, totalItems, page, perPage, filters, loading, reload } =
+    useDataTableServerState<BovineData>(
+        'bovines',
+        {
+            buildingCase: '',
+            nationalNumber: '',
+            receivedWeight: '',
+            'arrivalDate[after]': '',
+            'arrivalDate[strictly_before]': ''
+        },
+        { initialPerPage: 10 }
+    )
+
+const addOneDay = (dateString: string): string => {
+    const [year, month, day] = dateString.split('-').map(Number)
+    const next = new Date(Date.UTC(year, month - 1, day + 1))
+    return next.toISOString().slice(0, 10)
+}
+
+const arrivalDateFilter = computed<string>({
+    get: () => (filters.value['arrivalDate[after]'] as string) ?? '',
+    set: (value: string) => {
+        if (!value) {
+            filters.value['arrivalDate[after]'] = ''
+            filters.value['arrivalDate[strictly_before]'] = ''
+            return
+        }
+        filters.value['arrivalDate[after]'] = value
+        filters.value['arrivalDate[strictly_before]'] = addOneDay(value)
+    }
+})
+
+const columns = [
+    { key: 'nationalNumber', label: 'Numéro national' },
+    { key: 'receivedWeight', label: "Poids à l'arrivée (kg)" },
+    { key: 'arrivalDate', label: "Date d'arrivée" }
+]

 const title = computed(() => {
    if (!buildingCase.value) return ''
@@ -114,21 +160,27 @@ const loadCase = async () => {
 }

 const printCaseReport = async () => {
-    if (!hasCaseId.value) {
-        return
-    }
-
+    if (!hasCaseId.value) return
    const filename = `tableau_poids_case_${caseId.value}.pdf`
    await printPdf(`/building_cases/${caseId.value}/weights-report`, filename)
 }

-const goToBovine = (id: number) => {
+const goToBovine = (bovine: BovineData) => {
    if (!auth.isAdmin) return
    router.push({
        path: '/infrastructure/bovine',
-        query: { id: String(id), caseId: String(caseId.value) }
+        query: { id: String(bovine.id), caseId: String(caseId.value) }
    })
 }

-watch(caseId, loadCase, { immediate: true })
+watch(caseId, (id) => {
+    if (!hasCaseId.value) {
+        filters.value.buildingCase = ''
+        buildingCase.value = null
+        return
+    }
+    filters.value.buildingCase = `/api/building_cases/${id}`
+    loadCase()
+    reload()
+}, { immediate: true })
 </script>
--- a/frontend/pages/reception/finish-reception.vue
+++ b/frontend/pages/reception/finish-reception.vue
@@ -5,41 +5,126 @@
    </div>

    <div class="px-[86px]">
-        <div class="mt-6 border border-slate-200 mb-16 ">
-            <div class="grid grid-cols-6 gap-4 bg-slate-100 px-4 py-3 text-sm font-semibold uppercase tracking-wide">
-                <div>Numéro</div>
-                <div>Date et heure</div>
-                <div>Fournisseur</div>
-                <div>Adresse</div>
-                <div>Type réception</div>
-                <div>Poids</div>
-            </div>
-            <div
-                v-for="reception in receptionList"
-                :key="reception.id"
-                class="grid grid-cols-6 gap-4 px-4 py-3 text-sm hover:bg-slate-50 cursor-pointer border-t border-slate-200"
-                role="button"
-                tabindex="0"
-                @click="goToReception(reception.id)"
+        <div class="mt-6 mb-16">
+            <UiDataTable
+                v-model:page="page"
+                v-model:per-page="perPage"
+                :columns="columns"
+                :items="items"
+                :total-items="totalItems"
+                :loading="loading"
+                row-clickable
+                @row-click="goToReception"
            >
-                <div>{{ reception.identificationNumber}}</div>
-                <div>{{ formatDate(reception.receptionDate) }}</div>
-                <div>{{ reception.supplier?.name }}</div>
-                <div>{{ reception.address?.fullAddress }}</div>
-                <div>{{ reception.receptionType?.label }}</div>
-                <div>{{ formatWeighing(reception) }}</div>
-            </div>
+                <template #header-identificationNumber>
+                    <UiTextInput
+                        v-model="filters.identificationNumber"
+                        placeholder="Numéro"
+                        size="compact"
+                    />
+                </template>
+                <template #header-receptionDate>
+                    <UiDateInput
+                        v-model="receptionDateFilter"
+                        size="compact"
+                    />
+                </template>
+                <template #header-supplier.name>
+                    <UiTextInput
+                        v-model="filters['supplier.name']"
+                        placeholder="Fournisseur"
+                        size="compact"
+                    />
+                </template>
+                <template #header-address.fullAddress>
+                    <UiTextInput
+                        :model-value="''"
+                        placeholder="Adresse"
+                        size="compact"
+                        disabled
+                    />
+                </template>
+                <template #header-receptionType.label>
+                    <UiSelect
+                        v-model="filters['receptionType.id']"
+                        placeholder="Type réception"
+                        :options="receptionTypeOptions"
+                        size="compact"
+                    />
+                </template>
+                <template #header-weighing>
+                    <UiTextInput
+                        :model-value="''"
+                        placeholder="Poids"
+                        size="compact"
+                        disabled
+                    />
+                </template>
+                <template #cell-receptionDate="{ item }">
+                    {{ formatDate(item.receptionDate) }}
+                </template>
+                <template #cell-weighing="{ item }">
+                    {{ formatWeighing(item) }}
+                </template>
+            </UiDataTable>
        </div>
    </div>
 </template>

 <script setup lang="ts">
-import type {ReceptionData} from "~/services/dto/reception-data";
-import {getReceptionList} from "~/services/reception";
-import type {ShipmentData} from "~/services/dto/shipment-data";
+import type { ReceptionData } from '~/services/dto/reception-data'
+import type { ReceptionTypeData } from '~/services/dto/reception-type-data'
+import { getReceptionTypeList } from '~/services/reception-type'
+import { useDataTableServerState } from '~/composables/useDataTableServerState'

-const receptionList = ref<ReceptionData[]>()
 const router = useRouter()
+const receptionTypes = ref<ReceptionTypeData[]>([])
+
+const receptionTypeOptions = computed(() =>
+    receptionTypes.value.map(rt => ({ value: rt.id, label: rt.label }))
+)
+
+const { items, totalItems, page, perPage, filters, loading, reload } =
+    useDataTableServerState<ReceptionData>(
+        'receptions',
+        {
+            isValid: true,
+            'identificationNumber': '',
+            'supplier.name': '',
+            'receptionType.id': '',
+            'receptionDate[after]': '',
+            'receptionDate[strictly_before]': ''
+        },
+        { initialPerPage: 10 }
+    )
+
+const addOneDay = (dateString: string): string => {
+    const [year, month, day] = dateString.split('-').map(Number)
+    const next = new Date(Date.UTC(year, month - 1, day + 1))
+    return next.toISOString().slice(0, 10)
+}
+
+const receptionDateFilter = computed<string>({
+    get: () => (filters.value['receptionDate[after]'] as string) ?? '',
+    set: (value: string) => {
+        if (!value) {
+            filters.value['receptionDate[after]'] = ''
+            filters.value['receptionDate[strictly_before]'] = ''
+            return
+        }
+        filters.value['receptionDate[after]'] = value
+        filters.value['receptionDate[strictly_before]'] = addOneDay(value)
+    }
+})
+
+const columns = [
+    { key: 'identificationNumber', label: 'Numéro', width: '75px' },
+    { key: 'receptionDate', label: 'Date et heure', width: '120px' },
+    { key: 'supplier.name', label: 'Fournisseur', width: '1.5fr' },
+    { key: 'address.fullAddress', label: 'Adresse', width: '2fr' },
+    { key: 'receptionType.label', label: 'Type réception', width: '0.9fr' },
+    { key: 'weighing', label: 'Poids', width: '82px' }
+]

 const formatDate = (date: string | null) => {
    if (!date) return '—'
@@ -65,11 +150,12 @@ const formatWeighing = (reception: ReceptionData) => {
    return `${gross - tare} kg`
 }

-const goToReception = (id: number) => {
-    router.push(`/reception/update/${id}`)
+const goToReception = (reception: ReceptionData) => {
+    router.push(`/reception/update/${reception.id}`)
 }

 onMounted(async () => {
-    receptionList.value = await getReceptionList(true)
+    receptionTypes.value = await getReceptionTypeList()
+    reload()
 })
 </script>
--- a/frontend/pages/reception/waiting-reception.vue
+++ b/frontend/pages/reception/waiting-reception.vue
@@ -1,43 +1,135 @@
 <template>
-    <WorkflowWaitingList
-        title="listes des réceptions en attente"
-        :columns="columns"
-        :items="receptionList ?? []"
-        route-prefix="/reception"
-        :show-actions="auth.isAdmin"
-    >
-        <template #cell-receptionDate="{ item }">
-            {{ formatDate(item.receptionDate) }}
-        </template>
-        <template #actions="{ item }">
-            <Icon
-                name="mdi:delete-outline"
-                size="24"
-                class="cursor-pointer text-red-500 hover:text-red-700"
-                @click="confirmDelete(item)"
-            />
-        </template>
-    </WorkflowWaitingList>
+    <div class="flex items-center justify-start gap-10">
+        <Icon @click="router.push('/')" name="gg:arrow-left-o" size="44" class="cursor-pointer text-primary-500"/>
+        <h1 class="text-3xl font-bold uppercase text-primary-500">listes des réceptions en attente</h1>
+    </div>
+
+    <div class="px-[86px]">
+        <div class="mt-6 mb-16">
+            <UiDataTable
+                v-model:page="page"
+                v-model:per-page="perPage"
+                :columns="columns"
+                :items="items"
+                :total-items="totalItems"
+                :loading="loading"
+                :show-actions="auth.isAdmin"
+                row-clickable
+                @row-click="goToReception"
+            >
+                <template #header-receptionDate>
+                    <UiDateInput v-model="receptionDateFilter" size="compact" />
+                </template>
+                <template #header-supplier.name>
+                    <UiTextInput
+                        v-model="filters['supplier.name']"
+                        placeholder="Fournisseur"
+                        size="compact"
+                    />
+                </template>
+                <template #header-address.fullAddress>
+                    <UiTextInput :model-value="''" placeholder="Adresse" size="compact" disabled />
+                </template>
+                <template #header-receptionType.label>
+                    <UiSelect
+                        v-model="filters['receptionType.id']"
+                        placeholder="Type réception"
+                        :options="receptionTypeOptions"
+                        size="compact"
+                    />
+                </template>
+                <template #header-carrier.name>
+                    <UiTextInput
+                        v-model="filters['carrier.name']"
+                        placeholder="Transporteur"
+                        size="compact"
+                    />
+                </template>
+                <template #header-licensePlate>
+                    <UiTextInput
+                        v-model="filters['licensePlate']"
+                        placeholder="Immatriculation"
+                        size="compact"
+                    />
+                </template>
+                <template #header-actions>
+                    <UiTextInput :model-value="''" placeholder="Actions" size="compact" disabled />
+                </template>
+                <template #cell-receptionDate="{ item }">
+                    {{ formatDate(item.receptionDate) }}
+                </template>
+                <template #actions="{ item }">
+                    <Icon
+                        name="mdi:delete-outline"
+                        size="24"
+                        class="cursor-pointer text-red-500 hover:text-red-700"
+                        @click="confirmDelete(item)"
+                    />
+                </template>
+            </UiDataTable>
+        </div>
+    </div>
 </template>

 <script setup lang="ts">
 import type { ReceptionData } from '~/services/dto/reception-data'
-import { getReceptionList, deleteReception } from '~/services/reception'
+import type { ReceptionTypeData } from '~/services/dto/reception-type-data'
+import { deleteReception } from '~/services/reception'
+import { getReceptionTypeList } from '~/services/reception-type'
 import { useAuthStore } from '~/stores/auth'
+import { useDataTableServerState } from '~/composables/useDataTableServerState'

+const router = useRouter()
 const auth = useAuthStore()
+const receptionTypes = ref<ReceptionTypeData[]>([])
+
+const receptionTypeOptions = computed(() =>
+    receptionTypes.value.map(rt => ({ value: rt.id, label: rt.label }))
+)
+
+const { items, totalItems, page, perPage, filters, loading, reload } =
+    useDataTableServerState<ReceptionData>(
+        'receptions',
+        {
+            isValid: false,
+            'supplier.name': '',
+            'carrier.name': '',
+            'licensePlate': '',
+            'receptionType.id': '',
+            'receptionDate[after]': '',
+            'receptionDate[strictly_before]': ''
+        },
+        { initialPerPage: 10 }
+    )
+
+const addOneDay = (dateString: string): string => {
+    const [year, month, day] = dateString.split('-').map(Number)
+    const next = new Date(Date.UTC(year, month - 1, day + 1))
+    return next.toISOString().slice(0, 10)
+}
+
+const receptionDateFilter = computed<string>({
+    get: () => (filters.value['receptionDate[after]'] as string) ?? '',
+    set: (value: string) => {
+        if (!value) {
+            filters.value['receptionDate[after]'] = ''
+            filters.value['receptionDate[strictly_before]'] = ''
+            return
+        }
+        filters.value['receptionDate[after]'] = value
+        filters.value['receptionDate[strictly_before]'] = addOneDay(value)
+    }
+})

 const columns = [
-    { key: 'receptionDate', label: 'Date et heure' },
-    { key: 'supplier.name', label: 'Fournisseur' },
-    { key: 'address.fullAddress', label: 'Adresse' },
-    { key: 'receptionType.label', label: 'Type réception' },
+    { key: 'receptionDate', label: 'Date et heure', width: '120px' },
+    { key: 'supplier.name', label: 'Fournisseur', width: '1.5fr' },
+    { key: 'address.fullAddress', label: 'Adresse', width: '2fr' },
+    { key: 'receptionType.label', label: 'Type réception', width: '1.1fr' },
    { key: 'carrier.name', label: 'Transporteur' },
-    { key: 'licensePlate', label: 'Immatriculation' }
+    { key: 'licensePlate', label: 'Immatriculation', width: '110px' }
 ]

-const receptionList = ref<ReceptionData[]>()
-
 const formatDate = (date: string | null) => {
    if (!date) return '—'
    const d = new Date(date.replace(' ', 'T'))
@@ -51,6 +143,10 @@ const formatDate = (date: string | null) => {
    })
 }

+const goToReception = (reception: ReceptionData) => {
+    router.push(`/reception/${reception.id}`)
+}
+
 const confirmDelete = async (reception: ReceptionData) => {
    const confirmed = window.confirm(
        `Êtes-vous sûr de vouloir supprimer la réception ${reception.identificationNumber ?? `#${reception.id}`} ? Toutes les données liées seront supprimées.`
@@ -58,10 +154,11 @@ const confirmDelete = async (reception: ReceptionData) => {
    if (!confirmed) return

    await deleteReception(reception.id)
-    receptionList.value = receptionList.value?.filter(r => r.id !== reception.id)
+    reload()
 }

 onMounted(async () => {
-    receptionList.value = await getReceptionList(false)
+    receptionTypes.value = await getReceptionTypeList()
+    reload()
 })
 </script>
--- a/frontend/pages/shipment/finish-shipment.vue
+++ b/frontend/pages/shipment/finish-shipment.vue
@@ -5,51 +5,148 @@
    </div>

    <div class="px-[86px]">
-        <div class="mt-6 border border-slate-200 mb-16 ">
-            <div class="grid grid-cols-6 gap-4 bg-slate-100 px-4 py-3 text-sm font-semibold uppercase tracking-wide">
-                <div>Numéro</div>
-                <div>Date</div>
-                <div>Client</div>
-                <div>Adresse</div>
-                <div>Type d'expéditon</div>
-                <div>Poids</div>
-            </div>
-            <div
-                v-for="shipment in shipmentList"
-                :key="shipment
-               .id"
-                class="grid grid-cols-6 gap-4 px-4 py-3 text-sm hover:bg-slate-50 cursor-pointer border-t border-slate-200"
-                role="button"
-                tabindex="0"
-                @click="goShipment(shipment.id)"
+        <div class="mt-6 mb-16">
+            <UiDataTable
+                v-model:page="page"
+                v-model:per-page="perPage"
+                :columns="columns"
+                :items="items"
+                :total-items="totalItems"
+                :loading="loading"
+                row-clickable
+                @row-click="goToShipment"
            >
-                <div>{{ shipment.identificationNumber }}</div>
-                <div>{{ shipment.shipmentDate }}</div>
-                <div>{{ shipment.customer?.name }}</div>
-                <div>{{ shipment.address?.fullAddress }}</div>
-                <div>
-                    <template v-if="formatShipmentLines(shipment).length">
+                <template #header-identificationNumber>
+                    <UiTextInput
+                        v-model="filters.identificationNumber"
+                        placeholder="Numéro"
+                        size="compact"
+                    />
+                </template>
+                <template #header-shipmentDate>
+                    <UiDateInput v-model="shipmentDateFilter" size="compact" />
+                </template>
+                <template #header-customer.name>
+                    <UiTextInput
+                        v-model="filters['customer.name']"
+                        placeholder="Client"
+                        size="compact"
+                    />
+                </template>
+                <template #header-address.fullAddress>
+                    <UiTextInput :model-value="''" placeholder="Adresse" size="compact" disabled />
+                </template>
+                <template #header-shipmentType.label>
+                    <UiSelect
+                        v-model="filters['shipmentType.id']"
+                        placeholder="Type d'expédition"
+                        :options="shipmentTypeOptions"
+                        size="compact"
+                    />
+                </template>
+                <template #header-weighing>
+                    <UiTextInput :model-value="''" placeholder="Poids" size="compact" disabled />
+                </template>
+                <template #cell-shipmentDate="{ item }">
+                    {{ formatDate(item.shipmentDate) }}
+                </template>
+                <template #cell-shipmentType.label="{ item }">
+                    <template v-if="formatShipmentLines(item).length">
                        <div
-                            v-for="(line, index) in formatShipmentLines(shipment)"
+                            v-for="(line, index) in formatShipmentLines(item)"
                            :key="index"
                            class="leading-5"
                        >
                            {{ line }}
                        </div>
                    </template>
-                </div>
-                <div>{{ formatWeighing(shipment) }}</div>
-            </div>
+                    <template v-else>—</template>
+                </template>
+                <template #cell-weighing="{ item }">
+                    {{ formatWeighing(item) }}
+                </template>
+            </UiDataTable>
        </div>
    </div>
 </template>

 <script setup lang="ts">
-import type {ShipmentData} from "~/services/dto/shipment-data";
-import {getShipmentList} from "~/services/shipment";
+import type { ShipmentData } from '~/services/dto/shipment-data'
+import type { ShipmentTypeData } from '~/services/dto/shipment-type-data'
+import { getShipmentTypeList } from '~/services/shipment-type'
+import { useDataTableServerState } from '~/composables/useDataTableServerState'

-const shipmentList = ref<ShipmentData[]>()
 const router = useRouter()
+const shipmentTypes = ref<ShipmentTypeData[]>([])
+
+const shipmentTypeOptions = computed(() =>
+    shipmentTypes.value.map(st => ({ value: st.id, label: st.label }))
+)
+
+const { items, totalItems, page, perPage, filters, loading, reload } =
+    useDataTableServerState<ShipmentData>(
+        'shipments',
+        {
+            isValid: true,
+            'identificationNumber': '',
+            'customer.name': '',
+            'shipmentType.id': '',
+            'shipmentDate[after]': '',
+            'shipmentDate[strictly_before]': ''
+        },
+        { initialPerPage: 10 }
+    )
+
+const addOneDay = (dateString: string): string => {
+    const [year, month, day] = dateString.split('-').map(Number)
+    const next = new Date(Date.UTC(year, month - 1, day + 1))
+    return next.toISOString().slice(0, 10)
+}
+
+const shipmentDateFilter = computed<string>({
+    get: () => (filters.value['shipmentDate[after]'] as string) ?? '',
+    set: (value: string) => {
+        if (!value) {
+            filters.value['shipmentDate[after]'] = ''
+            filters.value['shipmentDate[strictly_before]'] = ''
+            return
+        }
+        filters.value['shipmentDate[after]'] = value
+        filters.value['shipmentDate[strictly_before]'] = addOneDay(value)
+    }
+})
+
+const columns = [
+    { key: 'identificationNumber', label: 'Numéro', width: '75px' },
+    { key: 'shipmentDate', label: 'Date', width: '120px' },
+    { key: 'customer.name', label: 'Client', width: '1.5fr' },
+    { key: 'address.fullAddress', label: 'Adresse', width: '2fr' },
+    { key: 'shipmentType.label', label: "Type d'expédition", width: '1.1fr' },
+    { key: 'weighing', label: 'Poids', width: '82px' }
+]
+
+const formatDate = (date: string | null) => {
+    if (!date) return '—'
+    const d = new Date(date.replace(' ', 'T'))
+    if (isNaN(d.getTime())) return date
+    return d.toLocaleDateString('fr-FR', {
+        day: '2-digit',
+        month: '2-digit',
+        year: 'numeric',
+        hour: '2-digit',
+        minute: '2-digit'
+    })
+}
+
+const formatShipmentLines = (shipment: ShipmentData) => {
+    if (!shipment.shipmentType && shipment.nbBovinSend == null) {
+        return []
+    }
+    const label = typeof shipment.shipmentType === 'string'
+        ? shipment.shipmentType
+        : shipment.shipmentType?.label
+    return [`${label ?? '—'} : ${shipment.nbBovinSend ?? '—'}`]
+}

 const formatWeighing = (shipment: ShipmentData) => {
    const gross = shipment.weights?.find((weight) => weight.type === 'gross')?.weight
@@ -62,24 +159,12 @@ const formatWeighing = (shipment: ShipmentData) => {
    return `${gross - tare} kg`
 }

-
-const formatShipmentLines = (shipment: ShipmentData) => {
-    if (!shipment.shipmentType && shipment.nbBovinSend == null) {
-        return []
-    }
-
-    const label = typeof shipment.shipmentType === 'string'
-        ? shipment.shipmentType
-        : shipment.shipmentType?.label
-
-    return [`${label ?? '—'} : ${shipment.nbBovinSend ?? '—'}`]
-}
-
-const goShipment = (id: number) => {
-    router.push(`/shipment/update/${id}`)
+const goToShipment = (shipment: ShipmentData) => {
+    router.push(`/shipment/update/${shipment.id}`)
 }

 onMounted(async () => {
-    shipmentList.value = await getShipmentList(true)
+    shipmentTypes.value = await getShipmentTypeList()
+    reload()
 })
 </script>
--- a/frontend/pages/shipment/waiting-shipment.vue
+++ b/frontend/pages/shipment/waiting-shipment.vue
@@ -1,55 +1,147 @@
 <template>
-    <WorkflowWaitingList
-        title="listes des expéditions en attente"
-        :columns="columns"
-        :items="shipmentList ?? []"
-        route-prefix="/shipment"
-        :show-actions="auth.isAdmin"
-    >
-        <template #cell-shipmentDate="{ item }">
-            {{ formatDate(item.shipmentDate) }}
-        </template>
-        <template #cell-shipmentType="{ item }">
-            <template v-if="formatShipmentLines(item).length">
-                <div
-                    v-for="(line, index) in formatShipmentLines(item)"
-                    :key="index"
-                    class="leading-5"
-                >
-                    {{ line }}
-                </div>
-            </template>
-            <template v-else>—</template>
-        </template>
-        <template #actions="{ item }">
-            <Icon
-                name="mdi:delete-outline"
-                size="24"
-                class="cursor-pointer text-red-500 hover:text-red-700"
-                @click="confirmDelete(item)"
-            />
-        </template>
-    </WorkflowWaitingList>
+    <div class="flex items-center justify-start gap-10">
+        <Icon @click="router.push('/')" name="gg:arrow-left-o" size="44" class="cursor-pointer text-primary-500"/>
+        <h1 class="text-3xl font-bold uppercase text-primary-500">listes des expéditions en attente</h1>
+    </div>
+
+    <div class="px-[86px]">
+        <div class="mt-6 mb-16">
+            <UiDataTable
+                v-model:page="page"
+                v-model:per-page="perPage"
+                :columns="columns"
+                :items="items"
+                :total-items="totalItems"
+                :loading="loading"
+                :show-actions="auth.isAdmin"
+                row-clickable
+                @row-click="goToShipment"
+            >
+                <template #header-shipmentDate>
+                    <UiDateInput v-model="shipmentDateFilter" size="compact" />
+                </template>
+                <template #header-customer.name>
+                    <UiTextInput
+                        v-model="filters['customer.name']"
+                        placeholder="Client"
+                        size="compact"
+                    />
+                </template>
+                <template #header-address.fullAddress>
+                    <UiTextInput :model-value="''" placeholder="Adresse" size="compact" disabled />
+                </template>
+                <template #header-shipmentType.label>
+                    <UiSelect
+                        v-model="filters['shipmentType.id']"
+                        placeholder="Type d'expé."
+                        :options="shipmentTypeOptions"
+                        size="compact"
+                    />
+                </template>
+                <template #header-carrier.name>
+                    <UiTextInput
+                        v-model="filters['carrier.name']"
+                        placeholder="Transporteur"
+                        size="compact"
+                    />
+                </template>
+                <template #header-licensePlate>
+                    <UiTextInput
+                        v-model="filters['licensePlate']"
+                        placeholder="Immatriculation"
+                        size="compact"
+                    />
+                </template>
+                <template #header-actions>
+                    <UiTextInput :model-value="''" placeholder="Actions" size="compact" disabled />
+                </template>
+                <template #cell-shipmentDate="{ item }">
+                    {{ formatDate(item.shipmentDate) }}
+                </template>
+                <template #cell-shipmentType.label="{ item }">
+                    <template v-if="formatShipmentLines(item).length">
+                        <div
+                            v-for="(line, index) in formatShipmentLines(item)"
+                            :key="index"
+                            class="leading-5"
+                        >
+                            {{ line }}
+                        </div>
+                    </template>
+                    <template v-else>—</template>
+                </template>
+                <template #actions="{ item }">
+                    <Icon
+                        name="mdi:delete-outline"
+                        size="24"
+                        class="cursor-pointer text-red-500 hover:text-red-700"
+                        @click="confirmDelete(item)"
+                    />
+                </template>
+            </UiDataTable>
+        </div>
+    </div>
 </template>

 <script setup lang="ts">
 import type { ShipmentData } from '~/services/dto/shipment-data'
-import { getShipmentList, deleteShipment } from '~/services/shipment'
+import type { ShipmentTypeData } from '~/services/dto/shipment-type-data'
+import { deleteShipment } from '~/services/shipment'
+import { getShipmentTypeList } from '~/services/shipment-type'
 import { useAuthStore } from '~/stores/auth'
+import { useDataTableServerState } from '~/composables/useDataTableServerState'

+const router = useRouter()
 const auth = useAuthStore()
+const shipmentTypes = ref<ShipmentTypeData[]>([])
+
+const shipmentTypeOptions = computed(() =>
+    shipmentTypes.value.map(st => ({ value: st.id, label: st.label }))
+)
+
+const { items, totalItems, page, perPage, filters, loading, reload } =
+    useDataTableServerState<ShipmentData>(
+        'shipments',
+        {
+            isValid: false,
+            'customer.name': '',
+            'carrier.name': '',
+            'licensePlate': '',
+            'shipmentType.id': '',
+            'shipmentDate[after]': '',
+            'shipmentDate[strictly_before]': ''
+        },
+        { initialPerPage: 10 }
+    )
+
+const addOneDay = (dateString: string): string => {
+    const [year, month, day] = dateString.split('-').map(Number)
+    const next = new Date(Date.UTC(year, month - 1, day + 1))
+    return next.toISOString().slice(0, 10)
+}
+
+const shipmentDateFilter = computed<string>({
+    get: () => (filters.value['shipmentDate[after]'] as string) ?? '',
+    set: (value: string) => {
+        if (!value) {
+            filters.value['shipmentDate[after]'] = ''
+            filters.value['shipmentDate[strictly_before]'] = ''
+            return
+        }
+        filters.value['shipmentDate[after]'] = value
+        filters.value['shipmentDate[strictly_before]'] = addOneDay(value)
+    }
+})

 const columns = [
-    { key: 'shipmentDate', label: 'Date et heure' },
-    { key: 'customer.name', label: 'Client' },
-    { key: 'address.fullAddress', label: 'Adresse' },
-    { key: 'shipmentType', label: "Type d'expé." },
+    { key: 'shipmentDate', label: 'Date et heure', width: '120px' },
+    { key: 'customer.name', label: 'Client', width: '1.5fr' },
+    { key: 'address.fullAddress', label: 'Adresse', width: '2fr' },
+    { key: 'shipmentType.label', label: "Type d'expé.", width: '1.1fr' },
    { key: 'carrier.name', label: 'Transporteur' },
-    { key: 'licensePlate', label: 'Immatriculation' }
+    { key: 'licensePlate', label: 'Immatriculation', width: '110px' }
 ]

-const shipmentList = ref<ShipmentData[]>()
-
 const formatDate = (date: string | null) => {
    if (!date) return '—'
    const d = new Date(date.replace(' ', 'T'))
@@ -73,6 +165,10 @@ const formatShipmentLines = (shipment: ShipmentData) => {
    return [`${label ?? '—'} : ${shipment.nbBovinSend ?? '—'}`]
 }

+const goToShipment = (shipment: ShipmentData) => {
+    router.push(`/shipment/${shipment.id}`)
+}
+
 const confirmDelete = async (shipment: ShipmentData) => {
    const confirmed = window.confirm(
        `Êtes-vous sûr de vouloir supprimer l'expédition ${shipment.identificationNumber ?? `#${shipment.id}`} ? Toutes les données liées seront supprimées.`
@@ -80,10 +176,11 @@ const confirmDelete = async (shipment: ShipmentData) => {
    if (!confirmed) return

    await deleteShipment(shipment.id)
-    shipmentList.value = shipmentList.value?.filter(s => s.id !== shipment.id)
+    reload()
 }

 onMounted(async () => {
-    shipmentList.value = await getShipmentList(false)
+    shipmentTypes.value = await getShipmentTypeList()
+    reload()
 })
 </script>
--- a/src/ApiResource/AnimalSummary.php
+++ b/src/ApiResource/AnimalSummary.php
@@ -0,0 +1,31 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\ApiResource;
+
+final class AnimalSummary
+{
+    public ?string $countryCode    = null;
+    public ?string $nationalNumber = null;
+
+    public ?string $sex        = null;
+    public ?string $breedType  = null;
+    public ?string $workNumber = null;
+
+    public ?string $birthDate                 = null;
+    public ?string $birthDateCompletenessFlag = null;
+
+    public ?bool $isFilie = null;
+
+    public ?string $motherNationalNumber = null;
+    public ?string $motherBreedType      = null;
+
+    public ?string $fatherNationalNumber = null;
+    public ?string $fatherBreedType      = null;
+
+    public ?string $birthExploitationNumber = null;
+
+    /** @var list<PresencePeriod> */
+    public array $presencePeriods = [];
+}
--- a/src/ApiResource/AppVersion.php
+++ b/src/ApiResource/AppVersion.php
@@ -6,7 +6,7 @@ namespace App\ApiResource;

 use ApiPlatform\Metadata\ApiResource;
 use ApiPlatform\Metadata\Get;
-use App\State\AppVersionProvider;
+use App\State\System\AppVersionProvider;
 use Symfony\Component\Serializer\Attribute\Groups;

 #[ApiResource(
--- a/src/ApiResource/BovinIdentification.php
+++ b/src/ApiResource/BovinIdentification.php
@@ -7,12 +7,14 @@ namespace App\ApiResource;
 use ApiPlatform\Metadata\ApiProperty;
 use ApiPlatform\Metadata\ApiResource;
 use ApiPlatform\Metadata\Get;
-use App\State\BovinIdentificationProvider;
+use ApiPlatform\OpenApi\Model\Operation as OpenApiOperation;
+use App\State\Bovin\BovinIdentificationProvider;

 #[ApiResource(
    operations: [
        new Get(
            uriTemplate: '/bovins/{numeroNational}/identification',
+            openapi: new OpenApiOperation(tags: ['Bovins']),
            provider: BovinIdentificationProvider::class
        ),
    ]
--- a/src/ApiResource/BovinInventory.php
+++ b/src/ApiResource/BovinInventory.php
@@ -0,0 +1,34 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\ApiResource;
+
+use ApiPlatform\Metadata\ApiProperty;
+use ApiPlatform\Metadata\ApiResource;
+use ApiPlatform\Metadata\Get;
+use ApiPlatform\OpenApi\Model\Operation as OpenApiOperation;
+use App\State\Bovin\BovinInventoryProvider;
+
+#[ApiResource(
+    operations: [
+        new Get(
+            uriTemplate: '/bovins/inventory/{startDate}',
+            openapi: new OpenApiOperation(tags: ['Bovins']),
+            provider: BovinInventoryProvider::class
+        ),
+    ]
+)]
+final class BovinInventory
+{
+    #[ApiProperty(identifier: true)]
+    public string $startDate;
+
+    public ?string $endDate           = null;
+    public ?bool $includesEarTagStock = null;
+    public int $nbBovins              = 0;
+    public int $earTagSeriesCount     = 0;
+
+    /** @var list<AnimalSummary> */
+    public array $animals = [];
+}
--- a/src/ApiResource/BovinPresumedExit.php
+++ b/src/ApiResource/BovinPresumedExit.php
@@ -0,0 +1,12 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\ApiResource;
+
+final class BovinPresumedExit
+{
+    public ?string $countryCode    = null;
+    public ?string $nationalNumber = null;
+    public ?string $exitDate       = null;
+}
--- a/src/ApiResource/BovinPresumedExits.php
+++ b/src/ApiResource/BovinPresumedExits.php
@@ -0,0 +1,31 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\ApiResource;
+
+use ApiPlatform\Metadata\ApiProperty;
+use ApiPlatform\Metadata\ApiResource;
+use ApiPlatform\Metadata\Get;
+use ApiPlatform\OpenApi\Model\Operation as OpenApiOperation;
+use App\State\Bovin\BovinPresumedExitsProvider;
+
+#[ApiResource(
+    operations: [
+        new Get(
+            uriTemplate: '/bovins/presumed-exits',
+            openapi: new OpenApiOperation(tags: ['Bovins']),
+            provider: BovinPresumedExitsProvider::class
+        ),
+    ]
+)]
+final class BovinPresumedExits
+{
+    #[ApiProperty(identifier: true)]
+    public string $id = 'current';
+
+    public int $nbBovins = 0;
+
+    /** @var list<BovinPresumedExit> */
+    public array $presumedExits = [];
+}
--- a/src/ApiResource/BovinReturnedDossiers.php
+++ b/src/ApiResource/BovinReturnedDossiers.php
@@ -0,0 +1,31 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\ApiResource;
+
+use ApiPlatform\Metadata\ApiProperty;
+use ApiPlatform\Metadata\ApiResource;
+use ApiPlatform\Metadata\Get;
+use ApiPlatform\OpenApi\Model\Operation as OpenApiOperation;
+use App\State\Bovin\BovinReturnedDossiersProvider;
+
+#[ApiResource(
+    operations: [
+        new Get(
+            uriTemplate: '/bovins/returned-dossiers/{startDate}',
+            openapi: new OpenApiOperation(tags: ['Bovins']),
+            provider: BovinReturnedDossiersProvider::class
+        ),
+    ]
+)]
+final class BovinReturnedDossiers
+{
+    #[ApiProperty(identifier: true)]
+    public string $startDate;
+
+    public int $nbBovins = 0;
+
+    /** @var list<AnimalSummary> */
+    public array $animals = [];
+}
--- a/src/Entity/Bovine.php
+++ b/src/Entity/Bovine.php
@@ -4,12 +4,15 @@ declare(strict_types=1);

 namespace App\Entity;

+use ApiPlatform\Doctrine\Orm\Filter\DateFilter;
+use ApiPlatform\Doctrine\Orm\Filter\SearchFilter;
+use ApiPlatform\Metadata\ApiFilter;
 use ApiPlatform\Metadata\ApiResource;
 use ApiPlatform\Metadata\Get;
 use ApiPlatform\Metadata\GetCollection;
 use ApiPlatform\Metadata\Patch;
 use ApiPlatform\Metadata\Post;
-use App\State\BovineProcessor;
+use App\State\Bovin\BovineProcessor;
 use DateTimeImmutable;
 use Doctrine\ORM\Mapping as ORM;
 use Symfony\Component\Serializer\Attribute\Context;
@@ -19,6 +22,12 @@ use Symfony\Component\Serializer\Normalizer\DateTimeNormalizer;
 #[ORM\Entity]
 #[ORM\Table(name: 'bovine')]
 #[ORM\UniqueConstraint(name: 'uniq_bovine_national_number', columns: ['national_number'])]
+#[ApiFilter(SearchFilter::class, properties: [
+    'nationalNumber' => 'ipartial',
+    'buildingCase'   => 'exact',
+    'receivedWeight' => 'exact',
+])]
+#[ApiFilter(DateFilter::class, properties: ['arrivalDate'])]
 #[ApiResource(
    operations: [
        new Get(
--- a/src/Entity/BovineType.php
+++ b/src/Entity/BovineType.php
@@ -4,6 +4,8 @@ declare(strict_types=1);

 namespace App\Entity;

+use ApiPlatform\Doctrine\Orm\Filter\SearchFilter;
+use ApiPlatform\Metadata\ApiFilter;
 use ApiPlatform\Metadata\ApiResource;
 use ApiPlatform\Metadata\Get;
 use ApiPlatform\Metadata\GetCollection;
@@ -13,6 +15,10 @@ use Doctrine\ORM\Mapping as ORM;
 use Symfony\Component\Serializer\Attribute\Groups;

 #[ORM\Entity]
+#[ApiFilter(SearchFilter::class, properties: [
+    'label' => 'ipartial',
+    'code'  => 'ipartial',
+])]
 #[ApiResource(
    operations: [
        new Get(
--- a/src/Entity/BuildingCase.php
+++ b/src/Entity/BuildingCase.php
@@ -7,7 +7,7 @@ namespace App\Entity;
 use ApiPlatform\Metadata\ApiResource;
 use ApiPlatform\Metadata\Get;
 use ApiPlatform\OpenApi\Model\Operation as OpenApiOperation;
-use App\State\BuildingCaseWeightsReportProvider;
+use App\State\Building\BuildingCaseWeightsReportProvider;
 use Doctrine\Common\Collections\ArrayCollection;
 use Doctrine\Common\Collections\Collection;
 use Doctrine\ORM\Mapping as ORM;
--- a/src/Entity/Carrier.php
+++ b/src/Entity/Carrier.php
@@ -4,6 +4,8 @@ declare(strict_types=1);

 namespace App\Entity;

+use ApiPlatform\Doctrine\Orm\Filter\SearchFilter;
+use ApiPlatform\Metadata\ApiFilter;
 use ApiPlatform\Metadata\ApiResource;
 use ApiPlatform\Metadata\Get;
 use ApiPlatform\Metadata\GetCollection;
@@ -14,6 +16,10 @@ use Symfony\Component\Serializer\Attribute\Groups;

 #[ORM\Entity]
 #[ORM\Table(name: 'carrier')]
+#[ApiFilter(SearchFilter::class, properties: [
+    'name' => 'ipartial',
+    'code' => 'ipartial',
+])]
 #[ApiResource(
    operations: [
        new Get(
--- a/src/Entity/Customer.php
+++ b/src/Entity/Customer.php
@@ -4,6 +4,8 @@ declare(strict_types=1);

 namespace App\Entity;

+use ApiPlatform\Doctrine\Orm\Filter\SearchFilter;
+use ApiPlatform\Metadata\ApiFilter;
 use ApiPlatform\Metadata\ApiProperty;
 use ApiPlatform\Metadata\ApiResource;
 use ApiPlatform\Metadata\Get;
@@ -17,6 +19,12 @@ use Symfony\Component\Serializer\Attribute\Groups;

 #[ORM\Entity]
 #[ORM\Table(name: 'customer')]
+#[ApiFilter(SearchFilter::class, properties: [
+    'name'               => 'ipartial',
+    'email'              => 'ipartial',
+    'phone'              => 'ipartial',
+    'createdBy.username' => 'ipartial',
+])]
 #[ApiResource(
    operations: [
        new Get(
--- a/src/Entity/Reception.php
+++ b/src/Entity/Reception.php
@@ -5,6 +5,8 @@ declare(strict_types=1);
 namespace App\Entity;

 use ApiPlatform\Doctrine\Orm\Filter\BooleanFilter;
+use ApiPlatform\Doctrine\Orm\Filter\DateFilter;
+use ApiPlatform\Doctrine\Orm\Filter\SearchFilter;
 use ApiPlatform\Metadata\ApiFilter;
 use ApiPlatform\Metadata\ApiProperty;
 use ApiPlatform\Metadata\ApiResource;
@@ -15,8 +17,8 @@ use ApiPlatform\Metadata\Patch;
 use ApiPlatform\Metadata\Post;
 use ApiPlatform\OpenApi\Model\Operation as OpenApiOperation;
 use App\Dto\PontBasculeReading;
-use App\State\ReceptionReceiptProvider;
-use App\State\ReceptionWeighingProvider;
+use App\State\Reception\ReceptionReceiptProvider;
+use App\State\Reception\ReceptionWeighingProvider;
 use DateTimeImmutable;
 use Doctrine\Common\Collections\ArrayCollection;
 use Doctrine\Common\Collections\Collection;
@@ -30,6 +32,14 @@ use Symfony\Component\Serializer\Normalizer\DateTimeNormalizer;
 #[ORM\HasLifecycleCallbacks]
 #[ORM\Table(name: 'reception')]
 #[ApiFilter(BooleanFilter::class, properties: ['isValid'])]
+#[ApiFilter(SearchFilter::class, properties: [
+    'identificationNumber' => 'ipartial',
+    'supplier.name'        => 'ipartial',
+    'carrier.name'         => 'ipartial',
+    'licensePlate'         => 'ipartial',
+    'receptionType.id'     => 'exact',
+])]
+#[ApiFilter(DateFilter::class, properties: ['receptionDate'])]
 #[ApiResource(
    order: ['id' => 'DESC'],
    operations: [
--- a/src/Entity/Shipment.php
+++ b/src/Entity/Shipment.php
@@ -5,6 +5,8 @@ declare(strict_types=1);
 namespace App\Entity;

 use ApiPlatform\Doctrine\Orm\Filter\BooleanFilter;
+use ApiPlatform\Doctrine\Orm\Filter\DateFilter;
+use ApiPlatform\Doctrine\Orm\Filter\SearchFilter;
 use ApiPlatform\Metadata\ApiFilter;
 use ApiPlatform\Metadata\ApiProperty;
 use ApiPlatform\Metadata\ApiResource;
@@ -15,8 +17,8 @@ use ApiPlatform\Metadata\Patch;
 use ApiPlatform\Metadata\Post;
 use ApiPlatform\OpenApi\Model\Operation as OpenApiOperation;
 use App\Dto\PontBasculeReading;
-use App\State\ShipmentReceiptProvider;
-use App\State\ShipmentWeighingProvider;
+use App\State\Shipment\ShipmentReceiptProvider;
+use App\State\Shipment\ShipmentWeighingProvider;
 use DateTimeImmutable;
 use Doctrine\Common\Collections\ArrayCollection;
 use Doctrine\Common\Collections\Collection;
@@ -30,6 +32,14 @@ use Symfony\Component\Serializer\Normalizer\DateTimeNormalizer;
 #[ORM\HasLifecycleCallbacks]
 #[ORM\Table(name: 'shipment')]
 #[ApiFilter(BooleanFilter::class, properties: ['isValid'])]
+#[ApiFilter(SearchFilter::class, properties: [
+    'identificationNumber' => 'ipartial',
+    'customer.name'        => 'ipartial',
+    'carrier.name'         => 'ipartial',
+    'licensePlate'         => 'ipartial',
+    'shipmentType.id'      => 'exact',
+])]
+#[ApiFilter(DateFilter::class, properties: ['shipmentDate'])]
 #[ApiResource(
    order: ['id' => 'DESC'],
    operations: [
--- a/src/Entity/Supplier.php
+++ b/src/Entity/Supplier.php
@@ -4,6 +4,8 @@ declare(strict_types=1);

 namespace App\Entity;

+use ApiPlatform\Doctrine\Orm\Filter\SearchFilter;
+use ApiPlatform\Metadata\ApiFilter;
 use ApiPlatform\Metadata\ApiProperty;
 use ApiPlatform\Metadata\ApiResource;
 use ApiPlatform\Metadata\Get;
@@ -17,6 +19,12 @@ use Symfony\Component\Serializer\Attribute\Groups;

 #[ORM\Entity]
 #[ORM\Table(name: 'supplier')]
+#[ApiFilter(SearchFilter::class, properties: [
+    'name'               => 'ipartial',
+    'email'              => 'ipartial',
+    'phone'              => 'ipartial',
+    'createdBy.username' => 'ipartial',
+])]
 #[ApiResource(
    operations: [
        new Get(
--- a/src/Entity/User.php
+++ b/src/Entity/User.php
@@ -4,14 +4,17 @@ declare(strict_types=1);

 namespace App\Entity;

+use ApiPlatform\Doctrine\Orm\Filter\BooleanFilter;
+use ApiPlatform\Doctrine\Orm\Filter\SearchFilter;
+use ApiPlatform\Metadata\ApiFilter;
 use ApiPlatform\Metadata\ApiResource;
 use ApiPlatform\Metadata\Get;
 use ApiPlatform\Metadata\GetCollection;
 use ApiPlatform\Metadata\Patch;
 use ApiPlatform\Metadata\Post;
-use App\State\ActiveUsersProvider;
-use App\State\MeProvider;
-use App\State\UserPasswordProcessor;
+use App\State\User\ActiveUsersProvider;
+use App\State\User\MeProvider;
+use App\State\User\UserPasswordProcessor;
 use Doctrine\ORM\Mapping as ORM;
 use Symfony\Component\Security\Core\User\PasswordAuthenticatedUserInterface;
 use Symfony\Component\Security\Core\User\UserInterface;
@@ -20,6 +23,8 @@ use Symfony\Component\Serializer\Attribute\SerializedName;

 #[ORM\Entity]
 #[ORM\Table(name: 'user', schema: 'public')]
+#[ApiFilter(SearchFilter::class, properties: ['username' => 'ipartial'])]
+#[ApiFilter(BooleanFilter::class, properties: ['isLocked'])]
 #[ApiResource(
    operations: [
        new Get(
@@ -53,7 +58,8 @@ use Symfony\Component\Serializer\Attribute\SerializedName;
        new GetCollection(
            uriTemplate: '/admin/users',
            normalizationContext: ['groups' => ['user:read']],
-            security: "is_granted('ROLE_ADMIN')"
+            security: "is_granted('ROLE_ADMIN')",
+            paginationEnabled: true
        ),
    ],
    normalizationContext: ['groups' => ['user:read']],
--- a/src/Service/AnimalSummaryMapper.php
+++ b/src/Service/AnimalSummaryMapper.php
@@ -0,0 +1,53 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Service;
+
+use App\ApiResource\AnimalSummary;
+use App\ApiResource\PresencePeriod;
+use Malio\EdnotifBundle\Bovin\Dto\AnimalSummaryDto;
+
+final class AnimalSummaryMapper
+{
+    public function map(AnimalSummaryDto $dto): AnimalSummary
+    {
+        $summary = new AnimalSummary();
+
+        $identification = $dto->identification;
+
+        $summary->countryCode    = $identification?->bovin?->countryCode;
+        $summary->nationalNumber = $identification?->bovin?->nationalNumber;
+
+        $summary->sex        = $identification?->sex;
+        $summary->breedType  = $identification?->breedType;
+        $summary->workNumber = $identification?->workNumber;
+
+        $summary->birthDate                 = $identification?->birthDate?->date?->format('Y-m-d');
+        $summary->birthDateCompletenessFlag = $identification?->birthDate?->completenessFlag;
+
+        $summary->isFilie = $identification?->isFilie;
+
+        $summary->motherNationalNumber = $identification?->motherCarrier?->bovin?->nationalNumber;
+        $summary->motherBreedType      = $identification?->motherCarrier?->breedType;
+
+        $summary->fatherNationalNumber = $identification?->fatherIpg?->bovin?->nationalNumber;
+        $summary->fatherBreedType      = $identification?->fatherIpg?->breedType;
+
+        $summary->birthExploitationNumber = $identification?->birthExploitation?->exploitationNumber;
+
+        foreach ($dto->presencePeriods as $presencePeriodDto) {
+            $presencePeriod = new PresencePeriod();
+
+            $presencePeriod->entryDate  = $presencePeriodDto->entry?->date?->format('Y-m-d');
+            $presencePeriod->entryCause = $presencePeriodDto->entry?->cause;
+
+            $presencePeriod->exitDate  = $presencePeriodDto->exit?->date?->format('Y-m-d');
+            $presencePeriod->exitCause = $presencePeriodDto->exit?->cause;
+
+            $summary->presencePeriods[] = $presencePeriod;
+        }
+
+        return $summary;
+    }
+}
--- a/src/State/Bovin/BovinIdentificationProvider.php
+++ b/src/State/Bovin/BovinIdentificationProvider.php
@@ -2,7 +2,7 @@

 declare(strict_types=1);

-namespace App\State;
+namespace App\State\Bovin;

 use ApiPlatform\Metadata\Operation;
 use ApiPlatform\State\ProviderInterface;
--- a/src/State/Bovin/BovinInventoryProvider.php
+++ b/src/State/Bovin/BovinInventoryProvider.php
@@ -0,0 +1,76 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\State\Bovin;
+
+use ApiPlatform\Metadata\Operation;
+use ApiPlatform\State\ProviderInterface;
+use App\ApiResource\BovinInventory;
+use App\Service\AnimalSummaryMapper;
+use DateTimeImmutable;
+use Exception;
+use Malio\EdnotifBundle\Bovin\Api\BovinApiInterface;
+use Symfony\Component\HttpFoundation\RequestStack;
+
+use function count;
+use function is_string;
+
+/**
+ * @implements ProviderInterface<null|BovinInventory>
+ */
+final class BovinInventoryProvider implements ProviderInterface
+{
+    public function __construct(
+        private BovinApiInterface $bovinApi,
+        private RequestStack $requestStack,
+        private AnimalSummaryMapper $animalSummaryMapper,
+    ) {}
+
+    public function provide(Operation $operation, array $uriVariables = [], array $context = []): ?BovinInventory
+    {
+        $startDateRaw = (string) ($uriVariables['startDate'] ?? '');
+        if ('' === $startDateRaw) {
+            return null;
+        }
+
+        try {
+            $startDate = new DateTimeImmutable($startDateRaw);
+        } catch (Exception) {
+            return null;
+        }
+
+        $request = $this->requestStack->getCurrentRequest();
+
+        $endDate    = null;
+        $endDateRaw = $request?->query->get('endDate');
+        if (is_string($endDateRaw) && '' !== $endDateRaw) {
+            try {
+                $endDate = new DateTimeImmutable($endDateRaw);
+            } catch (Exception) {
+                return null;
+            }
+        }
+
+        $includeEarTagStock = (bool) $request?->query->getBoolean('includeEarTagStock', false);
+
+        $inventoryDto = $this->bovinApi->getInventory(
+            startDate: $startDate,
+            endDate: $endDate,
+            includeEarTagStock: $includeEarTagStock,
+        );
+
+        $resource                      = new BovinInventory();
+        $resource->startDate           = $inventoryDto->startDate?->format('Y-m-d') ?? $startDate->format('Y-m-d');
+        $resource->endDate             = $inventoryDto->endDate?->format('Y-m-d');
+        $resource->includesEarTagStock = $inventoryDto->includesEarTagStock;
+        $resource->nbBovins            = $inventoryDto->nbBovins;
+        $resource->earTagSeriesCount   = count($inventoryDto->earTagSeries);
+
+        foreach ($inventoryDto->animals as $animalDto) {
+            $resource->animals[] = $this->animalSummaryMapper->map($animalDto);
+        }
+
+        return $resource;
+    }
+}
--- a/src/State/Bovin/BovinPresumedExitsProvider.php
+++ b/src/State/Bovin/BovinPresumedExitsProvider.php
@@ -0,0 +1,40 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\State\Bovin;
+
+use ApiPlatform\Metadata\Operation;
+use ApiPlatform\State\ProviderInterface;
+use App\ApiResource\BovinPresumedExit;
+use App\ApiResource\BovinPresumedExits;
+use Malio\EdnotifBundle\Bovin\Api\BovinApiInterface;
+
+/**
+ * @implements ProviderInterface<BovinPresumedExits>
+ */
+final class BovinPresumedExitsProvider implements ProviderInterface
+{
+    public function __construct(
+        private BovinApiInterface $bovinApi,
+    ) {}
+
+    public function provide(Operation $operation, array $uriVariables = [], array $context = []): BovinPresumedExits
+    {
+        $dto = $this->bovinApi->getPresumedExits();
+
+        $resource           = new BovinPresumedExits();
+        $resource->nbBovins = $dto->nbBovins;
+
+        foreach ($dto->presumedExits as $exitDto) {
+            $exit                 = new BovinPresumedExit();
+            $exit->countryCode    = $exitDto->bovin?->countryCode;
+            $exit->nationalNumber = $exitDto->bovin?->nationalNumber;
+            $exit->exitDate       = $exitDto->exitDate?->format('Y-m-d');
+
+            $resource->presumedExits[] = $exit;
+        }
+
+        return $resource;
+    }
+}
--- a/src/State/Bovin/BovinReturnedDossiersProvider.php
+++ b/src/State/Bovin/BovinReturnedDossiersProvider.php
@@ -0,0 +1,50 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\State\Bovin;
+
+use ApiPlatform\Metadata\Operation;
+use ApiPlatform\State\ProviderInterface;
+use App\ApiResource\BovinReturnedDossiers;
+use App\Service\AnimalSummaryMapper;
+use DateTimeImmutable;
+use Exception;
+use Malio\EdnotifBundle\Bovin\Api\BovinApiInterface;
+
+/**
+ * @implements ProviderInterface<null|BovinReturnedDossiers>
+ */
+final class BovinReturnedDossiersProvider implements ProviderInterface
+{
+    public function __construct(
+        private BovinApiInterface $bovinApi,
+        private AnimalSummaryMapper $animalSummaryMapper,
+    ) {}
+
+    public function provide(Operation $operation, array $uriVariables = [], array $context = []): ?BovinReturnedDossiers
+    {
+        $startDateRaw = (string) ($uriVariables['startDate'] ?? '');
+        if ('' === $startDateRaw) {
+            return null;
+        }
+
+        try {
+            $startDate = new DateTimeImmutable($startDateRaw);
+        } catch (Exception) {
+            return null;
+        }
+
+        $dto = $this->bovinApi->getReturnedDossiers($startDate);
+
+        $resource            = new BovinReturnedDossiers();
+        $resource->startDate = $dto->startDate?->format('Y-m-d') ?? $startDate->format('Y-m-d');
+        $resource->nbBovins  = $dto->nbBovins;
+
+        foreach ($dto->animals as $animalDto) {
+            $resource->animals[] = $this->animalSummaryMapper->map($animalDto);
+        }
+
+        return $resource;
+    }
+}
--- a/src/State/Bovin/BovineProcessor.php
+++ b/src/State/Bovin/BovineProcessor.php
@@ -2,7 +2,7 @@

 declare(strict_types=1);

-namespace App\State;
+namespace App\State\Bovin;

 use ApiPlatform\Metadata\Operation;
 use ApiPlatform\State\ProcessorInterface;
--- a/src/State/Building/BuildingCaseWeightsReportProvider.php
+++ b/src/State/Building/BuildingCaseWeightsReportProvider.php
@@ -2,7 +2,7 @@

 declare(strict_types=1);

-namespace App\State;
+namespace App\State\Building;

 use ApiPlatform\Metadata\Operation;
 use ApiPlatform\State\ProviderInterface;
--- a/src/State/Reception/ReceptionReceiptProvider.php
+++ b/src/State/Reception/ReceptionReceiptProvider.php
@@ -2,7 +2,7 @@

 declare(strict_types=1);

-namespace App\State;
+namespace App\State\Reception;

 use ApiPlatform\Metadata\Operation;
 use ApiPlatform\State\ProviderInterface;
--- a/src/State/Reception/ReceptionWeighingProvider.php
+++ b/src/State/Reception/ReceptionWeighingProvider.php
@@ -2,7 +2,7 @@

 declare(strict_types=1);

-namespace App\State;
+namespace App\State\Reception;

 use ApiPlatform\Metadata\Operation;
 use ApiPlatform\State\ProviderInterface;
--- a/src/State/Shipment/ShipmentReceiptProvider.php
+++ b/src/State/Shipment/ShipmentReceiptProvider.php
@@ -2,7 +2,7 @@

 declare(strict_types=1);

-namespace App\State;
+namespace App\State\Shipment;

 use ApiPlatform\Metadata\Operation;
 use ApiPlatform\State\ProviderInterface;
--- a/src/State/Shipment/ShipmentWeighingProvider.php
+++ b/src/State/Shipment/ShipmentWeighingProvider.php
@@ -2,7 +2,7 @@

 declare(strict_types=1);

-namespace App\State;
+namespace App\State\Shipment;

 use ApiPlatform\Metadata\Operation;
 use ApiPlatform\State\ProviderInterface;
--- a/src/State/System/AppVersionProvider.php
+++ b/src/State/System/AppVersionProvider.php
@@ -2,7 +2,7 @@

 declare(strict_types=1);

-namespace App\State;
+namespace App\State\System;

 use ApiPlatform\Metadata\Operation;
 use ApiPlatform\State\ProviderInterface;
--- a/src/State/User/ActiveUsersProvider.php
+++ b/src/State/User/ActiveUsersProvider.php
@@ -2,7 +2,7 @@

 declare(strict_types=1);

-namespace App\State;
+namespace App\State\User;

 use ApiPlatform\Metadata\Operation;
 use ApiPlatform\State\ProviderInterface;
--- a/src/State/User/MeProvider.php
+++ b/src/State/User/MeProvider.php
@@ -2,7 +2,7 @@

 declare(strict_types=1);

-namespace App\State;
+namespace App\State\User;

 use ApiPlatform\Metadata\Operation;
 use ApiPlatform\State\ProviderInterface;
--- a/src/State/User/UserPasswordProcessor.php
+++ b/src/State/User/UserPasswordProcessor.php
@@ -2,7 +2,7 @@

 declare(strict_types=1);

-namespace App\State;
+namespace App\State\User;

 use ApiPlatform\Metadata\Operation;
 use ApiPlatform\State\ProcessorInterface;
--- a/tests/State/Reception/ReceptionWeighingProviderTest.php
+++ b/tests/State/Reception/ReceptionWeighingProviderTest.php
@@ -2,13 +2,13 @@

 declare(strict_types=1);

-namespace App\Tests\State;
+namespace App\Tests\State\Reception;

 use ApiPlatform\Metadata\Get;
 use App\Dto\PontBasculeReading;
 use App\Service\PontBasculePayloadDecoder;
 use App\Service\PontBasculeService;
-use App\State\ReceptionWeighingProvider;
+use App\State\Reception\ReceptionWeighingProvider;
 use PHPUnit\Framework\TestCase;
 use Symfony\Component\HttpKernel\Exception\HttpException;
 use Symfony\Contracts\HttpClient\Exception\TransportExceptionInterface;
Author	SHA1	Message	Date
gitea-actions	91152c0ed8	chore: bump version to v0.0.86 All checks were successful Auto Tag Develop / tag (push) Successful in 5s Details Build Release Artefact / build (push) Successful in 1m22s Details	2026-04-22 13:26:05 +00:00
tristan	1b4764878e	feat: ajout du composant datatable sur tous les écrans (!48 ) Some checks failed Auto Tag Develop / tag (push) Has been cancelled Details \| Numéro du ticket \| Titre du ticket \| \|------------------\|-----------------\| \| \| \| ## Description de la PR ## Modification du .env ## Check list - [ ] Pas de régression - [ ] TU/TI/TF rédigée - [ ] TU/TI/TF OK - [ ] CHANGELOG modifié Reviewed-on: #48 Co-authored-by: tristan <tristan@yuno.malio.fr> Co-committed-by: tristan <tristan@yuno.malio.fr>	2026-04-22 13:25:57 +00:00
gitea-actions	b94c3a95be	chore: bump version to v0.0.85 All checks were successful Auto Tag Develop / tag (push) Successful in 5s Details Build Release Artefact / build (push) Successful in 1m22s Details	2026-04-21 13:45:43 +00:00
tristan	394c69e84a	feat: ajout des 3 derniers WS en lecture du bundle malio ednotif (!47 ) All checks were successful Auto Tag Develop / tag (push) Successful in 6s Details - 3 nouveaux endpoints API Platform pass-through sur /api/bovins/{inventory\|returned-dossiers\|presumed-exits} consommant BovinApiInterface v0.0.6 - AnimalSummaryMapper (src/Service/) factorisant le mapping DTO EDNOTIF -> ressource - src/State/ réorganisé par domaine (Bovin/, Reception/, Shipment/, Building/, User/, System/) - tag OpenAPI "Bovins" pour regrouper les endpoints ednotif dans Swagger - malio/ednotif-bundle passé à v0.0.6 Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com> \| Numéro du ticket \| Titre du ticket \| \|------------------\|-----------------\| \| \| \| ## Description de la PR ## Modification du .env ## Check list - [ ] Pas de régression - [ ] TU/TI/TF rédigée - [ ] TU/TI/TF OK - [ ] CHANGELOG modifié Reviewed-on: #47 Co-authored-by: tristan <tristan@yuno.malio.fr> Co-committed-by: tristan <tristan@yuno.malio.fr>	2026-04-21 13:45:37 +00:00