diff --git a/.opencode/package-lock.json b/.opencode/package-lock.json
index ea27a2d..5151efe 100644
--- a/.opencode/package-lock.json
+++ b/.opencode/package-lock.json
@@ -5,22 +5,23 @@
   "packages": {
     "": {
       "dependencies": {
-        "@kilocode/plugin": "7.2.10",
+        "@kilocode/plugin": "7.2.22",
         "@opencode-ai/plugin": "1.1.31"
       }
     },
     "node_modules/@kilocode/plugin": {
-      "version": "7.2.10",
-      "resolved": "https://registry.npmjs.org/@kilocode/plugin/-/plugin-7.2.10.tgz",
-      "integrity": "sha512-VJPhJC+E5WWu7XgEJzrVOxKJlwJ+OATwxEzgjqEPj8KN5N38YxUPBY/rzUTjv90x7nkzyk1rFGfCVqXdA/Koug==",
+      "version": "7.2.22",
+      "resolved": "https://registry.npmjs.org/@kilocode/plugin/-/plugin-7.2.22.tgz",
+      "integrity": "sha512-uS8tnoLzXAyDHHgSOvP/GhrvkKpus6i6tmWb57E4+YfgHBOO7HqF+LzV4MiC1cuGIifbMtyUEi3kZWmWdIuhhw==",
       "license": "MIT",
       "dependencies": {
-        "@kilocode/sdk": "7.2.10",
+        "@kilocode/sdk": "7.2.22",
+        "effect": "4.0.0-beta.48",
         "zod": "4.1.8"
       },
       "peerDependencies": {
-        "@opentui/core": ">=0.1.97",
-        "@opentui/solid": ">=0.1.97"
+        "@opentui/core": ">=0.1.100",
+        "@opentui/solid": ">=0.1.100"
       },
       "peerDependenciesMeta": {
         "@opentui/core": {
@@ -32,14 +33,92 @@
       }
     },
     "node_modules/@kilocode/sdk": {
-      "version": "7.2.10",
-      "resolved": "https://registry.npmjs.org/@kilocode/sdk/-/sdk-7.2.10.tgz",
-      "integrity": "sha512-H6jGXYAhN/yjOGX3MRZ0OxyEAuRGY3VOwDbLTh4O6ljpgutFHaLvomDZ82qNVy7gl7AjJgi3SAQAt9UQpeGl/w==",
+      "version": "7.2.22",
+      "resolved": "https://registry.npmjs.org/@kilocode/sdk/-/sdk-7.2.22.tgz",
+      "integrity": "sha512-2t4VuK5rVY9o/Pck/oRJ+CxAAqnwLhRAD/i91uSabWw4POGlOHHsq2etQKFAX8kJ5zdTk/I1DLvffh7bFPPXZw==",
       "license": "MIT",
       "dependencies": {
         "cross-spawn": "7.0.6"
       }
     },
+    "node_modules/@msgpackr-extract/msgpackr-extract-darwin-arm64": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-darwin-arm64/-/msgpackr-extract-darwin-arm64-3.0.3.tgz",
+      "integrity": "sha512-QZHtlVgbAdy2zAqNA9Gu1UpIuI8Xvsd1v8ic6B2pZmeFnFcMWiPLfWXh7TVw4eGEZ/C9TH281KwhVoeQUKbyjw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@msgpackr-extract/msgpackr-extract-darwin-x64": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-darwin-x64/-/msgpackr-extract-darwin-x64-3.0.3.tgz",
+      "integrity": "sha512-mdzd3AVzYKuUmiWOQ8GNhl64/IoFGol569zNRdkLReh6LRLHOXxU4U8eq0JwaD8iFHdVGqSy4IjFL4reoWCDFw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@msgpackr-extract/msgpackr-extract-linux-arm": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-linux-arm/-/msgpackr-extract-linux-arm-3.0.3.tgz",
+      "integrity": "sha512-fg0uy/dG/nZEXfYilKoRe7yALaNmHoYeIoJuJ7KJ+YyU2bvY8vPv27f7UKhGRpY6euFYqEVhxCFZgAUNQBM3nw==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@msgpackr-extract/msgpackr-extract-linux-arm64": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-linux-arm64/-/msgpackr-extract-linux-arm64-3.0.3.tgz",
+      "integrity": "sha512-YxQL+ax0XqBJDZiKimS2XQaf+2wDGVa1enVRGzEvLLVFeqa5kx2bWbtcSXgsxjQB7nRqqIGFIcLteF/sHeVtQg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@msgpackr-extract/msgpackr-extract-linux-x64": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-linux-x64/-/msgpackr-extract-linux-x64-3.0.3.tgz",
+      "integrity": "sha512-cvwNfbP07pKUfq1uH+S6KJ7dT9K8WOE4ZiAcsrSes+UY55E/0jLYc+vq+DO7jlmqRb5zAggExKm0H7O/CBaesg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@msgpackr-extract/msgpackr-extract-win32-x64": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-win32-x64/-/msgpackr-extract-win32-x64-3.0.3.tgz",
+      "integrity": "sha512-x0fWaQtYp4E6sktbsdAqnehxDgEc/VwM7uLsRCYWaiGu0ykYdZPiS8zCWdnjHwyiumousxfBm4SO31eXqwEZhQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
     "node_modules/@opencode-ai/plugin": {
       "version": "1.1.31",
       "license": "MIT",
@@ -52,6 +131,12 @@
       "version": "1.1.31",
       "license": "MIT"
     },
+    "node_modules/@standard-schema/spec": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@standard-schema/spec/-/spec-1.1.0.tgz",
+      "integrity": "sha512-l2aFy5jALhniG5HgqrD6jXLi/rUWrKvqN/qJx6yoJsgKhblVd+iqqU4RCXavm/jPityDo5TCvKMnpjKnOriy0w==",
+      "license": "MIT"
+    },
     "node_modules/cross-spawn": {
       "version": "7.0.6",
       "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
@@ -66,12 +151,135 @@
         "node": ">= 8"
       }
     },
+    "node_modules/detect-libc": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.1.2.tgz",
+      "integrity": "sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==",
+      "license": "Apache-2.0",
+      "optional": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/effect": {
+      "version": "4.0.0-beta.48",
+      "resolved": "https://registry.npmjs.org/effect/-/effect-4.0.0-beta.48.tgz",
+      "integrity": "sha512-MMAM/ZabuNdNmgXiin+BAanQXK7qM8mlt7nfXDoJ/Gn9V8i89JlCq+2N0AiWmqFLXjGLA0u3FjiOjSOYQk5uMw==",
+      "license": "MIT",
+      "dependencies": {
+        "@standard-schema/spec": "^1.1.0",
+        "fast-check": "^4.6.0",
+        "find-my-way-ts": "^0.1.6",
+        "ini": "^6.0.0",
+        "kubernetes-types": "^1.30.0",
+        "msgpackr": "^1.11.9",
+        "multipasta": "^0.2.7",
+        "toml": "^4.1.1",
+        "uuid": "^13.0.0",
+        "yaml": "^2.8.3"
+      }
+    },
+    "node_modules/fast-check": {
+      "version": "4.7.0",
+      "resolved": "https://registry.npmjs.org/fast-check/-/fast-check-4.7.0.tgz",
+      "integrity": "sha512-NsZRtqvSSoCP0HbNjUD+r1JH8zqZalyp6gLY9e7OYs7NK9b6AHOs2baBFeBG7bVNsuoukh89x2Yg3rPsul8ziQ==",
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://github.com/sponsors/dubzzz"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/fast-check"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "pure-rand": "^8.0.0"
+      },
+      "engines": {
+        "node": ">=12.17.0"
+      }
+    },
+    "node_modules/find-my-way-ts": {
+      "version": "0.1.6",
+      "resolved": "https://registry.npmjs.org/find-my-way-ts/-/find-my-way-ts-0.1.6.tgz",
+      "integrity": "sha512-a85L9ZoXtNAey3Y6Z+eBWW658kO/MwR7zIafkIUPUMf3isZG0NCs2pjW2wtjxAKuJPxMAsHUIP4ZPGv0o5gyTA==",
+      "license": "MIT"
+    },
+    "node_modules/ini": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/ini/-/ini-6.0.0.tgz",
+      "integrity": "sha512-IBTdIkzZNOpqm7q3dRqJvMaldXjDHWkEDfrwGEQTs5eaQMWV+djAhR+wahyNNMAa+qpbDUhBMVt4ZKNwpPm7xQ==",
+      "license": "ISC",
+      "engines": {
+        "node": "^20.17.0 || >=22.9.0"
+      }
+    },
     "node_modules/isexe": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
       "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
       "license": "ISC"
     },
+    "node_modules/kubernetes-types": {
+      "version": "1.30.0",
+      "resolved": "https://registry.npmjs.org/kubernetes-types/-/kubernetes-types-1.30.0.tgz",
+      "integrity": "sha512-Dew1okvhM/SQcIa2rcgujNndZwU8VnSapDgdxlYoB84ZlpAD43U6KLAFqYo17ykSFGHNPrg0qry0bP+GJd9v7Q==",
+      "license": "Apache-2.0"
+    },
+    "node_modules/msgpackr": {
+      "version": "1.11.10",
+      "resolved": "https://registry.npmjs.org/msgpackr/-/msgpackr-1.11.10.tgz",
+      "integrity": "sha512-iCZNq+HszvF+fC3anCm4nBmWEnbeIAfpDs6IStAEKhQ2YSgkjzVG2FF9XJqwwQh5bH3N9OUTUt4QwVN6MLMLtA==",
+      "license": "MIT",
+      "optionalDependencies": {
+        "msgpackr-extract": "^3.0.2"
+      }
+    },
+    "node_modules/msgpackr-extract": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/msgpackr-extract/-/msgpackr-extract-3.0.3.tgz",
+      "integrity": "sha512-P0efT1C9jIdVRefqjzOQ9Xml57zpOXnIuS+csaB4MdZbTdmGDLo8XhzBG1N7aO11gKDDkJvBLULeFTo46wwreA==",
+      "hasInstallScript": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "node-gyp-build-optional-packages": "5.2.2"
+      },
+      "bin": {
+        "download-msgpackr-prebuilds": "bin/download-prebuilds.js"
+      },
+      "optionalDependencies": {
+        "@msgpackr-extract/msgpackr-extract-darwin-arm64": "3.0.3",
+        "@msgpackr-extract/msgpackr-extract-darwin-x64": "3.0.3",
+        "@msgpackr-extract/msgpackr-extract-linux-arm": "3.0.3",
+        "@msgpackr-extract/msgpackr-extract-linux-arm64": "3.0.3",
+        "@msgpackr-extract/msgpackr-extract-linux-x64": "3.0.3",
+        "@msgpackr-extract/msgpackr-extract-win32-x64": "3.0.3"
+      }
+    },
+    "node_modules/multipasta": {
+      "version": "0.2.7",
+      "resolved": "https://registry.npmjs.org/multipasta/-/multipasta-0.2.7.tgz",
+      "integrity": "sha512-KPA58d68KgGil15oDqXjkUBEBYc00XvbPj5/X+dyzeo/lWm9Nc25pQRlf1D+gv4OpK7NM0J1odrbu9JNNGvynA==",
+      "license": "MIT"
+    },
+    "node_modules/node-gyp-build-optional-packages": {
+      "version": "5.2.2",
+      "resolved": "https://registry.npmjs.org/node-gyp-build-optional-packages/-/node-gyp-build-optional-packages-5.2.2.tgz",
+      "integrity": "sha512-s+w+rBWnpTMwSFbaE0UXsRlg7hU4FjekKU4eyAih5T8nJuNZT1nNsskXpxmeqSK9UzkBl6UgRlnKc8hz8IEqOw==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "detect-libc": "^2.0.1"
+      },
+      "bin": {
+        "node-gyp-build-optional-packages": "bin.js",
+        "node-gyp-build-optional-packages-optional": "optional.js",
+        "node-gyp-build-optional-packages-test": "build-test.js"
+      }
+    },
     "node_modules/path-key": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
@@ -81,6 +289,22 @@
         "node": ">=8"
       }
     },
+    "node_modules/pure-rand": {
+      "version": "8.4.0",
+      "resolved": "https://registry.npmjs.org/pure-rand/-/pure-rand-8.4.0.tgz",
+      "integrity": "sha512-IoM8YF/jY0hiugFo/wOWqfmarlE6J0wc6fDK1PhftMk7MGhVZl88sZimmqBBFomLOCSmcCCpsfj7wXASCpvK9A==",
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://github.com/sponsors/dubzzz"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/fast-check"
+        }
+      ],
+      "license": "MIT"
+    },
     "node_modules/shebang-command": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
@@ -102,6 +326,28 @@
         "node": ">=8"
       }
     },
+    "node_modules/toml": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/toml/-/toml-4.1.1.tgz",
+      "integrity": "sha512-EBJnVBr3dTXdA89WVFoAIPUqkBjxPMwRqsfuo1r240tKFHXv3zgca4+NJib/h6TyvGF7vOawz0jGuryJCdNHrw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=20"
+      }
+    },
+    "node_modules/uuid": {
+      "version": "13.0.0",
+      "resolved": "https://registry.npmjs.org/uuid/-/uuid-13.0.0.tgz",
+      "integrity": "sha512-XQegIaBTVUjSHliKqcnFqYypAd4S+WCYt5NIeRs6w/UAry7z8Y9j5ZwRRL4kzq9U3sD6v+85er9FvkEaBpji2w==",
+      "funding": [
+        "https://github.com/sponsors/broofa",
+        "https://github.com/sponsors/ctavan"
+      ],
+      "license": "MIT",
+      "bin": {
+        "uuid": "dist-node/bin/uuid"
+      }
+    },
     "node_modules/which": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
@@ -117,6 +363,21 @@
         "node": ">= 8"
       }
     },
+    "node_modules/yaml": {
+      "version": "2.8.3",
+      "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.8.3.tgz",
+      "integrity": "sha512-AvbaCLOO2Otw/lW5bmh9d/WEdcDFdQp2Z2ZUH3pX9U2ihyUY0nvLv7J6TrWowklRGPYbB/IuIMfYgxaCPg5Bpg==",
+      "license": "ISC",
+      "bin": {
+        "yaml": "bin.mjs"
+      },
+      "engines": {
+        "node": ">= 14.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/eemeli"
+      }
+    },
     "node_modules/zod": {
       "version": "4.1.8",
       "license": "MIT",
diff --git a/New-Thanasoft_MVP_Tracking.xlsx b/New-Thanasoft_MVP_Tracking.xlsx
new file mode 100644
index 0000000..acc3006
Binary files /dev/null and b/New-Thanasoft_MVP_Tracking.xlsx differ
diff --git a/thanasoft-back/app/Http/Controllers/Api/AccessControlController.php b/thanasoft-back/app/Http/Controllers/Api/AccessControlController.php
new file mode 100644
index 0000000..33de48b
--- /dev/null
+++ b/thanasoft-back/app/Http/Controllers/Api/AccessControlController.php
@@ -0,0 +1,252 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Http\Controllers\Api;
+
+use App\Http\Controllers\Controller;
+use App\Repositories\AccessControlRepositoryInterface;
+use Illuminate\Http\JsonResponse;
+use Illuminate\Http\Request;
+use Illuminate\Support\Facades\Log;
+
+class AccessControlController extends Controller
+{
+    public function __construct(
+        private readonly AccessControlRepositoryInterface $accessControlRepository
+    ) {
+    }
+
+    public function index(): JsonResponse
+    {
+        try {
+            return response()->json([
+                'data' => $this->accessControlRepository->index(),
+                'message' => 'Roles et permissions recuperes avec succes.',
+            ]);
+        } catch (\Exception $e) {
+            Log::error('Error fetching access control data: ' . $e->getMessage(), [
+                'exception' => $e,
+            ]);
+
+            return response()->json([
+                'message' => 'Une erreur est survenue lors de la recuperation des roles et permissions.',
+                'error' => config('app.debug') ? $e->getMessage() : null,
+            ], 500);
+        }
+    }
+
+    public function storeRole(Request $request): JsonResponse
+    {
+        $validated = $request->validate([
+            'name' => ['required', 'string', 'max:100', 'unique:roles,name'],
+            'guard_name' => ['nullable', 'string', 'max:50'],
+            'permissions' => ['nullable', 'array'],
+            'permissions.*' => ['string', 'max:150'],
+        ]);
+
+        try {
+            $role = $this->accessControlRepository->createRole($validated);
+
+            return response()->json([
+                'data' => $role,
+                'message' => 'Role cree avec succes.',
+            ], 201);
+        } catch (\Exception $e) {
+            Log::error('Error creating role: ' . $e->getMessage(), [
+                'exception' => $e,
+                'data' => $validated,
+            ]);
+
+            return response()->json([
+                'message' => 'Une erreur est survenue lors de la creation du role.',
+                'error' => config('app.debug') ? $e->getMessage() : null,
+            ], 500);
+        }
+    }
+
+    public function updateRole(Request $request, string $id): JsonResponse
+    {
+        $validated = $request->validate([
+            'name' => ['sometimes', 'string', 'max:100', 'unique:roles,name,' . $id],
+            'guard_name' => ['nullable', 'string', 'max:50'],
+            'permissions' => ['nullable', 'array'],
+            'permissions.*' => ['string', 'max:150'],
+        ]);
+
+        try {
+            $role = $this->accessControlRepository->updateRole((int) $id, $validated);
+
+            if (! $role) {
+                return response()->json([
+                    'message' => 'Role non trouve.',
+                ], 404);
+            }
+
+            return response()->json([
+                'data' => $role,
+                'message' => 'Role mis a jour avec succes.',
+            ]);
+        } catch (\Exception $e) {
+            Log::error('Error updating role: ' . $e->getMessage(), [
+                'exception' => $e,
+                'role_id' => $id,
+                'data' => $validated,
+            ]);
+
+            return response()->json([
+                'message' => 'Une erreur est survenue lors de la mise a jour du role.',
+                'error' => config('app.debug') ? $e->getMessage() : null,
+            ], 500);
+        }
+    }
+
+    public function destroyRole(string $id): JsonResponse
+    {
+        try {
+            $deleted = $this->accessControlRepository->deleteRole((int) $id);
+
+            if (! $deleted) {
+                return response()->json([
+                    'message' => 'Role non trouve.',
+                ], 404);
+            }
+
+            return response()->json([
+                'message' => 'Role supprime avec succes.',
+            ]);
+        } catch (\Exception $e) {
+            Log::error('Error deleting role: ' . $e->getMessage(), [
+                'exception' => $e,
+                'role_id' => $id,
+            ]);
+
+            return response()->json([
+                'message' => 'Une erreur est survenue lors de la suppression du role.',
+                'error' => config('app.debug') ? $e->getMessage() : null,
+            ], 500);
+        }
+    }
+
+    public function syncRolePermissions(Request $request, string $id): JsonResponse
+    {
+        $validated = $request->validate([
+            'permissions' => ['required', 'array'],
+            'permissions.*' => ['string', 'max:150'],
+        ]);
+
+        try {
+            $role = $this->accessControlRepository->syncRolePermissions((int) $id, $validated['permissions']);
+
+            if (! $role) {
+                return response()->json([
+                    'message' => 'Role non trouve.',
+                ], 404);
+            }
+
+            return response()->json([
+                'data' => $role,
+                'message' => 'Permissions du role synchronisees avec succes.',
+            ]);
+        } catch (\Exception $e) {
+            Log::error('Error syncing role permissions: ' . $e->getMessage(), [
+                'exception' => $e,
+                'role_id' => $id,
+                'data' => $validated,
+            ]);
+
+            return response()->json([
+                'message' => 'Une erreur est survenue lors de la synchronisation des permissions du role.',
+                'error' => config('app.debug') ? $e->getMessage() : null,
+            ], 500);
+        }
+    }
+
+    public function storePermission(Request $request): JsonResponse
+    {
+        $validated = $request->validate([
+            'name' => ['required', 'string', 'max:150', 'unique:permissions,name'],
+            'guard_name' => ['nullable', 'string', 'max:50'],
+        ]);
+
+        try {
+            $permission = $this->accessControlRepository->createPermission($validated);
+
+            return response()->json([
+                'data' => $permission,
+                'message' => 'Permission creee avec succes.',
+            ], 201);
+        } catch (\Exception $e) {
+            Log::error('Error creating permission: ' . $e->getMessage(), [
+                'exception' => $e,
+                'data' => $validated,
+            ]);
+
+            return response()->json([
+                'message' => 'Une erreur est survenue lors de la creation de la permission.',
+                'error' => config('app.debug') ? $e->getMessage() : null,
+            ], 500);
+        }
+    }
+
+    public function updatePermission(Request $request, string $id): JsonResponse
+    {
+        $validated = $request->validate([
+            'name' => ['sometimes', 'string', 'max:150', 'unique:permissions,name,' . $id],
+            'guard_name' => ['nullable', 'string', 'max:50'],
+        ]);
+
+        try {
+            $permission = $this->accessControlRepository->updatePermission((int) $id, $validated);
+
+            if (! $permission) {
+                return response()->json([
+                    'message' => 'Permission non trouvee.',
+                ], 404);
+            }
+
+            return response()->json([
+                'data' => $permission,
+                'message' => 'Permission mise a jour avec succes.',
+            ]);
+        } catch (\Exception $e) {
+            Log::error('Error updating permission: ' . $e->getMessage(), [
+                'exception' => $e,
+                'permission_id' => $id,
+                'data' => $validated,
+            ]);
+
+            return response()->json([
+                'message' => 'Une erreur est survenue lors de la mise a jour de la permission.',
+                'error' => config('app.debug') ? $e->getMessage() : null,
+            ], 500);
+        }
+    }
+
+    public function destroyPermission(string $id): JsonResponse
+    {
+        try {
+            $deleted = $this->accessControlRepository->deletePermission((int) $id);
+
+            if (! $deleted) {
+                return response()->json([
+                    'message' => 'Permission non trouvee.',
+                ], 404);
+            }
+
+            return response()->json([
+                'message' => 'Permission supprimee avec succes.',
+            ]);
+        } catch (\Exception $e) {
+            Log::error('Error deleting permission: ' . $e->getMessage(), [
+                'exception' => $e,
+                'permission_id' => $id,
+            ]);
+
+            return response()->json([
+                'message' => 'Une erreur est survenue lors de la suppression de la permission.',
+                'error' => config('app.debug') ? $e->getMessage() : null,
+            ], 500);
+        }
+    }
+}
\ No newline at end of file
diff --git a/thanasoft-back/app/Http/Controllers/Api/AuthController.php b/thanasoft-back/app/Http/Controllers/Api/AuthController.php
index aa01f6f..d564bea 100644
--- a/thanasoft-back/app/Http/Controllers/Api/AuthController.php
+++ b/thanasoft-back/app/Http/Controllers/Api/AuthController.php
@@ -19,6 +19,10 @@ class AuthController extends BaseController
             $data = $request->validate([
                 'name' => ['required', 'string', 'max:255'],
                 'email' => ['required', 'string', 'email', 'max:255', 'unique:users,email'],
+                'roles' => ['nullable', 'array'],
+                'roles.*' => ['string', 'max:100'],
+                'permissions' => ['nullable', 'array'],
+                'permissions.*' => ['string', 'max:150'],
                 'password' => ['required', Password::min(8)],
 
             ]);
@@ -29,10 +33,18 @@ class AuthController extends BaseController
                 'password' => $data['password'], // hashed via User model cast
             ]);
 
+            if (! empty($data['roles'])) {
+                $user->syncRoles($data['roles']);
+            }
+
+            if (! empty($data['permissions'])) {
+                $user->syncPermissions($data['permissions']);
+            }
+
             $token = $user->createToken('api')->plainTextToken;
 
             return $this->sendResponse([
-                'user' => $user,
+                'user' => $user->load('roles', 'permissions'),
                 'token' => $token,
             ], 'User registered successfully.');
 
@@ -150,7 +162,7 @@ class AuthController extends BaseController
                 return $this->sendError('Unauthenticated.', [], 401);
             }
 
-            return $this->sendResponse($user, 'User retrieved successfully.');
+            return $this->sendResponse($user->load('roles', 'permissions'), 'User retrieved successfully.');
 
         } catch (\Exception $e) {
             return $this->sendError('Failed to retrieve user.', ['error' => $e->getMessage()], 500);
diff --git a/thanasoft-back/app/Http/Controllers/Api/EmployeeController.php b/thanasoft-back/app/Http/Controllers/Api/EmployeeController.php
index 8d675b2..d2ea8a8 100644
--- a/thanasoft-back/app/Http/Controllers/Api/EmployeeController.php
+++ b/thanasoft-back/app/Http/Controllers/Api/EmployeeController.php
@@ -9,9 +9,12 @@ use App\Http\Requests\StoreEmployeeRequest;
 use App\Http\Requests\UpdateEmployeeRequest;
 use App\Http\Resources\Employee\EmployeeResource;
 use App\Http\Resources\Employee\EmployeeCollection;
+use App\Http\Resources\Intervention\InterventionResource;
 use App\Repositories\EmployeeRepositoryInterface;
+use Carbon\Carbon;
 use Illuminate\Http\JsonResponse;
 use Illuminate\Http\Request;
+use Illuminate\Support\Facades\Validator;
 use Illuminate\Support\Facades\Log;
 
 class EmployeeController extends Controller
@@ -208,6 +211,129 @@ class EmployeeController extends Controller
         }
     }
 
+    /**
+     * Get the intervention agenda for a specific employee.
+     */
+    public function agenda(Request $request, string $id): JsonResponse
+    {
+        $validator = Validator::make($request->all(), [
+            'month' => ['nullable', 'date_format:Y-m'],
+            'start_date' => ['nullable', 'date'],
+            'end_date' => ['nullable', 'date', 'after_or_equal:start_date'],
+            'status' => ['nullable', 'string'],
+            'type' => ['nullable', 'string'],
+        ]);
+
+        if ($validator->fails()) {
+            return response()->json([
+                'message' => 'Paramètres d\'agenda invalides.',
+                'errors' => $validator->errors(),
+            ], 422);
+        }
+
+        try {
+            $employee = $this->employeeRepository->find($id);
+
+            if (!$employee) {
+                return response()->json([
+                    'message' => 'Employé non trouvé.',
+                ], 404);
+            }
+
+            $employee->load('thanatopractitioner');
+
+            if (!$employee->thanatopractitioner) {
+                return response()->json([
+                    'message' => 'Aucun agenda disponible pour cet employé.',
+                    'employee' => [
+                        'id' => $employee->id,
+                        'full_name' => $employee->full_name,
+                        'job_title' => $employee->job_title,
+                    ],
+                    'filters' => [
+                        'month' => $request->input('month'),
+                        'start_date' => $request->input('start_date'),
+                        'end_date' => $request->input('end_date'),
+                        'status' => $request->input('status'),
+                        'type' => $request->input('type'),
+                    ],
+                    'data' => [],
+                    'meta' => [
+                        'total' => 0,
+                        'status_summary' => [],
+                    ],
+                ], 200);
+            }
+
+            [$startDate, $endDate] = $this->resolveAgendaPeriod(
+                $request->input('month'),
+                $request->input('start_date'),
+                $request->input('end_date')
+            );
+
+            $interventions = $employee->thanatopractitioner
+                ->interventions()
+                ->with([
+                    'client',
+                    'deceased',
+                    'location',
+                    'quote',
+                    'practitioners.employee',
+                ])
+                ->when($startDate, function ($query) use ($startDate) {
+                    $query->where('scheduled_at', '>=', $startDate);
+                })
+                ->when($endDate, function ($query) use ($endDate) {
+                    $query->where('scheduled_at', '<=', $endDate);
+                })
+                ->when($request->filled('status'), function ($query) use ($request) {
+                    $query->where('status', $request->string('status'));
+                })
+                ->when($request->filled('type'), function ($query) use ($request) {
+                    $query->where('type', $request->string('type'));
+                })
+                ->orderBy('scheduled_at')
+                ->get();
+
+            return response()->json([
+                'message' => 'Agenda employé récupéré avec succès.',
+                'employee' => [
+                    'id' => $employee->id,
+                    'full_name' => $employee->full_name,
+                    'job_title' => $employee->job_title,
+                    'thanatopractitioner_id' => $employee->thanatopractitioner->id,
+                ],
+                'filters' => [
+                    'month' => $request->input('month'),
+                    'start_date' => $startDate?->toDateTimeString(),
+                    'end_date' => $endDate?->toDateTimeString(),
+                    'status' => $request->input('status'),
+                    'type' => $request->input('type'),
+                ],
+                'data' => InterventionResource::collection($interventions)->resolve(),
+                'meta' => [
+                    'total' => $interventions->count(),
+                    'status_summary' => $interventions
+                        ->groupBy('status')
+                        ->map(fn ($group) => $group->count())
+                        ->toArray(),
+                ],
+            ], 200);
+        } catch (\Exception $e) {
+            Log::error('Error fetching employee agenda: ' . $e->getMessage(), [
+                'exception' => $e,
+                'trace' => $e->getTraceAsString(),
+                'employee_id' => $id,
+                'filters' => $request->all(),
+            ]);
+
+            return response()->json([
+                'message' => 'Une erreur est survenue lors de la récupération de l\'agenda employé.',
+                'error' => config('app.debug') ? $e->getMessage() : null,
+            ], 500);
+        }
+    }
+
     /**
      * Update the specified employee.
      */
@@ -269,4 +395,29 @@ class EmployeeController extends Controller
             ], 500);
         }
     }
+
+    /**
+     * Resolve the requested agenda period.
+     *
+     * Defaults to the current month when no explicit range is provided.
+     *
+     * @return array{0: \Carbon\Carbon, 1: \Carbon\Carbon}
+     */
+    private function resolveAgendaPeriod(?string $month, ?string $startDate, ?string $endDate): array
+    {
+        if ($month) {
+            $reference = Carbon::createFromFormat('Y-m', $month)->startOfMonth();
+
+            return [$reference->copy()->startOfMonth(), $reference->copy()->endOfMonth()];
+        }
+
+        if ($startDate || $endDate) {
+            return [
+                $startDate ? Carbon::parse($startDate)->startOfDay() : Carbon::now()->startOfMonth(),
+                $endDate ? Carbon::parse($endDate)->endOfDay() : Carbon::now()->endOfMonth(),
+            ];
+        }
+
+        return [Carbon::now()->startOfMonth(), Carbon::now()->endOfMonth()];
+    }
 }
diff --git a/thanasoft-back/app/Http/Controllers/Api/UserController.php b/thanasoft-back/app/Http/Controllers/Api/UserController.php
index ae3318f..9c99e0a 100644
--- a/thanasoft-back/app/Http/Controllers/Api/UserController.php
+++ b/thanasoft-back/app/Http/Controllers/Api/UserController.php
@@ -25,7 +25,7 @@ class UserController extends Controller
             $email = request()->query('email');
 
             if ($email) {
-                $user = User::query()->where('email', $email)->first();
+                $user = User::query()->with(['roles', 'permissions'])->where('email', $email)->first();
 
                 return response()->json([
                     'data' => $user,
@@ -36,7 +36,7 @@ class UserController extends Controller
             }
 
             return response()->json([
-                'data' => $this->userRepository->all()->sortBy('name')->values(),
+                'data' => $this->userRepository->all()->load(['roles', 'permissions'])->sortBy('name')->values(),
                 'message' => 'Utilisateurs recuperes avec succes.',
             ]);
         } catch (\Exception $e) {
@@ -57,7 +57,7 @@ class UserController extends Controller
             $user = $this->userRepository->create($request->validated());
 
             return response()->json([
-                'data' => $user,
+                'data' => $user->load('roles', 'permissions'),
                 'message' => 'Utilisateur cree avec succes.',
             ], 201);
         } catch (\Exception $e) {
@@ -85,7 +85,7 @@ class UserController extends Controller
             }
 
             return response()->json([
-                'data' => $user,
+                'data' => $user->load('roles', 'permissions'),
                 'message' => 'Utilisateur recupere avec succes.',
             ]);
         } catch (\Exception $e) {
@@ -118,7 +118,7 @@ class UserController extends Controller
                 unset($validated['password']);
             }
 
-            $updated = $user->fill($validated)->save();
+            $updated = $this->userRepository->update($id, $validated);
 
             if (! $updated) {
                 return response()->json([
@@ -127,7 +127,7 @@ class UserController extends Controller
             }
 
             return response()->json([
-                'data' => $user->fresh(),
+                'data' => $user->fresh()->load('roles', 'permissions'),
                 'message' => 'Utilisateur mis a jour avec succes.',
             ]);
         } catch (\Exception $e) {
diff --git a/thanasoft-back/app/Http/Requests/StoreUserRequest.php b/thanasoft-back/app/Http/Requests/StoreUserRequest.php
index c032a08..a8f3fce 100644
--- a/thanasoft-back/app/Http/Requests/StoreUserRequest.php
+++ b/thanasoft-back/app/Http/Requests/StoreUserRequest.php
@@ -22,6 +22,10 @@ class StoreUserRequest extends FormRequest
         return [
             'name' => ['required', 'string', 'max:255'],
             'email' => ['required', 'string', 'email', 'max:255', 'unique:users,email'],
+            'roles' => ['nullable', 'array'],
+            'roles.*' => ['string', 'max:100'],
+            'permissions' => ['nullable', 'array'],
+            'permissions.*' => ['string', 'max:150'],
             'password' => ['nullable', 'string', Password::min(8)],
         ];
     }
diff --git a/thanasoft-back/app/Http/Requests/UpdateUserRequest.php b/thanasoft-back/app/Http/Requests/UpdateUserRequest.php
index 676ddef..efd55c2 100644
--- a/thanasoft-back/app/Http/Requests/UpdateUserRequest.php
+++ b/thanasoft-back/app/Http/Requests/UpdateUserRequest.php
@@ -29,6 +29,10 @@ class UpdateUserRequest extends FormRequest
                 'max:255',
                 Rule::unique('users', 'email')->ignore($this->route('user')),
             ],
+            'roles' => ['nullable', 'array'],
+            'roles.*' => ['string', 'max:100'],
+            'permissions' => ['nullable', 'array'],
+            'permissions.*' => ['string', 'max:150'],
             'password' => ['nullable', 'string', Password::min(8)],
         ];
     }
diff --git a/thanasoft-back/app/Models/User.php b/thanasoft-back/app/Models/User.php
index 893a1ea..f8e6965 100644
--- a/thanasoft-back/app/Models/User.php
+++ b/thanasoft-back/app/Models/User.php
@@ -8,11 +8,14 @@ use Illuminate\Database\Eloquent\Relations\HasOne;
 use Illuminate\Foundation\Auth\User as Authenticatable;
 use Illuminate\Notifications\Notifiable;
 use Laravel\Sanctum\HasApiTokens;
+use Spatie\Permission\Traits\HasRoles;
 
 class User extends Authenticatable
 {
     /** @use HasFactory<\Database\Factories\UserFactory> */
-    use HasApiTokens, HasFactory, Notifiable;
+    use HasApiTokens, HasFactory, HasRoles, Notifiable;
+
+    protected string $guard_name = 'sanctum';
 
     /**
      * The attributes that are mass assignable.
@@ -48,6 +51,11 @@ class User extends Authenticatable
         ];
     }
 
+    public function canViewAgenda(): bool
+    {
+        return $this->can('employee_agenda.view');
+    }
+
     public function employee(): HasOne
     {
         return $this->hasOne(Employee::class);
diff --git a/thanasoft-back/app/Providers/RepositoryServiceProvider.php b/thanasoft-back/app/Providers/RepositoryServiceProvider.php
index 344e400..db782e5 100644
--- a/thanasoft-back/app/Providers/RepositoryServiceProvider.php
+++ b/thanasoft-back/app/Providers/RepositoryServiceProvider.php
@@ -6,6 +6,8 @@ use App\Repositories\DeceasedRepositoryInterface;
 use App\Repositories\DeceasedRepository;
 use App\Repositories\DeceasedDocumentRepositoryInterface;
 use App\Repositories\DeceasedDocumentRepository;
+use App\Repositories\AccessControlRepository;
+use App\Repositories\AccessControlRepositoryInterface;
 use App\Repositories\InterventionRepositoryInterface;
 use App\Repositories\InterventionRepository;
 use App\Repositories\FileRepositoryInterface;
@@ -19,6 +21,7 @@ class RepositoryServiceProvider extends ServiceProvider
      */
     public function register(): void
     {
+        $this->app->bind(AccessControlRepositoryInterface::class, AccessControlRepository::class);
         $this->app->bind(DeceasedRepositoryInterface::class, DeceasedRepository::class);
         $this->app->bind(DeceasedDocumentRepositoryInterface::class, DeceasedDocumentRepository::class);
         $this->app->bind(InterventionRepositoryInterface::class, InterventionRepository::class);
diff --git a/thanasoft-back/app/Repositories/AccessControlRepository.php b/thanasoft-back/app/Repositories/AccessControlRepository.php
new file mode 100644
index 0000000..0695cd9
--- /dev/null
+++ b/thanasoft-back/app/Repositories/AccessControlRepository.php
@@ -0,0 +1,146 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Repositories;
+
+use Illuminate\Support\Facades\DB;
+use Spatie\Permission\Models\Permission;
+use Spatie\Permission\Models\Role;
+
+class AccessControlRepository implements AccessControlRepositoryInterface
+{
+    public function index(): array
+    {
+        return [
+            'roles' => Role::query()
+                ->with('permissions:id,name')
+                ->withCount('users')
+                ->orderBy('name')
+                ->get(),
+            'permissions' => Permission::query()
+                ->with('roles:id,name')
+                ->orderBy('name')
+                ->get(),
+        ];
+    }
+
+    public function createRole(array $attributes): Role
+    {
+        return DB::transaction(function () use ($attributes): Role {
+            $permissions = $attributes['permissions'] ?? [];
+            unset($attributes['permissions']);
+
+            $role = Role::query()->create([
+                'name' => $attributes['name'],
+                'guard_name' => $attributes['guard_name'] ?? 'sanctum',
+            ]);
+
+            if (is_array($permissions) && $permissions !== []) {
+                $role->syncPermissions($permissions);
+            }
+
+            return $role->load('permissions:id,name');
+        });
+    }
+
+    public function updateRole(int $id, array $attributes): ?Role
+    {
+        return DB::transaction(function () use ($id, $attributes): ?Role {
+            $role = Role::query()->find($id);
+
+            if (! $role) {
+                return null;
+            }
+
+            $permissions = $attributes['permissions'] ?? null;
+            unset($attributes['permissions']);
+
+            if (array_key_exists('name', $attributes)) {
+                $role->name = $attributes['name'];
+            }
+
+            if (array_key_exists('guard_name', $attributes) && is_string($attributes['guard_name'])) {
+                $role->guard_name = $attributes['guard_name'];
+            }
+
+            $role->save();
+
+            if (is_array($permissions)) {
+                $role->syncPermissions($permissions);
+            }
+
+            return $role->load('permissions:id,name');
+        });
+    }
+
+    public function deleteRole(int $id): bool
+    {
+        return (bool) DB::transaction(function () use ($id): bool {
+            $role = Role::query()->find($id);
+
+            if (! $role) {
+                return false;
+            }
+
+            $role->delete();
+
+            return true;
+        });
+    }
+
+    public function syncRolePermissions(int $id, array $permissions): ?Role
+    {
+        return DB::transaction(function () use ($id, $permissions): ?Role {
+            $role = Role::query()->find($id);
+
+            if (! $role) {
+                return null;
+            }
+
+            $role->syncPermissions($permissions);
+
+            return $role->load('permissions:id,name');
+        });
+    }
+
+    public function createPermission(array $attributes): Permission
+    {
+        return Permission::query()->create([
+            'name' => $attributes['name'],
+            'guard_name' => $attributes['guard_name'] ?? 'sanctum',
+        ]);
+    }
+
+    public function updatePermission(int $id, array $attributes): ?Permission
+    {
+        $permission = Permission::query()->find($id);
+
+        if (! $permission) {
+            return null;
+        }
+
+        if (array_key_exists('name', $attributes)) {
+            $permission->name = $attributes['name'];
+        }
+
+        if (array_key_exists('guard_name', $attributes) && is_string($attributes['guard_name'])) {
+            $permission->guard_name = $attributes['guard_name'];
+        }
+
+        $permission->save();
+
+        return $permission->load('roles:id,name');
+    }
+
+    public function deletePermission(int $id): bool
+    {
+        $permission = Permission::query()->find($id);
+
+        if (! $permission) {
+            return false;
+        }
+
+        return (bool) $permission->delete();
+    }
+}
\ No newline at end of file
diff --git a/thanasoft-back/app/Repositories/AccessControlRepositoryInterface.php b/thanasoft-back/app/Repositories/AccessControlRepositoryInterface.php
new file mode 100644
index 0000000..c9d09b7
--- /dev/null
+++ b/thanasoft-back/app/Repositories/AccessControlRepositoryInterface.php
@@ -0,0 +1,45 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Repositories;
+
+use Spatie\Permission\Models\Permission;
+use Spatie\Permission\Models\Role;
+
+interface AccessControlRepositoryInterface
+{
+    /**
+     * @return array{roles: \Illuminate\Support\Collection<int, Role>, permissions: \Illuminate\Support\Collection<int, Permission>}
+     */
+    public function index(): array;
+
+    /**
+     * @param array<string, mixed> $attributes
+     */
+    public function createRole(array $attributes): Role;
+
+    /**
+     * @param array<string, mixed> $attributes
+     */
+    public function updateRole(int $id, array $attributes): ?Role;
+
+    public function deleteRole(int $id): bool;
+
+    /**
+     * @param array<int, string> $permissions
+     */
+    public function syncRolePermissions(int $id, array $permissions): ?Role;
+
+    /**
+     * @param array<string, mixed> $attributes
+     */
+    public function createPermission(array $attributes): Permission;
+
+    /**
+     * @param array<string, mixed> $attributes
+     */
+    public function updatePermission(int $id, array $attributes): ?Permission;
+
+    public function deletePermission(int $id): bool;
+}
\ No newline at end of file
diff --git a/thanasoft-back/app/Repositories/UserRepository.php b/thanasoft-back/app/Repositories/UserRepository.php
index 1a9efa4..cc428a2 100644
--- a/thanasoft-back/app/Repositories/UserRepository.php
+++ b/thanasoft-back/app/Repositories/UserRepository.php
@@ -5,6 +5,9 @@ declare(strict_types=1);
 namespace App\Repositories;
 
 use App\Models\User;
+use Illuminate\Database\Eloquent\Model;
+use Illuminate\Support\Facades\DB;
+use Illuminate\Support\Facades\Log;
 
 class UserRepository extends BaseRepository implements UserRepositoryInterface
 {
@@ -12,4 +15,92 @@ class UserRepository extends BaseRepository implements UserRepositoryInterface
     {
         parent::__construct($model);
     }
+
+    /**
+     * @param array<string, mixed> $attributes
+     */
+    public function create(array $attributes): Model
+    {
+        try {
+            DB::beginTransaction();
+
+            $roles = $attributes['roles'] ?? [];
+            $permissions = $attributes['permissions'] ?? [];
+
+            unset($attributes['roles'], $attributes['permissions']);
+
+            /** @var User $user */
+            $user = $this->model->newQuery()->create($attributes);
+
+            if (! empty($roles)) {
+                $user->syncRoles($roles);
+            }
+
+            if (! empty($permissions)) {
+                $user->syncPermissions($permissions);
+            }
+
+            DB::commit();
+
+            return $user;
+        } catch (\Exception $e) {
+            DB::rollBack();
+            Log::error('Error creating user with roles/permissions: ' . $e->getMessage(), [
+                'attributes' => $attributes,
+                'exception' => $e,
+            ]);
+            throw $e;
+        }
+    }
+
+    /**
+     * @param int|string $id
+     * @param array<string, mixed> $attributes
+     */
+    public function update(int|string $id, array $attributes): bool
+    {
+        try {
+            DB::beginTransaction();
+
+            /** @var User|null $user */
+            $user = $this->find($id);
+
+            if (! $user instanceof User) {
+                DB::rollBack();
+                return false;
+            }
+
+            $roles = $attributes['roles'] ?? null;
+            $permissions = $attributes['permissions'] ?? null;
+
+            unset($attributes['roles'], $attributes['permissions']);
+
+            $updated = $user->fill($attributes)->save();
+
+            if (! $updated) {
+                DB::rollBack();
+                return false;
+            }
+
+            if (is_array($roles)) {
+                $user->syncRoles($roles);
+            }
+
+            if (is_array($permissions)) {
+                $user->syncPermissions($permissions);
+            }
+
+            DB::commit();
+
+            return true;
+        } catch (\Exception $e) {
+            DB::rollBack();
+            Log::error('Error updating user with roles/permissions: ' . $e->getMessage(), [
+                'id' => $id,
+                'attributes' => $attributes,
+                'exception' => $e,
+            ]);
+            throw $e;
+        }
+    }
 }
diff --git a/thanasoft-back/composer.json b/thanasoft-back/composer.json
index d821744..8427daf 100644
--- a/thanasoft-back/composer.json
+++ b/thanasoft-back/composer.json
@@ -13,6 +13,7 @@
         "barryvdh/laravel-dompdf": "^3.1",
         "laravel/framework": "^12.0",
         "laravel/sanctum": "^4.2",
+        "spatie/laravel-permission": "^6.18",
         "laravel/tinker": "^2.10.1"
     },
     "require-dev": {
diff --git a/thanasoft-back/composer.lock b/thanasoft-back/composer.lock
index b1d8fb2..e67d992 100644
--- a/thanasoft-back/composer.lock
+++ b/thanasoft-back/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": "343ecaac4a8b061c5430a046847047e7",
+    "content-hash": "39694481426b03a733a81beaf6531e56",
     "packages": [
         {
             "name": "barryvdh/laravel-dompdf",
@@ -3785,6 +3785,90 @@
             },
             "time": "2025-09-14T07:37:21+00:00"
         },
+        {
+            "name": "spatie/laravel-permission",
+            "version": "6.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/spatie/laravel-permission.git",
+                "reference": "d7d4cb0d58616722f1afc90e0484e4825155b9b3"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/spatie/laravel-permission/zipball/d7d4cb0d58616722f1afc90e0484e4825155b9b3",
+                "reference": "d7d4cb0d58616722f1afc90e0484e4825155b9b3",
+                "shasum": ""
+            },
+            "require": {
+                "illuminate/auth": "^8.12|^9.0|^10.0|^11.0|^12.0|^13.0",
+                "illuminate/container": "^8.12|^9.0|^10.0|^11.0|^12.0|^13.0",
+                "illuminate/contracts": "^8.12|^9.0|^10.0|^11.0|^12.0|^13.0",
+                "illuminate/database": "^8.12|^9.0|^10.0|^11.0|^12.0|^13.0",
+                "php": "^8.0"
+            },
+            "require-dev": {
+                "laravel/passport": "^11.0|^12.0|^13.0",
+                "laravel/pint": "^1.0",
+                "orchestra/testbench": "^6.23|^7.0|^8.0|^9.0|^10.0|^11.0",
+                "pestphp/pest": "^2.0|^3.0|^4.0",
+                "pestphp/pest-plugin-laravel": "^2.0|^3.0|^4.0"
+            },
+            "type": "library",
+            "extra": {
+                "laravel": {
+                    "providers": [
+                        "Spatie\\Permission\\PermissionServiceProvider"
+                    ]
+                },
+                "branch-alias": {
+                    "dev-main": "6.x-dev",
+                    "dev-master": "6.x-dev"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "src/helpers.php"
+                ],
+                "psr-4": {
+                    "Spatie\\Permission\\": "src"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Freek Van der Herten",
+                    "email": "freek@spatie.be",
+                    "homepage": "https://spatie.be",
+                    "role": "Developer"
+                }
+            ],
+            "description": "Permission handling for Laravel 8.0 and up",
+            "homepage": "https://github.com/spatie/laravel-permission",
+            "keywords": [
+                "acl",
+                "laravel",
+                "permission",
+                "permissions",
+                "rbac",
+                "roles",
+                "security",
+                "spatie"
+            ],
+            "support": {
+                "issues": "https://github.com/spatie/laravel-permission/issues",
+                "source": "https://github.com/spatie/laravel-permission/tree/6.25.0"
+            },
+            "funding": [
+                {
+                    "url": "https://github.com/spatie",
+                    "type": "github"
+                }
+            ],
+            "time": "2026-03-17T22:46:46+00:00"
+        },
         {
             "name": "symfony/clock",
             "version": "v7.3.0",
@@ -9039,12 +9123,12 @@
     ],
     "aliases": [],
     "minimum-stability": "stable",
-    "stability-flags": {},
+    "stability-flags": [],
     "prefer-stable": true,
     "prefer-lowest": false,
     "platform": {
         "php": "^8.2"
     },
-    "platform-dev": {},
-    "plugin-api-version": "2.9.0"
+    "platform-dev": [],
+    "plugin-api-version": "2.6.0"
 }
diff --git a/thanasoft-back/config/permission.php b/thanasoft-back/config/permission.php
new file mode 100644
index 0000000..85b8832
--- /dev/null
+++ b/thanasoft-back/config/permission.php
@@ -0,0 +1,206 @@
+<?php
+
+use Spatie\Permission\DefaultTeamResolver;
+use Spatie\Permission\Models\Permission;
+use Spatie\Permission\Models\Role;
+
+return [
+
+    'models' => [
+
+        /*
+         * When using the "HasPermissions" trait from this package, we need to know which
+         * Eloquent model should be used to retrieve your permissions. Of course, it
+         * is often just the "Permission" model but you may use whatever you like.
+         *
+         * The model you want to use as a Permission model needs to implement the
+         * `Spatie\Permission\Contracts\Permission` contract.
+         */
+
+        'permission' => Permission::class,
+
+        /*
+         * When using the "HasRoles" trait from this package, we need to know which
+         * Eloquent model should be used to retrieve your roles. Of course, it
+         * is often just the "Role" model but you may use whatever you like.
+         *
+         * The model you want to use as a Role model needs to implement the
+         * `Spatie\Permission\Contracts\Role` contract.
+         */
+
+        'role' => Role::class,
+
+    ],
+
+    'table_names' => [
+
+        /*
+         * When using the "HasRoles" trait from this package, we need to know which
+         * table should be used to retrieve your roles. We have chosen a basic
+         * default value but you may easily change it to any table you like.
+         */
+
+        'roles' => 'roles',
+
+        /*
+         * When using the "HasPermissions" trait from this package, we need to know which
+         * table should be used to retrieve your permissions. We have chosen a basic
+         * default value but you may easily change it to any table you like.
+         */
+
+        'permissions' => 'permissions',
+
+        /*
+         * When using the "HasPermissions" trait from this package, we need to know which
+         * table should be used to retrieve your models permissions. We have chosen a
+         * basic default value but you may easily change it to any table you like.
+         */
+
+        'model_has_permissions' => 'model_has_permissions',
+
+        /*
+         * When using the "HasRoles" trait from this package, we need to know which
+         * table should be used to retrieve your models roles. We have chosen a
+         * basic default value but you may easily change it to any table you like.
+         */
+
+        'model_has_roles' => 'model_has_roles',
+
+        /*
+         * When using the "HasRoles" trait from this package, we need to know which
+         * table should be used to retrieve your roles permissions. We have chosen a
+         * basic default value but you may easily change it to any table you like.
+         */
+
+        'role_has_permissions' => 'role_has_permissions',
+    ],
+
+    'column_names' => [
+        /*
+         * Change this if you want to name the related pivots other than defaults
+         */
+        'role_pivot_key' => null, // default 'role_id',
+        'permission_pivot_key' => null, // default 'permission_id',
+
+        /*
+         * Change this if you want to name the related model primary key other than
+         * `model_id`.
+         *
+         * For example, this would be nice if your primary keys are all UUIDs. In
+         * that case, name this `model_uuid`.
+         */
+
+        'model_morph_key' => 'model_id',
+
+        /*
+         * Change this if you want to use the teams feature and your related model's
+         * foreign key is other than `team_id`.
+         */
+
+        'team_foreign_key' => 'team_id',
+    ],
+
+    /*
+     * When set to true, the method for checking permissions will be registered on the gate.
+     * Set this to false if you want to implement custom logic for checking permissions.
+     */
+
+    'register_permission_check_method' => true,
+
+    /*
+     * When set to true, Laravel\Octane\Events\OperationTerminated event listener will be registered
+     * this will refresh permissions on every TickTerminated, TaskTerminated and RequestTerminated
+     * NOTE: This should not be needed in most cases, but an Octane/Vapor combination benefited from it.
+     */
+    'register_octane_reset_listener' => false,
+
+    /*
+     * Events will fire when a role or permission is assigned/unassigned:
+     * \Spatie\Permission\Events\RoleAttached
+     * \Spatie\Permission\Events\RoleDetached
+     * \Spatie\Permission\Events\PermissionAttached
+     * \Spatie\Permission\Events\PermissionDetached
+     *
+     * To enable, set to true, and then create listeners to watch these events.
+     */
+    'events_enabled' => false,
+
+    /*
+     * Teams Feature.
+     * When set to true the package implements teams using the 'team_foreign_key'.
+     * If you want the migrations to register the 'team_foreign_key', you must
+     * set this to true before doing the migration.
+     * If you already did the migration then you must make a new migration to also
+     * add 'team_foreign_key' to 'roles', 'model_has_roles', and 'model_has_permissions'
+     * (view the latest version of this package's migration file)
+     */
+
+    'teams' => false,
+
+    /*
+     * The class to use to resolve the permissions team id
+     */
+    'team_resolver' => DefaultTeamResolver::class,
+
+    /*
+     * Passport Client Credentials Grant
+     * When set to true the package will use Passports Client to check permissions
+     */
+
+    'use_passport_client_credentials' => false,
+
+    /*
+     * When set to true, the required permission names are added to exception messages.
+     * This could be considered an information leak in some contexts, so the default
+     * setting is false here for optimum safety.
+     */
+
+    'display_permission_in_exception' => false,
+
+    /*
+     * When set to true, the required role names are added to exception messages.
+     * This could be considered an information leak in some contexts, so the default
+     * setting is false here for optimum safety.
+     */
+
+    'display_role_in_exception' => false,
+
+    /*
+     * By default wildcard permission lookups are disabled.
+     * See documentation to understand supported syntax.
+     */
+
+    'enable_wildcard_permission' => false,
+
+    /*
+     * The class to use for interpreting wildcard permissions.
+     * If you need to modify delimiters, override the class and specify its name here.
+     */
+    // 'wildcard_permission' => Spatie\Permission\WildcardPermission::class,
+
+    /* Cache-specific settings */
+
+    'cache' => [
+
+        /*
+         * By default all permissions are cached for 24 hours to speed up performance.
+         * When permissions or roles are updated the cache is flushed automatically.
+         */
+
+        'expiration_time' => DateInterval::createFromDateString('24 hours'),
+
+        /*
+         * The cache key used to store all permissions.
+         */
+
+        'key' => 'spatie.permission.cache',
+
+        /*
+         * You may optionally indicate a specific cache driver to use for permission and
+         * role caching using any of the `store` drivers listed in the cache.php config
+         * file. Using 'default' here means to use the `default` set in cache.php.
+         */
+
+        'store' => 'default',
+    ],
+];
diff --git a/thanasoft-back/database/migrations/2026_04_27_144242_create_permission_tables.php b/thanasoft-back/database/migrations/2026_04_27_144242_create_permission_tables.php
new file mode 100644
index 0000000..66ce1f9
--- /dev/null
+++ b/thanasoft-back/database/migrations/2026_04_27_144242_create_permission_tables.php
@@ -0,0 +1,134 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+        $teams = config('permission.teams');
+        $tableNames = config('permission.table_names');
+        $columnNames = config('permission.column_names');
+        $pivotRole = $columnNames['role_pivot_key'] ?? 'role_id';
+        $pivotPermission = $columnNames['permission_pivot_key'] ?? 'permission_id';
+
+        throw_if(empty($tableNames), Exception::class, 'Error: config/permission.php not loaded. Run [php artisan config:clear] and try again.');
+        throw_if($teams && empty($columnNames['team_foreign_key'] ?? null), Exception::class, 'Error: team_foreign_key on config/permission.php not loaded. Run [php artisan config:clear] and try again.');
+
+        Schema::create($tableNames['permissions'], static function (Blueprint $table) {
+            // $table->engine('InnoDB');
+            $table->bigIncrements('id'); // permission id
+            $table->string('name');       // For MyISAM use string('name', 225); // (or 166 for InnoDB with Redundant/Compact row format)
+            $table->string('guard_name'); // For MyISAM use string('guard_name', 25);
+            $table->timestamps();
+
+            $table->unique(['name', 'guard_name']);
+        });
+
+        Schema::create($tableNames['roles'], static function (Blueprint $table) use ($teams, $columnNames) {
+            // $table->engine('InnoDB');
+            $table->bigIncrements('id'); // role id
+            if ($teams || config('permission.testing')) { // permission.testing is a fix for sqlite testing
+                $table->unsignedBigInteger($columnNames['team_foreign_key'])->nullable();
+                $table->index($columnNames['team_foreign_key'], 'roles_team_foreign_key_index');
+            }
+            $table->string('name');       // For MyISAM use string('name', 225); // (or 166 for InnoDB with Redundant/Compact row format)
+            $table->string('guard_name'); // For MyISAM use string('guard_name', 25);
+            $table->timestamps();
+            if ($teams || config('permission.testing')) {
+                $table->unique([$columnNames['team_foreign_key'], 'name', 'guard_name']);
+            } else {
+                $table->unique(['name', 'guard_name']);
+            }
+        });
+
+        Schema::create($tableNames['model_has_permissions'], static function (Blueprint $table) use ($tableNames, $columnNames, $pivotPermission, $teams) {
+            $table->unsignedBigInteger($pivotPermission);
+
+            $table->string('model_type');
+            $table->unsignedBigInteger($columnNames['model_morph_key']);
+            $table->index([$columnNames['model_morph_key'], 'model_type'], 'model_has_permissions_model_id_model_type_index');
+
+            $table->foreign($pivotPermission)
+                ->references('id') // permission id
+                ->on($tableNames['permissions'])
+                ->onDelete('cascade');
+            if ($teams) {
+                $table->unsignedBigInteger($columnNames['team_foreign_key']);
+                $table->index($columnNames['team_foreign_key'], 'model_has_permissions_team_foreign_key_index');
+
+                $table->primary([$columnNames['team_foreign_key'], $pivotPermission, $columnNames['model_morph_key'], 'model_type'],
+                    'model_has_permissions_permission_model_type_primary');
+            } else {
+                $table->primary([$pivotPermission, $columnNames['model_morph_key'], 'model_type'],
+                    'model_has_permissions_permission_model_type_primary');
+            }
+
+        });
+
+        Schema::create($tableNames['model_has_roles'], static function (Blueprint $table) use ($tableNames, $columnNames, $pivotRole, $teams) {
+            $table->unsignedBigInteger($pivotRole);
+
+            $table->string('model_type');
+            $table->unsignedBigInteger($columnNames['model_morph_key']);
+            $table->index([$columnNames['model_morph_key'], 'model_type'], 'model_has_roles_model_id_model_type_index');
+
+            $table->foreign($pivotRole)
+                ->references('id') // role id
+                ->on($tableNames['roles'])
+                ->onDelete('cascade');
+            if ($teams) {
+                $table->unsignedBigInteger($columnNames['team_foreign_key']);
+                $table->index($columnNames['team_foreign_key'], 'model_has_roles_team_foreign_key_index');
+
+                $table->primary([$columnNames['team_foreign_key'], $pivotRole, $columnNames['model_morph_key'], 'model_type'],
+                    'model_has_roles_role_model_type_primary');
+            } else {
+                $table->primary([$pivotRole, $columnNames['model_morph_key'], 'model_type'],
+                    'model_has_roles_role_model_type_primary');
+            }
+        });
+
+        Schema::create($tableNames['role_has_permissions'], static function (Blueprint $table) use ($tableNames, $pivotRole, $pivotPermission) {
+            $table->unsignedBigInteger($pivotPermission);
+            $table->unsignedBigInteger($pivotRole);
+
+            $table->foreign($pivotPermission)
+                ->references('id') // permission id
+                ->on($tableNames['permissions'])
+                ->onDelete('cascade');
+
+            $table->foreign($pivotRole)
+                ->references('id') // role id
+                ->on($tableNames['roles'])
+                ->onDelete('cascade');
+
+            $table->primary([$pivotPermission, $pivotRole], 'role_has_permissions_permission_id_role_id_primary');
+        });
+
+        app('cache')
+            ->store(config('permission.cache.store') != 'default' ? config('permission.cache.store') : null)
+            ->forget(config('permission.cache.key'));
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        $tableNames = config('permission.table_names');
+
+        throw_if(empty($tableNames), Exception::class, 'Error: config/permission.php not found and defaults could not be merged. Please publish the package configuration before proceeding, or drop the tables manually.');
+
+        Schema::drop($tableNames['role_has_permissions']);
+        Schema::drop($tableNames['model_has_roles']);
+        Schema::drop($tableNames['model_has_permissions']);
+        Schema::drop($tableNames['roles']);
+        Schema::drop($tableNames['permissions']);
+    }
+};
diff --git a/thanasoft-back/routes/api.php b/thanasoft-back/routes/api.php
index 33d4099..5acaf1f 100644
--- a/thanasoft-back/routes/api.php
+++ b/thanasoft-back/routes/api.php
@@ -20,6 +20,7 @@ use App\Http\Controllers\Api\FileController;
 use App\Http\Controllers\Api\FileAttachmentController;
 use App\Http\Controllers\Api\QuoteController;
 use App\Http\Controllers\Api\ClientActivityTimelineController;
+use App\Http\Controllers\Api\AccessControlController;
 use App\Http\Controllers\Api\PurchaseOrderController;
 use App\Http\Controllers\Api\PriceListController;
 use App\Http\Controllers\Api\TvaRateController;
@@ -65,6 +66,14 @@ Route::middleware('auth:sanctum')->group(function () {
     Route::apiResource('client-groups', ClientGroupController::class);
     Route::apiResource('price-lists', PriceListController::class);
     Route::apiResource('users', UserController::class);
+    Route::get('access-control', [AccessControlController::class, 'index']);
+    Route::post('access-control/roles', [AccessControlController::class, 'storeRole']);
+    Route::put('access-control/roles/{id}', [AccessControlController::class, 'updateRole']);
+    Route::delete('access-control/roles/{id}', [AccessControlController::class, 'destroyRole']);
+    Route::put('access-control/roles/{id}/permissions', [AccessControlController::class, 'syncRolePermissions']);
+    Route::post('access-control/permissions', [AccessControlController::class, 'storePermission']);
+    Route::put('access-control/permissions/{id}', [AccessControlController::class, 'updatePermission']);
+    Route::delete('access-control/permissions/{id}', [AccessControlController::class, 'destroyPermission']);
 
     Route::apiResource('client-locations', ClientLocationController::class);
     Route::apiResource('client-locations', ClientLocationController::class);
@@ -138,6 +147,7 @@ Route::middleware('auth:sanctum')->group(function () {
     // Employee management
     Route::get('/employees/searchBy', [EmployeeController::class, 'searchBy']);
     Route::get('/employees/thanatopractitioners', [EmployeeController::class, 'getThanatopractitioners']);
+    Route::get('/employees/{id}/agenda', [EmployeeController::class, 'agenda']);
     Route::apiResource('employees', EmployeeController::class);
 
     // Thanatopractitioner management
diff --git a/thanasoft-back/tests/Feature/EmployeeAgendaApiTest.php b/thanasoft-back/tests/Feature/EmployeeAgendaApiTest.php
new file mode 100644
index 0000000..6d5920b
--- /dev/null
+++ b/thanasoft-back/tests/Feature/EmployeeAgendaApiTest.php
@@ -0,0 +1,148 @@
+<?php
+
+namespace Tests\Feature;
+
+use App\Models\Client;
+use App\Models\Employee;
+use App\Models\Intervention;
+use App\Models\Thanatopractitioner;
+use App\Models\User;
+use Illuminate\Foundation\Testing\RefreshDatabase;
+use Laravel\Sanctum\Sanctum;
+use Tests\TestCase;
+
+class EmployeeAgendaApiTest extends TestCase
+{
+    use RefreshDatabase;
+
+    private User $authenticatedUser;
+
+    protected function setUp(): void
+    {
+        parent::setUp();
+
+        $this->authenticatedUser = User::factory()->create();
+        Sanctum::actingAs($this->authenticatedUser);
+    }
+
+    public function test_can_get_employee_agenda_filtered_by_month_and_status(): void
+    {
+        $client = Client::factory()->create();
+
+        $employee = Employee::create([
+            'first_name' => 'Jean',
+            'last_name' => 'Martin',
+            'email' => 'jean.martin@example.test',
+            'job_title' => 'Thanatopracteur',
+            'active' => true,
+        ]);
+
+        $otherEmployee = Employee::create([
+            'first_name' => 'Paul',
+            'last_name' => 'Durand',
+            'email' => 'paul.durand@example.test',
+            'job_title' => 'Thanatopracteur',
+            'active' => true,
+        ]);
+
+        $thanatopractitioner = Thanatopractitioner::create([
+            'employee_id' => $employee->id,
+            'authorization_number' => 'AUTH-001',
+        ]);
+
+        $otherThanatopractitioner = Thanatopractitioner::create([
+            'employee_id' => $otherEmployee->id,
+            'authorization_number' => 'AUTH-002',
+        ]);
+
+        $matchingIntervention = Intervention::create([
+            'client_id' => $client->id,
+            'type' => 'thanatopraxie',
+            'scheduled_at' => '2026-04-15 09:00:00',
+            'duration_min' => 90,
+            'status' => 'planifie',
+            'created_by' => $this->authenticatedUser->id,
+        ]);
+
+        $sameEmployeeOutsideMonth = Intervention::create([
+            'client_id' => $client->id,
+            'type' => 'thanatopraxie',
+            'scheduled_at' => '2026-05-03 10:00:00',
+            'duration_min' => 60,
+            'status' => 'planifie',
+            'created_by' => $this->authenticatedUser->id,
+        ]);
+
+        $sameMonthDifferentStatus = Intervention::create([
+            'client_id' => $client->id,
+            'type' => 'thanatopraxie',
+            'scheduled_at' => '2026-04-18 11:00:00',
+            'duration_min' => 45,
+            'status' => 'termine',
+            'created_by' => $this->authenticatedUser->id,
+        ]);
+
+        $otherEmployeeIntervention = Intervention::create([
+            'client_id' => $client->id,
+            'type' => 'toilette_mortuaire',
+            'scheduled_at' => '2026-04-20 14:00:00',
+            'duration_min' => 30,
+            'status' => 'planifie',
+            'created_by' => $this->authenticatedUser->id,
+        ]);
+
+        $matchingIntervention->practitioners()->attach($thanatopractitioner->id, [
+            'role' => 'principal',
+            'assigned_at' => now(),
+        ]);
+
+        $sameEmployeeOutsideMonth->practitioners()->attach($thanatopractitioner->id, [
+            'role' => 'assistant',
+            'assigned_at' => now(),
+        ]);
+
+        $sameMonthDifferentStatus->practitioners()->attach($thanatopractitioner->id, [
+            'role' => 'assistant',
+            'assigned_at' => now(),
+        ]);
+
+        $otherEmployeeIntervention->practitioners()->attach($otherThanatopractitioner->id, [
+            'role' => 'principal',
+            'assigned_at' => now(),
+        ]);
+
+        $response = $this->getJson(sprintf(
+            '/api/employees/%d/agenda?month=2026-04&status=planifie',
+            $employee->id
+        ));
+
+        $response->assertStatus(200)
+            ->assertJsonPath('employee.id', $employee->id)
+            ->assertJsonPath('employee.thanatopractitioner_id', $thanatopractitioner->id)
+            ->assertJsonPath('filters.month', '2026-04')
+            ->assertJsonPath('meta.total', 1)
+            ->assertJsonPath('meta.status_summary.planifie', 1)
+            ->assertJsonCount(1, 'data')
+            ->assertJsonPath('data.0.id', $matchingIntervention->id)
+            ->assertJsonPath('data.0.status', 'planifie');
+    }
+
+    public function test_returns_empty_agenda_when_employee_has_no_thanatopractitioner(): void
+    {
+        $employee = Employee::create([
+            'first_name' => 'Luc',
+            'last_name' => 'Bernard',
+            'email' => 'luc.bernard@example.test',
+            'job_title' => 'Assistant',
+            'active' => true,
+        ]);
+
+        $response = $this->getJson('/api/employees/' . $employee->id . '/agenda');
+
+        $response->assertStatus(200)
+            ->assertJsonPath('employee.id', $employee->id)
+            ->assertJsonPath('employee.full_name', 'Luc Bernard')
+            ->assertJsonPath('meta.total', 0)
+            ->assertJsonPath('data', []);
+    }
+}
\ No newline at end of file
diff --git a/thanasoft-front/lint_output.txt b/thanasoft-front/lint_output.txt
new file mode 100644
index 0000000..37e8e1e
--- /dev/null
+++ b/thanasoft-front/lint_output.txt
@@ -0,0 +1,2726 @@
+
+> vue-soft-ui-dashboard-pro@3.0.0 lint
+> vue-cli-service lint
+
+[baseline-browser-mapping] The data in this module is over two months old.  To ensure accurate Baseline data, please update: `npm i baseline-browser-mapping@latest -D`
+warning: Prop 'msg' requires default value to be set (vue/require-default-prop) at src/components/HelloWorld.vue:87:5:
+  85 |   name: "HelloWorld",
+  86 |   props: {
+> 87 |     msg: String,
+     |     ^
+  88 |   },
+  89 | });
+  90 | </script>
+
+
+warning: Unexpected console statement (no-console) at src/components/Organism/Agenda/InterventionMultiStepModal.vue:758:5:
+  756 |     productSearchResults.value = products;
+  757 |   } catch (e) {
+> 758 |     console.error("Failed to load products", e);
+      |     ^
+  759 |   }
+  760 | });
+  761 |
+
+
+warning: Unexpected console statement (no-console) at src/components/Organism/Agenda/InterventionMultiStepModal.vue:786:7:
+  784 |       );
+  785 |     } catch (e) {
+> 786 |       console.error(e);
+      |       ^
+  787 |     }
+  788 |   }, 300);
+  789 | };
+
+
+warning: Unexpected console statement (no-console) at src/components/Organism/Agenda/InterventionMultiStepModal.vue:827:7:
+  825 |       );
+  826 |     } catch (e) {
+> 827 |       console.error(e);
+      |       ^
+  828 |     }
+  829 |   }, 300);
+  830 | };
+
+
+warning: Unexpected console statement (no-console) at src/components/Organism/Agenda/InterventionMultiStepModal.vue:845:5:
+  843 |     recentClients.value = clients;
+  844 |   } catch (e) {
+> 845 |     console.error("Failed to load recent clients", e);
+      |     ^
+  846 |     recentClients.value = [];
+  847 |   }
+  848 | };
+
+
+warning: Unexpected console statement (no-console) at src/components/Organism/Agenda/InterventionMultiStepModal.vue:893:7:
+  891 |       productSearchResults.value = products;
+  892 |     } catch (e) {
+> 893 |       console.error(e);
+      |       ^
+  894 |       productSearchResults.value = [];
+  895 |     }
+  896 |   }, 250);
+
+
+warning: Unexpected console statement (no-console) at src/components/Organism/Agenda/InterventionMultiStepModal.vue:947:7:
+  945 |       locationSearchResults.value = response.data;
+  946 |     } catch (e) {
+> 947 |       console.error(e);
+      |       ^
+  948 |     }
+  949 |   }, 300);
+  950 | };
+
+
+warning: Unexpected console statement (no-console) at src/components/Organism/Agenda/InterventionMultiStepModal.vue:1119:5:
+  1117 |     emit("submit", formData);
+  1118 |   } catch (e) {
+> 1119 |     console.error(e);
+       |     ^
+  1120 |     globalErrors.value.push("Erreur lors de la préparation du formulaire.");
+  1121 |   } finally {
+  1122 |     submitting.value = false;
+
+
+warning: Unexpected console statement (no-console) at src/components/Organism/Agenda/WizardSteps/StepDeceased.vue:280:7:
+  278 |       showResults.value = true;
+  279 |     } catch (e) {
+> 280 |       console.error("Search failed", e);
+      |       ^
+  281 |     } finally {
+  282 |       isSearching.value = false;
+  283 |     }
+
+
+warning: Unexpected console statement (no-console) at src/components/Organism/Agenda/WizardSteps/StepLocation.vue:286:7:
+  284 |       showResults.value = true;
+  285 |     } catch (e) {
+> 286 |       console.error("Location search failed", e);
+      |       ^
+  287 |     } finally {
+  288 |       isSearching.value = false;
+  289 |     }
+
+
+warning: Unexpected console statement (no-console) at src/components/Organism/Agenda/WizardSteps/StepProductSelection.vue:185:5:
+  183 |     searchResults.value = allProducts.value;
+  184 |   } catch (e) {
+> 185 |     console.error("Failed to load products", e);
+      |     ^
+  186 |   } finally {
+  187 |     loading.value = false;
+  188 |   }
+
+
+warning: Unexpected console statement (no-console) at src/components/Organism/Avoir/AvoirDetailPresentation.vue:312:5:
+  310 |     await avoirStore.fetchAvoir(props.avoirId);
+  311 |   } catch (err) {
+> 312 |     console.error("Error fetching avoir:", err);
+      |     ^
+  313 |   }
+  314 | });
+  315 | </script>
+
+
+warning: Unexpected console statement (no-console) at src/components/Organism/Avoir/AvoirListPresentation.vue:120:5:
+  118 |     await avoirStore.fetchAvoirs();
+  119 |   } catch (err) {
+> 120 |     console.error("Failed to fetch avoirs:", err);
+      |     ^
+  121 |   }
+  122 | });
+  123 | </script>
+
+
+warning: Unexpected console statement (no-console) at src/components/Organism/Avoir/NewAvoirPresentation.vue:68:5:
+  66 |     router.push("/avoirs");
+  67 |   } catch (err) {
+> 68 |     console.error("Error creating avoir:", err);
+     |     ^
+  69 |     notificationStore.error("Erreur", "Erreur lors de la création de l'avoir");
+  70 |   }
+  71 | };
+
+
+warning: Unexpected console statement (no-console) at src/components/Organism/CRM/EmployeeDetailPresentation.vue:158:7:
+  156 |     reader.onload = (e) => {
+  157 |       localAvatar.value = e.target.result;
+> 158 |       console.log("Upload avatar to server");
+      |       ^
+  159 |     };
+  160 |     reader.readAsDataURL(file);
+  161 |   }
+
+
+warning: Unexpected console statement (no-console) at src/components/Organism/CRM/FournisseurDetailPresentation.vue:197:7:
+  195 |       localAvatar.value = e.target.result;
+  196 |       // TODO: Upload to server
+> 197 |       console.log("Upload avatar to server");
+      |       ^
+  198 |     };
+  199 |     reader.readAsDataURL(file);
+  200 |   }
+
+
+warning: Unexpected console statement (no-console) at src/components/Organism/CRM/contact/AddContactPresentation.vue:42:5:
+  40 |   () => props.searchResults,
+  41 |   (newResult, oldResult) => {
+> 42 |     console.log(newResult);
+     |     ^
+  43 |   }
+  44 | );
+  45 | </script>
+
+
+warning: The "edit-avatar" event has been triggered but not declared on `emits` option (vue/require-explicit-emits) at src/components/Organism/CRM/employee/EmployeeDetailSidebar.vue:3:58:
+  1 | <template>
+  2 |   <aside class="product-sidebar">
+> 3 |     <div class="product-sidebar__img-wrap" @click="$emit('edit-avatar')">
+    |                                                          ^
+  4 |       <img
+  5 |         v-if="avatarUrl"
+  6 |         :src="avatarUrl"
+
+
+warning: The "change-tab" event has been triggered but not declared on `emits` option (vue/require-explicit-emits) at src/components/Organism/CRM/employee/EmployeeDetailSidebar.vue:60:23:
+  58 |         class="product-sidebar__nav-item"
+  59 |         :class="{ 'is-active': activeTab === tab.id }"
+> 60 |         @click="$emit('change-tab', tab.id)"
+     |                       ^
+  61 |       >
+  62 |         <component :is="tab.icon" class="nav-icon" />
+  63 |         {{ tab.label }}
+
+
+warning: There is more than one component in this file (vue/one-component-per-file) at src/components/Organism/CRM/employee/EmployeeDetailSidebar.vue:117:38:
+  115 | defineEmits(["edit-avatar", "change-tab"]);
+  116 |
+> 117 | const IconOverview = defineComponent({
+      |                                      ^
+  118 |   render: () =>
+  119 |     h(
+  120 |       "svg",
+
+
+warning: There is more than one component in this file (vue/one-component-per-file) at src/components/Organism/CRM/employee/EmployeeDetailSidebar.vue:134:34:
+  132 | });
+  133 |
+> 134 | const IconInfo = defineComponent({
+      |                                  ^
+  135 |   render: () =>
+  136 |     h(
+  137 |       "svg",
+
+
+warning: There is more than one component in this file (vue/one-component-per-file) at src/components/Organism/CRM/employee/EmployeeDetailSidebar.vue:151:38:
+  149 | });
+  150 |
+> 151 | const IconDocument = defineComponent({
+      |                                      ^
+  152 |   render: () =>
+  153 |     h(
+  154 |       "svg",
+
+
+warning: There is more than one component in this file (vue/one-component-per-file) at src/components/Organism/CRM/employee/EmployeeDetailSidebar.vue:171:42:
+  169 | });
+  170 |
+> 171 | const IconPractitioner = defineComponent({
+      |                                          ^
+  172 |   render: () =>
+  173 |     h(
+  174 |       "svg",
+
+
+warning: There is more than one component in this file (vue/one-component-per-file) at src/components/Organism/CRM/employee/EmployeeDetailSidebar.vue:188:38:
+  186 | });
+  187 |
+> 188 | const IconActivity = defineComponent({
+      |                                      ^
+  189 |   render: () =>
+  190 |     h(
+  191 |       "svg",
+
+
+warning: Unexpected console statement (no-console) at src/components/Organism/ClientGroup/ClientGroupDetailPresentation.vue:134:5:
+  132 |   } catch (e) {
+  133 |     error.value = "Impossible de charger le groupe.";
+> 134 |     console.error(e);
+      |     ^
+  135 |   } finally {
+  136 |     loading.value = false;
+  137 |   }
+
+
+warning: Unexpected console statement (no-console) at src/components/Organism/ClientGroup/ClientGroupFormPresentation.vue:62:7:
+  60 |       router.push("/clients/groups");
+  61 |     } catch (navigationError) {
+> 62 |       console.error(navigationError);
+     |       ^
+  63 |     }
+  64 |   }
+  65 | });
+
+
+warning: Unexpected console statement (no-console) at src/components/Organism/Commande/CommandeDetailPresentation.vue:402:5:
+  400 |     };
+  401 |   } catch (err) {
+> 402 |     console.error("Error fetching commande:", err);
+      |     ^
+  403 |     error.value = "Impossible de charger les détails de la commande.";
+  404 |     notificationStore.error("Erreur", error.value);
+  405 |   } finally {
+
+
+warning: Unexpected console statement (no-console) at src/components/Organism/Commande/CommandeDetailPresentation.vue:439:5:
+  437 |     );
+  438 |   } catch (err) {
+> 439 |     console.error("Error updating status:", err);
+      |     ^
+  440 |     const backendMessage =
+  441 |       err?.response?.data?.error ||
+  442 |       err?.response?.data?.message ||
+
+
+warning: Unexpected console statement (no-console) at src/components/Organism/Commande/CommandeListPresentation.vue:115:5:
+  113 |     await purchaseOrderStore.fetchPurchaseOrders();
+  114 |   } catch (err) {
+> 115 |     console.error("Failed to fetch purchase orders:", err);
+      |     ^
+  116 |   }
+  117 | });
+  118 | </script>
+
+
+warning: Unexpected console statement (no-console) at src/components/Organism/Employee/EmployeePresentation.vue:63:3:
+  61 |
+  62 | const deleteEmployee = (employeeId) => {
+> 63 |   console.log(
+     |   ^
+  64 |     "deleteEmployee called in EmployeePresentation with ID:",
+  65 |     employeeId
+  66 |   );
+
+
+warning: Unexpected console statement (no-console) at src/components/Organism/Employee/EmployeePresentation.vue:71:3:
+  69 |
+  70 | const handleChangePage = (page) => {
+> 71 |   console.log(
+     |   ^
+  72 |     "handleChangePage called in EmployeePresentation with page:",
+  73 |     page
+  74 |   );
+
+
+warning: Unexpected console statement (no-console) at src/components/Organism/Employee/EmployeePresentation.vue:76:5:
+  74 |   );
+  75 |   if (page >= 1 && page <= (props.pagination?.last_page || 1)) {
+> 76 |     console.log("Emitting changePage event from EmployeePresentation:", page);
+     |     ^
+  77 |     emit("changePage", page);
+  78 |   }
+  79 | };
+
+
+warning: Unexpected console statement (no-console) at src/components/Organism/Employee/VehicleDetailPresentation.vue:422:7:
+  420 |       );
+  421 |     } catch (error) {
+> 422 |       console.error("Error searching employees:", error);
+      |       ^
+  423 |       employeeResults.value = [];
+  424 |     } finally {
+  425 |       employeeLoading.value = false;
+
+
+warning: Unexpected console statement (no-console) at src/components/Organism/Interventions/InterventionDetailPresentation.vue:768:3:
+  766 | // ── Document handlers ──
+  767 | const handleFilesSelected = (files) =>
+> 768 |   console.log("Files selected:", files.length);
+      |   ^
+  769 | const loadDocumentAttachments = async () => {
+  770 |   if (!props.intervention?.id) return;
+  771 |   try {
+
+
+warning: Unexpected console statement (no-console) at src/components/Organism/Interventions/intervention/InterventionDetailContent.vue:535:3:
+  533 | const handleFilesSelected = (files) => {
+  534 |   // Files have been selected, parent can handle validation if needed
+> 535 |   console.log("Files selected:", files.length);
+      |   ^
+  536 | };
+  537 |
+  538 | const handleUploadFiles = async (files) => {
+
+
+warning: Unexpected console statement (no-console) at src/components/Organism/Interventions/intervention/InterventionDetailContent.vue:549:5:
+  547 |     emit("refresh-intervention");
+  548 |   } catch (error) {
+> 549 |     console.error("Error uploading files:", error);
+      |     ^
+  550 |     documentStore.clearError();
+  551 |   }
+  552 | };
+
+
+warning: Unexpected console statement (no-console) at src/components/Organism/Interventions/intervention/InterventionDetailContent.vue:559:5:
+  557 |     emit("refresh-intervention");
+  558 |   } catch (error) {
+> 559 |     console.error("Error deleting document:", error);
+      |     ^
+  560 |     documentStore.clearError();
+  561 |   }
+  562 | };
+
+
+warning: Unexpected console statement (no-console) at src/components/Organism/Interventions/intervention/InterventionDetailContent.vue:569:5:
+  567 |     emit("refresh-intervention");
+  568 |   } catch (error) {
+> 569 |     console.error("Error deleting documents:", error);
+      |     ^
+  570 |     documentStore.clearError();
+  571 |   }
+  572 | };
+
+
+warning: Unexpected console statement (no-console) at src/components/Organism/Interventions/intervention/InterventionDetailContent.vue:579:5:
+  577 |     emit("refresh-intervention");
+  578 |   } catch (error) {
+> 579 |     console.error("Error updating document label:", error);
+      |     ^
+  580 |     documentStore.clearError();
+  581 |   }
+  582 | };
+
+
+warning: Unexpected console statement (no-console) at src/components/Organism/Interventions/intervention/InterventionDetailContent.vue:590:5:
+  588 |     await documentStore.fetchInterventionFiles(props.intervention.id);
+  589 |   } catch (error) {
+> 590 |     console.error("Error loading document attachments:", error);
+      |     ^
+  591 |     documentStore.clearError();
+  592 |   }
+  593 | };
+
+
+warning: Unexpected console statement (no-console) at src/components/Organism/Interventions/intervention/InterventionDetailContent.vue:602:3:
+  600 | const handleError = (errorMessage) => {
+  601 |   // Show error notification
+> 602 |   console.error("Document management error:", errorMessage);
+      |   ^
+  603 |   emit("show-error", errorMessage);
+  604 | };
+  605 |
+
+
+warning: Unexpected console statement (no-console) at src/components/Organism/Interventions/intervention/InterventionDetailContent.vue:632:5:
+  630 |     emit("refresh-intervention");
+  631 |   } catch (error) {
+> 632 |     console.error("Error unassigning practitioner:", error);
+      |     ^
+  633 |     // You might want to show a toast notification here
+  634 |   }
+  635 | };
+
+
+warning: 'v-html' directive can lead to XSS attack (vue/no-v-html) at src/components/Organism/Interventions/intervention/InterventionDetailSidebar.vue:129:32:
+  127 |         @click="$emit('change-tab', tab.id)"
+  128 |       >
+> 129 |         <span class="tab-icon" v-html="tab.icon"></span>
+      |                                ^
+  130 |         <span class="tab-label">{{ tab.label }}</span>
+  131 |         <span v-if="tab.id === 'team' && teamCount > 0" class="tab-badge">{{
+  132 |           teamCount
+
+
+warning: Unexpected console statement (no-console) at src/components/Organism/Invoice/InvoiceDetailPresentation.vue:208:5:
+  206 |   } catch (e) {
+  207 |     error.value = "Impossible de charger la facture.";
+> 208 |     console.error(e);
+      |     ^
+  209 |   } finally {
+  210 |     loading.value = false;
+  211 |   }
+
+
+warning: Unexpected console statement (no-console) at src/components/Organism/Invoice/InvoiceDetailPresentation.vue:312:7:
+  310 |     })
+  311 |     .catch((e) => {
+> 312 |       console.error(e);
+      |       ^
+  313 |       notificationStore.error(
+  314 |         "Erreur",
+  315 |         "Impossible de mettre à jour le statut",
+
+
+warning: Unexpected console statement (no-console) at src/components/Organism/Location/LocationManager.vue:253:3:
+  251 | const handleLocationEdit = (location) => {
+  252 |   // Implementation for editing existing location
+> 253 |   console.log("Edit location:", location);
+      |   ^
+  254 | };
+  255 |
+  256 | const closeCreateModal = () => {
+
+
+warning: Unexpected console statement (no-console) at src/components/Organism/Quote/QuoteCreationPresentation.vue:436:5:
+  434 |     router.push("/ventes/devis");
+  435 |   } catch (error) {
+> 436 |     console.error(error);
+      |     ^
+  437 |     alert("Erreur lors de la création du devis");
+  438 |   } finally {
+  439 |     loading.value = false;
+
+
+warning: Unexpected console statement (no-console) at src/components/Organism/Quote/QuoteDetailPresentation.vue:210:5:
+  208 |   } catch (e) {
+  209 |     error.value = "Impossible de charger le devis.";
+> 210 |     console.error(e);
+      |     ^
+  211 |   } finally {
+  212 |     loading.value = false;
+  213 |   }
+
+
+warning: Unexpected console statement (no-console) at src/components/Organism/Quote/QuoteDetailPresentation.vue:309:5:
+  307 |     notificationStore.success("Export PDF", "Le devis a ete telecharge.", 3000);
+  308 |   } catch (e) {
+> 309 |     console.error(e);
+      |     ^
+  310 |     notificationStore.error(
+  311 |       "Erreur",
+  312 |       "Impossible d'exporter le devis en PDF",
+
+
+warning: Unexpected console statement (no-console) at src/components/Organism/Quote/QuoteDetailPresentation.vue:337:7:
+  335 |     })
+  336 |     .catch((e) => {
+> 337 |       console.error(e);
+      |       ^
+  338 |       const message =
+  339 |         e?.response?.data?.message ||
+  340 |         e?.response?.data?.error ||
+
+
+warning: Unexpected console statement (no-console) at src/components/Organism/Quote/QuoteListPresentation.vue:34:3:
+  32 |
+  33 | const handleView = (id) => {
+> 34 |   console.log("handleView called with id:", id);
+     |   ^
+  35 |   router.push(`/ventes/devis/${id}`);
+  36 | };
+  37 |
+
+
+warning: Unexpected console statement (no-console) at src/components/Organism/Quote/QuoteListPresentation.vue:39:3:
+  37 |
+  38 | const handleEdit = (id) => {
+> 39 |   console.log("Edit quote", id);
+     |   ^
+  40 | };
+  41 |
+  42 | const handleDelete = async (id) => {
+
+
+warning: Unexpected console statement (no-console) at src/components/Organism/Stock/GoodsReceiptListPresentation.vue:95:7:
+  93 |       await receiptStore.deleteReceipt(id);
+  94 |     } catch (error) {
+> 95 |       console.error("Failed to delete goods receipt", error);
+     |       ^
+  96 |     }
+  97 |   }
+  98 | };
+
+
+warning: Unexpected console statement (no-console) at src/components/Organism/Stock/NewReceptionPresentation.vue:59:5:
+  57 |     router.push("/stock/receptions");
+  58 |   } catch (error) {
+> 59 |     console.error("Failed to create goods receipt", error);
+     |     ^
+  60 |   }
+  61 | };
+  62 |
+
+
+warning: Unexpected console statement (no-console) at src/components/Organism/Stock/NewReceptionPresentation.vue:68:5:
+  66 |     purchaseOrders.value = purchaseOrderStore.purchaseOrders;
+  67 |   } catch (error) {
+> 68 |     console.error("Failed to load purchase orders", error);
+     |     ^
+  69 |   }
+  70 | });
+  71 | </script>
+
+
+warning: Unexpected console statement (no-console) at src/components/Organism/Stock/ProductCategoryPresentation.vue:119:5:
+  117 |     notificationStore.created("Catégorie de produit");
+  118 |   } catch (error) {
+> 119 |     console.error("Error creating category:", error);
+      |     ^
+  120 |     if (error.response && error.response.data) {
+  121 |       notificationStore.error(
+  122 |         "Erreur",
+
+
+warning: Unexpected console statement (no-console) at src/components/Organism/Stock/ProductCategoryPresentation.vue:142:5:
+  140 |     notificationStore.updated("Catégorie de produit");
+  141 |   } catch (error) {
+> 142 |     console.error("Error updating category:", error);
+      |     ^
+  143 |     if (error.response && error.response.data) {
+  144 |       notificationStore.error(
+  145 |         "Erreur",
+
+
+warning: There is more than one component in this file (vue/one-component-per-file) at src/components/Organism/Stock/ProductDetailsPresentation.vue:419:34:
+  417 | // Replace with your icon library's components as needed
+  418 | import { defineComponent, h } from "vue";
+> 419 | const IconInfo = defineComponent({
+      |                                  ^
+  420 |   render: () =>
+  421 |     h(
+  422 |       "svg",
+
+
+warning: There is more than one component in this file (vue/one-component-per-file) at src/components/Organism/Stock/ProductDetailsPresentation.vue:435:33:
+  433 |     ),
+  434 | });
+> 435 | const IconBox = defineComponent({
+      |                                 ^
+  436 |   render: () =>
+  437 |     h(
+  438 |       "svg",
+
+
+warning: There is more than one component in this file (vue/one-component-per-file) at src/components/Organism/Stock/ProductDetailsPresentation.vue:451:34:
+  449 |     ),
+  450 | });
+> 451 | const IconMove = defineComponent({
+      |                                  ^
+  452 |   render: () =>
+  453 |     h(
+  454 |       "svg",
+
+
+warning: Unexpected console statement (no-console) at src/components/Organism/Stock/ProductPresentation.vue:55:3:
+  53 |
+  54 | const goToDetails = (product) => {
+> 55 |   console.log(product);
+     |   ^
+  56 |   router.push({
+  57 |     name: "Product details",
+  58 |     params: {
+
+
+warning: Unexpected console statement (no-console) at src/components/Organism/Stock/ReceptionDetailPresentation.vue:276:5:
+  274 |     await goodsReceiptStore.fetchGoodsReceipt(parseInt(route.params.id));
+  275 |   } catch (e) {
+> 276 |     console.error("Failed to update receipt status", e);
+      |     ^
+  277 |   } finally {
+  278 |     if (requestId === receiptStatusRequestId) {
+  279 |       isUpdatingStatus.value = false;
+
+
+warning: Unexpected console statement (no-console) at src/components/Organism/Stock/ReceptionDetailPresentation.vue:312:5:
+  310 |     router.push("/stock/receptions");
+  311 |   } catch (e) {
+> 312 |     console.error("Failed to delete goods receipt", e);
+      |     ^
+  313 |   }
+  314 | };
+  315 |
+
+
+warning: Unexpected console statement (no-console) at src/components/Organism/Stock/WarehouseDetailPresentation.vue:504:5:
+  502 |   } catch (e) {
+  503 |     error.value = "Impossible de charger les informations de l'entrepôt.";
+> 504 |     console.error(e);
+      |     ^
+  505 |   } finally {
+  506 |     loading.value = false;
+  507 |   }
+
+
+warning: Unexpected console statement (no-console) at src/components/Organism/Stock/WarehouseDetailPresentation.vue:534:5:
+  532 |     await loadWarehouseData();
+  533 |   } catch (e) {
+> 534 |     console.error("Failed to update warehouse", e);
+      |     ^
+  535 |     error.value =
+  536 |       e?.response?.data?.message ||
+  537 |       "Erreur lors de la mise à jour de l'entrepôt.";
+
+
+warning: Unexpected console statement (no-console) at src/components/Organism/Stock/WarehouseDetailPresentation.vue:582:5:
+  580 |     router.push("/stock/warehouses");
+  581 |   } catch (e) {
+> 582 |     console.error("Failed to delete warehouse", e);
+      |     ^
+  583 |     error.value =
+  584 |       e?.response?.data?.message || "Erreur lors de la suppression.";
+  585 |   } finally {
+
+
+warning: Unexpected console statement (no-console) at src/components/Organism/Stock/WarehouseFormPresentation.vue:70:7:
+  68 |     } catch (e) {
+  69 |       error.value = "Impossible de charger les données de l'entrepôt.";
+> 70 |       console.error(e);
+     |       ^
+  71 |     }
+  72 |   }
+  73 | });
+
+
+warning: Unexpected console statement (no-console) at src/components/Organism/Stock/WarehouseFormPresentation.vue:90:5:
+  88 |       e.message ||
+  89 |       "Une erreur est survenue lors de l'enregistrement.";
+> 90 |     console.error(e);
+     |     ^
+  91 |   } finally {
+  92 |     submitting.value = false;
+  93 |   }
+
+
+warning: Unexpected console statement (no-console) at src/components/Organism/Stock/WarehouseListPresentation.vue:57:7:
+  55 |       await warehouseStore.deleteWarehouse(id);
+  56 |     } catch (error) {
+> 57 |       console.error("Failed to delete warehouse", error);
+     |       ^
+  58 |     }
+  59 |   }
+  60 | };
+
+
+warning: Unexpected console statement (no-console) at src/components/Organism/Thanatopractitioner/ThanatopractitionerDetailPresentation.vue:124:7:
+  122 |       localAvatar.value = e.target.result;
+  123 |       // TODO: Upload to server
+> 124 |       console.log("Upload avatar to server");
+      |       ^
+  125 |     };
+  126 |     reader.readAsDataURL(file);
+  127 |   }
+
+
+warning: Unexpected console statement (no-console) at src/components/Organism/Thanatopractitioner/thanatopractitioner/ThanatopractitionerDetailContent.vue:219:3:
+  217 | const openDocumentModal = () => {
+  218 |   // TODO: Implement document upload modal
+> 219 |   console.log("Open document upload modal");
+      |   ^
+  220 | };
+  221 |
+  222 | const viewDocument = (document) => {
+
+
+warning: Unexpected console statement (no-console) at src/components/Organism/Thanatopractitioner/thanatopractitioner/ThanatopractitionerDetailContent.vue:224:3:
+  222 | const viewDocument = (document) => {
+  223 |   // TODO: Implement document view functionality
+> 224 |   console.log("View document", document);
+      |   ^
+  225 | };
+  226 |
+  227 | const deleteDocument = (document) => {
+
+
+warning: Unexpected console statement (no-console) at src/components/Organism/Thanatopractitioner/thanatopractitioner/ThanatopractitionerDetailContent.vue:229:3:
+  227 | const deleteDocument = (document) => {
+  228 |   // TODO: Implement document deletion
+> 229 |   console.log("Delete document", document);
+      |   ^
+  230 | };
+  231 | </script>
+  232 |
+
+
+warning: Unexpected console statement (no-console) at src/components/atoms/Interventions/CardInterventions.vue:115:5:
+  113 |     router.push({ name: "Intervention details", params: { id: props.id } });
+  114 |   } else {
+> 115 |     console.warn("Cannot navigate to details: intervention ID is missing");
+      |     ^
+  116 |   }
+  117 | };
+  118 | </script>
+
+
+warning: Unexpected console statement (no-console) at src/components/atoms/input/ModalSearch.vue:225:5:
+  223 |     results.value = searchResults || [];
+  224 |   } catch (error) {
+> 225 |     console.error("Search error:", error);
+      |     ^
+  226 |     results.value = [];
+  227 |   } finally {
+  228 |     isLoading.value = false;
+
+
+warning: Unexpected console statement (no-console) at src/components/atoms/input/SearchInput.vue:140:3:
+  138 |
+  139 |   const result = item[props.itemLabel];
+> 140 |   console.log("SearchInput: Property label result:", result);
+      |   ^
+  141 |   return result;
+  142 | };
+  143 |
+
+
+error: 'defineProps' is not defined (no-undef) at src/components/molecules/Agenda/ClientStep.vue:93:15:
+  91 | import { computed } from "vue";
+  92 |
+> 93 | const props = defineProps({
+     |               ^
+  94 |   modelValue: {
+  95 |     type: Object,
+  96 |     required: true,
+
+
+error: 'defineEmits' is not defined (no-undef) at src/components/molecules/Agenda/ClientStep.vue:104:14:
+  102 | });
+  103 |
+> 104 | const emit = defineEmits(["update:modelValue"]);
+      |              ^
+  105 |
+  106 | const localValue = computed({
+  107 |   get() {
+
+
+error: 'defineProps' is not defined (no-undef) at src/components/molecules/Agenda/DeceasedStep.vue:92:15:
+  90 | import { computed } from "vue";
+  91 |
+> 92 | const props = defineProps({
+     |               ^
+  93 |   modelValue: {
+  94 |     type: Object,
+  95 |     required: true,
+
+
+error: 'defineEmits' is not defined (no-undef) at src/components/molecules/Agenda/DeceasedStep.vue:103:14:
+  101 | });
+  102 |
+> 103 | const emit = defineEmits(["update:modelValue"]);
+      |              ^
+  104 |
+  105 | const localValue = computed({
+  106 |   get() {
+
+
+error: 'defineProps' is not defined (no-undef) at src/components/molecules/Agenda/DocumentsStep.vue:89:15:
+  87 |
+  88 | <script setup>
+> 89 | const props = defineProps({
+     |               ^
+  90 |   files: {
+  91 |     type: Array,
+  92 |     default: () => [],
+
+
+error: 'defineEmits' is not defined (no-undef) at src/components/molecules/Agenda/DocumentsStep.vue:100:14:
+   98 | });
+   99 |
+> 100 | const emit = defineEmits(["upload", "remove"]);
+      |              ^
+  101 |
+  102 | const onFileChange = (event, type) => {
+  103 |   const files = event.target.files;
+
+
+error: 'defineProps' is not defined (no-undef) at src/components/molecules/Agenda/InterventionStep.vue:110:15:
+  108 | import { computed } from "vue";
+  109 |
+> 110 | const props = defineProps({
+      |               ^
+  111 |   modelValue: {
+  112 |     type: Object,
+  113 |     required: true,
+
+
+error: 'defineEmits' is not defined (no-undef) at src/components/molecules/Agenda/InterventionStep.vue:129:14:
+  127 | });
+  128 |
+> 129 | const emit = defineEmits(["update:modelValue"]);
+      |              ^
+  130 |
+  131 | const localValue = computed({
+  132 |   get() {
+
+
+error: 'defineProps' is not defined (no-undef) at src/components/molecules/Agenda/LocationStep.vue:74:15:
+  72 | import { computed } from "vue";
+  73 |
+> 74 | const props = defineProps({
+     |               ^
+  75 |   modelValue: {
+  76 |     type: Object,
+  77 |     required: true,
+
+
+error: 'defineEmits' is not defined (no-undef) at src/components/molecules/Agenda/LocationStep.vue:85:14:
+  83 | });
+  84 |
+> 85 | const emit = defineEmits(["update:modelValue"]);
+     |              ^
+  86 |
+  87 | const localValue = computed({
+  88 |   get() {
+
+
+warning: Unexpected console statement (no-console) at src/components/molecules/Avoir/NewAvoirForm.vue:325:7:
+  323 |       );
+  324 |     } catch (error) {
+> 325 |       console.error("Error searching invoices:", error);
+      |       ^
+  326 |     } finally {
+  327 |       isSearchingInvoices.value = false;
+  328 |     }
+
+
+warning: Unexpected console statement (no-console) at src/components/molecules/Defunts/DefuntDetailContent.vue:526:3:
+  524 | const handleFilesSelected = (files) => {
+  525 |   // Files have been selected, parent can handle validation if needed
+> 526 |   console.log("Files selected:", files.length);
+      |   ^
+  527 | };
+  528 |
+  529 | const handleUploadFiles = async (files) => {
+
+
+warning: Unexpected console statement (no-console) at src/components/molecules/Defunts/DefuntDetailContent.vue:540:5:
+  538 |     emit("refresh-deceased");
+  539 |   } catch (error) {
+> 540 |     console.error("Error uploading files:", error);
+      |     ^
+  541 |     documentStore.clearError();
+  542 |   }
+  543 | };
+
+
+warning: Unexpected console statement (no-console) at src/components/molecules/Defunts/DefuntDetailContent.vue:550:5:
+  548 |     emit("refresh-deceased");
+  549 |   } catch (error) {
+> 550 |     console.error("Error deleting document:", error);
+      |     ^
+  551 |     documentStore.clearError();
+  552 |   }
+  553 | };
+
+
+warning: Unexpected console statement (no-console) at src/components/molecules/Defunts/DefuntDetailContent.vue:560:5:
+  558 |     emit("refresh-deceased");
+  559 |   } catch (error) {
+> 560 |     console.error("Error deleting documents:", error);
+      |     ^
+  561 |     documentStore.clearError();
+  562 |   }
+  563 | };
+
+
+warning: Unexpected console statement (no-console) at src/components/molecules/Defunts/DefuntDetailContent.vue:570:5:
+  568 |     emit("refresh-deceased");
+  569 |   } catch (error) {
+> 570 |     console.error("Error updating document label:", error);
+      |     ^
+  571 |     documentStore.clearError();
+  572 |   }
+  573 | };
+
+
+warning: Unexpected console statement (no-console) at src/components/molecules/Defunts/DefuntDetailContent.vue:581:5:
+  579 |     await documentStore.fetchDeceasedFiles(props.deceased.id);
+  580 |   } catch (error) {
+> 581 |     console.error("Error loading document attachments:", error);
+      |     ^
+  582 |     documentStore.clearError();
+  583 |   }
+  584 | };
+
+
+warning: Unexpected console statement (no-console) at src/components/molecules/Defunts/DefuntForm.vue:254:3:
+  252 |   }
+  253 |
+> 254 |   console.log("Defunt form data being emitted:", cleanedForm);
+      |   ^
+  255 |
+  256 |   // Emit the cleaned form data to parent
+  257 |   emit("createDefunt", cleanedForm);
+
+
+warning: Unexpected console statement (no-console) at src/components/molecules/Defunts/DefuntsList.vue:160:5:
+  158 |     }, 2000);
+  159 |   } catch (error) {
+> 160 |     console.error("Error creating intervention:", error);
+      |     ^
+  161 |
+  162 |     // Handle validation errors from Laravel
+  163 |     if (error.response && error.response.status === 422) {
+
+
+warning: Unexpected console statement (no-console) at src/components/molecules/Defunts/DefuntsList.vue:210:7:
+  208 |   switch (action) {
+  209 |     case "edit":
+> 210 |       console.log("Modifier le défunt:", defunt);
+      |       ^
+  211 |       // Ouvrir modal d'édition
+  212 |       break;
+  213 |     case "view":
+
+
+warning: Unexpected console statement (no-console) at src/components/molecules/Defunts/DefuntsList.vue:221:7:
+  219 |       break;
+  220 |     case "delete":
+> 221 |       console.log("Supprimer le défunt:", defunt);
+      |       ^
+  222 |       // Confirmer la suppression
+  223 |       if (
+  224 |         confirm(
+
+
+warning: Unexpected console statement (no-console) at src/components/molecules/Defunts/DefuntsList.vue:245:5:
+  243 |     ]);
+  244 |   } catch (error) {
+> 245 |     console.error("Error loading data:", error);
+      |     ^
+  246 |     notificationStore.error(
+  247 |       "Erreur",
+  248 |       "Impossible de charger les données nécessaires"
+
+
+warning: Unexpected console statement (no-console) at src/components/molecules/Employees/EmployeeTable.vue:367:3:
+  365 | // Direct button handlers
+  366 | const handleView = (employeeId) => {
+> 367 |   console.log("Direct view button clicked for ID:", employeeId);
+      |   ^
+  368 |   emit("view", employeeId);
+  369 | };
+  370 |
+
+
+warning: Unexpected console statement (no-console) at src/components/molecules/Employees/EmployeeTable.vue:372:3:
+  370 |
+  371 | const handleDelete = (employeeId) => {
+> 372 |   console.log("Direct delete button clicked for ID:", employeeId);
+      |   ^
+  373 |   emit("delete", employeeId);
+  374 | };
+  375 |
+
+
+warning: Unexpected console statement (no-console) at src/components/molecules/Employees/EmployeeTable.vue:378:3:
+  376 | // Pagination methods
+  377 | const changePage = (page) => {
+> 378 |   console.log("changePage called in EmployeeTable with page:", page);
+      |   ^
+  379 |   if (page >= 1 && page <= props.pagination.last_page) {
+  380 |     console.log("Emitting changePage event from EmployeeTable:", page);
+  381 |     emit("changePage", page);
+
+
+warning: Unexpected console statement (no-console) at src/components/molecules/Employees/EmployeeTable.vue:380:5:
+  378 |   console.log("changePage called in EmployeeTable with page:", page);
+  379 |   if (page >= 1 && page <= props.pagination.last_page) {
+> 380 |     console.log("Emitting changePage event from EmployeeTable:", page);
+      |     ^
+  381 |     emit("changePage", page);
+  382 |   }
+  383 | };
+
+
+warning: Unexpected console statement (no-console) at src/components/molecules/Employees/EmployeeTable.vue:479:7:
+  477 |   () => {
+  478 |     if (!props.loading) {
+> 479 |       console.log("EmployeeTable: Data changed");
+      |       ^
+  480 |     }
+  481 |   },
+  482 |   { deep: true }
+
+
+warning: Unexpected console statement (no-console) at src/components/molecules/Employees/EmployeeTable.vue:499:5:
+  497 | onMounted(() => {
+  498 |   if (!props.loading && props.data.length > 0) {
+> 499 |     console.log(
+      |     ^
+  500 |       "EmployeeTable: Component mounted with",
+  501 |       props.data.length,
+  502 |       "employees"
+
+
+warning: Unexpected console statement (no-console) at src/components/molecules/Interventions/InterventionForm.vue:294:3:
+  292 | // Handle client search event
+  293 | const handleSearch = (query) => {
+> 294 |   console.log("Searching for client:", query);
+      |   ^
+  295 | };
+  296 |
+  297 | // Handle client select event
+
+
+warning: Unexpected console statement (no-console) at src/components/molecules/Interventions/InterventionForm.vue:299:3:
+  297 | // Handle client select event
+  298 | const handleSelect = (item) => {
+> 299 |   console.log("Selected client:", item);
+      |   ^
+  300 |   // Call the parent callback for client selection if provided
+  301 |   if (props.onClientSelect) {
+  302 |     props.onClientSelect(item);
+
+
+warning: Unexpected console statement (no-console) at src/components/molecules/Interventions/InterventionForm.vue:312:3:
+  310 | // Handle deceased search event
+  311 | const handleSearchDeceased = (query) => {
+> 312 |   console.log("Searching for deceased:", query);
+      |   ^
+  313 | };
+  314 |
+  315 | const getDeceasedFullName = (deceased) => {
+
+
+warning: Unexpected console statement (no-console) at src/components/molecules/Interventions/InterventionForm.vue:322:3:
+  320 | // Handle deceased select event
+  321 | const handleSelectDeceased = (item) => {
+> 322 |   console.log("Selected deceased:", item);
+      |   ^
+  323 |   // Call the parent callback for deceased selection if provided
+  324 |   if (props.onDeceasedSelect) {
+  325 |     props.onDeceasedSelect(item);
+
+
+warning: Unexpected console statement (no-console) at src/components/molecules/Interventions/InterventionForm.vue:456:3:
+  454 |   }
+  455 |
+> 456 |   console.log("Intervention form data being emitted:", cleanedForm);
+      |   ^
+  457 |
+  458 |   // Emit the cleaned form data to parent
+  459 |   emit("createIntervention", cleanedForm);
+
+
+warning: Unexpected console statement (no-console) at src/components/molecules/Quote/ProductLineItem.vue:142:7:
+  140 |     try {
+  141 |       const results = await productStore.searchProducts(query);
+> 142 |       console.log("Search results:", results);
+      |       ^
+  143 |       if (Array.isArray(results)) {
+  144 |         searchResults.value = results;
+  145 |         showResults.value = true;
+
+
+warning: Unexpected console statement (no-console) at src/components/molecules/Quote/ProductLineItem.vue:155:7:
+  153 |       }
+  154 |     } catch (e) {
+> 155 |       console.error("Search error:", e);
+      |       ^
+  156 |     }
+  157 |   }, 300);
+  158 | };
+
+
+warning: Unexpected console statement (no-console) at src/components/molecules/Stock/NewReceptionForm.vue:671:7:
+  669 |       warehouseSearchResults.value = results.filter((w) => w && w.id);
+  670 |     } catch (e) {
+> 671 |       console.error(e);
+      |       ^
+  672 |     } finally {
+  673 |       isSearchingWarehouses.value = false;
+  674 |     }
+
+
+warning: Unexpected console statement (no-console) at src/components/molecules/Stock/NewReceptionForm.vue:722:7:
+  720 |       productSearchResults.value = results.filter((p) => p && p.id);
+  721 |     } catch (e) {
+> 722 |       console.error(e);
+      |       ^
+  723 |     } finally {
+  724 |       isSearchingProducts.value = false;
+  725 |     }
+
+
+warning: Unexpected console statement (no-console) at src/components/molecules/Stock/NewReceptionForm.vue:756:5:
+  754 |     }
+  755 |   } catch (e) {
+> 756 |     console.error(e);
+      |     ^
+  757 |   }
+  758 | };
+  759 |
+
+
+warning: Unexpected console statement (no-console) at src/components/molecules/Stock/NewReceptionForm.vue:855:5:
+  853 |     }));
+  854 |   } catch (e) {
+> 855 |     console.error(e);
+      |     ^
+  856 |   }
+  857 | };
+  858 |
+
+
+warning: Unexpected console statement (no-console) at src/components/molecules/Stock/ProductCategoryModal.vue:334:5:
+  332 |     closeModal();
+  333 |   } catch (error) {
+> 334 |     console.error("Erreur lors de la sauvegarde de la catégorie:", error);
+      |     ^
+  335 |
+  336 |     // Handle API errors
+  337 |     if (error.response && error.response.data && error.response.data.errors) {
+
+
+warning: Unexpected console statement (no-console) at src/components/molecules/Tables/Avoirs/AvoirTable.vue:236:11:
+  234 |       if (id && action) {
+  235 |         if (action === "view") {
+> 236 |           console.log("Delegated View click for id:", id);
+      |           ^
+  237 |           emit("view", parseInt(id));
+  238 |         } else if (action === "delete") {
+  239 |           console.log("Delegated Delete click for id:", id);
+
+
+warning: Unexpected console statement (no-console) at src/components/molecules/Tables/Avoirs/AvoirTable.vue:239:11:
+  237 |           emit("view", parseInt(id));
+  238 |         } else if (action === "delete") {
+> 239 |           console.log("Delegated Delete click for id:", id);
+      |           ^
+  240 |           emit("delete", parseInt(id));
+  241 |         }
+  242 |       }
+
+
+warning: Unexpected console statement (no-console) at src/components/molecules/Tables/Fournisseurs/CommandeTable.vue:238:11:
+  236 |       if (id && action) {
+  237 |         if (action === "view") {
+> 238 |           console.log("View commande:", id);
+      |           ^
+  239 |           emit("view", parseInt(id));
+  240 |         } else if (action === "delete") {
+  241 |           console.log("Delete commande:", id);
+
+
+warning: Unexpected console statement (no-console) at src/components/molecules/Tables/Fournisseurs/CommandeTable.vue:241:11:
+  239 |           emit("view", parseInt(id));
+  240 |         } else if (action === "delete") {
+> 241 |           console.log("Delete commande:", id);
+      |           ^
+  242 |           emit("delete", parseInt(id));
+  243 |         }
+  244 |       }
+
+
+warning: Unexpected console statement (no-console) at src/components/molecules/Tables/Ventes/QuoteTable.vue:254:11:
+  252 |       if (id && action) {
+  253 |         if (action === "view") {
+> 254 |           console.log("Delegated View click for id:", id);
+      |           ^
+  255 |           emit("view", parseInt(id));
+  256 |         } else if (action === "delete") {
+  257 |           console.log("Delegated Delete click for id:", id);
+
+
+warning: Unexpected console statement (no-console) at src/components/molecules/Tables/Ventes/QuoteTable.vue:257:11:
+  255 |           emit("view", parseInt(id));
+  256 |         } else if (action === "delete") {
+> 257 |           console.log("Delegated Delete click for id:", id);
+      |           ^
+  258 |           emit("delete", parseInt(id));
+  259 |         }
+  260 |       }
+
+
+warning: Unexpected console statement (no-console) at src/components/molecules/auth/LoginForm.vue:110:5:
+  108 |     router.push("/dashboards/dashboard-default");
+  109 |   } catch (error: any) {
+> 110 |     console.error("Login error:", error);
+      |     ^
+  111 |     errorMessage.value =
+  112 |       error.response?.data?.message ||
+  113 |       error.message ||
+
+
+warning: Unexpected console statement (no-console) at src/components/molecules/client/ClientChildrenTab.vue:132:5:
+  130 |     children.value = res.data || res; // handle potential array vs response structure
+  131 |   } catch (e) {
+> 132 |     console.error("Failed to fetch children", e);
+      |     ^
+  133 |   } finally {
+  134 |     loading.value = false;
+  135 |   }
+
+
+warning: Unexpected console statement (no-console) at src/components/molecules/client/ClientInfoTab.vue:613:5:
+  611 |     emit("client-updated", prepareFormData());
+  612 |   } catch (error) {
+> 613 |     console.error("Erreur lors de la mise à jour:", error);
+      |     ^
+  614 |     if (error.response && error.response.data && error.response.data.errors) {
+  615 |       Object.assign(errors, error.response.data.errors);
+  616 |     } else {
+
+
+warning: Unexpected console statement (no-console) at src/components/molecules/client/ClientSearchInput.vue:111:7:
+  109 |       results.value = res.filter((c) => !props.excludeIds.includes(c.id));
+  110 |     } catch (e) {
+> 111 |       console.error(e);
+      |       ^
+  112 |       results.value = [];
+  113 |     } finally {
+  114 |       loading.value = false;
+
+
+warning: Unexpected console statement (no-console) at src/components/molecules/contact/ContactModal.vue:344:5:
+  342 |     closeModal();
+  343 |   } catch (error) {
+> 344 |     console.error("Erreur lors de la création du contact:", error);
+      |     ^
+  345 |
+  346 |     // Handle API errors
+  347 |     if (error.response && error.response.data && error.response.data.errors) {
+
+
+warning: Unexpected console statement (no-console) at src/components/molecules/employee/EmployeeDocumentsTab.vue:341:5:
+  339 |     closeModal();
+  340 |   } catch (error) {
+> 341 |     console.error("Error saving document:", error);
+      |     ^
+  342 |     documentErrors.general =
+  343 |       "Une erreur est survenue lors de l'enregistrement.";
+  344 |   } finally {
+
+
+warning: Unexpected console statement (no-console) at src/components/molecules/employee/EmployeeDocumentsTab.vue:366:3:
+  364 | const downloadDocument = (document) => {
+  365 |   // TODO: Implement document download
+> 366 |   console.log("Downloading document:", document);
+      |   ^
+  367 |   // This would typically involve a file download API call
+  368 | };
+  369 |
+
+
+warning: Unexpected console statement (no-console) at src/components/molecules/employee/EmployeeInfoTab.vue:282:5:
+  280 |     emit("employee-updated", submitData);
+  281 |   } catch (error) {
+> 282 |     console.error("Error updating employee:", error);
+      |     ^
+  283 |     if (error.response && error.response.status === 422) {
+  284 |       // Handle validation errors
+  285 |       Object.assign(errors, error.response.data.errors || {});
+
+
+warning: Unexpected console statement (no-console) at src/components/molecules/form/NewClientForm.vue:368:3:
+  366 |   }
+  367 |
+> 368 |   console.log("Form data being emitted:", cleanedForm);
+      |   ^
+  369 |
+  370 |   // Emit the cleaned form data to parent
+  371 |   emit("createClient", cleanedForm);
+
+
+warning: Unexpected console statement (no-console) at src/components/molecules/form/NewConvoyForm.vue:316:7:
+  314 |       deceasedResults.value = results || [];
+  315 |     } catch (error) {
+> 316 |       console.error("Error searching deceased:", error);
+      |       ^
+  317 |       deceasedResults.value = [];
+  318 |     } finally {
+  319 |       deceasedLoading.value = false;
+
+
+warning: Unexpected console statement (no-console) at src/components/molecules/form/NewConvoyForm.vue:361:7:
+  359 |       locationResults.value = response.data || [];
+  360 |     } catch (error) {
+> 361 |       console.error("Error searching locations:", error);
+      |       ^
+  362 |       locationResults.value = [];
+  363 |     } finally {
+  364 |       locationLoading.value = false;
+
+
+warning: Unexpected console statement (no-console) at src/components/molecules/form/NewEmployeeForm.vue:256:3:
+  254 |   }
+  255 |
+> 256 |   console.log("Form data being emitted:", cleanedForm);
+      |   ^
+  257 |
+  258 |   // Emit the cleaned form data to parent
+  259 |   emit("createEmployee", cleanedForm);
+
+
+warning: Unexpected console statement (no-console) at src/components/molecules/form/NewFournisseurForm.vue:337:3:
+  335 |   cleanedForm.is_active = Boolean(formData.is_active);
+  336 |
+> 337 |   console.log("Form data being emitted:", cleanedForm);
+      |   ^
+  338 |
+  339 |   // Emit the cleaned form data to parent
+  340 |   emit("createFournisseur", cleanedForm);
+
+
+warning: Unexpected console statement (no-console) at src/components/molecules/form/NewVehicleForm.vue:322:7:
+  320 |       employeeResults.value = results;
+  321 |     } catch (error) {
+> 322 |       console.error("Error searching employees:", error);
+      |       ^
+  323 |       employeeResults.value = [];
+  324 |     } finally {
+  325 |       employeeLoading.value = false;
+
+
+warning: Unexpected console statement (no-console) at src/components/molecules/fournisseur/FournisseurContactModal.vue:344:5:
+  342 |     closeModal();
+  343 |   } catch (error) {
+> 344 |     console.error("Erreur lors de la création du contact:", error);
+      |     ^
+  345 |
+  346 |     // Handle API errors
+  347 |     if (error.response && error.response.data && error.response.data.errors) {
+
+
+warning: Unexpected console statement (no-console) at src/components/molecules/fournisseur/FournisseurContactsTab.vue:218:7:
+  216 |       emit("contact-removed", contactId);
+  217 |     } catch (error) {
+> 218 |       console.error("Error deleting contact:", error);
+      |       ^
+  219 |       // You might want to show an error notification here
+  220 |     }
+  221 |   }
+
+
+warning: Unexpected console statement (no-console) at src/components/molecules/fournisseur/FournisseurInfoTab.vue:488:5:
+  486 |     emit("fournisseur-updated", cleanedData);
+  487 |   } catch (error) {
+> 488 |     console.error("Erreur lors de la mise à jour:", error);
+      |     ^
+  489 |     if (error.response && error.response.data && error.response.data.errors) {
+  490 |       Object.assign(errors, error.response.data.errors);
+  491 |     } else {
+
+
+warning: 'v-html' directive can lead to XSS attack (vue/no-v-html) at src/components/molecules/intervention/InterventionTabNavigation.vue:10:30:
+   8 |       @click="$emit('change-tab', tab.id)"
+   9 |     >
+> 10 |       <span class="tab-icon" v-html="tab.icon"></span>
+     |                              ^
+  11 |       <span class="tab-label">{{ tab.label }}</span>
+  12 |       <span v-if="tab.id === 'team' && teamCount > 0" class="tab-badge">{{
+  13 |         teamCount
+
+
+warning: Unexpected console statement (no-console) at src/components/molecules/thanatopractitioner/ThanatopractitionerDocumentsTab.vue:49:3:
+  47 |
+  48 | const handleAddDocument = () => {
+> 49 |   console.log("Add document functionality to be implemented");
+     |   ^
+  50 | };
+  51 | </script>
+  52 |
+
+
+warning: Unexpected console statement (no-console) at src/examples/BotMessageConfigurator.vue:290:5:
+  288 |   if (userMessage.value.trim()) {
+  289 |     // Handle user message
+> 290 |     console.log("User message:", userMessage.value);
+      |     ^
+  291 |     userMessage.value = "";
+  292 |   }
+  293 | };
+
+
+warning: Unexpected console statement (no-console) at src/examples/ConfirmModalUsage.vue:191:5:
+  189 |     closeModal();
+  190 |   } catch (error) {
+> 191 |     console.error("Erreur lors de l'action:", error);
+      |     ^
+  192 |     notificationStore.error(
+  193 |       "Erreur",
+  194 |       "Une erreur est survenue lors de l'opération."
+
+
+error: Possible race condition: `confirmModal.isLoading` might be reassigned based on an outdated value of `confirmModal.isLoading` (require-atomic-updates) at src/examples/ConfirmModalUsage.vue:197:5:
+  195 |     );
+  196 |   } finally {
+> 197 |     confirmModal.isLoading = false;
+      |     ^
+  198 |   }
+  199 | };
+  200 |
+
+
+error: Unnecessary try/catch wrapper (no-useless-catch) at src/examples/ConfirmModalUsage.vue:218:3:
+  216 | // Delete employee function
+  217 | const deleteEmployee = async (employee) => {
+> 218 |   try {
+      |   ^
+  219 |     await employeeStore.deleteEmployee(employee.id);
+  220 |     notificationStore.success(
+  221 |       "Employé supprimé",
+
+
+warning: Unexpected console statement (no-console) at src/examples/Navbars/Navbar.vue:287:9:
+  285 |         this.$router.push("/login");
+  286 |       } catch (error) {
+> 287 |         console.error("Logout error:", error);
+      |         ^
+  288 |         // Still redirect to login even if logout API fails
+  289 |         this.$router.push("/login");
+  290 |       }
+
+
+warning: Unexpected console statement (no-console) at src/router/index.js:838:9:
+  836 |       } catch (error) {
+  837 |         // If token is invalid, clear it and continue as unauthenticated
+> 838 |         console.warn("Invalid token, clearing auth");
+      |         ^
+  839 |         localStorage.removeItem("auth_token");
+  840 |         auth.token = null;
+  841 |         auth.user = null;
+
+
+warning: Unexpected console statement (no-console) at src/services/client_location.ts:185:7:
+  183 |       return response.data.length > 0 ? { data: response.data[0] } : null;
+  184 |     } catch (error) {
+> 185 |       console.error("Error fetching default location:", error);
+      |       ^
+  186 |       return null;
+  187 |     }
+  188 |   },
+
+
+warning: Unexpected console statement (no-console) at src/services/documentAttachment.ts:256:9:
+  254 |         }
+  255 |       } catch (error) {
+> 256 |         console.error(`Error uploading file ${file.name}:`, error);
+      |         ^
+  257 |         throw error;
+  258 |       }
+  259 |     }
+
+
+warning: Unexpected console statement (no-console) at src/services/product.ts:118:5:
+  116 |       method: "get",
+  117 |     });
+> 118 |     console.log(response);
+      |     ^
+  119 |     return response;
+  120 |   }
+  121 |
+
+
+warning: Unexpected console statement (no-console) at src/stores/auth.ts:33:11:
+  31 |         } else {
+  32 |           // If backend returned invalid data (like HTML), treat as unauthenticated
+> 33 |           console.warn("Invalid user data received from /api/user:", userData);
+     |           ^
+  34 |           this.user = null;
+  35 |         }
+  36 |       } catch (e) {
+
+
+warning: Unexpected console statement (no-console) at src/stores/auth.ts:37:9:
+  35 |         }
+  36 |       } catch (e) {
+> 37 |         console.error("Error fetching user:", e);
+     |         ^
+  38 |         this.user = null;
+  39 |         this.token = null;
+  40 |       } finally {
+
+
+warning: Unexpected console statement (no-console) at src/stores/clientStore.ts:288:7:
+  286 |     } catch (err) {
+  287 |       error.value = "Erreur lors de la recherche des clients";
+> 288 |       console.error("Error searching clients:", err);
+      |       ^
+  289 |       setSearchClient([]);
+  290 |       throw err;
+  291 |     } finally {
+
+
+warning: Unexpected console statement (no-console) at src/stores/clientTimelineStore.ts:53:7:
+  51 |       return response;
+  52 |     } catch (err: any) {
+> 53 |       console.error("Error fetching timeline:", err);
+     |       ^
+  54 |       error.value = err.message || "Failed to fetch timeline";
+  55 |       throw err;
+  56 |     } finally {
+
+
+warning: Unexpected console statement (no-console) at src/stores/employeeStore.ts:182:7:
+  180 |
+  181 |     try {
+> 182 |       console.log(payload);
+      |       ^
+  183 |       const response = await EmployeeService.updateEmployee(payload);
+  184 |       const updatedEmployee = response.data;
+  185 |
+
+
+warning: Unexpected console statement (no-console) at src/stores/employeeStore.ts:261:7:
+  259 |     } catch (err) {
+  260 |       error.value = "Erreur lors de la recherche des employés";
+> 261 |       console.error("Error searching employees:", err);
+      |       ^
+  262 |       setSearchEmployee([]);
+  263 |       throw err;
+  264 |     } finally {
+
+
+error: Parsing error: ',' expected at src/stores/fileStore.ts:4:7:
+  2 | import { ref, computed } from "vue";
+  3 | import FileService, {
+> 4 |   type FileResource,
+    |       ^
+  5 |   type FileListParams,
+  6 |   type CreateFilePayload,
+  7 |   type UpdateFilePayload,
+
+
+warning: Unexpected console statement (no-console) at src/stores/fournisseurStore.ts:250:7:
+  248 |     } catch (err) {
+  249 |       error.value = "Erreur lors de la recherche des fournisseurs";
+> 250 |       console.error("Error searching fournisseurs:", err);
+      |       ^
+  251 |       setSearchFournisseur([]);
+  252 |       throw err;
+  253 |     } finally {
+
+
+warning: Unexpected console statement (no-console) at src/stores/interventionStore.ts:150:7:
+  148 |     try {
+  149 |       const intervention = await InterventionService.getIntervention(id);
+> 150 |       console.log(intervention);
+      |       ^
+  151 |       setCurrentIntervention(intervention);
+  152 |       return intervention;
+  153 |     } catch (err: any) {
+
+
+warning: Unexpected console statement (no-console) at src/stores/thanatopractitionerStore.ts:105:9:
+  103 |         return response;
+  104 |       } catch (error) {
+> 105 |         console.error("Error fetching thanatopractitioners:", error);
+      |         ^
+  106 |         throw error;
+  107 |       } finally {
+  108 |         loading.value = false;
+
+
+warning: Unexpected console statement (no-console) at src/stores/thanatopractitionerStore.ts:133:9:
+  131 |         return currentThanatopractitioner.value;
+  132 |       } catch (error) {
+> 133 |         console.error("Error fetching thanatopractitioner:", error);
+      |         ^
+  134 |         throw error;
+  135 |       } finally {
+  136 |         isLoading.value = false;
+
+
+warning: Unexpected console statement (no-console) at src/stores/thanatopractitionerStore.ts:159:9:
+  157 |         };
+  158 |       } catch (error) {
+> 159 |         console.error("Error fetching thanatopractitioner by ID:", error);
+      |         ^
+  160 |         throw error;
+  161 |       }
+  162 |     };
+
+
+warning: Unexpected console statement (no-console) at src/stores/thanatopractitionerStore.ts:170:9:
+  168 |         return [];
+  169 |       } catch (error) {
+> 170 |         console.error("Error fetching thanatopractitioner documents:", error);
+      |         ^
+  171 |         return [];
+  172 |       }
+  173 |     };
+
+
+warning: Unexpected console statement (no-console) at src/stores/thanatopractitionerStore.ts:179:9:
+  177 |       try {
+  178 |         // TODO: Implement actual document addition logic
+> 179 |         console.log("Adding document:", documentData);
+      |         ^
+  180 |       } catch (error) {
+  181 |         console.error("Error adding thanatopractitioner document:", error);
+  182 |         throw error;
+
+
+warning: Unexpected console statement (no-console) at src/stores/thanatopractitionerStore.ts:181:9:
+  179 |         console.log("Adding document:", documentData);
+  180 |       } catch (error) {
+> 181 |         console.error("Error adding thanatopractitioner document:", error);
+      |         ^
+  182 |         throw error;
+  183 |       }
+  184 |     };
+
+
+warning: Unexpected console statement (no-console) at src/stores/thanatopractitionerStore.ts:190:9:
+  188 |       try {
+  189 |         // TODO: Implement actual document update logic
+> 190 |         console.log("Updating document:", documentData);
+      |         ^
+  191 |       } catch (error) {
+  192 |         console.error("Error updating thanatopractitioner document:", error);
+  193 |         throw error;
+
+
+warning: Unexpected console statement (no-console) at src/stores/thanatopractitionerStore.ts:192:9:
+  190 |         console.log("Updating document:", documentData);
+  191 |       } catch (error) {
+> 192 |         console.error("Error updating thanatopractitioner document:", error);
+      |         ^
+  193 |         throw error;
+  194 |       }
+  195 |     };
+
+
+warning: Unexpected console statement (no-console) at src/stores/thanatopractitionerStore.ts:222:9:
+  220 |         return newThanatopractitioner;
+  221 |       } catch (error) {
+> 222 |         console.error("Error creating thanatopractitioner:", error);
+      |         ^
+  223 |         throw error;
+  224 |       } finally {
+  225 |         loading.value = false;
+
+
+warning: Unexpected console statement (no-console) at src/stores/thanatopractitionerStore.ts:264:9:
+  262 |         return updatedThanatopractitioner;
+  263 |       } catch (error) {
+> 264 |         console.error("Error updating thanatopractitioner:", error);
+      |         ^
+  265 |         throw error;
+  266 |       } finally {
+  267 |         loading.value = false;
+
+
+warning: Unexpected console statement (no-console) at src/stores/thanatopractitionerStore.ts:287:9:
+  285 |         }
+  286 |       } catch (error) {
+> 287 |         console.error("Error deleting thanatopractitioner:", error);
+      |         ^
+  288 |         throw error;
+  289 |       } finally {
+  290 |         loading.value = false;
+
+
+warning: Unexpected console statement (no-console) at src/stores/thanatopractitionerStore.ts:328:9:
+  326 |         return updatedThanatopractitioner;
+  327 |       } catch (error) {
+> 328 |         console.error("Error toggling thanatopractitioner status:", error);
+      |         ^
+  329 |         throw error;
+  330 |       }
+  331 |     };
+
+
+warning: Unexpected console statement (no-console) at src/stores/thanatopractitionerStore.ts:341:9:
+  339 |         return results;
+  340 |       } catch (error) {
+> 341 |         console.error("Error searching thanatopractitioners:", error);
+      |         ^
+  342 |         throw error;
+  343 |       } finally {
+  344 |         loading.value = false;
+
+
+warning: Unexpected console statement (no-console) at src/stores/thanatopractitionerStore.ts:353:9:
+  351 |         return response.data;
+  352 |       } catch (error) {
+> 353 |         console.error("Error fetching thanatopractitioner statistics:", error);
+      |         ^
+  354 |         throw error;
+  355 |       }
+  356 |     };
+
+
+warning: Unexpected console statement (no-console) at src/views/auth/signin/Cover.vue:156:9:
+  154 |       } catch (e) {
+  155 |         // Optionally show a message to the user
+> 156 |         console.error("Login failed", e);
+      |         ^
+  157 |       }
+  158 |     },
+  159 |   },
+
+
+warning: Unexpected console statement (no-console) at src/views/pages/Agenda.vue:62:5:
+  60 |     ]);
+  61 |   } catch (error) {
+> 62 |     console.error("Error loading data:", error);
+     |     ^
+  63 |   } finally {
+  64 |     loading.value = false;
+  65 |   }
+
+
+warning: Unexpected console statement (no-console) at src/views/pages/Agenda.vue:113:5:
+  111 |     alert("Intervention créée avec succès!");
+  112 |   } catch (error) {
+> 113 |     console.error("Error saving intervention:", error);
+      |     ^
+  114 |
+  115 |     // Show user-friendly error message
+  116 |     const errorMessage =
+
+
+warning: Unexpected console statement (no-console) at src/views/pages/Agenda.vue:132:5:
+  130 |     );
+  131 |   } catch (error) {
+> 132 |     console.error("Error loading interventions for month:", error);
+      |     ^
+  133 |   }
+  134 | };
+  135 | </script>
+
+
+warning: Unexpected console statement (no-console) at src/views/pages/CRM/AddClient.vue:47:5:
+  45 |     }, 2000);
+  46 |   } catch (error) {
+> 47 |     console.error("Error creating client:", error);
+     |     ^
+  48 |
+  49 |     // Handle validation errors from Laravel
+  50 |     if (error.response && error.response.status === 422) {
+
+
+warning: Unexpected console statement (no-console) at src/views/pages/CRM/AddContact.vue:33:5:
+  31 |     }, 1500);
+  32 |   } catch (error) {
+> 33 |     console.error("Error creating contact:", error);
+     |     ^
+  34 |     notificationStore.error("Erreur", "Impossible de créer le contact");
+  35 |   }
+  36 | };
+
+
+warning: Unexpected console statement (no-console) at src/views/pages/CRM/AddContact.vue:42:5:
+  40 |     resultSeach.value = await clientStore.searchClients(searchInput);
+  41 |   } catch (error) {
+> 42 |     console.error("Error searching clients:", error);
+     |     ^
+  43 |     notificationStore.error("Erreur", "Impossible de rechercher les clients");
+  44 |   }
+  45 | };
+
+
+warning: Unexpected console statement (no-console) at src/views/pages/CRM/AddEmployee.vue:40:5:
+  38 |     }, 2000);
+  39 |   } catch (error) {
+> 40 |     console.error("Error creating employee:", error);
+     |     ^
+  41 |
+  42 |     // Handle validation errors from Laravel
+  43 |     if (error.response && error.response.status === 422) {
+
+
+error: Parsing error: x-invalid-end-tag (vue/no-parsing-error) at src/views/pages/CRM/ClientDetailNew.vue:415:15:
+  413 |                   </tr>
+  414 |                 </tbody>
+> 415 |               </table>
+      |               ^
+  416 |             </div>
+  417 |             <div v-else class="text-center py-5">
+  418 |               <i class="fas fa-address-book fa-3x text-secondary opacity-5 mb-3"></i>
+
+
+warning: Parsing error: Unexpected closing tag "table". It may happen when the tag has already been closed by another tag. For more info see https://www.w3.org/TR/html5/syntax.html#closing-elements-that-have-implied-end-tags (prettier/prettier) at src/views/pages/CRM/ClientDetailNew.vue:415:16:
+  413 |                   </tr>
+  414 |                 </tbody>
+> 415 |               </table>
+      |                ^
+  416 |             </div>
+  417 |             <div v-else class="text-center py-5">
+  418 |               <i class="fas fa-address-book fa-3x text-secondary opacity-5 mb-3"></i>
+
+
+error: 'v-else' directives require being preceded by the element which has a 'v-if' or 'v-else-if' directive (vue/valid-v-else) at src/views/pages/CRM/ClientDetailNew.vue:417:18:
+  415 |               </table>
+  416 |             </div>
+> 417 |             <div v-else class="text-center py-5">
+      |                  ^
+  418 |               <i class="fas fa-address-book fa-3x text-secondary opacity-5 mb-3"></i>
+  419 |               <p class="text-sm text-secondary">Aucun contact pour ce client</p>
+  420 |             </div>
+
+
+error: Parsing error: x-invalid-end-tag (vue/no-parsing-error) at src/views/pages/CRM/ClientDetailNew.vue:481:3:
+  479 |       </div>
+  480 |     </div>
+> 481 |   </div>
+      |   ^
+  482 | </template>
+  483 |
+  484 | <script setup>
+
+
+warning: Unexpected console statement (no-console) at src/views/pages/CRM/ClientDetailNew.vue:585:7:
+  583 |       clientAvatar.value = e.target.result;
+  584 |       // TODO: Upload to server
+> 585 |       console.log('Upload avatar to server');
+      |       ^
+  586 |     };
+  587 |     reader.readAsDataURL(file);
+  588 |   }
+
+
+warning: Unexpected console statement (no-console) at src/views/pages/CRM/ClientDetails.vue:65:5:
+  63 | const updateClient = async (data) => {
+  64 |   if (!client_id) {
+> 65 |     console.error("Missing client id");
+     |     ^
+  66 |     notificationStore.error("Erreur", "ID du client manquant");
+  67 |     return;
+  68 |   }
+
+
+warning: Unexpected console statement (no-console) at src/views/pages/CRM/ClientDetails.vue:80:5:
+  78 |     notificationStore.updated("Client");
+  79 |   } catch (error) {
+> 80 |     console.error("Error updating client:", error);
+     |     ^
+  81 |     notificationStore.error("Erreur", "Impossible de mettre à jour le client");
+  82 |   }
+  83 | };
+
+
+warning: Unexpected console statement (no-console) at src/views/pages/CRM/ClientDetails.vue:92:5:
+  90 |     notificationStore.created("Contact");
+  91 |   } catch (error) {
+> 92 |     console.error("Error creating contact:", error);
+     |     ^
+  93 |     notificationStore.error("Erreur", "Impossible de créer le contact");
+  94 |   }
+  95 | };
+
+
+warning: Unexpected console statement (no-console) at src/views/pages/CRM/ClientDetails.vue:103:5:
+  101 |     notificationStore.updated("Contact");
+  102 |   } catch (error) {
+> 103 |     console.error("Error updating contact:", error);
+      |     ^
+  104 |     notificationStore.error("Erreur", "Impossible de modifier le contact");
+  105 |   }
+  106 | };
+
+
+warning: Unexpected console statement (no-console) at src/views/pages/CRM/ClientDetails.vue:116:5:
+  114 |     notificationStore.created("Localisation");
+  115 |   } catch (error) {
+> 116 |     console.error("Error creating location:", error);
+      |     ^
+  117 |     notificationStore.error("Erreur", "Impossible de créer la localisation");
+  118 |   }
+  119 | };
+
+
+warning: Unexpected console statement (no-console) at src/views/pages/CRM/ClientDetails.vue:129:5:
+  127 |     notificationStore.updated("Localisation");
+  128 |   } catch (error) {
+> 129 |     console.error("Error modifying location:", error);
+      |     ^
+  130 |     notificationStore.error("Erreur", "Impossible de modifier la localisation");
+  131 |   }
+  132 | };
+
+
+warning: Unexpected console statement (no-console) at src/views/pages/CRM/ClientDetails.vue:142:5:
+  140 |     notificationStore.deleted("Localisation");
+  141 |   } catch (error) {
+> 142 |     console.error("Error removing location:", error);
+      |     ^
+  143 |     notificationStore.error(
+  144 |       "Erreur",
+  145 |       "Impossible de supprimer la localisation"
+
+
+warning: Unexpected console statement (no-console) at src/views/pages/CRM/Clients.vue:40:5:
+  38 |     notificationStore.deleted("Client");
+  39 |   } catch (error) {
+> 40 |     console.error("Error deleting client:", error);
+     |     ^
+  41 |     notificationStore.error("Erreur", "Impossible de supprimer le client");
+  42 |   }
+  43 | };
+
+
+warning: Unexpected console statement (no-console) at src/views/pages/CRM/Contacts.vue:23:5:
+  21 |     await contactStore.fetchContacts();
+  22 |   } catch (error) {
+> 23 |     console.error("Failed to delete contact:", error);
+     |     ^
+  24 |   }
+  25 | };
+  26 | </script>
+
+
+warning: Unexpected console statement (no-console) at src/views/pages/CRM/EmployeeDetails.vue:54:5:
+  52 | const updateEmployee = async (data) => {
+  53 |   if (!employee_id) {
+> 54 |     console.error("Missing employee id");
+     |     ^
+  55 |     notificationStore.error("Erreur", "ID de l'employé manquant");
+  56 |     return;
+  57 |   }
+
+
+warning: Unexpected console statement (no-console) at src/views/pages/CRM/EmployeeDetails.vue:69:5:
+  67 |     notificationStore.updated("Employé");
+  68 |   } catch (error) {
+> 69 |     console.error("Error updating employee:", error);
+     |     ^
+  70 |     notificationStore.error("Erreur", "Impossible de mettre à jour l'employé");
+  71 |   }
+  72 | };
+
+
+warning: Unexpected console statement (no-console) at src/views/pages/CRM/EmployeeDetails.vue:81:5:
+  79 |     notificationStore.created("Document");
+  80 |   } catch (error) {
+> 81 |     console.error("Error creating practitioner document:", error);
+     |     ^
+  82 |     notificationStore.error("Erreur", "Impossible de créer le document");
+  83 |   }
+  84 | };
+
+
+warning: Unexpected console statement (no-console) at src/views/pages/CRM/EmployeeDetails.vue:92:5:
+  90 |     notificationStore.updated("Document");
+  91 |   } catch (error) {
+> 92 |     console.error("Error updating practitioner document:", error);
+     |     ^
+  93 |     notificationStore.error("Erreur", "Impossible de modifier le document");
+  94 |   }
+  95 | };
+
+
+warning: Unexpected console statement (no-console) at src/views/pages/CRM/EmployeeDetails.vue:103:5:
+  101 |     notificationStore.deleted("Document");
+  102 |   } catch (error) {
+> 103 |     console.error("Error removing practitioner document:", error);
+      |     ^
+  104 |     notificationStore.error("Erreur", "Impossible de supprimer le document");
+  105 |   }
+  106 | };
+
+
+warning: Unexpected console statement (no-console) at src/views/pages/Convoys/AddConvoy.vue:24:5:
+  22 |     router.push({ name: "Liste convois" });
+  23 |   } catch (error) {
+> 24 |     console.error("Error creating convoy:", error);
+     |     ^
+  25 |     notificationStore.error("Erreur", "Impossible de créer le convoi");
+  26 |   }
+  27 | };
+
+
+warning: Unexpected console statement (no-console) at src/views/pages/Defunts/AddDefunt.vue:40:5:
+  38 |     }, 2000);
+  39 |   } catch (error) {
+> 40 |     console.error("Error creating deceased:", error);
+     |     ^
+  41 |
+  42 |     // Handle validation errors from Laravel
+  43 |     if (error.response && error.response.status === 422) {
+
+
+warning: Unexpected console statement (no-console) at src/views/pages/Defunts/DefuntDetails.vue:39:5:
+  37 |   if (deceased_id) {
+  38 |     const cc = await deceasedStore.fetchDeceasedById(deceased_id);
+> 39 |     console.log(cc);
+     |     ^
+  40 |   }
+  41 | });
+  42 |
+
+
+warning: Unexpected console statement (no-console) at src/views/pages/Defunts/DefuntDetails.vue:45:5:
+  43 | const updateDeceased = async (data) => {
+  44 |   if (!deceased_id) {
+> 45 |     console.error("Missing deceased id");
+     |     ^
+  46 |     notificationStore.error("Erreur", "ID du défunt manquant");
+  47 |     return;
+  48 |   }
+
+
+warning: Unexpected console statement (no-console) at src/views/pages/Defunts/DefuntDetails.vue:54:5:
+  52 |     notificationStore.updated("Personne décédée");
+  53 |   } catch (error) {
+> 54 |     console.error("Error updating deceased:", error);
+     |     ^
+  55 |     notificationStore.error(
+  56 |       "Erreur",
+  57 |       "Impossible de mettre à jour la personne décédée"
+
+
+warning: Unexpected console statement (no-console) at src/views/pages/Employes/AddVehicle.vue:37:5:
+  35 |     }, 1500);
+  36 |   } catch (error) {
+> 37 |     console.error("Error creating vehicle:", error);
+     |     ^
+  38 |
+  39 |     if (error.response && error.response.status === 422) {
+  40 |       validationErrors.value = error.response.data.errors || {};
+
+
+warning: Unexpected console statement (no-console) at src/views/pages/Employes/Employees.vue:68:3:
+  66 |
+  67 | const confirmDeleteEmployee = (employeeId) => {
+> 68 |   console.log("confirmDeleteEmployee called with ID:", employeeId);
+     |   ^
+  69 |   console.log("Employee ID type:", typeof employeeId);
+  70 |   console.log("Store employees:", employeeStore.employees);
+  71 |   console.log("Store employees length:", employeeStore.employees.length);
+
+
+warning: Unexpected console statement (no-console) at src/views/pages/Employes/Employees.vue:69:3:
+  67 | const confirmDeleteEmployee = (employeeId) => {
+  68 |   console.log("confirmDeleteEmployee called with ID:", employeeId);
+> 69 |   console.log("Employee ID type:", typeof employeeId);
+     |   ^
+  70 |   console.log("Store employees:", employeeStore.employees);
+  71 |   console.log("Store employees length:", employeeStore.employees.length);
+  72 |
+
+
+warning: Unexpected console statement (no-console) at src/views/pages/Employes/Employees.vue:70:3:
+  68 |   console.log("confirmDeleteEmployee called with ID:", employeeId);
+  69 |   console.log("Employee ID type:", typeof employeeId);
+> 70 |   console.log("Store employees:", employeeStore.employees);
+     |   ^
+  71 |   console.log("Store employees length:", employeeStore.employees.length);
+  72 |
+  73 |   const employee = employeeStore.employees.find((emp) => emp.id === employeeId);
+
+
+warning: Unexpected console statement (no-console) at src/views/pages/Employes/Employees.vue:71:3:
+  69 |   console.log("Employee ID type:", typeof employeeId);
+  70 |   console.log("Store employees:", employeeStore.employees);
+> 71 |   console.log("Store employees length:", employeeStore.employees.length);
+     |   ^
+  72 |
+  73 |   const employee = employeeStore.employees.find((emp) => emp.id === employeeId);
+  74 |   console.log("Found employee:", employee);
+
+
+warning: Unexpected console statement (no-console) at src/views/pages/Employes/Employees.vue:74:3:
+  72 |
+  73 |   const employee = employeeStore.employees.find((emp) => emp.id === employeeId);
+> 74 |   console.log("Found employee:", employee);
+     |   ^
+  75 |
+  76 |   if (employee) {
+  77 |     console.log("Showing confirmation modal");
+
+
+warning: Unexpected console statement (no-console) at src/views/pages/Employes/Employees.vue:77:5:
+  75 |
+  76 |   if (employee) {
+> 77 |     console.log("Showing confirmation modal");
+     |     ^
+  78 |     confirmModal.isVisible = true;
+  79 |     confirmModal.employeeId = employeeId;
+  80 |     confirmModal.employeeName = `${employee.first_name} ${employee.last_name}`;
+
+
+warning: Unexpected console statement (no-console) at src/views/pages/Employes/Employees.vue:83:5:
+  81 |     confirmModal.message = `Êtes-vous sûr de vouloir supprimer l'employé "${confirmModal.employeeName}" ?`;
+  82 |   } else {
+> 83 |     console.log("No employee found - trying to parse as number");
+     |     ^
+  84 |     const numericId = parseInt(employeeId, 10);
+  85 |     console.log("Trying with numeric ID:", numericId);
+  86 |     const employeeByNumber = employeeStore.employees.find(
+
+
+warning: Unexpected console statement (no-console) at src/views/pages/Employes/Employees.vue:85:5:
+  83 |     console.log("No employee found - trying to parse as number");
+  84 |     const numericId = parseInt(employeeId, 10);
+> 85 |     console.log("Trying with numeric ID:", numericId);
+     |     ^
+  86 |     const employeeByNumber = employeeStore.employees.find(
+  87 |       (emp) => emp.id === numericId
+  88 |     );
+
+
+warning: Unexpected console statement (no-console) at src/views/pages/Employes/Employees.vue:89:5:
+  87 |       (emp) => emp.id === numericId
+  88 |     );
+> 89 |     console.log("Found by numeric ID:", employeeByNumber);
+     |     ^
+  90 |
+  91 |     if (employeeByNumber) {
+  92 |       console.log("Showing confirmation modal with numeric ID");
+
+
+warning: Unexpected console statement (no-console) at src/views/pages/Employes/Employees.vue:92:7:
+  90 |
+  91 |     if (employeeByNumber) {
+> 92 |       console.log("Showing confirmation modal with numeric ID");
+     |       ^
+  93 |       confirmModal.isVisible = true;
+  94 |       confirmModal.employeeId = numericId;
+  95 |       confirmModal.employeeName = `${employeeByNumber.first_name} ${employeeByNumber.last_name}`;
+
+
+warning: Unexpected console statement (no-console) at src/views/pages/Employes/Employees.vue:98:7:
+   96 |       confirmModal.message = `Êtes-vous sûr de vouloir supprimer l'employé "${confirmModal.employeeName}" ?`;
+   97 |     } else {
+>  98 |       console.log(
+      |       ^
+   99 |         "Still no employee found - displaying all employee IDs for comparison"
+  100 |       );
+  101 |       employeeStore.employees.forEach((emp, index) => {
+
+
+warning: Unexpected console statement (no-console) at src/views/pages/Employes/Employees.vue:102:9:
+  100 |       );
+  101 |       employeeStore.employees.forEach((emp, index) => {
+> 102 |         console.log(
+      |         ^
+  103 |           `Employee ${index}: ID=${emp.id} (${typeof emp.id}), Name=${
+  104 |             emp.first_name
+  105 |           } ${emp.last_name}`
+
+
+warning: Unexpected console statement (no-console) at src/views/pages/Employes/Employees.vue:115:3:
+  113 |   const employeeId = confirmModal.employeeId;
+  114 |   const employeeName = confirmModal.employeeName;
+> 115 |   console.log("Test");
+      |   ^
+  116 |   try {
+  117 |     confirmModal.isLoading = true;
+  118 |     await employeeStore.deleteEmployee(employeeId);
+
+
+warning: Unexpected console statement (no-console) at src/views/pages/Employes/Employees.vue:125:5:
+  123 |     closeConfirmModal();
+  124 |   } catch (error) {
+> 125 |     console.error("Error deleting employee:", error);
+      |     ^
+  126 |     notificationStore.error(
+  127 |       "Erreur de suppression",
+  128 |       "Une erreur est survenue lors de la suppression de l'employé."
+
+
+warning: Unexpected console statement (no-console) at src/views/pages/Employes/Employees.vue:146:3:
+  144 |
+  145 | const changePage = async (page) => {
+> 146 |   console.log("changePage called in Employees.vue with page:", page);
+      |   ^
+  147 |   try {
+  148 |     console.log("Fetching employees with page:", page);
+  149 |     await employeeStore.fetchEmployees({ page, per_page: 10 });
+
+
+warning: Unexpected console statement (no-console) at src/views/pages/Employes/Employees.vue:148:5:
+  146 |   console.log("changePage called in Employees.vue with page:", page);
+  147 |   try {
+> 148 |     console.log("Fetching employees with page:", page);
+      |     ^
+  149 |     await employeeStore.fetchEmployees({ page, per_page: 10 });
+  150 |   } catch (error) {
+  151 |     console.error("Error changing page:", error);
+
+
+warning: Unexpected console statement (no-console) at src/views/pages/Employes/Employees.vue:151:5:
+  149 |     await employeeStore.fetchEmployees({ page, per_page: 10 });
+  150 |   } catch (error) {
+> 151 |     console.error("Error changing page:", error);
+      |     ^
+  152 |     notificationStore.error(
+  153 |       "Erreur de pagination",
+  154 |       "Une erreur est survenue lors du changement de page."
+
+
+warning: Unexpected console statement (no-console) at src/views/pages/Employes/VehicleDetails.vue:39:5:
+  37 |     notificationStore.updated("Véhicule");
+  38 |   } catch (error) {
+> 39 |     console.error("Error updating vehicle:", error);
+     |     ^
+  40 |     notificationStore.error(
+  41 |       "Erreur",
+  42 |       "Impossible de mettre à jour le véhicule"
+
+
+warning: Unexpected console statement (no-console) at src/views/pages/Employes/Vehicules.vue:28:5:
+  26 |     await vehicleStore.deleteVehicle(vehicleId);
+  27 |   } catch (error) {
+> 28 |     console.error("Error deleting vehicle:", error);
+     |     ^
+  29 |   }
+  30 | };
+  31 | </script>
+
+
+warning: Unexpected console statement (no-console) at src/views/pages/Fournisseurs/AddFournisseur.vue:40:5:
+  38 |     }, 2000);
+  39 |   } catch (error) {
+> 40 |     console.error("Error creating fournisseur:", error);
+     |     ^
+  41 |
+  42 |     // Handle validation errors from Laravel
+  43 |     if (error.response && error.response.status === 422) {
+
+
+warning: Unexpected console statement (no-console) at src/views/pages/Fournisseurs/FournisseurDetails.vue:56:5:
+  54 | const updateFournisseur = async (data) => {
+  55 |   if (!fournisseur_id) {
+> 56 |     console.error("Missing fournisseur id");
+     |     ^
+  57 |     notificationStore.error("Erreur", "ID du fournisseur manquant");
+  58 |     return;
+  59 |   }
+
+
+warning: Unexpected console statement (no-console) at src/views/pages/Fournisseurs/FournisseurDetails.vue:65:5:
+  63 |     notificationStore.updated("Fournisseur");
+  64 |   } catch (error) {
+> 65 |     console.error("Error updating fournisseur:", error);
+     |     ^
+  66 |     notificationStore.error(
+  67 |       "Erreur",
+  68 |       "Impossible de mettre à jour le fournisseur"
+
+
+warning: Unexpected console statement (no-console) at src/views/pages/Fournisseurs/FournisseurDetails.vue:86:5:
+  84 |     notificationStore.created("Contact");
+  85 |   } catch (error) {
+> 86 |     console.error("Error creating contact:", error);
+     |     ^
+  87 |     notificationStore.error("Erreur", "Impossible de créer le contact");
+  88 |   }
+  89 | };
+
+
+warning: Unexpected console statement (no-console) at src/views/pages/Fournisseurs/FournisseurDetails.vue:97:5:
+   95 |     notificationStore.updated("Contact");
+   96 |   } catch (error) {
+>  97 |     console.error("Error updating contact:", error);
+      |     ^
+   98 |     notificationStore.error("Erreur", "Impossible de modifier le contact");
+   99 |   }
+  100 | };
+
+
+warning: Unexpected console statement (no-console) at src/views/pages/Fournisseurs/FournisseurDetails.vue:110:5:
+  108 | const createNewLocation = async (data) => {
+  109 |   try {
+> 110 |     console.log("Create new location:", data);
+      |     ^
+  111 |     // TODO: Implement with location store when ready
+  112 |     notificationStore.created("Localisation");
+  113 |   } catch (error) {
+
+
+warning: Unexpected console statement (no-console) at src/views/pages/Fournisseurs/FournisseurDetails.vue:120:5:
+  118 | const modifyLocation = async (location) => {
+  119 |   try {
+> 120 |     console.log("Modify location:", location);
+      |     ^
+  121 |     // TODO: Implement with location store when ready
+  122 |     notificationStore.updated("Localisation");
+  123 |   } catch (error) {
+
+
+warning: Unexpected console statement (no-console) at src/views/pages/Fournisseurs/FournisseurDetails.vue:130:5:
+  128 | const removeLocation = async (locationId) => {
+  129 |   try {
+> 130 |     console.log("Remove location:", locationId);
+      |     ^
+  131 |     // TODO: Implement with location store when ready
+  132 |     notificationStore.deleted("Localisation");
+  133 |   } catch (error) {
+
+
+warning: Unexpected console statement (no-console) at src/views/pages/Interventions/AddIntervention.vue:72:5:
+  70 |     }, 2000);
+  71 |   } catch (error) {
+> 72 |     console.error("Error creating intervention:", error);
+     |     ^
+  73 |
+  74 |     // Handle validation errors from Laravel
+  75 |     if (error.response && error.response.status === 422) {
+
+
+warning: Unexpected console statement (no-console) at src/views/pages/Interventions/AddIntervention.vue:100:5:
+   98 |     ]);
+   99 |   } catch (error) {
+> 100 |     console.error("Error loading data:", error);
+      |     ^
+  101 |     notificationStore.error(
+  102 |       "Erreur",
+  103 |       "Impossible de charger les données nécessaires"
+
+
+warning: Unexpected console statement (no-console) at src/views/pages/Interventions/InterventionDetails.vue:63:5:
+  61 |       intervention.value = result; // Store method returns the intervention directly
+  62 |     }
+> 63 |     console.log(intervention.value);
+     |     ^
+  64 |   } catch (error) {
+  65 |     console.error("Error loading intervention:", error);
+  66 |     notificationStore.error(
+
+
+warning: Unexpected console statement (no-console) at src/views/pages/Interventions/InterventionDetails.vue:65:5:
+  63 |     console.log(intervention.value);
+  64 |   } catch (error) {
+> 65 |     console.error("Error loading intervention:", error);
+     |     ^
+  66 |     notificationStore.error(
+  67 |       "Erreur",
+  68 |       "Impossible de charger les détails de l'intervention"
+
+
+warning: Unexpected console statement (no-console) at src/views/pages/Interventions/InterventionDetails.vue:80:5:
+  78 |     });
+  79 |   } catch (error) {
+> 80 |     console.error("Error loading practitioners:", error);
+     |     ^
+  81 |     notificationStore.error(
+  82 |       "Erreur",
+  83 |       "Impossible de charger la liste des praticiens"
+
+
+warning: Unexpected console statement (no-console) at src/views/pages/Interventions/InterventionDetails.vue:121:5:
+  119 |     }
+  120 |   } catch (error) {
+> 121 |     console.error("Error assigning practitioner:", error);
+      |     ^
+  122 |     notificationStore.error("Erreur", "Impossible d'assigner le praticien");
+  123 |   }
+  124 | };
+
+
+warning: Unexpected console statement (no-console) at src/views/pages/Interventions/InterventionDetails.vue:143:5:
+  141 |     notificationStore.deleted(practitionerName || "Praticien", "désassigné");
+  142 |   } catch (error) {
+> 143 |     console.error("Error unassigning practitioner:", error);
+      |     ^
+  144 |     notificationStore.error("Erreur", "Impossible de désassigner le praticien");
+  145 |   }
+  146 | };
+
+
+warning: Unexpected console statement (no-console) at src/views/pages/Interventions/InterventionDetails.vue:157:5:
+  155 |     notificationStore.updated("Intervention");
+  156 |   } catch (error) {
+> 157 |     console.error("Error updating intervention:", error);
+      |     ^
+  158 |     notificationStore.error(
+  159 |       "Erreur",
+  160 |       "Impossible de mettre à jour l'intervention"
+
+
+warning: Unexpected console statement (no-console) at src/views/pages/Interventions/InterventionDetails.vue:167:3:
+  165 | // Handle cancel
+  166 | const handleCancel = () => {
+> 167 |   console.log("Édition annulée");
+      |   ^
+  168 | };
+  169 |
+  170 | // Watch for changes in intervention store to update local state
+
+
+warning: Unexpected console statement (no-console) at src/views/pages/Interventions/Interventions.vue:27:5:
+  25 |     });
+  26 |   } catch (error) {
+> 27 |     console.error("Failed to load interventions:", error);
+     |     ^
+  28 |   }
+  29 | };
+  30 |
+
+
+warning: Unexpected console statement (no-console) at src/views/pages/Interventions/Interventions.vue:38:3:
+  36 |   // Logic to export CSV - checking if store has action or just trigger download
+  37 |   // For now just logging, can be implemented via service
+> 38 |   console.log("Export CSV triggered");
+     |   ^
+  39 |   // Ideally: window.open('/api/interventions/export?format=csv', '_blank');
+  40 | };
+  41 |
+
+
+warning: Unexpected console statement (no-console) at src/views/pages/Parametrage/ProductCategories.vue:79:5:
+  77 |     await store.fetchCategories();
+  78 |   } catch (error) {
+> 79 |     console.error(error);
+     |     ^
+  80 |   }
+  81 | };
+  82 |
+
+
+warning: Unexpected console statement (no-console) at src/views/pages/Planning.vue:223:5:
+  221 |     await Promise.all([fetchMonth(start, force), fetchMonth(end, force)]);
+  222 |   } catch (error) {
+> 223 |     console.error("Error loading planning interventions:", error);
+      |     ^
+  224 |     notificationStore.error(
+  225 |       "Erreur",
+  226 |       "Impossible de charger les interventions du planning"
+
+
+warning: Unexpected console statement (no-console) at src/views/pages/Planning.vue:270:5:
+  268 |     notificationStore.created("Intervention");
+  269 |   } catch (error) {
+> 270 |     console.error("Error saving intervention:", error);
+      |     ^
+  271 |     const errorMessage =
+  272 |       error.response?.data?.message ||
+  273 |       error.message ||
+
+
+warning: Unexpected console statement (no-console) at src/views/pages/Planning.vue:347:3:
+  345 |
+  346 | const handleCellClick = (info) => {
+> 347 |   console.log("Cell clicked", info);
+      |   ^
+  348 | };
+  349 |
+  350 | const handleEditIntervention = (intervention) => {
+
+
+warning: Unexpected console statement (no-console) at src/views/pages/Planning.vue:351:3:
+  349 |
+  350 | const handleEditIntervention = (intervention) => {
+> 351 |   console.log("Edit intervention", intervention);
+      |   ^
+  352 | };
+  353 |
+  354 | const handlePrevWeek = () => {
+
+
+warning: Unexpected console statement (no-console) at src/views/pages/Planning.vue:383:5:
+  381 |     }
+  382 |   } catch (error) {
+> 383 |     console.error("Error updating intervention status:", error);
+      |     ^
+  384 |     notificationStore.error("Erreur", "Échec de la mise à jour du statut");
+  385 |   }
+  386 | };
+
+
+warning: Unexpected console statement (no-console) at src/views/pages/Register.vue:144:5:
+  142 |     router.push("/dashboards/dashboard-default");
+  143 |   } catch (error: any) {
+> 144 |     console.error("Registration error:", error);
+      |     ^
+  145 |     errorMessage.value =
+  146 |       error.response?.data?.message ||
+  147 |       error.message ||
+
+
+warning: Unexpected console statement (no-console) at src/views/pages/Stock/AddProduct.vue:36:5:
+  34 | const handleCreateProduct = async (form) => {
+  35 |   try {
+> 36 |     console.log(form);
+     |     ^
+  37 |     // Clear previous errors
+  38 |     validationErrors.value = {};
+  39 |     showSuccess.value = false;
+
+
+warning: Unexpected console statement (no-console) at src/views/pages/Stock/AddProduct.vue:53:5:
+  51 |     }, 2000);
+  52 |   } catch (error) {
+> 53 |     console.error("Error creating product:", error);
+     |     ^
+  54 |
+  55 |     // Handle validation errors from Laravel
+  56 |     if (error.response && error.response.status === 422) {
+
+
+warning: Unexpected console statement (no-console) at src/views/pages/Stock/AddProductCategory.vue:36:5:
+  34 | const handleCreateCategory = async (form) => {
+  35 |   try {
+> 36 |     console.log(form);
+     |     ^
+  37 |     // Clear previous errors
+  38 |     validationErrors.value = {};
+  39 |     showSuccess.value = false;
+
+
+warning: Unexpected console statement (no-console) at src/views/pages/Stock/AddProductCategory.vue:53:5:
+  51 |     }, 2000);
+  52 |   } catch (error) {
+> 53 |     console.error("Error creating product category:", error);
+     |     ^
+  54 |
+  55 |     // Handle validation errors from Laravel
+  56 |     if (error.response && error.response.status === 422) {
+
+
+warning: Unexpected console statement (no-console) at src/views/pages/Stock/EditProductCategory.vue:48:5:
+  46 |     await productCategoryStore.fetchRootProductCategories();
+  47 |   } catch (error) {
+> 48 |     console.error("Error loading product category:", error);
+     |     ^
+  49 |     notificationStore.error("Erreur", "Impossible de charger la catégorie");
+  50 |     router.push({ name: "Gestion catégories de produits" });
+  51 |   }
+
+
+warning: Unexpected console statement (no-console) at src/views/pages/Stock/EditProductCategory.vue:56:5:
+  54 | const handleUpdateCategory = async (form) => {
+  55 |   try {
+> 56 |     console.log(form);
+     |     ^
+  57 |     // Clear previous errors
+  58 |     validationErrors.value = {};
+  59 |     showSuccess.value = false;
+
+
+warning: Unexpected console statement (no-console) at src/views/pages/Stock/EditProductCategory.vue:79:5:
+  77 |     }, 2000);
+  78 |   } catch (error) {
+> 79 |     console.error("Error updating product category:", error);
+     |     ^
+  80 |
+  81 |     // Handle validation errors from Laravel
+  82 |     if (error.response && error.response.status === 422) {
+
+
+warning: Unexpected console statement (no-console) at src/views/pages/Stock/EditReception.vue:227:5:
+  225 |     router.push(`/stock/receptions/${route.params.id}`);
+  226 |   } catch (error) {
+> 227 |     console.error("Failed to update goods receipt", error);
+      |     ^
+  228 |   }
+  229 | };
+  230 |
+
+
+warning: Unexpected console statement (no-console) at src/views/pages/Stock/EditReception.vue:251:5:
+  249 |     }
+  250 |   } catch (error) {
+> 251 |     console.error("Failed to load data", error);
+      |     ^
+  252 |   }
+  253 | });
+  254 | </script>
+
+
+warning: Unexpected console statement (no-console) at src/views/pages/Stock/ProductCategories.vue:37:7:
+  35 |       alert("Catégorie supprimée avec succès");
+  36 |     } catch (error) {
+> 37 |       console.error("Erreur lors de la suppression:", error);
+     |       ^
+  38 |       alert("Erreur lors de la suppression de la catégorie");
+  39 |     }
+  40 |   }
+
+
+warning: Unexpected console statement (no-console) at src/views/pages/Stock/ProductCategoryDetails.vue:47:5:
+  45 |     await productCategoryStore.fetchProductCategoryStatistics();
+  46 |   } catch (error) {
+> 47 |     console.error("Error loading product category:", error);
+     |     ^
+  48 |     notificationStore.error("Erreur", "Impossible de charger la catégorie");
+  49 |
+  50 |     // Redirect back to categories list if category not found
+
+
+warning: Unexpected console statement (no-console) at src/views/pages/Stock/ProductCategoryDetails.vue:75:7:
+  73 |       router.push({ name: "Gestion catégories de produits" });
+  74 |     } catch (error) {
+> 75 |       console.error("Error deleting product category:", error);
+     |       ^
+  76 |
+  77 |       if (error.response && error.response.status === 422) {
+  78 |         notificationStore.error(
+
+
+warning: Unexpected console statement (no-console) at src/views/pages/Stock/Products.vue:31:5:
+  29 |   } catch (error) {
+  30 |     // Error is already handled in the store
+> 31 |     console.error("Error deleting product:", error);
+     |     ^
+  32 |   }
+  33 | };
+  34 | </script>
+
+
+warning: Unexpected console statement (no-console) at src/views/pages/Thanatopractitioners/AddThanatopractitioner.vue:51:5:
+  49 |     }, 2000);
+  50 |   } catch (error) {
+> 51 |     console.error("Error creating thanatopractitioner:", error);
+     |     ^
+  52 |
+  53 |     // Handle validation errors from Laravel
+  54 |     if (error.response && error.response.status === 422) {
+
+
+warning: Unexpected console statement (no-console) at src/views/pages/Thanatopractitioners/ThanatopractitionerDetails.vue:48:5:
+  46 |     );
+  47 |   } catch (error) {
+> 48 |     console.error("Error fetching thanatopractitioner details:", error);
+     |     ^
+  49 |   } finally {
+  50 |     isLoading.value = false;
+  51 |   }
+
+
+warning: Unexpected console statement (no-console) at src/views/pages/Thanatopractitioners/ThanatopractitionerDetails.vue:62:5:
+  60 |     );
+  61 |   } catch (error) {
+> 62 |     console.error("Error updating thanatopractitioner:", error);
+     |     ^
+  63 |   }
+  64 | };
+  65 |
+
+
+warning: Unexpected console statement (no-console) at src/views/pages/Thanatopractitioners/ThanatopractitionerDetails.vue:73:5:
+  71 |     );
+  72 |   } catch (error) {
+> 73 |     console.error("Error adding document:", error);
+     |     ^
+  74 |   }
+  75 | };
+  76 |
+
+
+warning: Unexpected console statement (no-console) at src/views/pages/Thanatopractitioners/ThanatopractitionerDetails.vue:86:5:
+  84 |     );
+  85 |   } catch (error) {
+> 86 |     console.error("Error updating document:", error);
+     |     ^
+  87 |   }
+  88 | };
+  89 | </script>
+
+
+warning: Unexpected console statement (no-console) at src/views/pages/Thanatopractitioners/Thanatopractitioners.vue:92:5:
+  90 |     };
+  91 |   } catch (error) {
+> 92 |     console.error("Error fetching thanatopractitioners:", error);
+     |     ^
+  93 |     notificationStore.error(
+  94 |       "Erreur de chargement",
+  95 |       "Une erreur est survenue lors du chargement des thanatopractitioners."
+
+
+warning: Unexpected console statement (no-console) at src/views/pages/Thanatopractitioners/Thanatopractitioners.vue:143:5:
+  141 |     });
+  142 |   } catch (error) {
+> 143 |     console.error("Error deleting thanatopractitioner:", error);
+      |     ^
+  144 |     notificationStore.error(
+  145 |       "Erreur de suppression",
+  146 |       "Une erreur est survenue lors de la suppression du thanatopractitioner."
+
+
+warning: Unexpected console statement (no-console) at src/views/pages/Thanatopractitioners/Thanatopractitioners.vue:171:5:
+  169 |     });
+  170 |   } catch (error) {
+> 171 |     console.error("Error changing page:", error);
+      |     ^
+  172 |     notificationStore.error(
+  173 |       "Erreur de pagination",
+  174 |       "Une erreur est survenue lors du changement de page."
+
+
+16 errors and 256 warnings found.
diff --git a/thanasoft-front/refont_interview/AssignPractitionerModal.vue b/thanasoft-front/refont_interview/AssignPractitionerModal.vue
deleted file mode 100644
index 489a7ad..0000000
--- a/thanasoft-front/refont_interview/AssignPractitionerModal.vue
+++ /dev/null
@@ -1,268 +0,0 @@
-<template>
-  <!-- Backdrop -->
-  <Teleport to="body">
-    <Transition name="modal-fade">
-      <div v-if="isOpen" class="modal-backdrop" @mousedown.self="$emit('close')">
-        <div class="modal-box" role="dialog" aria-modal="true" aria-labelledby="modal-title">
-
-          <!-- Header -->
-          <div class="modal-header">
-            <div class="modal-title-wrap">
-              <div class="modal-icon">
-                <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-                  <path d="M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/>
-                  <circle cx="8.5" cy="7" r="4"/>
-                  <line x1="20" y1="8" x2="20" y2="14"/>
-                  <line x1="23" y1="11" x2="17" y2="11"/>
-                </svg>
-              </div>
-              <div>
-                <h2 id="modal-title" class="modal-title">Assigner un praticien</h2>
-                <p class="modal-sub">Sélectionnez un praticien et son rôle</p>
-              </div>
-            </div>
-            <button class="close-btn" @click="$emit('close')">
-              <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>
-            </button>
-          </div>
-
-          <!-- Body -->
-          <div class="modal-body">
-            <!-- Practitioner ID -->
-            <div class="form-group">
-              <label class="form-label">Identifiant du praticien</label>
-              <input
-                v-model="form.practitionerId"
-                type="number"
-                class="form-input"
-                placeholder="ex: 42"
-                min="1"
-              />
-              <p class="form-hint">Entrez l'ID du praticien à assigner à cette intervention.</p>
-            </div>
-
-            <!-- Role -->
-            <div class="form-group">
-              <label class="form-label">Rôle</label>
-              <div class="role-grid">
-                <button
-                  class="role-option"
-                  :class="{ selected: form.role === 'principal' }"
-                  @click="form.role = 'principal'"
-                  type="button"
-                >
-                  <div class="role-radio">
-                    <div v-if="form.role === 'principal'" class="role-radio-dot"></div>
-                  </div>
-                  <div class="role-info">
-                    <div class="role-name">Principal</div>
-                    <div class="role-desc">Responsable de l'intervention</div>
-                  </div>
-                  <span class="role-chip chip-principal">Principal</span>
-                </button>
-
-                <button
-                  class="role-option"
-                  :class="{ selected: form.role === 'assistant' }"
-                  @click="form.role = 'assistant'"
-                  type="button"
-                >
-                  <div class="role-radio">
-                    <div v-if="form.role === 'assistant'" class="role-radio-dot"></div>
-                  </div>
-                  <div class="role-info">
-                    <div class="role-name">Assistant</div>
-                    <div class="role-desc">Rôle de soutien et assistance</div>
-                  </div>
-                  <span class="role-chip chip-assistant">Assistant</span>
-                </button>
-              </div>
-            </div>
-
-            <!-- Validation error -->
-            <Transition name="slide-error">
-              <div v-if="error" class="error-banner">
-                <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><line x1="12" y1="8" x2="12" y2="12"/><line x1="12" y1="16" x2="12.01" y2="16"/></svg>
-                {{ error }}
-              </div>
-            </Transition>
-          </div>
-
-          <!-- Footer -->
-          <div class="modal-footer">
-            <button class="btn-ghost" @click="$emit('close')">Annuler</button>
-            <button class="btn-primary" @click="handleSubmit">
-              <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
-              Confirmer l'assignation
-            </button>
-          </div>
-        </div>
-      </div>
-    </Transition>
-  </Teleport>
-</template>
-
-<script setup>
-import { ref, watch, defineProps, defineEmits } from 'vue';
-
-const props = defineProps({
-  isOpen: { type: Boolean, default: false },
-});
-const emit = defineEmits(['close', 'assign']);
-
-const form = ref({ practitionerId: '', role: 'principal' });
-const error = ref('');
-
-// Reset form when modal opens
-watch(() => props.isOpen, open => {
-  if (open) { form.value = { practitionerId: '', role: 'principal' }; error.value = ''; }
-});
-
-const handleSubmit = () => {
-  error.value = '';
-  if (!form.value.practitionerId) {
-    error.value = 'Veuillez entrer un identifiant de praticien.';
-    return;
-  }
-  if (parseInt(form.value.practitionerId) <= 0) {
-    error.value = 'L\'identifiant doit être un nombre positif.';
-    return;
-  }
-  emit('assign', {
-    practitionerId: parseInt(form.value.practitionerId),
-    role: form.value.role,
-  });
-};
-</script>
-
-<style scoped>
-/* ── Tokens ── */
-.modal-backdrop {
-  --brand:    #4f46e5;
-  --brand-lt: #eef2ff;
-  --brand-dk: #3730a3;
-  --surface:  #ffffff;
-  --surface-2:#f8fafc;
-  --border:   #e2e8f0;
-  --text-1:   #0f172a;
-  --text-2:   #64748b;
-  --text-3:   #94a3b8;
-  --r-sm:     8px;
-  --r-md:     12px;
-  position: fixed; inset: 0;
-  background: rgba(15,23,42,.45);
-  backdrop-filter: blur(4px);
-  display: flex; align-items: center; justify-content: center;
-  z-index: 1000; padding: 20px;
-  font-family: 'Inter', system-ui, sans-serif;
-}
-
-/* ── Modal box ── */
-.modal-box {
-  background: var(--surface);
-  border-radius: 16px;
-  width: 100%; max-width: 460px;
-  box-shadow: 0 24px 64px rgba(0,0,0,.18), 0 0 0 1px rgba(0,0,0,.05);
-  overflow: hidden;
-}
-
-/* Header */
-.modal-header {
-  display: flex; align-items: flex-start; justify-content: space-between;
-  padding: 22px 24px 18px; border-bottom: 1px solid var(--border);
-}
-.modal-title-wrap { display: flex; align-items: center; gap: 12px; }
-.modal-icon {
-  width: 38px; height: 38px; border-radius: 10px;
-  background: var(--brand-lt); color: var(--brand);
-  display: flex; align-items: center; justify-content: center; flex-shrink: 0;
-}
-.modal-title { font-size: 16px; font-weight: 700; color: var(--text-1); margin: 0; }
-.modal-sub   { font-size: 12.5px; color: var(--text-3); margin: 2px 0 0; }
-
-.close-btn {
-  width: 32px; height: 32px; border-radius: 8px; border: 1px solid var(--border);
-  background: transparent; cursor: pointer; display: flex; align-items: center; justify-content: center;
-  color: var(--text-3); transition: all .15s; flex-shrink: 0;
-}
-.close-btn:hover { background: var(--surface-2); color: var(--text-1); }
-
-/* Body */
-.modal-body { padding: 20px 24px; display: flex; flex-direction: column; gap: 18px; }
-
-.form-group { display: flex; flex-direction: column; gap: 6px; }
-.form-label { font-size: 12px; font-weight: 700; color: var(--text-2); text-transform: uppercase; letter-spacing: .5px; }
-.form-hint  { font-size: 11.5px; color: var(--text-3); margin: 2px 0 0; }
-
-.form-input {
-  padding: 9px 12px; border: 1px solid var(--border); border-radius: var(--r-sm);
-  font-size: 13.5px; color: var(--text-1); background: var(--surface); outline: none;
-  transition: border-color .15s, box-shadow .15s; font-family: inherit; width: 100%;
-}
-.form-input:focus { border-color: var(--brand); box-shadow: 0 0 0 3px rgba(79,70,229,.1); }
-
-/* Role grid */
-.role-grid { display: flex; flex-direction: column; gap: 8px; }
-.role-option {
-  display: flex; align-items: center; gap: 12px; padding: 12px 14px;
-  border: 1.5px solid var(--border); border-radius: var(--r-sm);
-  background: transparent; cursor: pointer; text-align: left; width: 100%;
-  transition: all .15s;
-}
-.role-option:hover { border-color: #a5b4fc; background: var(--brand-lt); }
-.role-option.selected { border-color: var(--brand); background: var(--brand-lt); }
-
-.role-radio {
-  width: 17px; height: 17px; border-radius: 50%; border: 2px solid var(--border);
-  display: flex; align-items: center; justify-content: center; flex-shrink: 0;
-  transition: border-color .15s;
-}
-.role-option.selected .role-radio { border-color: var(--brand); }
-.role-radio-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--brand); }
-
-.role-info { flex: 1; }
-.role-name { font-size: 13.5px; font-weight: 600; color: var(--text-1); }
-.role-desc { font-size: 11.5px; color: var(--text-3); margin-top: 1px; }
-
-.role-chip { display: inline-block; padding: 2px 8px; border-radius: 10px; font-size: 10.5px; font-weight: 600; }
-.chip-principal { background: #eef2ff; color: #4f46e5; }
-.chip-assistant  { background: #f0fdf4; color: #16a34a; }
-
-/* Error */
-.error-banner {
-  display: flex; align-items: center; gap: 8px;
-  padding: 10px 13px; background: #fef2f2; border: 1px solid #fecaca;
-  border-radius: var(--r-sm); font-size: 13px; color: #dc2626; font-weight: 500;
-}
-
-/* Footer */
-.modal-footer {
-  display: flex; gap: 10px; justify-content: flex-end;
-  padding: 16px 24px; background: var(--surface-2); border-top: 1px solid var(--border);
-}
-
-.btn-primary {
-  display: inline-flex; align-items: center; gap: 7px;
-  padding: 9px 18px; border-radius: var(--r-sm); border: none; cursor: pointer;
-  font-size: 13px; font-weight: 600; color: white; background: var(--brand);
-  transition: all .15s;
-}
-.btn-primary:hover { background: var(--brand-dk); transform: translateY(-1px); box-shadow: 0 4px 12px rgba(79,70,229,.3); }
-
-.btn-ghost {
-  display: inline-flex; align-items: center; gap: 7px;
-  padding: 9px 16px; border-radius: var(--r-sm); border: 1px solid var(--border);
-  cursor: pointer; font-size: 13px; font-weight: 500; color: var(--text-2); background: transparent;
-  transition: all .15s;
-}
-.btn-ghost:hover { background: var(--border); color: var(--text-1); }
-
-/* ── Transitions ── */
-.modal-fade-enter-active, .modal-fade-leave-active { transition: opacity .2s ease; }
-.modal-fade-enter-active .modal-box, .modal-fade-leave-active .modal-box { transition: transform .2s ease, opacity .2s ease; }
-.modal-fade-enter-from, .modal-fade-leave-to { opacity: 0; }
-.modal-fade-enter-from .modal-box, .modal-fade-leave-to .modal-box { transform: scale(.96) translateY(8px); opacity: 0; }
-
-.slide-error-enter-active, .slide-error-leave-active { transition: all .2s ease; }
-.slide-error-enter-from, .slide-error-leave-to { opacity: 0; transform: translateY(-6px); }
-</style>
diff --git a/thanasoft-front/refont_interview/InterventionDetailPresentation.vue b/thanasoft-front/refont_interview/InterventionDetailPresentation.vue
deleted file mode 100644
index 69d1ce7..0000000
--- a/thanasoft-front/refont_interview/InterventionDetailPresentation.vue
+++ /dev/null
@@ -1,1056 +0,0 @@
-<template>
-  <div class="intervention-page">
-    <!-- Top Navigation Bar -->
-    <div class="page-topbar">
-      <router-link to="/interventions" class="back-btn">
-        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5">
-          <path d="M19 12H5M12 5l-7 7 7 7"/>
-        </svg>
-        Interventions
-      </router-link>
-
-      <div class="topbar-center" v-if="mappedIntervention">
-        <span class="topbar-id">#{{ mappedIntervention.id }}</span>
-        <StatusPill :status="mappedIntervention.status" />
-      </div>
-
-      <div class="topbar-actions">
-        <button class="action-btn secondary" @click="$emit('cancel')">
-          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M18 6L6 18M6 6l12 12"/></svg>
-          Annuler
-        </button>
-      </div>
-    </div>
-
-    <!-- Loading -->
-    <div v-if="loading" class="fullpage-loading">
-      <div class="loading-orb"></div>
-      <p>Chargement de l'intervention…</p>
-    </div>
-
-    <!-- Error -->
-    <div v-else-if="error" class="fullpage-error">
-      <div class="error-icon">
-        <svg width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><circle cx="12" cy="12" r="10"/><line x1="15" y1="9" x2="9" y2="15"/><line x1="9" y1="9" x2="15" y2="15"/></svg>
-      </div>
-      <h3>Erreur de chargement</h3>
-      <p>{{ error }}</p>
-      <button class="action-btn primary" @click="$emit('cancel')">Retour</button>
-    </div>
-
-    <!-- Main Layout -->
-    <div v-else-if="mappedIntervention" class="page-layout">
-
-      <!-- LEFT SIDEBAR -->
-      <aside class="sidebar">
-        <!-- Hero Card -->
-        <div class="hero-card">
-          <div class="hero-avatar">
-            <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
-              <path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/>
-              <path d="M23 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/>
-            </svg>
-          </div>
-          <div class="hero-info">
-            <h2 class="hero-name">{{ mappedIntervention.defuntName }}</h2>
-            <p class="hero-type">{{ mappedIntervention.title }}</p>
-          </div>
-          <StatusPill :status="mappedIntervention.status" large />
-        </div>
-
-        <!-- Quick Stats -->
-        <div class="quick-stats">
-          <div class="stat-item">
-            <div class="stat-icon date-icon">
-              <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg>
-            </div>
-            <div>
-              <div class="stat-label">Date</div>
-              <div class="stat-value">{{ mappedIntervention.date }}</div>
-            </div>
-          </div>
-          <div class="stat-item">
-            <div class="stat-icon loc-icon">
-              <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
-            </div>
-            <div>
-              <div class="stat-label">Lieu</div>
-              <div class="stat-value">{{ mappedIntervention.lieux }}</div>
-            </div>
-          </div>
-          <div class="stat-item">
-            <div class="stat-icon dur-icon">
-              <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>
-            </div>
-            <div>
-              <div class="stat-label">Durée</div>
-              <div class="stat-value">{{ mappedIntervention.duree }}</div>
-            </div>
-          </div>
-        </div>
-
-        <!-- Tab Navigation -->
-        <nav class="sidebar-nav">
-          <button
-            v-for="tab in tabs"
-            :key="tab.id"
-            class="nav-item"
-            :class="{ active: activeTab === tab.id }"
-            @click="$emit('change-tab', tab.id)"
-          >
-            <span class="nav-icon" v-html="tab.icon"></span>
-            <span class="nav-label">{{ tab.label }}</span>
-            <span v-if="tab.badge" class="nav-badge">{{ tab.badge }}</span>
-          </button>
-        </nav>
-
-        <!-- Assign Button -->
-        <button class="assign-btn" @click="$emit('assign-practitioner')">
-          <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="8.5" cy="7" r="4"/><line x1="20" y1="8" x2="20" y2="14"/><line x1="23" y1="11" x2="17" y2="11"/></svg>
-          Assigner un praticien
-        </button>
-      </aside>
-
-      <!-- MAIN CONTENT -->
-      <main class="main-content">
-
-        <!-- ── OVERVIEW TAB ── -->
-        <div v-if="activeTab === 'overview'" class="tab-content">
-          <div class="section-header">
-            <h3>Vue d'ensemble</h3>
-          </div>
-          <div class="info-grid">
-            <InfoSection title="Informations générales" icon-color="#6366f1">
-              <template #icon>
-                <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="8" r="4"/><path d="M6 20v-2a6 6 0 0 1 12 0v2"/></svg>
-              </template>
-              <DataRow label="Nom du défunt" :value="mappedIntervention.defuntName" />
-              <DataRow label="Date prévue" :value="mappedIntervention.date" />
-              <DataRow label="Lieu" :value="mappedIntervention.lieux" />
-              <DataRow label="Durée" :value="mappedIntervention.duree" />
-            </InfoSection>
-
-            <InfoSection title="Contact & Communication" icon-color="#10b981">
-              <template #icon>
-                <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 13a19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 3.6 2h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L7.91 9.91a16 16 0 0 0 6.16 6.16l.91-.91a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 17z"/></svg>
-              </template>
-              <DataRow label="Contact familial" :value="mappedIntervention.contactFamilial" />
-              <DataRow label="Coordonnées" :value="mappedIntervention.coordonneesContact" />
-              <DataRow label="Type d'intervention" :value="mappedIntervention.title" />
-            </InfoSection>
-
-            <InfoSection title="Informations supplémentaires" icon-color="#f59e0b" class="full-width">
-              <template #icon>
-                <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><line x1="12" y1="8" x2="12" y2="12"/><line x1="12" y1="16" x2="12.01" y2="16"/></svg>
-              </template>
-              <div class="row-2col">
-                <DataRow label="Personnes attendues" :value="String(mappedIntervention.nombrePersonnes || '-')" />
-                <DataRow label="Prestations supp." :value="mappedIntervention.prestationsSupplementaires" />
-              </div>
-            </InfoSection>
-
-            <InfoSection title="Description" icon-color="#8b5cf6" class="full-width">
-              <template #icon>
-                <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/><line x1="16" y1="13" x2="8" y2="13"/><line x1="16" y1="17" x2="8" y2="17"/><polyline points="10 9 9 9 8 9"/></svg>
-              </template>
-              <p class="description-text">{{ mappedIntervention.description || 'Aucune description disponible.' }}</p>
-            </InfoSection>
-          </div>
-        </div>
-
-        <!-- ── DETAILS TAB ── -->
-        <div v-if="activeTab === 'details'" class="tab-content">
-          <div class="section-header">
-            <h3>Détails</h3>
-          </div>
-          <InterventionDetails
-            :intervention="mappedIntervention"
-            :loading="loading"
-            :error="error"
-            @update="$emit('update-intervention', $event)"
-            @cancel="$emit('cancel')"
-          />
-        </div>
-
-        <!-- ── TEAM TAB ── -->
-        <div v-if="activeTab === 'team'" class="tab-content">
-          <div class="section-header">
-            <h3>Équipe assignée</h3>
-            <button class="action-btn primary sm" @click="$emit('assign-practitioner')">
-              <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg>
-              Ajouter
-            </button>
-          </div>
-
-          <div v-if="mappedIntervention.practitioners?.length" class="team-grid">
-            <div
-              v-for="(p, i) in mappedIntervention.practitioners"
-              :key="i"
-              class="practitioner-card"
-            >
-              <div class="pract-avatar">{{ getInitials(p.name) }}</div>
-              <div class="pract-info">
-                <div class="pract-name">{{ p.name }}</div>
-                <div class="pract-role">
-                  <span class="role-badge" :class="p.role === 'principal' ? 'role-principal' : 'role-assistant'">
-                    {{ p.role === 'principal' ? 'Principal' : 'Assistant' }}
-                  </span>
-                </div>
-              </div>
-              <button class="unassign-btn" @click="$emit('unassign-practitioner', { practitionerId: p.id, practitionerName: p.name })">
-                <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>
-              </button>
-            </div>
-          </div>
-
-          <div v-else class="empty-state">
-            <div class="empty-icon">
-              <svg width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><line x1="23" y1="11" x2="17" y2="11"/><line x1="20" y1="8" x2="20" y2="14"/></svg>
-            </div>
-            <p>Aucun praticien assigné</p>
-            <button class="action-btn primary sm" @click="$emit('assign-practitioner')">Assigner maintenant</button>
-          </div>
-        </div>
-
-        <!-- ── DOCUMENTS TAB ── -->
-        <div v-if="activeTab === 'documents'" class="tab-content">
-          <div class="section-header">
-            <h3>Documents</h3>
-          </div>
-          <DocumentManagement
-            :documents="documentAttachments"
-            :loading="documentStore.isLoading"
-            :error="documentStore.getError"
-            @files-selected="handleFilesSelected"
-            @upload-files="handleUploadFiles"
-            @delete-document="handleDeleteDocument"
-            @delete-documents="handleDeleteDocuments"
-            @update-document-label="handleUpdateDocumentLabel"
-            @retry="loadDocumentAttachments"
-          />
-        </div>
-
-        <!-- ── QUOTE TAB ── -->
-        <div v-if="activeTab === 'quote'" class="tab-content">
-          <div class="section-header">
-            <h3>Devis</h3>
-            <router-link
-              v-if="mappedIntervention.quote?.id"
-              :to="`/ventes/devis/${mappedIntervention.quote.id}`"
-              class="action-btn primary sm"
-            >Ouvrir le devis</router-link>
-          </div>
-
-          <div v-if="mappedIntervention.quote">
-            <div class="info-grid">
-              <InfoSection title="Informations du devis" icon-color="#3b82f6">
-                <template #icon><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/></svg></template>
-                <DataRow label="Référence" :value="mappedIntervention.quote.reference" />
-                <DataRow label="Date" :value="mappedIntervention.quote.quote_date" />
-                <DataRow label="Validité" :value="mappedIntervention.quote.valid_until" />
-                <div class="data-row">
-                  <span class="data-label">Statut</span>
-                  <span class="quote-status-badge" :class="`qs-${getQuoteStatusColor(mappedIntervention.quote.status)}`">
-                    {{ getQuoteStatusLabel(mappedIntervention.quote.status) }}
-                  </span>
-                </div>
-              </InfoSection>
-
-              <InfoSection title="Montants" icon-color="#10b981">
-                <template #icon><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="12" y1="1" x2="12" y2="23"/><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"/></svg></template>
-                <DataRow label="Total HT" :value="formatCurrency(mappedIntervention.quote.total_ht)" />
-                <DataRow label="Total TVA" :value="formatCurrency(mappedIntervention.quote.total_tva)" />
-                <DataRow label="Total TTC" :value="formatCurrency(mappedIntervention.quote.total_ttc)" bold />
-              </InfoSection>
-            </div>
-
-            <div class="quote-lines-section" v-if="mappedIntervention.quote.lines?.length">
-              <div class="quote-table-header">Lignes du devis</div>
-              <div class="quote-table-wrapper">
-                <table class="quote-table">
-                  <thead>
-                    <tr>
-                      <th>Description</th>
-                      <th class="text-center">Qté</th>
-                      <th class="text-right">Prix unitaire</th>
-                      <th class="text-right">Total HT</th>
-                    </tr>
-                  </thead>
-                  <tbody>
-                    <tr v-for="line in mappedIntervention.quote.lines" :key="line.id">
-                      <td>{{ line.description || '-' }}</td>
-                      <td class="text-center">{{ line.units_qty || 0 }}</td>
-                      <td class="text-right">{{ formatCurrency(line.unit_price) }}</td>
-                      <td class="text-right fw-semibold">{{ formatCurrency(line.total_ht) }}</td>
-                    </tr>
-                  </tbody>
-                </table>
-              </div>
-            </div>
-          </div>
-
-          <div v-else class="empty-state">
-            <div class="empty-icon">
-              <svg width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/></svg>
-            </div>
-            <p>Aucun devis associé à cette intervention</p>
-          </div>
-        </div>
-
-        <!-- ── HISTORY TAB ── -->
-        <div v-if="activeTab === 'history'" class="tab-content">
-          <div class="section-header"><h3>Historique</h3></div>
-          <div class="empty-state">
-            <div class="empty-icon">
-              <svg width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><polyline points="1 4 1 10 7 10"/><path d="M3.51 15a9 9 0 1 0 .49-4.5"/></svg>
-            </div>
-            <p>Historique des modifications</p>
-            <span class="coming-soon">Fonctionnalité à venir</span>
-          </div>
-        </div>
-
-      </main>
-    </div>
-
-    <!-- Assign Modal -->
-    <AssignPractitionerModal
-      :is-open="isModalOpen"
-      @close="$emit('close-modal')"
-      @assign="$emit('assign-practitioner-confirmed', $event)"
-    />
-  </div>
-</template>
-
-<script setup>
-import { defineProps, defineEmits, ref, computed, watch, onMounted } from 'vue';
-import { RouterLink } from 'vue-router';
-import InterventionDetails from '@/components/molecules/Interventions/interventionDetails.vue';
-import DocumentManagement from '@/components/molecules/Interventions/DocumentManagement.vue';
-import AssignPractitionerModal from '@/components/molecules/intervention/AssignPractitionerModal.vue';
-import { useDocumentAttachmentStore } from '@/stores/documentAttachmentStore';
-
-// ── Sub-components (inline for self-containment) ──
-const StatusPill = {
-  props: { status: Object, large: Boolean },
-  template: `
-    <span class="status-pill" :class="['sp-' + (status?.color || 'secondary'), large ? 'sp-lg' : '']">
-      {{ status?.label || 'En attente' }}
-    </span>
-  `
-};
-
-const InfoSection = {
-  props: { title: String, iconColor: String },
-  template: `
-    <div class="info-section">
-      <div class="info-section-header" :style="{ '--accent': iconColor }">
-        <span class="info-section-icon"><slot name="icon" /></span>
-        <span class="info-section-title">{{ title }}</span>
-      </div>
-      <div class="info-section-body"><slot /></div>
-    </div>
-  `
-};
-
-const DataRow = {
-  props: { label: String, value: String, bold: Boolean },
-  template: `
-    <div class="data-row">
-      <span class="data-label">{{ label }}</span>
-      <span class="data-value" :class="{ 'fw-semibold': bold }">{{ value || '-' }}</span>
-    </div>
-  `
-};
-
-const props = defineProps({
-  intervention: { type: Object, required: true },
-  loading: { type: Boolean, default: false },
-  error: { type: String, default: null },
-  activeTab: { type: String, default: 'overview' },
-  practitioners: { type: Array, default: () => [] },
-  isModalOpen: { type: Boolean, default: false },
-});
-
-const emit = defineEmits([
-  'update-intervention', 'cancel', 'assign-practitioner',
-  'assign-practitioner-confirmed', 'change-tab', 'close-modal',
-  'unassign-practitioner',
-]);
-
-const documentStore = useDocumentAttachmentStore();
-const documentAttachments = computed(() =>
-  documentStore.getInterventionAttachments(props.intervention?.id || 0)
-);
-
-// ── Mapped intervention ──
-const mappedIntervention = computed(() => {
-  if (!props.intervention) return null;
-  const i = props.intervention;
-  return {
-    ...i,
-    defuntName: i.deceased
-      ? `${i.deceased.last_name || ''} ${i.deceased.first_name || ''}`.trim()
-      : `Personne ${i.deceased_id || 'inconnue'}`,
-    date: i.scheduled_at ? new Date(i.scheduled_at).toLocaleString('fr-FR') : 'Non définie',
-    lieux: i.location?.name || 'Lieu non défini',
-    duree: i.duration_min ? `${i.duration_min} min` : 'Non définie',
-    title: i.type ? getTypeLabel(i.type) : 'Type non défini',
-    contactFamilial: i.order_giver || 'Non renseigné',
-    description: i.notes || '',
-    nombrePersonnes: i.attachments_count || 0,
-    coordonneesContact: i.client ? (i.client.email || i.client.phone || 'Non disponible') : 'Non disponible',
-    prestationsSupplementaires: 'À définir',
-    practitioners: (i.practitioners || []).map(p => ({
-      id: p.id,
-      name: p.employee
-        ? `${p.employee.first_name || ''} ${p.employee.last_name || ''}`.trim()
-        : `${p.first_name || ''} ${p.last_name || ''}`.trim(),
-      role: p.pivot?.role || 'assistant',
-    })),
-    status: i.status
-      ? { label: getStatusLabel(i.status), color: getStatusColor(i.status) }
-      : { label: 'En attente', color: 'warning' },
-    quote: i.quote || null,
-  };
-});
-
-const tabs = computed(() => [
-  { id: 'overview',   label: 'Vue d\'ensemble', icon: eyeIcon },
-  { id: 'details',    label: 'Détails',          icon: listIcon },
-  { id: 'team',       label: 'Équipe',           icon: teamIcon, badge: mappedIntervention.value?.practitioners?.length || null },
-  { id: 'documents',  label: 'Documents',        icon: docIcon  },
-  { id: 'quote',      label: 'Devis',            icon: quoteIcon },
-  { id: 'history',    label: 'Historique',       icon: histIcon },
-]);
-
-// SVG icons as strings for tab nav
-const eyeIcon   = `<svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"/><circle cx="12" cy="12" r="3"/></svg>`;
-const listIcon  = `<svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="8" y1="6" x2="21" y2="6"/><line x1="8" y1="12" x2="21" y2="12"/><line x1="8" y1="18" x2="21" y2="18"/><line x1="3" y1="6" x2="3.01" y2="6"/><line x1="3" y1="12" x2="3.01" y2="12"/><line x1="3" y1="18" x2="3.01" y2="18"/></svg>`;
-const teamIcon  = `<svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg>`;
-const docIcon   = `<svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/></svg>`;
-const quoteIcon = `<svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/><line x1="16" y1="13" x2="8" y2="13"/><line x1="16" y1="17" x2="8" y2="17"/><polyline points="10 9 9 9 8 9"/></svg>`;
-const histIcon  = `<svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="1 4 1 10 7 10"/><path d="M3.51 15a9 9 0 1 0 .49-4.5"/></svg>`;
-
-// ── Helpers ──
-const getStatusLabel = s => ({ demande:'Demande', planifie:'Planifié', en_cours:'En cours', termine:'Terminé', annule:'Annulé' }[s] || s);
-const getStatusColor = s => ({ demande:'warning', planifie:'info', en_cours:'primary', termine:'success', annule:'danger' }[s] || 'secondary');
-const getTypeLabel   = t => ({ thanatopraxie:'Thanatopraxie', toilette_mortuaire:'Toilette mortuaire', exhumation:'Exhumation', retrait_pacemaker:'Retrait pacemaker', retrait_bijoux:'Retrait bijoux', autre:'Autre' }[t] || t);
-const getQuoteStatusLabel = s => ({ brouillon:'Brouillon', envoye:'Envoyé', accepte:'Accepté', refuse:'Refusé', expire:'Expiré' }[s] || s || 'Inconnu');
-const getQuoteStatusColor = s => ({ brouillon:'secondary', envoye:'info', accepte:'success', refuse:'danger', expire:'warning' }[s] || 'secondary');
-const formatCurrency  = v => new Intl.NumberFormat('fr-FR', { style:'currency', currency:'EUR', minimumFractionDigits:2 }).format(Number(v || 0));
-const getInitials     = name => name ? name.split(' ').map(w => w[0]).join('').toUpperCase().substring(0, 2) : '?';
-
-// ── Document handlers ──
-const handleFilesSelected   = files => console.log('Files selected:', files.length);
-const loadDocumentAttachments = async () => {
-  if (!props.intervention?.id) return;
-  try { await documentStore.fetchInterventionFiles(props.intervention.id); }
-  catch (e) { documentStore.clearError(); }
-};
-const handleUploadFiles = async files => {
-  if (!props.intervention?.id || !files.length) return;
-  try { await documentStore.uploadAndAttachFiles(files, 'App\\Models\\Intervention', props.intervention.id); }
-  catch (e) { documentStore.clearError(); }
-};
-const handleDeleteDocument = async id => {
-  try { await documentStore.detachFile(id); } catch (e) { documentStore.clearError(); }
-};
-const handleDeleteDocuments = async ids => {
-  try { await documentStore.detachMultipleFiles({ attachment_ids: ids }); } catch (e) { documentStore.clearError(); }
-};
-const handleUpdateDocumentLabel = async ({ id, label }) => {
-  try { await documentStore.updateAttachmentMetadata(id, { label }); } catch (e) { documentStore.clearError(); }
-};
-
-watch(() => props.activeTab, tab => {
-  if (tab === 'documents' && props.intervention?.id) loadDocumentAttachments();
-});
-watch(() => props.intervention?.id, id => {
-  if (id && props.activeTab === 'documents') loadDocumentAttachments();
-});
-onMounted(() => {
-  if (props.activeTab === 'documents' && props.intervention?.id) loadDocumentAttachments();
-});
-</script>
-
-<style scoped>
-/* ─── Design System ─────────────────────────────────────────────── */
-:root {
-  --brand: #4f46e5;
-  --brand-light: #eef2ff;
-  --brand-dark: #3730a3;
-  --surface: #ffffff;
-  --surface-2: #f8fafc;
-  --surface-3: #f1f5f9;
-  --border: #e2e8f0;
-  --border-light: #f1f5f9;
-  --text-primary: #0f172a;
-  --text-secondary: #64748b;
-  --text-muted: #94a3b8;
-  --radius-sm: 8px;
-  --radius-md: 12px;
-  --radius-lg: 16px;
-  --shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);
-  --shadow-md: 0 4px 16px rgba(0,0,0,.08);
-  --shadow-lg: 0 8px 32px rgba(0,0,0,.1);
-}
-
-/* ─── Page Shell ────────────────────────────────────────────────── */
-.intervention-page {
-  min-height: 100vh;
-  background: var(--surface-2);
-  font-family: 'Inter', system-ui, -apple-system, sans-serif;
-  color: var(--text-primary);
-  display: flex;
-  flex-direction: column;
-}
-
-/* ─── Top Bar ───────────────────────────────────────────────────── */
-.page-topbar {
-  display: flex;
-  align-items: center;
-  gap: 16px;
-  padding: 14px 28px;
-  background: var(--surface);
-  border-bottom: 1px solid var(--border);
-  position: sticky;
-  top: 0;
-  z-index: 50;
-  box-shadow: var(--shadow-sm);
-}
-
-.back-btn {
-  display: inline-flex;
-  align-items: center;
-  gap: 7px;
-  font-size: 13px;
-  font-weight: 500;
-  color: var(--text-secondary);
-  text-decoration: none;
-  padding: 6px 12px;
-  border-radius: var(--radius-sm);
-  transition: background .15s, color .15s;
-}
-.back-btn:hover { background: var(--surface-3); color: var(--text-primary); }
-
-.topbar-center {
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  margin: 0 auto;
-}
-.topbar-id {
-  font-size: 13px;
-  font-weight: 600;
-  color: var(--text-secondary);
-  letter-spacing: .3px;
-}
-.topbar-actions { display: flex; gap: 8px; }
-
-/* ─── Layout ────────────────────────────────────────────────────── */
-.page-layout {
-  display: grid;
-  grid-template-columns: 280px 1fr;
-  gap: 0;
-  flex: 1;
-  min-height: 0;
-}
-
-/* ─── Sidebar ───────────────────────────────────────────────────── */
-.sidebar {
-  background: var(--surface);
-  border-right: 1px solid var(--border);
-  display: flex;
-  flex-direction: column;
-  gap: 0;
-  position: sticky;
-  top: 57px;
-  height: calc(100vh - 57px);
-  overflow-y: auto;
-}
-
-.hero-card {
-  padding: 24px 20px 20px;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 10px;
-  text-align: center;
-  border-bottom: 1px solid var(--border-light);
-}
-
-.hero-avatar {
-  width: 64px;
-  height: 64px;
-  border-radius: 50%;
-  background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: white;
-  margin-bottom: 4px;
-  box-shadow: 0 4px 16px rgba(79,70,229,.3);
-}
-
-.hero-name {
-  font-size: 16px;
-  font-weight: 700;
-  color: var(--text-primary);
-  margin: 0;
-  line-height: 1.3;
-}
-.hero-type {
-  font-size: 12px;
-  color: var(--text-secondary);
-  margin: 0;
-  font-weight: 500;
-}
-
-/* Quick Stats */
-.quick-stats {
-  padding: 16px 20px;
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-  border-bottom: 1px solid var(--border-light);
-}
-.stat-item {
-  display: flex;
-  align-items: flex-start;
-  gap: 10px;
-}
-.stat-icon {
-  width: 30px;
-  height: 30px;
-  border-radius: 8px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-}
-.date-icon { background: #eef2ff; color: #4f46e5; }
-.loc-icon  { background: #ecfdf5; color: #059669; }
-.dur-icon  { background: #fff7ed; color: #d97706; }
-
-.stat-label { font-size: 11px; color: var(--text-muted); font-weight: 500; text-transform: uppercase; letter-spacing: .4px; }
-.stat-value { font-size: 13px; color: var(--text-primary); font-weight: 500; margin-top: 1px; }
-
-/* Sidebar Nav */
-.sidebar-nav {
-  padding: 12px 12px;
-  display: flex;
-  flex-direction: column;
-  gap: 2px;
-  flex: 1;
-}
-.nav-item {
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  padding: 9px 12px;
-  border-radius: var(--radius-sm);
-  border: none;
-  background: transparent;
-  cursor: pointer;
-  width: 100%;
-  text-align: left;
-  font-size: 13.5px;
-  font-weight: 500;
-  color: var(--text-secondary);
-  transition: all .15s;
-}
-.nav-item:hover { background: var(--surface-3); color: var(--text-primary); }
-.nav-item.active { background: var(--brand-light); color: var(--brand); font-weight: 600; }
-.nav-item.active .nav-icon { color: var(--brand); }
-.nav-icon { flex-shrink: 0; display: flex; color: var(--text-muted); transition: color .15s; }
-.nav-label { flex: 1; }
-.nav-badge {
-  min-width: 20px;
-  height: 20px;
-  padding: 0 6px;
-  background: var(--brand);
-  color: white;
-  border-radius: 10px;
-  font-size: 11px;
-  font-weight: 600;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.nav-item.active .nav-badge { background: var(--brand-dark); }
-
-/* Assign Button */
-.assign-btn {
-  margin: 0 12px 16px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 7px;
-  padding: 10px;
-  border: 1.5px dashed var(--border);
-  border-radius: var(--radius-sm);
-  background: transparent;
-  cursor: pointer;
-  font-size: 13px;
-  font-weight: 500;
-  color: var(--text-secondary);
-  transition: all .15s;
-}
-.assign-btn:hover { border-color: var(--brand); color: var(--brand); background: var(--brand-light); }
-
-/* ─── Main Content ──────────────────────────────────────────────── */
-.main-content {
-  padding: 28px;
-  overflow-y: auto;
-}
-
-.tab-content {
-  animation: fadeIn .2s ease;
-}
-@keyframes fadeIn { from { opacity:0; transform: translateY(4px); } to { opacity:1; transform:translateY(0); } }
-
-.section-header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  margin-bottom: 20px;
-}
-.section-header h3 {
-  font-size: 18px;
-  font-weight: 700;
-  color: var(--text-primary);
-  margin: 0;
-}
-
-/* ─── Info Grid ─────────────────────────────────────────────────── */
-.info-grid {
-  display: grid;
-  grid-template-columns: 1fr 1fr;
-  gap: 16px;
-}
-.info-grid .full-width { grid-column: 1 / -1; }
-
-/* Info Section Card */
-.info-section {
-  background: var(--surface);
-  border-radius: var(--radius-md);
-  border: 1px solid var(--border);
-  overflow: hidden;
-  box-shadow: var(--shadow-sm);
-}
-.info-section-header {
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  padding: 14px 18px;
-  border-bottom: 1px solid var(--border-light);
-  background: var(--surface-2);
-}
-.info-section-icon {
-  width: 28px;
-  height: 28px;
-  border-radius: 7px;
-  background: var(--accent, #6366f1);
-  opacity: 1;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: white;
-  background: color-mix(in srgb, var(--accent, #6366f1) 15%, transparent);
-  color: var(--accent, #6366f1);
-}
-.info-section-title {
-  font-size: 13px;
-  font-weight: 600;
-  color: var(--text-primary);
-  text-transform: uppercase;
-  letter-spacing: .5px;
-}
-.info-section-body {
-  padding: 6px 18px 14px;
-}
-
-/* Data Row */
-.data-row {
-  display: flex;
-  justify-content: space-between;
-  align-items: flex-start;
-  padding: 9px 0;
-  border-bottom: 1px solid var(--border-light);
-  gap: 12px;
-}
-.data-row:last-child { border-bottom: none; }
-.data-label {
-  font-size: 12.5px;
-  color: var(--text-muted);
-  font-weight: 500;
-  flex-shrink: 0;
-}
-.data-value {
-  font-size: 13px;
-  color: var(--text-primary);
-  text-align: right;
-  font-weight: 400;
-}
-.fw-semibold { font-weight: 600; }
-
-.row-2col {
-  display: grid;
-  grid-template-columns: 1fr 1fr;
-  gap: 0 24px;
-}
-
-.description-text {
-  font-size: 13.5px;
-  color: var(--text-secondary);
-  line-height: 1.7;
-  margin: 4px 0 0;
-}
-
-/* ─── Status Pills ──────────────────────────────────────────────── */
-.status-pill {
-  display: inline-flex;
-  align-items: center;
-  padding: 3px 10px;
-  border-radius: 20px;
-  font-size: 11.5px;
-  font-weight: 600;
-  letter-spacing: .2px;
-}
-.status-pill.sp-lg { padding: 5px 14px; font-size: 12.5px; }
-.sp-success  { background: #dcfce7; color: #16a34a; }
-.sp-warning  { background: #fef9c3; color: #ca8a04; }
-.sp-danger   { background: #fee2e2; color: #dc2626; }
-.sp-info     { background: #dbeafe; color: #2563eb; }
-.sp-primary  { background: #eef2ff; color: #4f46e5; }
-.sp-secondary { background: #f1f5f9; color: #64748b; }
-
-/* ─── Buttons ───────────────────────────────────────────────────── */
-.action-btn {
-  display: inline-flex;
-  align-items: center;
-  gap: 6px;
-  padding: 8px 16px;
-  border-radius: var(--radius-sm);
-  border: none;
-  cursor: pointer;
-  font-size: 13px;
-  font-weight: 500;
-  text-decoration: none;
-  transition: all .15s;
-}
-.action-btn.primary {
-  background: var(--brand);
-  color: white;
-}
-.action-btn.primary:hover { background: var(--brand-dark); transform: translateY(-1px); box-shadow: 0 4px 12px rgba(79,70,229,.3); }
-.action-btn.secondary {
-  background: var(--surface-3);
-  color: var(--text-secondary);
-}
-.action-btn.secondary:hover { background: var(--border); color: var(--text-primary); }
-.action-btn.sm { padding: 6px 12px; font-size: 12px; }
-
-/* ─── Team Grid ─────────────────────────────────────────────────── */
-.team-grid {
-  display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
-  gap: 12px;
-}
-.practitioner-card {
-  background: var(--surface);
-  border: 1px solid var(--border);
-  border-radius: var(--radius-md);
-  padding: 16px;
-  display: flex;
-  align-items: center;
-  gap: 12px;
-  box-shadow: var(--shadow-sm);
-  transition: box-shadow .15s;
-}
-.practitioner-card:hover { box-shadow: var(--shadow-md); }
-.pract-avatar {
-  width: 44px;
-  height: 44px;
-  border-radius: 50%;
-  background: linear-gradient(135deg, #6366f1, #8b5cf6);
-  color: white;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 14px;
-  font-weight: 700;
-  flex-shrink: 0;
-}
-.pract-info { flex: 1; }
-.pract-name { font-size: 14px; font-weight: 600; color: var(--text-primary); }
-.pract-role { margin-top: 3px; }
-.role-badge {
-  display: inline-block;
-  padding: 2px 8px;
-  border-radius: 10px;
-  font-size: 11px;
-  font-weight: 600;
-}
-.role-principal { background: #eef2ff; color: #4f46e5; }
-.role-assistant  { background: #f0fdf4; color: #16a34a; }
-.unassign-btn {
-  width: 30px;
-  height: 30px;
-  border-radius: 50%;
-  border: 1px solid var(--border);
-  background: var(--surface);
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: var(--text-muted);
-  transition: all .15s;
-}
-.unassign-btn:hover { background: #fee2e2; border-color: #fca5a5; color: #dc2626; }
-
-/* ─── Quote ─────────────────────────────────────────────────────── */
-.quote-status-badge {
-  display: inline-block;
-  padding: 2px 10px;
-  border-radius: 12px;
-  font-size: 12px;
-  font-weight: 600;
-}
-.qs-success   { background: #dcfce7; color: #16a34a; }
-.qs-info      { background: #dbeafe; color: #2563eb; }
-.qs-warning   { background: #fef9c3; color: #ca8a04; }
-.qs-danger    { background: #fee2e2; color: #dc2626; }
-.qs-secondary { background: #f1f5f9; color: #64748b; }
-
-.quote-lines-section { margin-top: 20px; }
-.quote-table-header {
-  font-size: 13px;
-  font-weight: 600;
-  color: var(--text-primary);
-  margin-bottom: 10px;
-  text-transform: uppercase;
-  letter-spacing: .5px;
-}
-.quote-table-wrapper {
-  background: var(--surface);
-  border: 1px solid var(--border);
-  border-radius: var(--radius-md);
-  overflow: hidden;
-  box-shadow: var(--shadow-sm);
-}
-.quote-table {
-  width: 100%;
-  border-collapse: collapse;
-  font-size: 13px;
-}
-.quote-table thead { background: var(--surface-2); }
-.quote-table th {
-  padding: 11px 16px;
-  font-size: 11.5px;
-  font-weight: 600;
-  color: var(--text-muted);
-  text-transform: uppercase;
-  letter-spacing: .4px;
-  border-bottom: 1px solid var(--border);
-  text-align: left;
-}
-.quote-table td {
-  padding: 12px 16px;
-  border-bottom: 1px solid var(--border-light);
-  color: var(--text-primary);
-}
-.quote-table tbody tr:last-child td { border-bottom: none; }
-.quote-table tbody tr:hover td { background: var(--surface-2); }
-.text-center { text-align: center; }
-.text-right  { text-align: right; }
-
-/* ─── Empty / Loading States ────────────────────────────────────── */
-.empty-state {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  padding: 64px 24px;
-  text-align: center;
-  gap: 12px;
-}
-.empty-icon {
-  width: 64px;
-  height: 64px;
-  border-radius: 50%;
-  background: var(--surface-3);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: var(--text-muted);
-  margin-bottom: 4px;
-}
-.empty-state p { font-size: 14px; color: var(--text-secondary); margin: 0; font-weight: 500; }
-.coming-soon {
-  font-size: 11.5px;
-  color: var(--text-muted);
-  background: var(--surface-3);
-  padding: 3px 10px;
-  border-radius: 20px;
-}
-
-.fullpage-loading {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  flex: 1;
-  gap: 16px;
-  padding: 80px;
-}
-.loading-orb {
-  width: 44px;
-  height: 44px;
-  border-radius: 50%;
-  border: 3px solid var(--border);
-  border-top-color: var(--brand);
-  animation: spin .8s linear infinite;
-}
-@keyframes spin { to { transform: rotate(360deg); } }
-.fullpage-loading p { font-size: 14px; color: var(--text-secondary); }
-
-.fullpage-error {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  flex: 1;
-  gap: 12px;
-  padding: 80px;
-  text-align: center;
-}
-.error-icon {
-  width: 64px;
-  height: 64px;
-  border-radius: 50%;
-  background: #fee2e2;
-  color: #dc2626;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.fullpage-error h3 { font-size: 18px; font-weight: 700; color: var(--text-primary); margin: 0; }
-.fullpage-error p  { font-size: 14px; color: var(--text-secondary); margin: 0; }
-
-/* ─── Responsive ────────────────────────────────────────────────── */
-@media (max-width: 900px) {
-  .page-layout { grid-template-columns: 1fr; }
-  .sidebar {
-    position: static;
-    height: auto;
-    border-right: none;
-    border-bottom: 1px solid var(--border);
-  }
-  .sidebar-nav { flex-direction: row; flex-wrap: wrap; padding: 8px; }
-  .nav-item { flex: 0 1 auto; }
-  .info-grid { grid-template-columns: 1fr; }
-  .info-grid .full-width { grid-column: 1; }
-  .main-content { padding: 16px; }
-}
-</style>
diff --git a/thanasoft-front/refont_interview/InterventionDetailSidebar.vue b/thanasoft-front/refont_interview/InterventionDetailSidebar.vue
deleted file mode 100644
index 71c3a75..0000000
--- a/thanasoft-front/refont_interview/InterventionDetailSidebar.vue
+++ /dev/null
@@ -1,230 +0,0 @@
-<template>
-  <div class="sidebar-wrap">
-    <!-- Hero Card -->
-    <div class="hero-card">
-      <div class="hero-avatar">
-        <svg width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
-          <path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/>
-          <circle cx="9" cy="7" r="4"/>
-          <path d="M23 21v-2a4 4 0 0 0-3-3.87"/>
-          <path d="M16 3.13a4 4 0 0 1 0 7.75"/>
-        </svg>
-      </div>
-      <h2 class="hero-name">{{ intervention.defuntName || 'Personne inconnue' }}</h2>
-      <p class="hero-type">{{ intervention.title || 'Type non défini' }}</p>
-      <div class="status-badge" :class="'sb-' + (intervention.status?.color || 'secondary')">
-        {{ intervention.status?.label || 'En attente' }}
-      </div>
-    </div>
-
-    <div class="divider"></div>
-
-    <!-- Quick Stats -->
-    <div class="quick-stats">
-      <div class="qs-row">
-        <div class="qs-icon" style="background:#eef2ff;color:#4f46e5">
-          <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="4" width="18" height="18" rx="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg>
-        </div>
-        <div class="qs-text">
-          <div class="qs-label">Date</div>
-          <div class="qs-value">{{ intervention.date || '—' }}</div>
-        </div>
-      </div>
-      <div class="qs-row">
-        <div class="qs-icon" style="background:#ecfdf5;color:#059669">
-          <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
-        </div>
-        <div class="qs-text">
-          <div class="qs-label">Lieu</div>
-          <div class="qs-value">{{ intervention.lieux || '—' }}</div>
-        </div>
-      </div>
-      <div class="qs-row">
-        <div class="qs-icon" style="background:#fff7ed;color:#d97706">
-          <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>
-        </div>
-        <div class="qs-text">
-          <div class="qs-label">Durée</div>
-          <div class="qs-value">{{ intervention.duree || '—' }}</div>
-        </div>
-      </div>
-    </div>
-
-    <div class="divider"></div>
-
-    <!-- Team preview -->
-    <div v-if="intervention.members?.length" class="team-preview">
-      <div class="tp-label">Équipe</div>
-      <div class="tp-avatars">
-        <div
-          v-for="(m, i) in intervention.members.slice(0, 5)"
-          :key="i"
-          class="tp-avatar"
-          :title="m.name"
-          :style="{ zIndex: 10 - i }"
-        >
-          {{ getInitials(m.name) }}
-        </div>
-        <div v-if="intervention.members.length > 5" class="tp-avatar tp-more">
-          +{{ intervention.members.length - 5 }}
-        </div>
-      </div>
-    </div>
-
-    <div class="divider"></div>
-
-    <!-- Tab Navigation -->
-    <nav class="tab-nav">
-      <button
-        v-for="tab in tabs"
-        :key="tab.id"
-        class="tab-item"
-        :class="{ active: activeTab === tab.id }"
-        @click="$emit('change-tab', tab.id)"
-      >
-        <span class="tab-icon" v-html="tab.icon"></span>
-        <span class="tab-label">{{ tab.label }}</span>
-        <span v-if="tab.id === 'team' && teamCount > 0" class="tab-badge">{{ teamCount }}</span>
-        <span v-if="tab.id === 'documents' && documentsCount > 0" class="tab-badge">{{ documentsCount }}</span>
-      </button>
-    </nav>
-
-    <!-- Assign Button -->
-    <div class="assign-wrap">
-      <button class="assign-btn" @click="$emit('assign-practitioner')">
-        <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5">
-          <path d="M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/>
-          <circle cx="8.5" cy="7" r="4"/>
-          <line x1="20" y1="8" x2="20" y2="14"/>
-          <line x1="23" y1="11" x2="17" y2="11"/>
-        </svg>
-        Assigner un praticien
-      </button>
-    </div>
-  </div>
-</template>
-
-<script setup>
-import { defineProps, defineEmits } from 'vue';
-
-defineProps({
-  intervention: { type: Object, required: true },
-  activeTab:    { type: String, default: 'overview' },
-  practitioners:{ type: Array,  default: () => [] },
-  teamCount:    { type: Number, default: 0 },
-  documentsCount:{ type: Number, default: 0 },
-});
-defineEmits(['change-tab', 'assign-practitioner']);
-
-const getInitials = n => n ? n.split(' ').map(w => w[0]).join('').toUpperCase().substring(0,2) : '?';
-
-const tabs = [
-  { id:'overview',  label:"Vue d'ensemble", icon:`<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"/><circle cx="12" cy="12" r="3"/></svg>` },
-  { id:'details',   label:'Détails',         icon:`<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="8" y1="6" x2="21" y2="6"/><line x1="8" y1="12" x2="21" y2="12"/><line x1="8" y1="18" x2="21" y2="18"/><line x1="3" y1="6" x2="3.01" y2="6"/><line x1="3" y1="12" x2="3.01" y2="12"/><line x1="3" y1="18" x2="3.01" y2="18"/></svg>` },
-  { id:'team',      label:'Équipe',           icon:`<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg>` },
-  { id:'documents', label:'Documents',        icon:`<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/></svg>` },
-  { id:'quote',     label:'Devis',            icon:`<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/><line x1="16" y1="13" x2="8" y2="13"/><line x1="16" y1="17" x2="8" y2="17"/></svg>` },
-  { id:'history',   label:'Historique',       icon:`<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="1 4 1 10 7 10"/><path d="M3.51 15a9 9 0 1 0 .49-4.5"/></svg>` },
-];
-</script>
-
-<style scoped>
-.sidebar-wrap {
-  --brand:    #4f46e5;
-  --brand-lt: #eef2ff;
-  --brand-dk: #3730a3;
-  --surface:  #ffffff;
-  --surface-2:#f8fafc;
-  --border:   #e2e8f0;
-  --border-lt:#f1f5f9;
-  --text-1:   #0f172a;
-  --text-2:   #64748b;
-  --text-3:   #94a3b8;
-  --r-sm:     8px;
-  background: var(--surface);
-  border: 1px solid var(--border);
-  border-radius: 14px;
-  overflow: hidden;
-  box-shadow: 0 1px 3px rgba(0,0,0,.06);
-  font-family: 'Inter', system-ui, sans-serif;
-}
-
-/* Hero */
-.hero-card {
-  padding: 24px 20px 18px;
-  display: flex; flex-direction: column; align-items: center; gap: 8px; text-align: center;
-}
-.hero-avatar {
-  width: 58px; height: 58px; border-radius: 50%;
-  background: linear-gradient(135deg, #4f46e5, #7c3aed);
-  display: flex; align-items: center; justify-content: center;
-  color: white; margin-bottom: 2px;
-  box-shadow: 0 4px 14px rgba(79,70,229,.28);
-}
-.hero-name { font-size: 15px; font-weight: 700; color: var(--text-1); margin: 0; line-height: 1.3; }
-.hero-type { font-size: 12px; color: var(--text-2); margin: 0; font-weight: 500; }
-
-/* Status badge */
-.status-badge { display: inline-flex; align-items: center; padding: 3px 10px; border-radius: 20px; font-size: 11.5px; font-weight: 600; }
-.sb-success  { background:#dcfce7; color:#16a34a; }
-.sb-warning  { background:#fef9c3; color:#ca8a04; }
-.sb-danger   { background:#fee2e2; color:#dc2626; }
-.sb-info     { background:#dbeafe; color:#2563eb; }
-.sb-primary  { background:#eef2ff; color:#4f46e5; }
-.sb-secondary{ background:#f1f5f9; color:#64748b; }
-
-.divider { height: 1px; background: var(--border-lt); }
-
-/* Quick stats */
-.quick-stats { padding: 14px 18px; display: flex; flex-direction: column; gap: 10px; }
-.qs-row   { display: flex; align-items: flex-start; gap: 10px; }
-.qs-icon  { width: 28px; height: 28px; border-radius: 7px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
-.qs-label { font-size: 10.5px; text-transform: uppercase; letter-spacing: .5px; color: var(--text-3); font-weight: 600; }
-.qs-value { font-size: 12.5px; color: var(--text-1); font-weight: 500; margin-top: 1px; }
-
-/* Team preview */
-.team-preview { padding: 12px 18px; display: flex; align-items: center; gap: 12px; }
-.tp-label { font-size: 11.5px; font-weight: 600; color: var(--text-3); text-transform: uppercase; letter-spacing: .4px; }
-.tp-avatars { display: flex; }
-.tp-avatar {
-  width: 30px; height: 30px; border-radius: 50%;
-  background: linear-gradient(135deg, #6366f1, #8b5cf6);
-  border: 2px solid var(--surface);
-  color: white; font-size: 10px; font-weight: 700;
-  display: flex; align-items: center; justify-content: center;
-  margin-left: -6px; cursor: default;
-  transition: transform .15s;
-}
-.tp-avatar:first-child { margin-left: 0; }
-.tp-avatar:hover { transform: translateY(-3px); }
-.tp-more { background: var(--surface-2); color: var(--text-2); font-size: 9px; }
-
-/* Tab nav */
-.tab-nav { padding: 8px 10px; display: flex; flex-direction: column; gap: 2px; }
-.tab-item {
-  display: flex; align-items: center; gap: 9px; padding: 8px 11px;
-  border-radius: var(--r-sm); border: none; background: transparent; cursor: pointer;
-  width: 100%; text-align: left; font-size: 13px; font-weight: 500; color: var(--text-2);
-  transition: all .12s;
-}
-.tab-item:hover { background: var(--surface-2); color: var(--text-1); }
-.tab-item.active { background: var(--brand-lt); color: var(--brand); font-weight: 600; }
-.tab-icon { flex-shrink: 0; display: flex; color: var(--text-3); }
-.tab-item.active .tab-icon { color: var(--brand); }
-.tab-label { flex: 1; }
-.tab-badge {
-  min-width: 18px; height: 18px; padding: 0 5px; border-radius: 9px;
-  background: var(--brand); color: white; font-size: 10px; font-weight: 700;
-  display: flex; align-items: center; justify-content: center;
-}
-
-/* Assign */
-.assign-wrap { padding: 0 10px 12px; }
-.assign-btn {
-  width: 100%; display: flex; align-items: center; justify-content: center; gap: 7px;
-  padding: 9px; border: 1.5px dashed var(--border); border-radius: var(--r-sm);
-  background: transparent; cursor: pointer; font-size: 12.5px; font-weight: 500; color: var(--text-2);
-  transition: all .15s;
-}
-.assign-btn:hover { border-color: var(--brand); color: var(--brand); background: var(--brand-lt); }
-</style>
diff --git a/thanasoft-front/refont_interview/InterventionDetails.vue b/thanasoft-front/refont_interview/InterventionDetails.vue
deleted file mode 100644
index 87da79a..0000000
--- a/thanasoft-front/refont_interview/InterventionDetails.vue
+++ /dev/null
@@ -1,803 +0,0 @@
-<template>
-  <div class="intervention-page">
-
-    <!-- ── Top Navigation Bar ── -->
-    <div class="page-topbar">
-      <router-link to="/interventions" class="back-btn">
-        <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M19 12H5M12 5l-7 7 7 7"/></svg>
-        Interventions
-      </router-link>
-
-      <div v-if="intervention" class="topbar-center">
-        <span class="topbar-id">#{{ intervention.id }}</span>
-        <span class="topbar-divider">·</span>
-        <span class="topbar-name">{{ getDeceasedName(intervention) }}</span>
-      </div>
-
-      <div class="topbar-right">
-        <div v-if="interventionStore.isLoading" class="topbar-loading">
-          <div class="mini-spinner"></div>
-        </div>
-      </div>
-    </div>
-
-    <!-- ── Loading ── -->
-    <div v-if="interventionStore.isLoading && !intervention" class="fullpage-center">
-      <div class="loading-orb"></div>
-      <p class="loading-text">Chargement de l'intervention…</p>
-    </div>
-
-    <!-- ── Error ── -->
-    <div v-else-if="interventionStore.getError && !intervention" class="fullpage-center">
-      <div class="state-icon error-icon">
-        <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><circle cx="12" cy="12" r="10"/><line x1="15" y1="9" x2="9" y2="15"/><line x1="9" y1="9" x2="15" y2="15"/></svg>
-      </div>
-      <h3 class="state-title">Erreur de chargement</h3>
-      <p class="state-desc">{{ interventionStore.getError }}</p>
-      <router-link to="/interventions" class="btn-primary">Retour à la liste</router-link>
-    </div>
-
-    <!-- ── Main Layout ── -->
-    <div v-else-if="intervention" class="page-layout">
-
-      <!-- LEFT SIDEBAR -->
-      <aside class="sidebar">
-        <!-- Hero -->
-        <div class="hero-card">
-          <div class="hero-avatar">
-            <svg width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
-              <path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/>
-              <circle cx="9" cy="7" r="4"/>
-              <path d="M23 21v-2a4 4 0 0 0-3-3.87"/>
-              <path d="M16 3.13a4 4 0 0 1 0 7.75"/>
-            </svg>
-          </div>
-          <h2 class="hero-name">{{ getDeceasedName(intervention) }}</h2>
-          <p class="hero-type">{{ getTypeLabel(intervention.type) }}</p>
-          <StatusBadge :status="intervention.status" />
-        </div>
-
-        <!-- Quick Stats -->
-        <div class="quick-stats">
-          <QuickStat color="#4f46e5" :label="'Date'" :value="formatDate(intervention.scheduled_at)">
-            <template #icon><svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="4" width="18" height="18" rx="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg></template>
-          </QuickStat>
-          <QuickStat color="#059669" :label="'Lieu'" :value="intervention.location?.name || 'Non défini'">
-            <template #icon><svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg></template>
-          </QuickStat>
-          <QuickStat color="#d97706" :label="'Durée'" :value="intervention.duration_min ? intervention.duration_min + ' min' : 'Non définie'">
-            <template #icon><svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg></template>
-          </QuickStat>
-        </div>
-
-        <!-- Tab Nav -->
-        <nav class="tab-nav">
-          <button
-            v-for="tab in tabs"
-            :key="tab.id"
-            class="tab-item"
-            :class="{ active: activeTab === tab.id }"
-            @click="activeTab = tab.id"
-          >
-            <span class="tab-icon" v-html="tab.icon"></span>
-            <span class="tab-label">{{ tab.label }}</span>
-            <span v-if="tab.badge" class="tab-badge">{{ tab.badge }}</span>
-          </button>
-        </nav>
-
-        <!-- Assign Button -->
-        <button class="assign-cta" @click="openAssignModal">
-          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="8.5" cy="7" r="4"/><line x1="20" y1="8" x2="20" y2="14"/><line x1="23" y1="11" x2="17" y2="11"/></svg>
-          Assigner un praticien
-        </button>
-      </aside>
-
-      <!-- MAIN CONTENT -->
-      <main class="main-content">
-
-        <!-- OVERVIEW -->
-        <section v-if="activeTab === 'overview'" class="tab-section">
-          <SectionHeader title="Vue d'ensemble" />
-          <div class="info-grid">
-            <InfoCard title="Informations générales" accent="#4f46e5">
-              <template #icon><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="8" r="4"/><path d="M6 20v-2a6 6 0 0 1 12 0v2"/></svg></template>
-              <DataRow label="Nom du défunt"   :value="getDeceasedName(intervention)" />
-              <DataRow label="Date prévue"     :value="formatDate(intervention.scheduled_at)" />
-              <DataRow label="Lieu"            :value="intervention.location?.name || 'Non défini'" />
-              <DataRow label="Durée"           :value="intervention.duration_min ? intervention.duration_min + ' min' : 'Non définie'" />
-            </InfoCard>
-
-            <InfoCard title="Contact & Communication" accent="#10b981">
-              <template #icon><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 13a19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 3.6 2h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L7.91 9.91a16 16 0 0 0 6.16 6.16l.91-.91a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 17z"/></svg></template>
-              <DataRow label="Contact familial"  :value="intervention.order_giver || 'Non renseigné'" />
-              <DataRow label="Email / Tél."      :value="intervention.client ? (intervention.client.email || intervention.client.phone || '-') : '-'" />
-              <DataRow label="Type intervention" :value="getTypeLabel(intervention.type)" />
-            </InfoCard>
-
-            <InfoCard title="Notes & Description" accent="#8b5cf6" class="full-col">
-              <template #icon><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/><line x1="16" y1="13" x2="8" y2="13"/><line x1="16" y1="17" x2="8" y2="17"/></svg></template>
-              <p class="notes-text">{{ intervention.notes || 'Aucune description disponible.' }}</p>
-            </InfoCard>
-          </div>
-        </section>
-
-        <!-- DETAILS -->
-        <section v-if="activeTab === 'details'" class="tab-section">
-          <SectionHeader title="Détails de l'intervention" />
-          <div class="card-wrap">
-            <!-- Editable form fields -->
-            <div class="edit-form">
-              <div class="form-row">
-                <div class="form-group">
-                  <label>Type d'intervention</label>
-                  <select v-model="editForm.type" class="form-select">
-                    <option value="thanatopraxie">Thanatopraxie</option>
-                    <option value="toilette_mortuaire">Toilette mortuaire</option>
-                    <option value="exhumation">Exhumation</option>
-                    <option value="retrait_pacemaker">Retrait pacemaker</option>
-                    <option value="retrait_bijoux">Retrait bijoux</option>
-                    <option value="autre">Autre</option>
-                  </select>
-                </div>
-                <div class="form-group">
-                  <label>Statut</label>
-                  <select v-model="editForm.status" class="form-select">
-                    <option value="demande">Demande</option>
-                    <option value="planifie">Planifié</option>
-                    <option value="en_cours">En cours</option>
-                    <option value="termine">Terminé</option>
-                    <option value="annule">Annulé</option>
-                  </select>
-                </div>
-              </div>
-              <div class="form-row">
-                <div class="form-group">
-                  <label>Date prévue</label>
-                  <input type="datetime-local" v-model="editForm.scheduled_at" class="form-input" />
-                </div>
-                <div class="form-group">
-                  <label>Durée (minutes)</label>
-                  <input type="number" v-model="editForm.duration_min" class="form-input" min="0" />
-                </div>
-              </div>
-              <div class="form-group">
-                <label>Contact familial (donneur d'ordre)</label>
-                <input type="text" v-model="editForm.order_giver" class="form-input" />
-              </div>
-              <div class="form-group">
-                <label>Notes</label>
-                <textarea v-model="editForm.notes" class="form-textarea" rows="4" placeholder="Ajouter des notes…"></textarea>
-              </div>
-              <div class="form-actions">
-                <button class="btn-ghost" @click="resetForm">Annuler</button>
-                <button class="btn-primary" :disabled="interventionStore.isLoading" @click="submitUpdate">
-                  <span v-if="interventionStore.isLoading" class="mini-spinner white"></span>
-                  Enregistrer les modifications
-                </button>
-              </div>
-            </div>
-          </div>
-        </section>
-
-        <!-- TEAM -->
-        <section v-if="activeTab === 'team'" class="tab-section">
-          <SectionHeader title="Équipe assignée">
-            <button class="btn-primary sm" @click="openAssignModal">
-              <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg>
-              Ajouter
-            </button>
-          </SectionHeader>
-
-          <div v-if="intervention.practitioners?.length" class="practitioner-grid">
-            <div v-for="(p, i) in intervention.practitioners" :key="i" class="practitioner-card">
-              <div class="pract-avatar">{{ getInitials(getPractName(p)) }}</div>
-              <div class="pract-info">
-                <div class="pract-name">{{ getPractName(p) }}</div>
-                <span class="role-chip" :class="p.pivot?.role === 'principal' ? 'chip-principal' : 'chip-assistant'">
-                  {{ p.pivot?.role === 'principal' ? 'Principal' : 'Assistant' }}
-                </span>
-              </div>
-              <button class="unassign-btn" title="Désassigner" @click="handleUnassign(p)">
-                <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>
-              </button>
-            </div>
-          </div>
-
-          <EmptyState v-else icon="team" message="Aucun praticien assigné">
-            <button class="btn-primary sm" @click="openAssignModal">Assigner maintenant</button>
-          </EmptyState>
-        </section>
-
-        <!-- DOCUMENTS -->
-        <section v-if="activeTab === 'documents'" class="tab-section">
-          <SectionHeader title="Documents" />
-          <DocumentManagement
-            :documents="documentAttachments"
-            :loading="documentStore.isLoading"
-            :error="documentStore.getError"
-            @files-selected="() => {}"
-            @upload-files="handleUploadFiles"
-            @delete-document="handleDeleteDocument"
-            @delete-documents="handleDeleteDocuments"
-            @update-document-label="handleUpdateDocumentLabel"
-            @retry="loadDocuments"
-          />
-        </section>
-
-        <!-- QUOTE -->
-        <section v-if="activeTab === 'quote'" class="tab-section">
-          <SectionHeader title="Devis associé">
-            <router-link v-if="intervention.quote?.id" :to="`/ventes/devis/${intervention.quote.id}`" class="btn-primary sm">
-              Ouvrir le devis
-            </router-link>
-          </SectionHeader>
-
-          <div v-if="intervention.quote">
-            <div class="info-grid">
-              <InfoCard title="Informations" accent="#3b82f6">
-                <template #icon><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/></svg></template>
-                <DataRow label="Référence" :value="intervention.quote.reference" />
-                <DataRow label="Date"      :value="intervention.quote.quote_date" />
-                <DataRow label="Validité"  :value="intervention.quote.valid_until" />
-                <div class="data-row">
-                  <span class="data-label">Statut</span>
-                  <span class="status-chip" :class="'sc-' + getQuoteColor(intervention.quote.status)">{{ getQuoteLabel(intervention.quote.status) }}</span>
-                </div>
-              </InfoCard>
-              <InfoCard title="Montants" accent="#10b981">
-                <template #icon><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="12" y1="1" x2="12" y2="23"/><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"/></svg></template>
-                <DataRow label="Total HT"  :value="fmtCurrency(intervention.quote.total_ht)" />
-                <DataRow label="Total TVA" :value="fmtCurrency(intervention.quote.total_tva)" />
-                <DataRow label="Total TTC" :value="fmtCurrency(intervention.quote.total_ttc)" :bold="true" />
-              </InfoCard>
-            </div>
-
-            <div v-if="intervention.quote.lines?.length" class="quote-lines">
-              <div class="lines-title">Lignes du devis</div>
-              <div class="table-wrap">
-                <table class="data-table">
-                  <thead><tr><th>Description</th><th class="tc">Qté</th><th class="tr">PU HT</th><th class="tr">Total HT</th></tr></thead>
-                  <tbody>
-                    <tr v-for="l in intervention.quote.lines" :key="l.id">
-                      <td>{{ l.description || '-' }}</td>
-                      <td class="tc">{{ l.units_qty || 0 }}</td>
-                      <td class="tr">{{ fmtCurrency(l.unit_price) }}</td>
-                      <td class="tr fw6">{{ fmtCurrency(l.total_ht) }}</td>
-                    </tr>
-                  </tbody>
-                </table>
-              </div>
-            </div>
-          </div>
-
-          <EmptyState v-else icon="quote" message="Aucun devis associé à cette intervention" />
-        </section>
-
-        <!-- HISTORY -->
-        <section v-if="activeTab === 'history'" class="tab-section">
-          <SectionHeader title="Historique" />
-          <EmptyState icon="history" message="Historique des modifications">
-            <span class="coming-soon-chip">Fonctionnalité à venir</span>
-          </EmptyState>
-        </section>
-
-      </main>
-    </div>
-
-    <!-- Assign Modal -->
-    <AssignPractitionerModal
-      :is-open="isModalOpen"
-      @close="closeAssignModal"
-      @assign="handleAssignPractitioner"
-    />
-  </div>
-</template>
-
-<script setup>
-import { ref, computed, onMounted, watch, defineComponent, h } from 'vue';
-import { useRoute, RouterLink } from 'vue-router';
-import { useInterventionStore } from '@/stores/interventionStore';
-import { useNotificationStore } from '@/stores/notification';
-import { useDocumentAttachmentStore } from '@/stores/documentAttachmentStore';
-import DocumentManagement from '@/components/molecules/Interventions/DocumentManagement.vue';
-import AssignPractitionerModal from '@/components/molecules/intervention/AssignPractitionerModal.vue';
-
-// ── Inline sub-components ──────────────────────────────────────────────────
-const StatusBadge = {
-  props: { status: String },
-  setup(props) {
-    const map = { demande: ['warning','Demande'], planifie: ['info','Planifié'], en_cours: ['primary','En cours'], termine: ['success','Terminé'], annule: ['danger','Annulé'] };
-    const [color, label] = map[props.status] || ['secondary', props.status || 'En attente'];
-    return () => h('span', { class: `status-badge sb-${color}` }, label);
-  }
-};
-
-const QuickStat = {
-  props: { label: String, value: String, color: String },
-  template: `
-    <div class="qs-item">
-      <div class="qs-icon" :style="{ background: color + '18', color }"><slot name="icon"/></div>
-      <div><div class="qs-label">{{ label }}</div><div class="qs-value">{{ value || '-' }}</div></div>
-    </div>
-  `
-};
-
-const InfoCard = {
-  props: { title: String, accent: String },
-  template: `
-    <div class="info-card">
-      <div class="info-card-header" :style="{ '--a': accent }">
-        <span class="ic-icon"><slot name="icon"/></span>
-        <span class="ic-title">{{ title }}</span>
-      </div>
-      <div class="info-card-body"><slot/></div>
-    </div>
-  `
-};
-
-const DataRow = {
-  props: { label: String, value: String, bold: Boolean },
-  template: `
-    <div class="data-row">
-      <span class="data-label">{{ label }}</span>
-      <span class="data-value" :class="bold ? 'fw6' : ''">{{ value || '-' }}</span>
-    </div>
-  `
-};
-
-const SectionHeader = {
-  props: { title: String },
-  template: `<div class="section-header"><h3 class="section-title">{{ title }}</h3><slot/></div>`
-};
-
-const EmptyState = {
-  props: { icon: String, message: String },
-  setup(props, { slots }) {
-    const icons = {
-      team:    `<svg width="30" height="30" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><line x1="23" y1="11" x2="17" y2="11"/><line x1="20" y1="8" x2="20" y2="14"/></svg>`,
-      quote:   `<svg width="30" height="30" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/></svg>`,
-      history: `<svg width="30" height="30" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><polyline points="1 4 1 10 7 10"/><path d="M3.51 15a9 9 0 1 0 .49-4.5"/></svg>`,
-    };
-    return () => h('div', { class: 'empty-state' }, [
-      h('div', { class: 'empty-icon', innerHTML: icons[props.icon] || icons.team }),
-      h('p', { class: 'empty-msg' }, props.message),
-      slots.default?.(),
-    ]);
-  }
-};
-
-// ── Setup ──────────────────────────────────────────────────────────────────
-const route             = useRoute();
-const interventionStore = useInterventionStore();
-const notifStore        = useNotificationStore();
-const documentStore     = useDocumentAttachmentStore();
-
-const intervention  = ref(null);
-const activeTab     = ref('overview');
-const isModalOpen   = ref(false);
-const editForm      = ref({});
-
-const documentAttachments = computed(() =>
-  documentStore.getInterventionAttachments(intervention.value?.id || 0)
-);
-
-const tabs = computed(() => [
-  { id: 'overview',  label: "Vue d'ensemble", icon: `<svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"/><circle cx="12" cy="12" r="3"/></svg>` },
-  { id: 'details',   label: 'Détails',         icon: `<svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="8" y1="6" x2="21" y2="6"/><line x1="8" y1="12" x2="21" y2="12"/><line x1="8" y1="18" x2="21" y2="18"/><line x1="3" y1="6" x2="3.01" y2="6"/><line x1="3" y1="12" x2="3.01" y2="12"/><line x1="3" y1="18" x2="3.01" y2="18"/></svg>` },
-  { id: 'team',      label: 'Équipe',           icon: `<svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg>`, badge: intervention.value?.practitioners?.length || null },
-  { id: 'documents', label: 'Documents',        icon: `<svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/></svg>` },
-  { id: 'quote',     label: 'Devis',            icon: `<svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/><line x1="16" y1="13" x2="8" y2="13"/><line x1="16" y1="17" x2="8" y2="17"/></svg>` },
-  { id: 'history',   label: 'Historique',       icon: `<svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="1 4 1 10 7 10"/><path d="M3.51 15a9 9 0 1 0 .49-4.5"/></svg>` },
-]);
-
-// ── Helpers ────────────────────────────────────────────────────────────────
-const getDeceasedName = i => i?.deceased
-  ? `${i.deceased.last_name || ''} ${i.deceased.first_name || ''}`.trim()
-  : `Personne ${i?.deceased_id || 'inconnue'}`;
-
-const formatDate = v => v ? new Date(v).toLocaleString('fr-FR') : 'Non définie';
-const getTypeLabel = t => ({ thanatopraxie:'Thanatopraxie', toilette_mortuaire:'Toilette mortuaire', exhumation:'Exhumation', retrait_pacemaker:'Retrait pacemaker', retrait_bijoux:'Retrait bijoux', autre:'Autre' }[t] || t || 'Type non défini');
-const getQuoteLabel = s => ({ brouillon:'Brouillon', envoye:'Envoyé', accepte:'Accepté', refuse:'Refusé', expire:'Expiré' }[s] || s || 'Inconnu');
-const getQuoteColor = s => ({ brouillon:'secondary', envoye:'info', accepte:'success', refuse:'danger', expire:'warning' }[s] || 'secondary');
-const fmtCurrency   = v => new Intl.NumberFormat('fr-FR', { style:'currency', currency:'EUR' }).format(Number(v || 0));
-const getPractName  = p => p.employee ? `${p.employee.first_name || ''} ${p.employee.last_name || ''}`.trim() : `${p.first_name || ''} ${p.last_name || ''}`.trim();
-const getInitials   = n => n ? n.split(' ').map(w => w[0]).join('').toUpperCase().substring(0,2) : '?';
-
-// ── Edit form ──────────────────────────────────────────────────────────────
-const resetForm = () => {
-  if (!intervention.value) return;
-  editForm.value = {
-    type: intervention.value.type || '',
-    status: intervention.value.status || '',
-    scheduled_at: intervention.value.scheduled_at ? intervention.value.scheduled_at.substring(0,16) : '',
-    duration_min: intervention.value.duration_min || '',
-    order_giver: intervention.value.order_giver || '',
-    notes: intervention.value.notes || '',
-  };
-};
-
-const submitUpdate = async () => {
-  try {
-    const result = await interventionStore.updateIntervention({ id: intervention.value.id, ...editForm.value });
-    intervention.value = result;
-    notifStore.updated('Intervention');
-  } catch (e) {
-    notifStore.error('Erreur', 'Impossible de mettre à jour');
-  }
-};
-
-// ── Data fetch ─────────────────────────────────────────────────────────────
-const fetchIntervention = async () => {
-  try {
-    const id = parseInt(route.params.id);
-    if (id) {
-      intervention.value = await interventionStore.fetchInterventionById(id);
-      resetForm();
-    }
-  } catch (e) {
-    notifStore.error('Erreur', 'Impossible de charger l\'intervention');
-  }
-};
-
-// ── Modal & assignment ─────────────────────────────────────────────────────
-const openAssignModal  = () => { isModalOpen.value = true; };
-const closeAssignModal = () => { isModalOpen.value = false; };
-
-const handleAssignPractitioner = async (data) => {
-  try {
-    const payload = data.role === 'principal'
-      ? { principal_practitioner_id: data.practitionerId }
-      : { assistant_practitioner_ids: [data.practitionerId] };
-    await interventionStore.assignPractitioner(intervention.value.id, payload);
-    await fetchIntervention();
-    notifStore.created('Praticien assigné');
-    closeAssignModal();
-  } catch (e) {
-    notifStore.error('Erreur', 'Impossible d\'assigner');
-  }
-};
-
-const handleUnassign = async (p) => {
-  try {
-    await interventionStore.unassignPractitioner(intervention.value.id, p.id);
-    await fetchIntervention();
-    notifStore.updated('Praticien désassigné');
-  } catch (e) {
-    notifStore.error('Erreur', 'Impossible de désassigner');
-  }
-};
-
-// ── Documents ──────────────────────────────────────────────────────────────
-const loadDocuments = async () => {
-  if (!intervention.value?.id) return;
-  try { await documentStore.fetchInterventionFiles(intervention.value.id); }
-  catch (e) { documentStore.clearError(); }
-};
-const handleUploadFiles = async files => {
-  if (!intervention.value?.id || !files.length) return;
-  try { await documentStore.uploadAndAttachFiles(files, 'App\\Models\\Intervention', intervention.value.id); }
-  catch { documentStore.clearError(); }
-};
-const handleDeleteDocument  = async id  => { try { await documentStore.detachFile(id); } catch { documentStore.clearError(); } };
-const handleDeleteDocuments = async ids => { try { await documentStore.detachMultipleFiles({ attachment_ids: ids }); } catch { documentStore.clearError(); } };
-const handleUpdateDocumentLabel = async ({ id, label }) => { try { await documentStore.updateAttachmentMetadata(id, { label }); } catch { documentStore.clearError(); } };
-
-// ── Watchers & lifecycle ───────────────────────────────────────────────────
-watch(() => interventionStore.currentIntervention, v => { if (v) intervention.value = v; }, { deep: true });
-watch(activeTab, tab => { if (tab === 'documents' && intervention.value?.id) loadDocuments(); });
-onMounted(fetchIntervention);
-</script>
-
-<style scoped>
-/* ── Design tokens ─────────────────────────────────────────────────────── */
-*, *::before, *::after { box-sizing: border-box; }
-
-.intervention-page {
-  --brand:       #4f46e5;
-  --brand-lt:    #eef2ff;
-  --brand-dk:    #3730a3;
-  --surface:     #ffffff;
-  --surface-2:   #f8fafc;
-  --surface-3:   #f1f5f9;
-  --border:      #e2e8f0;
-  --border-lt:   #f1f5f9;
-  --text-1:      #0f172a;
-  --text-2:      #64748b;
-  --text-3:      #94a3b8;
-  --r-sm:        8px;
-  --r-md:        12px;
-  --shadow-sm:   0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);
-  --shadow-md:   0 4px 16px rgba(0,0,0,.08);
-  min-height: 100vh;
-  
-  color: var(--text-1);
-  display: flex;
-  flex-direction: column;
-}
-
-/* ── Top bar ───────────────────────────────────────────────────────────── */
-.page-topbar {
-  display: flex;
-  align-items: center;
-  gap: 16px;
-  padding: 0 24px;
-  height: 56px;
-  background: var(--surface);
-  border-bottom: 1px solid var(--border);
-  position: sticky;
-  top: 0;
-  z-index: 100;
-  box-shadow: var(--shadow-sm);
-}
-.back-btn {
-  display: inline-flex; align-items: center; gap: 6px;
-  font-size: 13px; font-weight: 500; color: var(--text-2);
-  text-decoration: none; padding: 5px 10px; border-radius: var(--r-sm);
-  transition: background .15s, color .15s;
-}
-.back-btn:hover { background: var(--surface-3); color: var(--text-1); }
-.topbar-center { display: flex; align-items: center; gap: 8px; margin: 0 auto; }
-.topbar-id   { font-size: 13px; font-weight: 600; color: var(--text-2); }
-.topbar-divider { color: var(--text-3); }
-.topbar-name { font-size: 14px; font-weight: 600; color: var(--text-1); }
-.topbar-right { margin-left: auto; }
-.topbar-loading { display: flex; align-items: center; }
-
-/* ── Layout ────────────────────────────────────────────────────────────── */
-.page-layout {
-  display: grid;
-  grid-template-columns: 272px 1fr;
-  flex: 1;
-}
-
-/* ── Sidebar ───────────────────────────────────────────────────────────── */
-.sidebar {
-  background: var(--surface);
-  border-right: 1px solid var(--border);
-  display: flex;
-  flex-direction: column;
-  position: sticky;
-  top: 56px;
-  height: calc(100vh - 56px);
-  overflow-y: auto;
-}
-
-/* Hero */
-.hero-card {
-  padding: 24px 20px 18px;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 8px;
-  text-align: center;
-  border-bottom: 1px solid var(--border-lt);
-}
-.hero-avatar {
-  width: 60px; height: 60px; border-radius: 50%;
-  background: linear-gradient(135deg, #4f46e5, #7c3aed);
-  display: flex; align-items: center; justify-content: center;
-  color: white; margin-bottom: 4px;
-  box-shadow: 0 4px 14px rgba(79,70,229,.3);
-}
-.hero-name  { font-size: 15px; font-weight: 700; color: var(--text-1); margin: 0; line-height: 1.3; }
-.hero-type  { font-size: 12px; color: var(--text-2); margin: 0; font-weight: 500; }
-
-/* Quick stats */
-.quick-stats {
-  padding: 14px 18px;
-  display: flex; flex-direction: column; gap: 10px;
-  border-bottom: 1px solid var(--border-lt);
-}
-.qs-item { display: flex; align-items: flex-start; gap: 10px; }
-.qs-icon  { width: 28px; height: 28px; border-radius: 7px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
-.qs-label { font-size: 10.5px; text-transform: uppercase; letter-spacing: .5px; color: var(--text-3); font-weight: 600; }
-.qs-value { font-size: 12.5px; color: var(--text-1); font-weight: 500; margin-top: 1px; }
-
-/* Tab nav */
-.tab-nav { padding: 10px 10px; display: flex; flex-direction: column; gap: 2px; flex: 1; }
-.tab-item {
-  display: flex; align-items: center; gap: 9px; padding: 8px 11px;
-  border-radius: var(--r-sm); border: none; background: transparent; cursor: pointer;
-  width: 100%; text-align: left; font-size: 13.5px; font-weight: 500; color: var(--text-2);
-  transition: all .12s;
-}
-.tab-item:hover { background: var(--surface-3); color: var(--text-1); }
-.tab-item.active { background: var(--brand-lt); color: var(--brand); font-weight: 600; }
-.tab-icon { flex-shrink: 0; display: flex; color: var(--text-3); }
-.tab-item.active .tab-icon { color: var(--brand); }
-.tab-label { flex: 1; }
-.tab-badge {
-  min-width: 19px; height: 19px; padding: 0 5px; border-radius: 10px;
-  background: var(--brand); color: white; font-size: 10.5px; font-weight: 700;
-  display: flex; align-items: center; justify-content: center;
-}
-.tab-item.active .tab-badge { background: var(--brand-dk); }
-
-/* Assign CTA */
-.assign-cta {
-  margin: 0 10px 14px; display: flex; align-items: center; justify-content: center; gap: 7px;
-  padding: 9px; border: 1.5px dashed var(--border); border-radius: var(--r-sm);
-  background: transparent; cursor: pointer; font-size: 12.5px; font-weight: 500; color: var(--text-2);
-  transition: all .15s;
-}
-.assign-cta:hover { border-color: var(--brand); color: var(--brand); background: var(--brand-lt); }
-
-/* ── Main content ──────────────────────────────────────────────────────── */
-.main-content { padding: 24px 28px; overflow-y: auto; }
-.tab-section  { animation: fadeUp .2s ease; }
-@keyframes fadeUp { from { opacity:0; transform:translateY(5px); } to { opacity:1; transform:translateY(0); } }
-
-.section-header {
-  display: flex; align-items: center; justify-content: space-between; margin-bottom: 18px;
-}
-.section-title { font-size: 17px; font-weight: 700; color: var(--text-1); margin: 0; }
-
-/* ── Info grid ─────────────────────────────────────────────────────────── */
-.info-grid {
-  display: grid;
-  grid-template-columns: 1fr 1fr;
-  gap: 14px;
-}
-.full-col { grid-column: 1 / -1; }
-
-/* Info card */
-.info-card {
-  background: var(--surface);
-  border: 1px solid var(--border);
-  border-radius: var(--r-md);
-  overflow: hidden;
-  box-shadow: var(--shadow-sm);
-}
-.info-card-header {
-  display: flex; align-items: center; gap: 9px;
-  padding: 12px 16px; border-bottom: 1px solid var(--border-lt);
-  background: var(--surface-2);
-}
-.ic-icon {
-  width: 26px; height: 26px; border-radius: 7px; display: flex; align-items: center; justify-content: center;
-  background: color-mix(in srgb, var(--a, #4f46e5) 14%, transparent);
-  color: var(--a, #4f46e5);
-}
-.ic-title {
-  font-size: 11.5px; font-weight: 700; color: var(--text-1);
-  text-transform: uppercase; letter-spacing: .6px;
-}
-.info-card-body { padding: 4px 16px 12px; }
-
-/* Data row */
-.data-row { display: flex; justify-content: space-between; align-items: center; padding: 9px 0; border-bottom: 1px solid var(--border-lt); gap: 12px; }
-.data-row:last-child { border-bottom: none; }
-.data-label { font-size: 12px; color: var(--text-3); font-weight: 500; flex-shrink: 0; }
-.data-value { font-size: 13px; color: var(--text-1); text-align: right; }
-.fw6 { font-weight: 600; }
-
-.notes-text { font-size: 13.5px; color: var(--text-2); line-height: 1.7; margin: 8px 0 0; }
-
-/* ── Edit form ─────────────────────────────────────────────────────────── */
-.card-wrap {
-  background: var(--surface); border: 1px solid var(--border);
-  border-radius: var(--r-md); padding: 24px; box-shadow: var(--shadow-sm);
-}
-.edit-form { display: flex; flex-direction: column; gap: 18px; }
-.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
-.form-group { display: flex; flex-direction: column; gap: 6px; }
-.form-group label { font-size: 12px; font-weight: 600; color: var(--text-2); text-transform: uppercase; letter-spacing: .4px; }
-.form-input, .form-select, .form-textarea {
-  padding: 9px 12px; border: 1px solid var(--border); border-radius: var(--r-sm);
-  font-size: 13.5px; color: var(--text-1); background: var(--surface); outline: none;
-  transition: border-color .15s, box-shadow .15s; font-family: inherit;
-}
-.form-input:focus, .form-select:focus, .form-textarea:focus {
-  border-color: var(--brand); box-shadow: 0 0 0 3px rgba(79,70,229,.1);
-}
-.form-textarea { resize: vertical; }
-.form-actions { display: flex; gap: 10px; justify-content: flex-end; padding-top: 4px; }
-
-/* ── Team ──────────────────────────────────────────────────────────────── */
-.practitioner-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 12px; }
-.practitioner-card {
-  background: var(--surface); border: 1px solid var(--border); border-radius: var(--r-md);
-  padding: 14px 16px; display: flex; align-items: center; gap: 12px;
-  box-shadow: var(--shadow-sm); transition: box-shadow .15s;
-}
-.practitioner-card:hover { box-shadow: var(--shadow-md); }
-.pract-avatar {
-  width: 42px; height: 42px; border-radius: 50%;
-  background: linear-gradient(135deg, #6366f1, #8b5cf6);
-  color: white; display: flex; align-items: center; justify-content: center;
-  font-size: 13px; font-weight: 700; flex-shrink: 0;
-}
-.pract-info { flex: 1; }
-.pract-name { font-size: 13.5px; font-weight: 600; color: var(--text-1); }
-.role-chip { display: inline-block; padding: 2px 8px; border-radius: 10px; font-size: 10.5px; font-weight: 600; margin-top: 3px; }
-.chip-principal { background: #eef2ff; color: #4f46e5; }
-.chip-assistant  { background: #f0fdf4; color: #16a34a; }
-.unassign-btn {
-  width: 28px; height: 28px; border-radius: 50%; border: 1px solid var(--border);
-  background: var(--surface); cursor: pointer; display: flex; align-items: center; justify-content: center;
-  color: var(--text-3); transition: all .15s; flex-shrink: 0;
-}
-.unassign-btn:hover { background: #fee2e2; border-color: #fca5a5; color: #dc2626; }
-
-/* ── Status badge ──────────────────────────────────────────────────────── */
-.status-badge {
-  display: inline-flex; align-items: center; padding: 3px 10px;
-  border-radius: 20px; font-size: 11.5px; font-weight: 600; letter-spacing: .2px;
-}
-.sb-success  { background:#dcfce7; color:#16a34a; }
-.sb-warning  { background:#fef9c3; color:#ca8a04; }
-.sb-danger   { background:#fee2e2; color:#dc2626; }
-.sb-info     { background:#dbeafe; color:#2563eb; }
-.sb-primary  { background:#eef2ff; color:#4f46e5; }
-.sb-secondary{ background:#f1f5f9; color:#64748b; }
-
-/* Status chip (quote) */
-.status-chip { display:inline-block; padding:2px 9px; border-radius:10px; font-size:11.5px; font-weight:600; }
-.sc-success  { background:#dcfce7; color:#16a34a; }
-.sc-info     { background:#dbeafe; color:#2563eb; }
-.sc-warning  { background:#fef9c3; color:#ca8a04; }
-.sc-danger   { background:#fee2e2; color:#dc2626; }
-.sc-secondary{ background:#f1f5f9; color:#64748b; }
-
-/* ── Buttons ───────────────────────────────────────────────────────────── */
-.btn-primary {
-  display: inline-flex; align-items: center; gap: 6px;
-  padding: 9px 18px; border-radius: var(--r-sm); border: none; cursor: pointer;
-  font-size: 13px; font-weight: 600; color: white; background: var(--brand);
-  text-decoration: none; transition: all .15s;
-}
-.btn-primary:hover { background: var(--brand-dk); transform: translateY(-1px); box-shadow: 0 4px 12px rgba(79,70,229,.3); }
-.btn-primary.sm   { padding: 6px 13px; font-size: 12px; }
-.btn-primary:disabled { opacity: .6; cursor: not-allowed; transform: none; }
-.btn-ghost {
-  display: inline-flex; align-items: center; gap: 6px;
-  padding: 9px 18px; border-radius: var(--r-sm); border: 1px solid var(--border);
-  cursor: pointer; font-size: 13px; font-weight: 500; color: var(--text-2); background: transparent;
-  transition: all .15s;
-}
-.btn-ghost:hover { background: var(--surface-3); color: var(--text-1); }
-
-/* ── Quote ─────────────────────────────────────────────────────────────── */
-.quote-lines   { margin-top: 18px; }
-.lines-title   { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .5px; color: var(--text-2); margin-bottom: 10px; }
-.table-wrap    { background: var(--surface); border: 1px solid var(--border); border-radius: var(--r-md); overflow: hidden; box-shadow: var(--shadow-sm); }
-.data-table    { width: 100%; border-collapse: collapse; font-size: 13px; }
-.data-table thead { background: var(--surface-2); }
-.data-table th { padding: 10px 16px; font-size: 11px; font-weight: 700; color: var(--text-3); text-transform: uppercase; letter-spacing: .5px; border-bottom: 1px solid var(--border); text-align: left; }
-.data-table td { padding: 11px 16px; border-bottom: 1px solid var(--border-lt); color: var(--text-1); }
-.data-table tbody tr:last-child td { border-bottom: none; }
-.data-table tbody tr:hover td { background: var(--surface-2); }
-.tc { text-align: center; }
-.tr { text-align: right; }
-
-/* ── Empty state ───────────────────────────────────────────────────────── */
-.empty-state { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 56px 24px; text-align: center; gap: 10px; }
-.empty-icon  { width: 60px; height: 60px; border-radius: 50%; background: var(--surface-3); display: flex; align-items: center; justify-content: center; color: var(--text-3); margin-bottom: 4px; }
-.empty-msg   { font-size: 14px; color: var(--text-2); margin: 0; font-weight: 500; }
-.coming-soon-chip { font-size: 11px; color: var(--text-3); background: var(--surface-3); padding: 3px 10px; border-radius: 20px; }
-
-/* ── Loading / error ───────────────────────────────────────────────────── */
-.fullpage-center { display: flex; flex-direction: column; align-items: center; justify-content: center; flex: 1; gap: 14px; padding: 80px; text-align: center; }
-.loading-orb { width: 40px; height: 40px; border-radius: 50%; border: 3px solid var(--border); border-top-color: var(--brand); animation: spin .75s linear infinite; }
-@keyframes spin { to { transform: rotate(360deg); } }
-.loading-text { font-size: 14px; color: var(--text-2); margin: 0; }
-.state-icon { width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
-.error-icon { background: #fee2e2; color: #dc2626; }
-.state-title { font-size: 18px; font-weight: 700; margin: 0; }
-.state-desc  { font-size: 14px; color: var(--text-2); margin: 0; }
-
-.mini-spinner { width: 14px; height: 14px; border-radius: 50%; border: 2px solid rgba(79,70,229,.3); border-top-color: var(--brand); animation: spin .6s linear infinite; display: inline-block; }
-.mini-spinner.white { border-color: rgba(255,255,255,.3); border-top-color: white; }
-
-/* ── Responsive ────────────────────────────────────────────────────────── */
-@media (max-width: 860px) {
-  .page-layout { grid-template-columns: 1fr; }
-  .sidebar { position: static; height: auto; border-right: none; border-bottom: 1px solid var(--border); }
-  .tab-nav { flex-direction: row; flex-wrap: wrap; }
-  .tab-item { flex: none; }
-  .info-grid { grid-template-columns: 1fr; }
-  .full-col  { grid-column: 1; }
-  .form-row  { grid-template-columns: 1fr; }
-  .main-content { padding: 16px; }
-}
-</style>
diff --git a/thanasoft-front/refont_interview/InterventionTabNavigation.vue b/thanasoft-front/refont_interview/InterventionTabNavigation.vue
deleted file mode 100644
index 27bc108..0000000
--- a/thanasoft-front/refont_interview/InterventionTabNavigation.vue
+++ /dev/null
@@ -1,77 +0,0 @@
-<template>
-  <nav class="tab-nav">
-    <button
-      v-for="tab in tabs"
-      :key="tab.id"
-      class="tab-item"
-      :class="{ active: activeTab === tab.id }"
-      @click="$emit('change-tab', tab.id)"
-    >
-      <span class="tab-icon" v-html="tab.icon"></span>
-      <span class="tab-label">{{ tab.label }}</span>
-      <span v-if="tab.id === 'team' && teamCount > 0" class="tab-badge">{{ teamCount }}</span>
-      <span v-if="tab.id === 'documents' && documentsCount > 0" class="tab-badge">{{ documentsCount }}</span>
-    </button>
-  </nav>
-</template>
-
-<script setup>
-import { defineProps, defineEmits } from 'vue';
-
-defineProps({
-  activeTab:     { type: String, required: true },
-  teamCount:     { type: Number, default: 0 },
-  documentsCount:{ type: Number, default: 0 },
-});
-defineEmits(['change-tab']);
-
-const tabs = [
-  { id:'overview',  label:"Vue d'ensemble", icon:`<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"/><circle cx="12" cy="12" r="3"/></svg>` },
-  { id:'details',   label:'Détails',         icon:`<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="8" y1="6" x2="21" y2="6"/><line x1="8" y1="12" x2="21" y2="12"/><line x1="8" y1="18" x2="21" y2="18"/><line x1="3" y1="6" x2="3.01" y2="6"/><line x1="3" y1="12" x2="3.01" y2="12"/><line x1="3" y1="18" x2="3.01" y2="18"/></svg>` },
-  { id:'team',      label:'Équipe',           icon:`<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg>` },
-  { id:'documents', label:'Documents',        icon:`<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/></svg>` },
-  { id:'quote',     label:'Devis',            icon:`<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/><line x1="16" y1="13" x2="8" y2="13"/><line x1="16" y1="17" x2="8" y2="17"/></svg>` },
-  { id:'history',   label:'Historique',       icon:`<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="1 4 1 10 7 10"/><path d="M3.51 15a9 9 0 1 0 .49-4.5"/></svg>` },
-];
-</script>
-
-<style scoped>
-.tab-nav {
-  --brand:    #4f46e5;
-  --brand-lt: #eef2ff;
-  --brand-dk: #3730a3;
-  --surface-2:#f8fafc;
-  --border-lt:#f1f5f9;
-  --text-1:   #0f172a;
-  --text-2:   #64748b;
-  --text-3:   #94a3b8;
-  --r-sm:     8px;
-  display: flex;
-  flex-direction: column;
-  gap: 2px;
-  font-family: 'Inter', system-ui, sans-serif;
-}
-
-.tab-item {
-  display: flex; align-items: center; gap: 9px;
-  padding: 8px 11px; border-radius: var(--r-sm);
-  border: none; background: transparent; cursor: pointer;
-  width: 100%; text-align: left;
-  font-size: 13.5px; font-weight: 500; color: var(--text-2);
-  transition: background .12s, color .12s;
-}
-.tab-item:hover { background: var(--surface-2); color: var(--text-1); }
-.tab-item.active { background: var(--brand-lt); color: var(--brand); font-weight: 600; }
-
-.tab-icon { flex-shrink: 0; display: flex; color: var(--text-3); }
-.tab-item.active .tab-icon { color: var(--brand); }
-.tab-label { flex: 1; }
-
-.tab-badge {
-  min-width: 19px; height: 19px; padding: 0 5px; border-radius: 10px;
-  background: var(--brand); color: white;
-  font-size: 10.5px; font-weight: 700;
-  display: flex; align-items: center; justify-content: center;
-}
-.tab-item.active .tab-badge { background: var(--brand-dk); }
-</style>
diff --git a/thanasoft-front/src/components/Organism/CRM/employee/EmployeeDetailContent.vue b/thanasoft-front/src/components/Organism/CRM/employee/EmployeeDetailContent.vue
index bb05099..85891b4 100644
--- a/thanasoft-front/src/components/Organism/CRM/employee/EmployeeDetailContent.vue
+++ b/thanasoft-front/src/components/Organism/CRM/employee/EmployeeDetailContent.vue
@@ -10,7 +10,10 @@
     </div>
 
     <div v-show="activeTab === 'info'" class="ed-pane">
-      <EmployeeInfoTab :employee="employee" @employee-updated="updateEmployee" />
+      <EmployeeInfoTab
+        :employee="employee"
+        @employee-updated="updateEmployee"
+      />
     </div>
 
     <div v-show="activeTab === 'user'" class="ed-pane">
@@ -41,15 +44,21 @@
           <div class="ed-grid">
             <div class="ed-data">
               <span class="ed-data__label">Numero de licence</span>
-               <strong class="ed-data__value">{{ practitioner?.license_number || 'Non renseigne' }}</strong>
+              <strong class="ed-data__value">{{
+                practitioner?.license_number || "Non renseigne"
+              }}</strong>
             </div>
             <div class="ed-data">
               <span class="ed-data__label">Numero d'autorisation</span>
-               <strong class="ed-data__value">{{ practitioner?.authorization_number || 'Non renseigne' }}</strong>
+              <strong class="ed-data__value">{{
+                practitioner?.authorization_number || "Non renseigne"
+              }}</strong>
             </div>
             <div class="ed-data">
               <span class="ed-data__label">Validite</span>
-               <strong class="ed-data__value">{{ formatDate(practitioner?.authorization_valid_until) }}</strong>
+              <strong class="ed-data__value">{{
+                formatDate(practitioner?.authorization_valid_until)
+              }}</strong>
             </div>
           </div>
         </div>
@@ -98,7 +107,8 @@ const props = defineProps({
 });
 
 const practitioner = computed(
-  () => props.thanatopractitionerData || props.employee?.thanatopractitioner || null
+  () =>
+    props.thanatopractitionerData || props.employee?.thanatopractitioner || null
 );
 
 const emit = defineEmits([
diff --git a/thanasoft-front/src/components/Organism/CRM/employee/EmployeeDetailSidebar.vue b/thanasoft-front/src/components/Organism/CRM/employee/EmployeeDetailSidebar.vue
index 92f4177..e0cf2cf 100644
--- a/thanasoft-front/src/components/Organism/CRM/employee/EmployeeDetailSidebar.vue
+++ b/thanasoft-front/src/components/Organism/CRM/employee/EmployeeDetailSidebar.vue
@@ -7,7 +7,10 @@
         :alt="employeeName"
         class="employee-sidebar__avatar"
       />
-      <div v-else class="employee-sidebar__avatar employee-sidebar__avatar--fallback">
+      <div
+        v-else
+        class="employee-sidebar__avatar employee-sidebar__avatar--fallback"
+      >
         {{ initials }}
       </div>
     </div>
@@ -18,11 +21,18 @@
       <div class="product-sidebar__badges employee-sidebar__badges">
         <span
           class="employee-sidebar__badge"
-          :class="isActive ? 'employee-sidebar__badge--success' : 'employee-sidebar__badge--muted'"
+          :class="
+            isActive
+              ? 'employee-sidebar__badge--success'
+              : 'employee-sidebar__badge--muted'
+          "
         >
           {{ isActive ? "Actif" : "Inactif" }}
         </span>
-        <span v-if="isThanatopractitioner" class="employee-sidebar__badge employee-sidebar__badge--info">
+        <span
+          v-if="isThanatopractitioner"
+          class="employee-sidebar__badge employee-sidebar__badge--info"
+        >
           Thanatopracteur
         </span>
       </div>
@@ -35,7 +45,9 @@
       </div>
       <div class="employee-sidebar__detail-item">
         <span class="employee-sidebar__detail-label">Contact</span>
-        <span class="employee-sidebar__detail-value">{{ employee.email || employee.phone || "Non renseigne" }}</span>
+        <span class="employee-sidebar__detail-value">{{
+          employee.email || employee.phone || "Non renseigne"
+        }}</span>
       </div>
     </div>
 
@@ -147,7 +159,10 @@ const IconDocument = defineComponent({
         "stroke-width": "1.5",
       },
       [
-        h("path", { d: "M5 2.5h4l2.5 2.5v7A1.5 1.5 0 0 1 10 13.5H5A1.5 1.5 0 0 1 3.5 12V4A1.5 1.5 0 0 1 5 2.5z" }),
+        h("path", {
+          d:
+            "M5 2.5h4l2.5 2.5v7A1.5 1.5 0 0 1 10 13.5H5A1.5 1.5 0 0 1 3.5 12V4A1.5 1.5 0 0 1 5 2.5z",
+        }),
         h("path", { d: "M9 2.5V5h2.5" }),
       ]
     ),
diff --git a/thanasoft-front/src/components/Organism/ClientGroup/ClientGroupDetailPresentation.vue b/thanasoft-front/src/components/Organism/ClientGroup/ClientGroupDetailPresentation.vue
index a592ed3..70af0fa 100644
--- a/thanasoft-front/src/components/Organism/ClientGroup/ClientGroupDetailPresentation.vue
+++ b/thanasoft-front/src/components/Organism/ClientGroup/ClientGroupDetailPresentation.vue
@@ -58,9 +58,15 @@
                 <p class="text-sm">{{ formatDate(clientGroup.updated_at) }}</p>
               </div>
               <div class="col-md-12 mb-3">
-                <h6 class="text-sm text-uppercase text-muted">Clients du groupe</h6>
+                <h6 class="text-sm text-uppercase text-muted">
+                  Clients du groupe
+                </h6>
                 <p class="text-sm mb-2">
-                  {{ clientGroup.clients_count || clientGroup.clients?.length || 0 }}
+                  {{
+                    clientGroup.clients_count ||
+                    clientGroup.clients?.length ||
+                    0
+                  }}
                   client(s)
                 </p>
 
@@ -74,7 +80,9 @@
                     class="d-flex align-items-center justify-content-between p-3 border rounded bg-light"
                   >
                     <div class="d-flex flex-column">
-                      <span class="font-weight-bold text-sm">{{ client.name }}</span>
+                      <span class="font-weight-bold text-sm">{{
+                        client.name
+                      }}</span>
                       <span class="text-xs text-muted">
                         {{ client.email || "Pas d'email" }}
                       </span>
diff --git a/thanasoft-front/src/components/Organism/ClientGroup/ClientGroupFormPresentation.vue b/thanasoft-front/src/components/Organism/ClientGroup/ClientGroupFormPresentation.vue
index 2c1d0e2..cdd9544 100644
--- a/thanasoft-front/src/components/Organism/ClientGroup/ClientGroupFormPresentation.vue
+++ b/thanasoft-front/src/components/Organism/ClientGroup/ClientGroupFormPresentation.vue
@@ -54,11 +54,7 @@ onMounted(async () => {
       };
     }
   } catch (error) {
-    notificationStore.error(
-      "Erreur",
-      "Impossible de charger le groupe",
-      3000
-    );
+    notificationStore.error("Erreur", "Impossible de charger le groupe", 3000);
 
     try {
       router.push("/clients/groups");
diff --git a/thanasoft-front/src/components/Organism/Convoys/AddConvoyPresentation.vue b/thanasoft-front/src/components/Organism/Convoys/AddConvoyPresentation.vue
index 371e6eb..78c56e1 100644
--- a/thanasoft-front/src/components/Organism/Convoys/AddConvoyPresentation.vue
+++ b/thanasoft-front/src/components/Organism/Convoys/AddConvoyPresentation.vue
@@ -2,7 +2,10 @@
   <new-convoy-template>
     <template #multi-step></template>
     <template #convoy-form>
-      <new-convoy-form :loading="loading" @create-convoy="$emit('create-convoy', $event)" />
+      <new-convoy-form
+        :loading="loading"
+        @create-convoy="$emit('create-convoy', $event)"
+      />
     </template>
   </new-convoy-template>
 </template>
diff --git a/thanasoft-front/src/components/Organism/Convoys/ConvoyListPresentation.vue b/thanasoft-front/src/components/Organism/Convoys/ConvoyListPresentation.vue
index 17930cf..6c0537b 100644
--- a/thanasoft-front/src/components/Organism/Convoys/ConvoyListPresentation.vue
+++ b/thanasoft-front/src/components/Organism/Convoys/ConvoyListPresentation.vue
@@ -7,9 +7,16 @@
     </template>
 
     <template #header-pagination>
-      <div v-if="pagination && pagination.last_page > 1" class="d-flex justify-content-center">
+      <div
+        v-if="pagination && pagination.last_page > 1"
+        class="d-flex justify-content-center"
+      >
         <soft-pagination color="success" size="sm">
-          <soft-pagination-item prev :disabled="pagination.current_page <= 1" @click="changePage(pagination.current_page - 1)" />
+          <soft-pagination-item
+            prev
+            :disabled="pagination.current_page <= 1"
+            @click="changePage(pagination.current_page - 1)"
+          />
           <soft-pagination-item
             v-for="page in visiblePages"
             :key="page"
@@ -17,43 +24,86 @@
             :active="pagination.current_page === page"
             @click="typeof page === 'number' && changePage(page)"
           />
-          <soft-pagination-item next :disabled="pagination.current_page >= pagination.last_page" @click="changePage(pagination.current_page + 1)" />
+          <soft-pagination-item
+            next
+            :disabled="pagination.current_page >= pagination.last_page"
+            @click="changePage(pagination.current_page + 1)"
+          />
         </soft-pagination>
       </div>
     </template>
 
     <template #select-filter>
-      <soft-button color="dark" variant="outline" class="dropdown-toggle" data-bs-toggle="dropdown">
+      <soft-button
+        color="dark"
+        variant="outline"
+        class="dropdown-toggle"
+        data-bs-toggle="dropdown"
+      >
         <i class="fas fa-filter me-2"></i> Filtrer
       </soft-button>
       <ul class="dropdown-menu dropdown-menu-end px-2 py-3">
-        <li><button class="dropdown-item border-radius-md" @click="$emit('filter-status', 'planned')">Planifiés</button></li>
-        <li><button class="dropdown-item border-radius-md" @click="$emit('filter-status', 'in_progress')">En cours</button></li>
-        <li><button class="dropdown-item border-radius-md" @click="$emit('filter-status', 'completed')">Terminés</button></li>
+        <li>
+          <button
+            class="dropdown-item border-radius-md"
+            @click="$emit('filter-status', 'planned')"
+          >
+            Planifiés
+          </button>
+        </li>
+        <li>
+          <button
+            class="dropdown-item border-radius-md"
+            @click="$emit('filter-status', 'in_progress')"
+          >
+            En cours
+          </button>
+        </li>
+        <li>
+          <button
+            class="dropdown-item border-radius-md"
+            @click="$emit('filter-status', 'completed')"
+          >
+            Terminés
+          </button>
+        </li>
       </ul>
     </template>
 
     <template #convoy-list>
       <div v-if="loading" class="text-center py-5">
-        <div class="spinner-border text-primary" role="status"><span class="visually-hidden">Chargement...</span></div>
+        <div class="spinner-border text-primary" role="status">
+          <span class="visually-hidden">Chargement...</span>
+        </div>
         <p class="mt-2">Chargement des convois...</p>
       </div>
 
       <div v-else-if="error" class="alert alert-danger text-center py-4">
         <p>{{ error }}</p>
-        <button class="btn btn-outline-danger" @click="$emit('retry')">Réessayer</button>
+        <button class="btn btn-outline-danger" @click="$emit('retry')">
+          Réessayer
+        </button>
       </div>
 
-      <div v-else-if="!convoys.length" class="card border-0 shadow-sm text-center py-5">
+      <div
+        v-else-if="!convoys.length"
+        class="card border-0 shadow-sm text-center py-5"
+      >
         <div class="card-body">
           <i class="fas fa-road fa-3x text-secondary mb-3"></i>
           <h5>Aucun convoi trouvé</h5>
-          <p class="text-sm text-secondary mb-0">Créez votre premier convoi pour commencer.</p>
+          <p class="text-sm text-secondary mb-0">
+            Créez votre premier convoi pour commencer.
+          </p>
         </div>
       </div>
 
       <div v-else class="row g-4">
-        <div v-for="convoy in convoys" :key="convoy.id" class="col-12 col-md-6 col-xl-4">
+        <div
+          v-for="convoy in convoys"
+          :key="convoy.id"
+          class="col-12 col-md-6 col-xl-4"
+        >
           <convoy-event-card :convoy="convoy" @view="$emit('view', $event)" />
         </div>
       </div>
@@ -77,13 +127,13 @@ const props = defineProps({
   pagination: { type: Object, default: null },
 });
 
-
 const router = useRouter();
 const goToCreate = () => router.push({ name: "Ajouter convoi" });
 
 const changePage = (page) => {
   if (typeof page !== "number") return;
-  if (page < 1 || (props.pagination && page > props.pagination.last_page)) return;
+  if (page < 1 || (props.pagination && page > props.pagination.last_page))
+    return;
   if (page === props.pagination.current_page) return;
   emit("page-change", page);
 };
diff --git a/thanasoft-front/src/components/Organism/Employee/VehicleDetailPresentation.vue b/thanasoft-front/src/components/Organism/Employee/VehicleDetailPresentation.vue
index c60c567..e9372b8 100644
--- a/thanasoft-front/src/components/Organism/Employee/VehicleDetailPresentation.vue
+++ b/thanasoft-front/src/components/Organism/Employee/VehicleDetailPresentation.vue
@@ -8,7 +8,12 @@
     <div v-else-if="error" class="vdp__state">
       <h5>Erreur de chargement</h5>
       <p>{{ error }}</p>
-      <SoftButton color="primary" variant="outline" size="sm" @click="emit('reload')">
+      <SoftButton
+        color="primary"
+        variant="outline"
+        size="sm"
+        @click="emit('reload')"
+      >
         Réessayer
       </SoftButton>
     </div>
@@ -17,7 +22,9 @@
       <h5>Véhicule introuvable</h5>
       <p>Ce véhicule n'existe pas ou a été supprimé.</p>
       <RouterLink to="/employes/vehicules">
-        <SoftButton color="primary" variant="outline" size="sm">Retour à la liste</SoftButton>
+        <SoftButton color="primary" variant="outline" size="sm"
+          >Retour à la liste</SoftButton
+        >
       </RouterLink>
     </div>
 
@@ -26,7 +33,14 @@
         <div class="vdp__topbar-left">
           <RouterLink to="/employes/vehicules">
             <SoftButton color="secondary" variant="outline" size="sm">
-              <svg width="14" height="14" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5">
+              <svg
+                width="14"
+                height="14"
+                viewBox="0 0 16 16"
+                fill="none"
+                stroke="currentColor"
+                stroke-width="1.5"
+              >
                 <path d="M10 3L5 8l5 5" />
               </svg>
               Retour
@@ -37,21 +51,40 @@
             <span class="vdp__breadcrumb-sep">/</span>
             <span>Véhicules</span>
             <span class="vdp__breadcrumb-sep">/</span>
-            <span class="vdp__breadcrumb-current">{{ vehicle.brand }} {{ vehicle.model }}</span>
+            <span class="vdp__breadcrumb-current"
+              >{{ vehicle.brand }} {{ vehicle.model }}</span
+            >
           </div>
         </div>
 
         <div class="vdp__topbar-actions">
           <template v-if="!isEditMode">
-            <SoftButton color="primary" variant="outline" size="sm" @click="startEdit">
+            <SoftButton
+              color="primary"
+              variant="outline"
+              size="sm"
+              @click="startEdit"
+            >
               Modifier
             </SoftButton>
           </template>
           <template v-else>
-            <SoftButton color="secondary" variant="outline" size="sm" :disabled="saving" @click="cancelEdit">
+            <SoftButton
+              color="secondary"
+              variant="outline"
+              size="sm"
+              :disabled="saving"
+              @click="cancelEdit"
+            >
               Annuler
             </SoftButton>
-            <SoftButton color="primary" variant="gradient" size="sm" :disabled="saving" @click="saveVehicle">
+            <SoftButton
+              color="primary"
+              variant="gradient"
+              size="sm"
+              :disabled="saving"
+              @click="saveVehicle"
+            >
               {{ saving ? "Sauvegarde..." : "Sauvegarder" }}
             </SoftButton>
           </template>
@@ -78,7 +111,9 @@
                 :key="tab.id"
                 type="button"
                 class="vdp-sidebar__nav-item"
-                :class="{ 'vdp-sidebar__nav-item--active': activeTab === tab.id }"
+                :class="{
+                  'vdp-sidebar__nav-item--active': activeTab === tab.id,
+                }"
                 @click="activeTab = tab.id"
               >
                 {{ tab.label }}
@@ -104,15 +139,26 @@
                 </div>
                 <div class="col-md-6">
                   <label class="form-label">Immatriculation</label>
-                  <soft-input v-model="form.registration_number" :disabled="!isEditMode" />
+                  <soft-input
+                    v-model="form.registration_number"
+                    :disabled="!isEditMode"
+                  />
                 </div>
                 <div class="col-md-6">
                   <label class="form-label">Année</label>
-                  <soft-input v-model="form.year" type="number" :disabled="!isEditMode" />
+                  <soft-input
+                    v-model="form.year"
+                    type="number"
+                    :disabled="!isEditMode"
+                  />
                 </div>
                 <div class="col-md-6">
                   <label class="form-label">Type</label>
-                  <select v-model="form.vehicle_type" class="form-control" :disabled="!isEditMode">
+                  <select
+                    v-model="form.vehicle_type"
+                    class="form-control"
+                    :disabled="!isEditMode"
+                  >
                     <option value="utility">Utilitaire</option>
                     <option value="hearse">Corbillard</option>
                     <option value="transport_vehicle">Transport</option>
@@ -121,7 +167,11 @@
                 </div>
                 <div class="col-md-6">
                   <label class="form-label">Carburant</label>
-                  <select v-model="form.fuel_type" class="form-control" :disabled="!isEditMode">
+                  <select
+                    v-model="form.fuel_type"
+                    class="form-control"
+                    :disabled="!isEditMode"
+                  >
                     <option value="diesel">Diesel</option>
                     <option value="petrol">Essence</option>
                     <option value="electric">Électrique</option>
@@ -130,7 +180,11 @@
                 </div>
                 <div class="col-md-6">
                   <label class="form-label">Statut</label>
-                  <select v-model="form.status" class="form-control" :disabled="!isEditMode">
+                  <select
+                    v-model="form.status"
+                    class="form-control"
+                    :disabled="!isEditMode"
+                  >
                     <option value="active">Actif</option>
                     <option value="maintenance">Maintenance</option>
                     <option value="out_of_service">Hors service</option>
@@ -143,7 +197,9 @@
                   </div>
                   <div v-else class="position-relative">
                     <div class="input-group">
-                      <span class="input-group-text"><i class="fas fa-search"></i></span>
+                      <span class="input-group-text"
+                        ><i class="fas fa-search"></i
+                      ></span>
                       <input
                         v-model="employeeSearch"
                         type="text"
@@ -166,13 +222,18 @@
                       class="text-center py-2 position-absolute w-100 bg-white border rounded shadow-sm"
                       style="z-index: 1000; top: 100%"
                     >
-                      <div class="spinner-border spinner-border-sm text-primary" role="status">
+                      <div
+                        class="spinner-border spinner-border-sm text-primary"
+                        role="status"
+                      >
                         <span class="visually-hidden">Chargement...</span>
                       </div>
                     </div>
 
                     <div
-                      v-else-if="employeeResults.length > 0 && showEmployeeResults"
+                      v-else-if="
+                        employeeResults.length > 0 && showEmployeeResults
+                      "
                       class="list-group position-absolute w-100 mt-1 shadow-lg"
                       style="z-index: 1000; max-height: 280px; overflow-y: auto"
                     >
@@ -184,8 +245,14 @@
                         @click="selectEmployee(employee)"
                       >
                         <div class="d-flex flex-column">
-                          <span class="font-weight-bold text-sm">{{ employee.full_name }}</span>
-                          <span class="text-xs text-muted">{{ employee.email || employee.job_title || 'Aucune information' }}</span>
+                          <span class="font-weight-bold text-sm">{{
+                            employee.full_name
+                          }}</span>
+                          <span class="text-xs text-muted">{{
+                            employee.email ||
+                            employee.job_title ||
+                            "Aucune information"
+                          }}</span>
                         </div>
                       </button>
                     </div>
@@ -193,7 +260,12 @@
                 </div>
                 <div class="col-12">
                   <label class="form-label">Notes</label>
-                  <textarea v-model="form.notes" class="form-control" rows="4" :disabled="!isEditMode"></textarea>
+                  <textarea
+                    v-model="form.notes"
+                    class="form-control"
+                    rows="4"
+                    :disabled="!isEditMode"
+                  ></textarea>
                 </div>
               </div>
             </div>
@@ -209,21 +281,27 @@
                   <div class="vdp-timeline__dot"></div>
                   <div>
                     <strong>Création du véhicule</strong>
-                    <p class="mb-0 text-sm text-secondary">{{ formatDate(vehicle.created_at) }}</p>
+                    <p class="mb-0 text-sm text-secondary">
+                      {{ formatDate(vehicle.created_at) }}
+                    </p>
                   </div>
                 </div>
                 <div class="vdp-timeline__item">
                   <div class="vdp-timeline__dot"></div>
                   <div>
                     <strong>Dernière mise à jour</strong>
-                    <p class="mb-0 text-sm text-secondary">{{ formatDate(vehicle.updated_at) }}</p>
+                    <p class="mb-0 text-sm text-secondary">
+                      {{ formatDate(vehicle.updated_at) }}
+                    </p>
                   </div>
                 </div>
-                <div class="vdp-timeline__item" v-if="vehicle.primary_user">
+                <div v-if="vehicle.primary_user" class="vdp-timeline__item">
                   <div class="vdp-timeline__dot"></div>
                   <div>
                     <strong>Utilisateur actuellement assigné</strong>
-                    <p class="mb-0 text-sm text-secondary">{{ vehicle.primary_user.full_name }}</p>
+                    <p class="mb-0 text-sm text-secondary">
+                      {{ vehicle.primary_user.full_name }}
+                    </p>
                   </div>
                 </div>
               </div>
@@ -337,7 +415,9 @@ const handleEmployeeSearch = () => {
   employeeLoading.value = true;
   debounceTimeout = setTimeout(async () => {
     try {
-      employeeResults.value = await employeeStore.searchEmployees(employeeSearch.value);
+      employeeResults.value = await employeeStore.searchEmployees(
+        employeeSearch.value
+      );
     } catch (error) {
       console.error("Error searching employees:", error);
       employeeResults.value = [];
@@ -384,11 +464,13 @@ const formatStatus = (status) => {
 };
 
 const statusClass = (status) => {
-  return {
-    active: "bg-gradient-success",
-    maintenance: "bg-gradient-warning",
-    out_of_service: "bg-gradient-danger",
-  }[status] || "bg-gradient-secondary";
+  return (
+    {
+      active: "bg-gradient-success",
+      maintenance: "bg-gradient-warning",
+      out_of_service: "bg-gradient-danger",
+    }[status] || "bg-gradient-secondary"
+  );
 };
 
 const formatDate = (value) => {
@@ -421,11 +503,24 @@ const formatDate = (value) => {
   gap: 1rem;
   flex-wrap: wrap;
 }
-.vdp__topbar-left { gap: 0.75rem; }
-.vdp__topbar-actions { gap: 0.5rem; }
-.vdp__breadcrumb { gap: 5px; font-size: 13px; color: #9ca3af; }
-.vdp__breadcrumb-sep { color: #d1d5db; }
-.vdp__breadcrumb-current { color: #374151; font-weight: 500; }
+.vdp__topbar-left {
+  gap: 0.75rem;
+}
+.vdp__topbar-actions {
+  gap: 0.5rem;
+}
+.vdp__breadcrumb {
+  gap: 5px;
+  font-size: 13px;
+  color: #9ca3af;
+}
+.vdp__breadcrumb-sep {
+  color: #d1d5db;
+}
+.vdp__breadcrumb-current {
+  color: #374151;
+  font-weight: 500;
+}
 .vdp__body {
   display: grid;
   grid-template-columns: 260px 1fr;
@@ -433,7 +528,9 @@ const formatDate = (value) => {
   margin-top: 1rem;
 }
 .vdp__sidebar,
-.vdp__panel { min-width: 0; }
+.vdp__panel {
+  min-width: 0;
+}
 .vdp__state {
   display: flex;
   flex-direction: column;
@@ -470,8 +567,13 @@ const formatDate = (value) => {
   text-transform: uppercase;
   color: #8392ab;
 }
-.vdp-card__body { padding: 1.25rem; }
-.vdp-card--sidebar { position: sticky; top: 1rem; }
+.vdp-card__body {
+  padding: 1.25rem;
+}
+.vdp-card--sidebar {
+  position: sticky;
+  top: 1rem;
+}
 .vdp-sidebar__hero {
   padding: 1.5rem;
   text-align: center;
@@ -489,9 +591,18 @@ const formatDate = (value) => {
   background: linear-gradient(310deg, #5e72e4 0%, #825ee4 100%);
   font-size: 1.5rem;
 }
-.vdp-sidebar__hero h4 { margin-bottom: 0.25rem; }
-.vdp-sidebar__hero p { color: #8392ab; margin-bottom: 0.75rem; }
-.vdp-sidebar__nav { padding: 0.75rem; display: grid; gap: 0.5rem; }
+.vdp-sidebar__hero h4 {
+  margin-bottom: 0.25rem;
+}
+.vdp-sidebar__hero p {
+  color: #8392ab;
+  margin-bottom: 0.75rem;
+}
+.vdp-sidebar__nav {
+  padding: 0.75rem;
+  display: grid;
+  gap: 0.5rem;
+}
 .vdp-sidebar__nav-item {
   border: 0;
   background: transparent;
@@ -514,8 +625,15 @@ const formatDate = (value) => {
   border-radius: 0.5rem;
   background: #f8f9fa;
 }
-.vdp-timeline { display: grid; gap: 1rem; }
-.vdp-timeline__item { display: flex; gap: 0.9rem; align-items: flex-start; }
+.vdp-timeline {
+  display: grid;
+  gap: 1rem;
+}
+.vdp-timeline__item {
+  display: flex;
+  gap: 0.9rem;
+  align-items: flex-start;
+}
 .vdp-timeline__dot {
   width: 12px;
   height: 12px;
@@ -530,9 +648,17 @@ input.form-control,
 .input-group-text {
   border-radius: 0.5rem;
 }
-@keyframes spin { to { transform: rotate(360deg); } }
+@keyframes spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
 @media (max-width: 768px) {
-  .vdp { padding: 1rem; }
-  .vdp__body { grid-template-columns: 1fr; }
+  .vdp {
+    padding: 1rem;
+  }
+  .vdp__body {
+    grid-template-columns: 1fr;
+  }
 }
 </style>
diff --git a/thanasoft-front/src/components/Organism/Interventions/InterventionDetailPresentation.vue b/thanasoft-front/src/components/Organism/Interventions/InterventionDetailPresentation.vue
index 027d011..347496c 100644
--- a/thanasoft-front/src/components/Organism/Interventions/InterventionDetailPresentation.vue
+++ b/thanasoft-front/src/components/Organism/Interventions/InterventionDetailPresentation.vue
@@ -1,623 +1,49 @@
 <template>
-  <div class="intervention-page">
-    <!-- Top Navigation Bar -->
-    <div class="page-topbar">
-      <router-link to="/interventions" class="back-btn">
-        <svg
-          width="16"
-          height="16"
-          viewBox="0 0 24 24"
-          fill="none"
-          stroke="currentColor"
-          stroke-width="2.5"
-        >
-          <path d="M19 12H5M12 5l-7 7 7 7" />
-        </svg>
-        Interventions
-      </router-link>
-
-      <div v-if="mappedIntervention" class="topbar-center">
-        <span class="topbar-id">#{{ mappedIntervention.id }}</span>
-        <StatusPill :status="mappedIntervention.status" />
-      </div>
-
-      <div class="topbar-actions">
-        <button class="action-btn secondary" @click="$emit('cancel')">
-          <svg
-            width="14"
-            height="14"
-            viewBox="0 0 24 24"
-            fill="none"
-            stroke="currentColor"
-            stroke-width="2.5"
+  <div>
+    <ClientDetailTemplate>
+      <template #button-return>
+        <div class="col-12">
+          <RouterLink
+            to="/interventions"
+            class="btn btn-outline-secondary btn-sm mb-3"
           >
-            <path d="M18 6L6 18M6 6l12 12" />
-          </svg>
-          Annuler
-        </button>
-      </div>
-    </div>
-
-    <!-- Loading -->
-    <div v-if="loading" class="fullpage-loading">
-      <div class="loading-orb"></div>
-      <p>Chargement de l'intervention…</p>
-    </div>
-
-    <!-- Error -->
-    <div v-else-if="error" class="fullpage-error">
-      <div class="error-icon">
-        <svg
-          width="32"
-          height="32"
-          viewBox="0 0 24 24"
-          fill="none"
-          stroke="currentColor"
-          stroke-width="1.5"
-        >
-          <circle cx="12" cy="12" r="10" />
-          <line x1="15" y1="9" x2="9" y2="15" />
-          <line x1="9" y1="9" x2="15" y2="15" />
-        </svg>
-      </div>
-      <h3>Erreur de chargement</h3>
-      <p>{{ error }}</p>
-      <button class="action-btn primary" @click="$emit('cancel')">
-        Retour
-      </button>
-    </div>
-
-    <!-- Main Layout -->
-    <div v-else-if="mappedIntervention" class="page-layout">
-      <!-- LEFT SIDEBAR -->
-      <aside class="sidebar card position-sticky top-1">
-        <!-- Hero Card -->
-        <div class="hero-card">
-          <div class="hero-avatar">
-            <svg
-              width="28"
-              height="28"
-              viewBox="0 0 24 24"
-              fill="none"
-              stroke="currentColor"
-              stroke-width="1.5"
-            >
-              <path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2" />
-              <circle cx="9" cy="7" r="4" />
-              <path d="M23 21v-2a4 4 0 0 0-3-3.87" />
-              <path d="M16 3.13a4 4 0 0 1 0 7.75" />
-            </svg>
-          </div>
-          <div class="hero-info">
-            <h5 class="hero-name font-weight-bolder mb-0">
-              {{ mappedIntervention.defuntName }}
-            </h5>
-            <p class="hero-type text-sm text-secondary mb-3">
-              {{ mappedIntervention.title }}
-            </p>
-          </div>
-          <StatusPill :status="mappedIntervention.status" />
+            <i class="fas fa-arrow-left me-2"></i>Retour aux interventions
+          </RouterLink>
         </div>
+      </template>
 
-        <!-- Quick Stats -->
-        <div class="quick-stats">
-          <div class="stat-item">
-            <div class="stat-icon date-icon">
-              <svg
-                width="14"
-                height="14"
-                viewBox="0 0 24 24"
-                fill="none"
-                stroke="currentColor"
-                stroke-width="2"
-              >
-                <rect x="3" y="4" width="18" height="18" rx="2" ry="2" />
-                <line x1="16" y1="2" x2="16" y2="6" />
-                <line x1="8" y1="2" x2="8" y2="6" />
-                <line x1="3" y1="10" x2="21" y2="10" />
-              </svg>
-            </div>
-            <div>
-              <div class="stat-label">Date</div>
-              <div class="stat-value">
-                {{ mappedIntervention.date }}
-              </div>
-            </div>
-          </div>
-          <div class="stat-item">
-            <div class="stat-icon loc-icon">
-              <svg
-                width="14"
-                height="14"
-                viewBox="0 0 24 24"
-                fill="none"
-                stroke="currentColor"
-                stroke-width="2"
-              >
-                <path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z" />
-                <circle cx="12" cy="10" r="3" />
-              </svg>
-            </div>
-            <div>
-              <div class="stat-label">Lieu</div>
-              <div class="stat-value">
-                {{ mappedIntervention.lieux }}
-              </div>
-            </div>
-          </div>
-          <div class="stat-item">
-            <div class="stat-icon dur-icon">
-              <svg
-                width="14"
-                height="14"
-                viewBox="0 0 24 24"
-                fill="none"
-                stroke="currentColor"
-                stroke-width="2"
-              >
-                <circle cx="12" cy="12" r="10" />
-                <polyline points="12 6 12 12 16 14" />
-              </svg>
-            </div>
-            <div>
-              <div class="stat-label">Durée</div>
-              <div class="stat-value">
-                {{ mappedIntervention.duree }}
-              </div>
-            </div>
-          </div>
-        </div>
-
-        <!-- Tab Navigation -->
-        <InterventionTabNavigation
-          class="sidebar-nav"
+      <template #client-detail-sidebar>
+        <InterventionDetailSidebar
+          v-if="sidebarIntervention"
+          :intervention="sidebarIntervention"
           :active-tab="localActiveTab"
-          :team-count="mappedIntervention.practitioners?.length || 0"
-          :documents-count="documentAttachments.length"
+          :team-count="teamCount"
+          :documents-count="documentsCount"
           @change-tab="changeTab"
+          @assign-practitioner="$emit('assign-practitioner')"
         />
+      </template>
 
-        <!-- Assign Button -->
-        <button class="assign-btn" @click="$emit('assign-practitioner')">
-          <svg
-            width="15"
-            height="15"
-            viewBox="0 0 24 24"
-            fill="none"
-            stroke="currentColor"
-            stroke-width="2.5"
-          >
-            <path d="M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2" />
-            <circle cx="8.5" cy="7" r="4" />
-            <line x1="20" y1="8" x2="20" y2="14" />
-            <line x1="23" y1="11" x2="17" y2="11" />
-          </svg>
-          Assigner un praticien
-        </button>
-      </aside>
+      <template #client-detail-content>
+        <InterventionDetailContent
+          :intervention="contentIntervention"
+          :loading="loading"
+          :error="error"
+          :active-tab="localActiveTab"
+          @change-tab="changeTab"
+          @update-intervention="$emit('update-intervention', $event)"
+          @cancel="$emit('cancel')"
+          @assign-practitioner="$emit('assign-practitioner')"
+          @unassign-practitioner="$emit('unassign-practitioner', $event)"
+          @show-error="handleShowError"
+        />
+      </template>
+    </ClientDetailTemplate>
 
-      <!-- MAIN CONTENT -->
-      <main class="main-content">
-        <!-- ── OVERVIEW TAB ── -->
-        <div v-if="localActiveTab === 'overview'" class="tab-content">
-          <div class="section-header">
-            <h3>Vue d'ensemble</h3>
-          </div>
-          <div class="info-grid">
-            <InfoSection title="Informations générales" icon-color="#6366f1">
-              <template #icon>
-                <svg
-                  width="16"
-                  height="16"
-                  viewBox="0 0 24 24"
-                  fill="none"
-                  stroke="currentColor"
-                  stroke-width="2"
-                >
-                  <circle cx="12" cy="8" r="4" />
-                  <path d="M6 20v-2a6 6 0 0 1 12 0v2" />
-                </svg>
-              </template>
-              <DataRow
-                label="Nom du défunt"
-                :value="mappedIntervention.defuntName"
-              />
-              <DataRow label="Date prévue" :value="mappedIntervention.date" />
-              <DataRow label="Lieu" :value="mappedIntervention.lieux" />
-              <DataRow label="Durée" :value="mappedIntervention.duree" />
-            </InfoSection>
-
-            <InfoSection title="Contact & Communication" icon-color="#10b981">
-              <template #icon>
-                <svg
-                  width="16"
-                  height="16"
-                  viewBox="0 0 24 24"
-                  fill="none"
-                  stroke="currentColor"
-                  stroke-width="2"
-                >
-                  <path
-                    d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 13a19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 3.6 2h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L7.91 9.91a16 16 0 0 0 6.16 6.16l.91-.91a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 17z"
-                  />
-                </svg>
-              </template>
-              <DataRow
-                label="Contact familial"
-                :value="mappedIntervention.contactFamilial"
-              />
-              <DataRow
-                label="Coordonnées"
-                :value="mappedIntervention.coordonneesContact"
-              />
-              <DataRow
-                label="Type d'intervention"
-                :value="mappedIntervention.title"
-              />
-            </InfoSection>
-
-            <InfoSection
-              title="Informations supplémentaires"
-              icon-color="#f59e0b"
-              class="full-width"
-            >
-              <template #icon>
-                <svg
-                  width="16"
-                  height="16"
-                  viewBox="0 0 24 24"
-                  fill="none"
-                  stroke="currentColor"
-                  stroke-width="2"
-                >
-                  <circle cx="12" cy="12" r="10" />
-                  <line x1="12" y1="8" x2="12" y2="12" />
-                  <line x1="12" y1="16" x2="12.01" y2="16" />
-                </svg>
-              </template>
-              <div class="row-2col">
-                <DataRow
-                  label="Personnes attendues"
-                  :value="String(mappedIntervention.nombrePersonnes || '-')"
-                />
-                <DataRow
-                  label="Prestations supp."
-                  :value="mappedIntervention.prestationsSupplementaires"
-                />
-              </div>
-            </InfoSection>
-
-            <InfoSection
-              title="Description"
-              icon-color="#8b5cf6"
-              class="full-width"
-            >
-              <template #icon>
-                <svg
-                  width="16"
-                  height="16"
-                  viewBox="0 0 24 24"
-                  fill="none"
-                  stroke="currentColor"
-                  stroke-width="2"
-                >
-                  <path
-                    d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"
-                  />
-                  <polyline points="14 2 14 8 20 8" />
-                  <line x1="16" y1="13" x2="8" y2="13" />
-                  <line x1="16" y1="17" x2="8" y2="17" />
-                  <polyline points="10 9 9 9 8 9" />
-                </svg>
-              </template>
-              <p class="description-text">
-                {{
-                  mappedIntervention.description ||
-                  "Aucune description disponible."
-                }}
-              </p>
-            </InfoSection>
-          </div>
-        </div>
-
-        <!-- ── DETAILS TAB ── -->
-        <div v-if="localActiveTab === 'details'" class="tab-content">
-          <div class="section-header">
-            <h3>Détails</h3>
-          </div>
-          <InterventionDetails
-            class="details-redesign"
-            :intervention="mappedIntervention"
-            :loading="loading"
-            :error="error"
-            @update="$emit('update-intervention', $event)"
-            @cancel="$emit('cancel')"
-          />
-        </div>
-
-        <!-- ── TEAM TAB ── -->
-        <div v-if="localActiveTab === 'team'" class="tab-content">
-          <div class="section-header">
-            <h3>Équipe assignée</h3>
-            <button
-              class="action-btn primary sm"
-              @click="$emit('assign-practitioner')"
-            >
-              <svg
-                width="13"
-                height="13"
-                viewBox="0 0 24 24"
-                fill="none"
-                stroke="currentColor"
-                stroke-width="2.5"
-              >
-                <line x1="12" y1="5" x2="12" y2="19" />
-                <line x1="5" y1="12" x2="19" y2="12" />
-              </svg>
-              Ajouter
-            </button>
-          </div>
-
-          <div
-            v-if="mappedIntervention.practitioners?.length"
-            class="team-grid"
-          >
-            <div
-              v-for="(p, i) in mappedIntervention.practitioners"
-              :key="i"
-              class="practitioner-card"
-            >
-              <div class="pract-avatar">{{ getInitials(p.name) }}</div>
-              <div class="pract-info">
-                <div class="pract-name">{{ p.name }}</div>
-                <div class="pract-role">
-                  <span
-                    class="role-badge"
-                    :class="
-                      p.role === 'principal'
-                        ? 'role-principal'
-                        : 'role-assistant'
-                    "
-                  >
-                    {{ p.role === "principal" ? "Principal" : "Assistant" }}
-                  </span>
-                </div>
-              </div>
-              <button
-                class="unassign-btn"
-                @click="
-                  $emit('unassign-practitioner', {
-                    practitionerId: p.id,
-                    practitionerName: p.name,
-                  })
-                "
-              >
-                <svg
-                  width="13"
-                  height="13"
-                  viewBox="0 0 24 24"
-                  fill="none"
-                  stroke="currentColor"
-                  stroke-width="2.5"
-                >
-                  <line x1="18" y1="6" x2="6" y2="18" />
-                  <line x1="6" y1="6" x2="18" y2="18" />
-                </svg>
-              </button>
-            </div>
-          </div>
-
-          <div v-else class="empty-state">
-            <div class="empty-icon">
-              <svg
-                width="32"
-                height="32"
-                viewBox="0 0 24 24"
-                fill="none"
-                stroke="currentColor"
-                stroke-width="1.5"
-              >
-                <path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2" />
-                <circle cx="9" cy="7" r="4" />
-                <line x1="23" y1="11" x2="17" y2="11" />
-                <line x1="20" y1="8" x2="20" y2="14" />
-              </svg>
-            </div>
-            <p>Aucun praticien assigné</p>
-            <button
-              class="action-btn primary sm"
-              @click="$emit('assign-practitioner')"
-            >
-              Assigner maintenant
-            </button>
-          </div>
-        </div>
-
-        <!-- ── DOCUMENTS TAB ── -->
-        <div v-if="localActiveTab === 'documents'" class="tab-content">
-          <div class="section-header">
-            <h3>Documents</h3>
-          </div>
-          <DocumentManagement
-            :documents="documentAttachments"
-            :loading="documentStore.isLoading"
-            :error="documentStore.getError"
-            @files-selected="handleFilesSelected"
-            @upload-files="handleUploadFiles"
-            @delete-document="handleDeleteDocument"
-            @delete-documents="handleDeleteDocuments"
-            @update-document-label="handleUpdateDocumentLabel"
-            @retry="loadDocumentAttachments"
-          />
-        </div>
-
-        <!-- ── QUOTE TAB ── -->
-        <div v-if="localActiveTab === 'quote'" class="tab-content">
-          <div class="section-header">
-            <h3>Devis</h3>
-            <router-link
-              v-if="mappedIntervention.quote?.id"
-              :to="`/ventes/devis/${mappedIntervention.quote.id}`"
-              class="action-btn primary sm"
-              >Ouvrir le devis</router-link
-            >
-          </div>
-
-          <div v-if="mappedIntervention.quote">
-            <div class="info-grid">
-              <InfoSection title="Informations du devis" icon-color="#3b82f6">
-                <template #icon
-                  ><svg
-                    width="16"
-                    height="16"
-                    viewBox="0 0 24 24"
-                    fill="none"
-                    stroke="currentColor"
-                    stroke-width="2"
-                  >
-                    <path
-                      d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"
-                    />
-                    <polyline points="14 2 14 8 20 8" /></svg
-                ></template>
-                <DataRow
-                  label="Référence"
-                  :value="mappedIntervention.quote.reference"
-                />
-                <DataRow
-                  label="Date"
-                  :value="mappedIntervention.quote.quote_date"
-                />
-                <DataRow
-                  label="Validité"
-                  :value="mappedIntervention.quote.valid_until"
-                />
-                <div class="data-row">
-                  <span class="data-label">Statut</span>
-                  <span
-                    class="quote-status-badge"
-                    :class="`qs-${getQuoteStatusColor(
-                      mappedIntervention.quote.status
-                    )}`"
-                  >
-                    {{ getQuoteStatusLabel(mappedIntervention.quote.status) }}
-                  </span>
-                </div>
-              </InfoSection>
-
-              <InfoSection title="Montants" icon-color="#10b981">
-                <template #icon
-                  ><svg
-                    width="16"
-                    height="16"
-                    viewBox="0 0 24 24"
-                    fill="none"
-                    stroke="currentColor"
-                    stroke-width="2"
-                  >
-                    <line x1="12" y1="1" x2="12" y2="23" />
-                    <path
-                      d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"
-                    /></svg
-                ></template>
-                <DataRow
-                  label="Total HT"
-                  :value="formatCurrency(mappedIntervention.quote.total_ht)"
-                />
-                <DataRow
-                  label="Total TVA"
-                  :value="formatCurrency(mappedIntervention.quote.total_tva)"
-                />
-                <DataRow
-                  label="Total TTC"
-                  :value="formatCurrency(mappedIntervention.quote.total_ttc)"
-                  bold
-                />
-              </InfoSection>
-            </div>
-
-            <div
-              v-if="mappedIntervention.quote.lines?.length"
-              class="quote-lines-section"
-            >
-              <div class="quote-table-header">Lignes du devis</div>
-              <div class="quote-table-wrapper">
-                <table class="quote-table">
-                  <thead>
-                    <tr>
-                      <th>Description</th>
-                      <th class="text-center">Qté</th>
-                      <th class="text-right">Prix unitaire</th>
-                      <th class="text-right">Total HT</th>
-                    </tr>
-                  </thead>
-                  <tbody>
-                    <tr
-                      v-for="line in mappedIntervention.quote.lines"
-                      :key="line.id"
-                    >
-                      <td>{{ line.description || "-" }}</td>
-                      <td class="text-center">{{ line.units_qty || 0 }}</td>
-                      <td class="text-right">
-                        {{ formatCurrency(line.unit_price) }}
-                      </td>
-                      <td class="text-right fw-semibold">
-                        {{ formatCurrency(line.total_ht) }}
-                      </td>
-                    </tr>
-                  </tbody>
-                </table>
-              </div>
-            </div>
-          </div>
-
-          <div v-else class="empty-state">
-            <div class="empty-icon">
-              <svg
-                width="32"
-                height="32"
-                viewBox="0 0 24 24"
-                fill="none"
-                stroke="currentColor"
-                stroke-width="1.5"
-              >
-                <path
-                  d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"
-                />
-                <polyline points="14 2 14 8 20 8" />
-              </svg>
-            </div>
-            <p>Aucun devis associé à cette intervention</p>
-          </div>
-        </div>
-
-        <!-- ── HISTORY TAB ── -->
-        <div v-if="localActiveTab === 'history'" class="tab-content">
-          <div class="section-header"><h3>Historique</h3></div>
-          <div class="empty-state">
-            <div class="empty-icon">
-              <svg
-                width="32"
-                height="32"
-                viewBox="0 0 24 24"
-                fill="none"
-                stroke="currentColor"
-                stroke-width="1.5"
-              >
-                <polyline points="1 4 1 10 7 10" />
-                <path d="M3.51 15a9 9 0 1 0 .49-4.5" />
-              </svg>
-            </div>
-            <p>Historique des modifications</p>
-            <span class="coming-soon">Fonctionnalité à venir</span>
-          </div>
-        </div>
-      </main>
-    </div>
-
-    <!-- Assign Modal -->
     <AssignPractitionerModal
       :is-open="isModalOpen"
+      :practitioners="practitioners"
+      :assigned-practitioner-ids="assignedPractitionerIds"
       @close="$emit('close-modal')"
       @assign="$emit('assign-practitioner-confirmed', $event)"
     />
@@ -625,16 +51,13 @@
 </template>
 
 <script setup>
-import { defineProps, defineEmits, ref, computed, watch, onMounted } from "vue";
+import { computed, defineEmits, defineProps, ref, watch } from "vue";
 import { RouterLink } from "vue-router";
-import InterventionDetails from "@/components/molecules/Interventions/interventionDetails.vue";
-import DocumentManagement from "@/components/molecules/Interventions/DocumentManagement.vue";
 import AssignPractitionerModal from "@/components/molecules/intervention/AssignPractitionerModal.vue";
-import StatusPill from "@/components/molecules/intervention/StatusPill.vue";
-import InfoSection from "@/components/molecules/intervention/InfoSection.vue";
-import DataRow from "@/components/molecules/intervention/DataRow.vue";
-import InterventionTabNavigation from "@/components/molecules/intervention/InterventionTabNavigation.vue";
-import { useDocumentAttachmentStore } from "@/stores/documentAttachmentStore";
+import InterventionDetailSidebar from "@/components/Organism/Interventions/intervention/InterventionDetailSidebar.vue";
+import InterventionDetailContent from "@/components/Organism/Interventions/intervention/InterventionDetailContent.vue";
+import ClientDetailTemplate from "@/components/templates/CRM/ClientDetailTemplate.vue";
+import { useNotificationStore } from "@/stores/notification";
 
 const props = defineProps({
   intervention: { type: Object, required: true },
@@ -643,6 +66,7 @@ const props = defineProps({
   activeTab: { type: String, default: "overview" },
   practitioners: { type: Array, default: () => [] },
   isModalOpen: { type: Boolean, default: false },
+  assignedPractitionerIds: { type: Array, default: () => [] },
 });
 
 const emit = defineEmits([
@@ -655,72 +79,35 @@ const emit = defineEmits([
   "unassign-practitioner",
 ]);
 
+const notificationStore = useNotificationStore();
 const localActiveTab = ref(props.activeTab);
 
-const changeTab = (tab) => {
-  localActiveTab.value = tab;
-  emit("change-tab", tab);
-};
-
-const documentStore = useDocumentAttachmentStore();
-const documentAttachments = computed(() =>
-  documentStore.getInterventionAttachments(props.intervention?.id || 0)
+watch(
+  () => props.activeTab,
+  (newTab) => {
+    localActiveTab.value = newTab;
+  }
 );
 
-// ── Mapped intervention ──
-const mappedIntervention = computed(() => {
-  if (!props.intervention) return null;
-  const i = props.intervention;
-  return {
-    ...i,
-    defuntName: i.deceased
-      ? `${i.deceased.last_name || ""} ${i.deceased.first_name || ""}`.trim()
-      : `Personne ${i.deceased_id || "inconnue"}`,
-    date: i.scheduled_at
-      ? new Date(i.scheduled_at).toLocaleString("fr-FR")
-      : "Non définie",
-    lieux: i.location?.name || "Lieu non défini",
-    duree: i.duration_min ? `${i.duration_min} min` : "Non définie",
-    title: i.type ? getTypeLabel(i.type) : "Type non défini",
-    contactFamilial: i.order_giver || "Non renseigné",
-    description: i.notes || "",
-    nombrePersonnes: i.attachments_count || 0,
-    coordonneesContact: i.client
-      ? i.client.email || i.client.phone || "Non disponible"
-      : "Non disponible",
-    prestationsSupplementaires: "À définir",
-    practitioners: (i.practitioners || []).map((p) => ({
-      id: p.id,
-      name: p.employee
-        ? `${p.employee.first_name || ""} ${p.employee.last_name || ""}`.trim()
-        : `${p.first_name || ""} ${p.last_name || ""}`.trim(),
-      role: p.pivot?.role || "assistant",
-    })),
-    status: i.status
-      ? { label: getStatusLabel(i.status), color: getStatusColor(i.status) }
-      : { label: "En attente", color: "warning" },
-    quote: i.quote || null,
-  };
-});
-
-// ── Helpers ──
-const getStatusLabel = (s) =>
+const getStatusLabel = (status) =>
   ({
     demande: "Demande",
     planifie: "Planifié",
     en_cours: "En cours",
     termine: "Terminé",
     annule: "Annulé",
-  }[s] || s);
-const getStatusColor = (s) =>
+  }[status] || status);
+
+const getStatusColor = (status) =>
   ({
     demande: "warning",
     planifie: "info",
     en_cours: "primary",
     termine: "success",
     annule: "danger",
-  }[s] || "secondary");
-const getTypeLabel = (t) =>
+  }[status] || "secondary");
+
+const getTypeLabel = (type) =>
   ({
     thanatopraxie: "Thanatopraxie",
     toilette_mortuaire: "Toilette mortuaire",
@@ -728,850 +115,99 @@ const getTypeLabel = (t) =>
     retrait_pacemaker: "Retrait pacemaker",
     retrait_bijoux: "Retrait bijoux",
     autre: "Autre",
-  }[t] || t);
-const getQuoteStatusLabel = (s) =>
-  ({
-    brouillon: "Brouillon",
-    envoye: "Envoyé",
-    accepte: "Accepté",
-    refuse: "Refusé",
-    expire: "Expiré",
-  }[s] ||
-  s ||
-  "Inconnu");
-const getQuoteStatusColor = (s) =>
-  ({
-    brouillon: "secondary",
-    envoye: "info",
-    accepte: "success",
-    refuse: "danger",
-    expire: "warning",
-  }[s] || "secondary");
-const formatCurrency = (v) =>
-  new Intl.NumberFormat("fr-FR", {
-    style: "currency",
-    currency: "EUR",
-    minimumFractionDigits: 2,
-  }).format(Number(v || 0));
-const getInitials = (name) =>
-  name
-    ? name
-        .split(" ")
-        .map((w) => w[0])
-        .join("")
-        .toUpperCase()
-        .substring(0, 2)
-    : "?";
+  }[type] ||
+  type ||
+  "Type non défini");
 
-// ── Document handlers ──
-const handleFilesSelected = (files) =>
-  console.log("Files selected:", files.length);
-const loadDocumentAttachments = async () => {
-  if (!props.intervention?.id) return;
-  try {
-    await documentStore.fetchInterventionFiles(props.intervention.id);
-  } catch (e) {
-    documentStore.clearError();
-  }
-};
-const handleUploadFiles = async (files) => {
-  if (!props.intervention?.id || !files.length) return;
-  try {
-    await documentStore.uploadAndAttachFiles(
-      files,
-      "App\\Models\\Intervention",
-      props.intervention.id
-    );
-  } catch (e) {
-    documentStore.clearError();
-  }
-};
-const handleDeleteDocument = async (id) => {
-  try {
-    await documentStore.detachFile(id);
-  } catch (e) {
-    documentStore.clearError();
-  }
-};
-const handleDeleteDocuments = async (ids) => {
-  try {
-    await documentStore.detachMultipleFiles({ attachment_ids: ids });
-  } catch (e) {
-    documentStore.clearError();
-  }
-};
-const handleUpdateDocumentLabel = async ({ id, label }) => {
-  try {
-    await documentStore.updateAttachmentMetadata(id, { label });
-  } catch (e) {
-    documentStore.clearError();
-  }
-};
+const getPractitionerName = (practitioner) =>
+  practitioner?.full_name ||
+  practitioner?.employee?.full_name ||
+  [
+    practitioner?.employee?.first_name || practitioner?.first_name,
+    practitioner?.employee?.last_name || practitioner?.last_name,
+  ]
+    .filter(Boolean)
+    .join(" ") ||
+  `Thanatopracteur #${practitioner?.id}`;
 
-watch(
-  () => props.activeTab,
-  (tab) => {
-    localActiveTab.value = tab;
-    if (tab === "documents" && props.intervention?.id)
-      loadDocumentAttachments();
+const contentIntervention = computed(() => {
+  if (!props.intervention) {
+    return null;
   }
-);
-watch(
-  () => props.intervention?.id,
-  (id) => {
-    if (id && props.activeTab === "documents") loadDocumentAttachments();
-  }
-);
-onMounted(() => {
-  if (props.activeTab === "documents" && props.intervention?.id)
-    loadDocumentAttachments();
+
+  return {
+    ...props.intervention,
+    defuntName: props.intervention.deceased
+      ? `${props.intervention.deceased.last_name || ""} ${
+          props.intervention.deceased.first_name || ""
+        }`.trim()
+      : `Personne ${props.intervention.deceased_id || "inconnue"}`,
+    date: props.intervention.scheduled_at
+      ? new Date(props.intervention.scheduled_at).toLocaleString("fr-FR")
+      : "Non définie",
+    lieux: props.intervention.location?.name || "Lieu non défini",
+    duree: props.intervention.duration_min
+      ? `${props.intervention.duration_min} min`
+      : "Non définie",
+    title: getTypeLabel(props.intervention.type),
+    contactFamilial: props.intervention.order_giver || "Non renseigné",
+    description: props.intervention.notes || "",
+    nombrePersonnes: props.intervention.attachments_count || 0,
+    coordonneesContact: props.intervention.client
+      ? props.intervention.client.email ||
+        props.intervention.client.phone ||
+        "Non disponible"
+      : "Non disponible",
+    prestationsSupplementaires: "À définir",
+    practitioners: (props.intervention.practitioners || []).map(
+      (practitioner) => ({
+        ...practitioner,
+        employee_name: getPractitionerName(practitioner),
+      })
+    ),
+  };
 });
+
+const sidebarIntervention = computed(() => {
+  if (!contentIntervention.value) {
+    return null;
+  }
+
+  return {
+    ...contentIntervention.value,
+    status: {
+      label: getStatusLabel(props.intervention?.status),
+      color: getStatusColor(props.intervention?.status),
+    },
+    members: (contentIntervention.value.practitioners || []).map(
+      (practitioner) => ({
+        name: practitioner.employee_name,
+      })
+    ),
+  };
+});
+
+const teamCount = computed(
+  () => contentIntervention.value?.practitioners?.length || 0
+);
+
+const documentsCount = computed(
+  () =>
+    props.intervention?.attachments_count ||
+    props.intervention?.attachments?.length ||
+    0
+);
+
+const changeTab = (tab) => {
+  localActiveTab.value = tab;
+  emit("change-tab", tab);
+};
+
+const handleShowError = (message) => {
+  if (!message) {
+    return;
+  }
+
+  notificationStore.error("Erreur", message);
+};
 </script>
-
-<style scoped>
-/* ─── Design System ─────────────────────────────────────────────── */
-:root {
-  --brand: #4f46e5;
-  --brand-light: #eef2ff;
-  --brand-dark: #3730a3;
-  --surface: #ffffff;
-  --surface-2: #f8fafc;
-  --surface-3: #f1f5f9;
-  --border: #e2e8f0;
-  --border-light: #f1f5f9;
-  --text-primary: #0f172a;
-  --text-secondary: #64748b;
-  --text-muted: #94a3b8;
-  --radius-sm: 8px;
-  --radius-md: 12px;
-  --radius-lg: 16px;
-  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);
-  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.08);
-  --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.1);
-}
-
-/* ─── Page Shell ────────────────────────────────────────────────── */
-.intervention-page {
-  min-height: 100vh;
-  background: var(--bs-body-bg);
-  font-family: inherit;
-  color: var(--text-primary);
-  display: flex;
-  flex-direction: column;
-}
-
-/* ─── Top Bar ───────────────────────────────────────────────────── */
-.page-topbar {
-  display: flex;
-  align-items: center;
-  gap: 16px;
-  padding: 14px 28px;
-  background: var(--surface);
-  border-bottom: 1px solid var(--border);
-  position: sticky;
-  top: 0;
-  z-index: 50;
-  box-shadow: var(--shadow-sm);
-}
-
-.back-btn {
-  display: inline-flex;
-  align-items: center;
-  gap: 7px;
-  font-size: 13px;
-  font-weight: 500;
-  color: var(--text-secondary);
-  text-decoration: none;
-  padding: 6px 12px;
-  border-radius: var(--radius-sm);
-  transition: background 0.15s, color 0.15s;
-}
-.back-btn:hover {
-  background: var(--surface-3);
-  color: var(--text-primary);
-}
-
-.topbar-center {
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  margin: 0 auto;
-}
-.topbar-id {
-  font-size: 13px;
-  font-weight: 600;
-  color: var(--text-secondary);
-  letter-spacing: 0.3px;
-}
-.topbar-actions {
-  display: flex;
-  gap: 8px;
-}
-
-/* ─── Layout ────────────────────────────────────────────────────── */
-.page-layout {
-  display: grid;
-  grid-template-columns: 280px 1fr;
-  gap: 0;
-  flex: 1;
-  min-height: 0;
-}
-
-/* ─── Sidebar ───────────────────────────────────────────────────── */
-.sidebar {
-  background: #fff;
-  border: 0;
-  border-right: 0;
-  border-radius: 1rem;
-  box-shadow: 0 0 2rem 0 rgba(136, 152, 170, 0.15);
-  display: flex;
-  flex-direction: column;
-  gap: 0;
-  top: 1rem;
-  height: calc(100vh - 57px);
-  overflow-y: auto;
-}
-
-.hero-card {
-  padding: 1.5rem 1.5rem 1rem;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 0.5rem;
-  text-align: center;
-  border-bottom: 0;
-}
-
-.hero-avatar {
-  width: 64px;
-  height: 64px;
-  border-radius: 50%;
-  background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: white;
-  margin-bottom: 4px;
-  box-shadow: 0 4px 16px rgba(79, 70, 229, 0.3);
-}
-
-.hero-name {
-  font-size: 1.25rem;
-  font-weight: 700;
-  color: #344767;
-  margin: 0;
-  line-height: 1.3;
-}
-.hero-type {
-  font-size: 0.875rem;
-  color: #67748e;
-  margin: 0;
-  font-weight: 400;
-}
-
-/* Quick Stats */
-.quick-stats {
-  padding: 0 1.5rem 1rem;
-  display: flex;
-  flex-direction: column;
-  gap: 0.75rem;
-  border-bottom: 0;
-}
-.stat-item {
-  display: flex;
-  align-items: flex-start;
-  gap: 10px;
-}
-.stat-icon {
-  width: 30px;
-  height: 30px;
-  border-radius: 8px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-}
-.date-icon {
-  background: #eef2ff;
-  color: #4f46e5;
-}
-.loc-icon {
-  background: #ecfdf5;
-  color: #059669;
-}
-.dur-icon {
-  background: #fff7ed;
-  color: #d97706;
-}
-
-.stat-label {
-  font-size: 0.75rem;
-  color: #8392ab;
-  font-weight: 600;
-  text-transform: uppercase;
-  letter-spacing: 0.4px;
-  line-height: 1.2;
-}
-.stat-value {
-  font-size: 0.875rem;
-  color: #344767;
-  font-weight: 600;
-  margin-top: 0.1rem;
-  line-height: 1.35;
-}
-
-/* Sidebar Nav */
-.sidebar-nav {
-  padding: 0 1rem 1rem;
-}
-
-/* Assign Button */
-.assign-btn {
-  margin: 0 12px 16px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 7px;
-  padding: 10px;
-  border: 1.5px dashed var(--border);
-  border-radius: var(--radius-sm);
-  background: transparent;
-  cursor: pointer;
-  font-size: 13px;
-  font-weight: 500;
-  color: var(--text-secondary);
-  transition: all 0.15s;
-}
-.assign-btn:hover {
-  border-color: var(--brand);
-  color: var(--brand);
-  background: var(--brand-light);
-}
-
-/* ─── Main Content ──────────────────────────────────────────────── */
-.main-content {
-  padding: 22px;
-  overflow-y: auto;
-}
-
-.tab-content {
-  background: var(--surface);
-  border: 1px solid var(--border);
-  border-radius: var(--radius-lg);
-  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.06);
-  padding: 18px;
-  animation: fadeIn 0.2s ease;
-}
-@keyframes fadeIn {
-  from {
-    opacity: 0;
-    transform: translateY(4px);
-  }
-  to {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}
-
-.section-header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  margin-bottom: 18px;
-  padding-bottom: 12px;
-  border-bottom: 1px solid var(--border-light);
-}
-.section-header h3 {
-  font-size: 18px;
-  font-weight: 700;
-  color: var(--text-primary);
-  margin: 0;
-}
-
-/* ─── Info Grid ─────────────────────────────────────────────────── */
-.info-grid {
-  display: grid;
-  grid-template-columns: 1fr 1fr;
-  gap: 16px;
-}
-.info-grid .full-width {
-  grid-column: 1 / -1;
-}
-
-/* Info Section Card */
-:deep(.info-section) {
-  background: var(--surface);
-  border-radius: var(--radius-md);
-  border: 1px solid var(--border);
-  overflow: hidden;
-  box-shadow: var(--shadow-sm);
-}
-:deep(.info-section-header) {
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  padding: 14px 18px;
-  border-bottom: 1px solid var(--border-light);
-  background: var(--surface-2);
-}
-:deep(.info-section-icon) {
-  width: 28px;
-  height: 28px;
-  border-radius: 7px;
-  background: var(--accent, #6366f1);
-  opacity: 1;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: white;
-  background: color-mix(in srgb, var(--accent, #6366f1) 15%, transparent);
-  color: var(--accent, #6366f1);
-}
-:deep(.info-section-title) {
-  font-size: 13px;
-  font-weight: 600;
-  color: var(--text-primary);
-  text-transform: uppercase;
-  letter-spacing: 0.5px;
-}
-:deep(.info-section-body) {
-  padding: 6px 18px 14px;
-}
-
-/* Data Row */
-:deep(.data-row) {
-  display: flex;
-  justify-content: space-between;
-  align-items: flex-start;
-  padding: 9px 0;
-  border-bottom: 1px solid var(--border-light);
-  gap: 12px;
-}
-:deep(.data-row:last-child) {
-  border-bottom: none;
-}
-:deep(.data-label) {
-  font-size: 12.5px;
-  color: var(--text-muted);
-  font-weight: 500;
-  flex-shrink: 0;
-}
-:deep(.data-value) {
-  font-size: 13px;
-  color: var(--text-primary);
-  text-align: right;
-  font-weight: 400;
-}
-:deep(.fw-semibold) {
-  font-weight: 600;
-}
-
-.row-2col {
-  display: grid;
-  grid-template-columns: 1fr 1fr;
-  gap: 0 24px;
-}
-
-.description-text {
-  font-size: 13.5px;
-  color: var(--text-secondary);
-  line-height: 1.7;
-  margin: 4px 0 0;
-}
-
-/* ─── Status Pills ──────────────────────────────────────────────── */
-:deep(.status-pill) {
-  display: inline-flex;
-  align-items: center;
-  padding: 3px 10px;
-  border-radius: 20px;
-  font-size: 11.5px;
-  font-weight: 600;
-  letter-spacing: 0.2px;
-}
-:deep(.status-pill.sp-lg) {
-  padding: 5px 14px;
-  font-size: 12.5px;
-}
-:deep(.sp-success) {
-  background: #dcfce7;
-  color: #16a34a;
-}
-:deep(.sp-warning) {
-  background: #fef9c3;
-  color: #ca8a04;
-}
-:deep(.sp-danger) {
-  background: #fee2e2;
-  color: #dc2626;
-}
-:deep(.sp-info) {
-  background: #dbeafe;
-  color: #2563eb;
-}
-:deep(.sp-primary) {
-  background: #eef2ff;
-  color: #4f46e5;
-}
-:deep(.sp-secondary) {
-  background: #f1f5f9;
-  color: #64748b;
-}
-
-/* ─── Details tab visual redesign wrapper ────────────────────────── */
-:deep(.details-redesign) {
-  margin-top: 0 !important;
-  border-radius: var(--radius-md);
-  border: 1px solid var(--border);
-  background: var(--surface);
-  box-shadow: var(--shadow-sm);
-  overflow: hidden;
-}
-
-:deep(.details-redesign .card) {
-  margin-top: 0 !important;
-  border: 0;
-  border-radius: 0;
-  box-shadow: none;
-  background: transparent;
-}
-
-:deep(.details-redesign .card-body) {
-  padding: 1.1rem 1.15rem;
-}
-
-:deep(.details-redesign h5),
-:deep(.details-redesign h6) {
-  color: var(--text-primary);
-}
-
-:deep(.details-redesign .btn.bg-gradient-secondary),
-:deep(.details-redesign .btn.bg-gradient-success),
-:deep(.details-redesign .btn.bg-gradient-danger) {
-  border-radius: var(--radius-sm);
-}
-
-/* ─── Buttons ───────────────────────────────────────────────────── */
-.action-btn {
-  display: inline-flex;
-  align-items: center;
-  gap: 6px;
-  padding: 8px 16px;
-  border-radius: var(--radius-sm);
-  border: none;
-  cursor: pointer;
-  font-size: 13px;
-  font-weight: 500;
-  text-decoration: none;
-  transition: all 0.15s;
-}
-.action-btn.primary {
-  background: var(--brand);
-  color: white;
-}
-.action-btn.primary:hover {
-  background: var(--brand-dark);
-  transform: translateY(-1px);
-  box-shadow: 0 4px 12px rgba(79, 70, 229, 0.3);
-}
-.action-btn.secondary {
-  background: var(--surface-3);
-  color: var(--text-secondary);
-}
-.action-btn.secondary:hover {
-  background: var(--border);
-  color: var(--text-primary);
-}
-.action-btn.sm {
-  padding: 6px 12px;
-  font-size: 12px;
-}
-
-/* ─── Team Grid ─────────────────────────────────────────────────── */
-.team-grid {
-  display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
-  gap: 12px;
-}
-.practitioner-card {
-  background: var(--surface);
-  border: 1px solid var(--border);
-  border-radius: var(--radius-md);
-  padding: 16px;
-  display: flex;
-  align-items: center;
-  gap: 12px;
-  box-shadow: var(--shadow-sm);
-  transition: box-shadow 0.15s;
-}
-.practitioner-card:hover {
-  box-shadow: var(--shadow-md);
-}
-.pract-avatar {
-  width: 44px;
-  height: 44px;
-  border-radius: 50%;
-  background: linear-gradient(135deg, #6366f1, #8b5cf6);
-  color: white;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 14px;
-  font-weight: 700;
-  flex-shrink: 0;
-}
-.pract-info {
-  flex: 1;
-}
-.pract-name {
-  font-size: 14px;
-  font-weight: 600;
-  color: var(--text-primary);
-}
-.pract-role {
-  margin-top: 3px;
-}
-.role-badge {
-  display: inline-block;
-  padding: 2px 8px;
-  border-radius: 10px;
-  font-size: 11px;
-  font-weight: 600;
-}
-.role-principal {
-  background: #eef2ff;
-  color: #4f46e5;
-}
-.role-assistant {
-  background: #f0fdf4;
-  color: #16a34a;
-}
-.unassign-btn {
-  width: 30px;
-  height: 30px;
-  border-radius: 50%;
-  border: 1px solid var(--border);
-  background: var(--surface);
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: var(--text-muted);
-  transition: all 0.15s;
-}
-.unassign-btn:hover {
-  background: #fee2e2;
-  border-color: #fca5a5;
-  color: #dc2626;
-}
-
-/* ─── Quote ─────────────────────────────────────────────────────── */
-.quote-status-badge {
-  display: inline-block;
-  padding: 2px 10px;
-  border-radius: 12px;
-  font-size: 12px;
-  font-weight: 600;
-}
-.qs-success {
-  background: #dcfce7;
-  color: #16a34a;
-}
-.qs-info {
-  background: #dbeafe;
-  color: #2563eb;
-}
-.qs-warning {
-  background: #fef9c3;
-  color: #ca8a04;
-}
-.qs-danger {
-  background: #fee2e2;
-  color: #dc2626;
-}
-.qs-secondary {
-  background: #f1f5f9;
-  color: #64748b;
-}
-
-.quote-lines-section {
-  margin-top: 20px;
-}
-.quote-table-header {
-  font-size: 13px;
-  font-weight: 600;
-  color: var(--text-primary);
-  margin-bottom: 10px;
-  text-transform: uppercase;
-  letter-spacing: 0.5px;
-}
-.quote-table-wrapper {
-  background: var(--surface);
-  border: 1px solid var(--border);
-  border-radius: var(--radius-md);
-  overflow: hidden;
-  box-shadow: var(--shadow-sm);
-}
-.quote-table {
-  width: 100%;
-  border-collapse: collapse;
-  font-size: 13px;
-}
-.quote-table thead {
-  background: var(--surface-2);
-}
-.quote-table th {
-  padding: 11px 16px;
-  font-size: 11.5px;
-  font-weight: 600;
-  color: var(--text-muted);
-  text-transform: uppercase;
-  letter-spacing: 0.4px;
-  border-bottom: 1px solid var(--border);
-  text-align: left;
-}
-.quote-table td {
-  padding: 12px 16px;
-  border-bottom: 1px solid var(--border-light);
-  color: var(--text-primary);
-}
-.quote-table tbody tr:last-child td {
-  border-bottom: none;
-}
-.quote-table tbody tr:hover td {
-  background: var(--surface-2);
-}
-.text-center {
-  text-align: center;
-}
-.text-right {
-  text-align: right;
-}
-
-/* ─── Empty / Loading States ────────────────────────────────────── */
-.empty-state {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  padding: 64px 24px;
-  text-align: center;
-  gap: 12px;
-}
-.empty-icon {
-  width: 64px;
-  height: 64px;
-  border-radius: 50%;
-  background: var(--surface-3);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: var(--text-muted);
-  margin-bottom: 4px;
-}
-.empty-state p {
-  font-size: 14px;
-  color: var(--text-secondary);
-  margin: 0;
-  font-weight: 500;
-}
-.coming-soon {
-  font-size: 11.5px;
-  color: var(--text-muted);
-  background: var(--surface-3);
-  padding: 3px 10px;
-  border-radius: 20px;
-}
-
-.fullpage-loading {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  flex: 1;
-  gap: 16px;
-  padding: 80px;
-}
-.loading-orb {
-  width: 44px;
-  height: 44px;
-  border-radius: 50%;
-  border: 3px solid var(--border);
-  border-top-color: var(--brand);
-  animation: spin 0.8s linear infinite;
-}
-@keyframes spin {
-  to {
-    transform: rotate(360deg);
-  }
-}
-.fullpage-loading p {
-  font-size: 14px;
-  color: var(--text-secondary);
-}
-
-.fullpage-error {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  flex: 1;
-  gap: 12px;
-  padding: 80px;
-  text-align: center;
-}
-.error-icon {
-  width: 64px;
-  height: 64px;
-  border-radius: 50%;
-  background: #fee2e2;
-  color: #dc2626;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.fullpage-error h3 {
-  font-size: 18px;
-  font-weight: 700;
-  color: var(--text-primary);
-  margin: 0;
-}
-.fullpage-error p {
-  font-size: 14px;
-  color: var(--text-secondary);
-  margin: 0;
-}
-
-/* ─── Responsive ────────────────────────────────────────────────── */
-@media (max-width: 900px) {
-  .page-layout {
-    grid-template-columns: 1fr;
-  }
-  .sidebar {
-    position: static;
-    height: auto;
-    border-bottom: 0;
-  }
-  .sidebar-nav {
-    flex-direction: row;
-    flex-wrap: wrap;
-    padding: 8px;
-  }
-  .nav-item {
-    flex: 0 1 auto;
-  }
-  .info-grid {
-    grid-template-columns: 1fr;
-  }
-  .info-grid .full-width {
-    grid-column: 1;
-  }
-  .main-content {
-    padding: 16px;
-  }
-
-  .tab-content {
-    padding: 14px;
-  }
-}
-</style>
diff --git a/thanasoft-front/src/components/Organism/Interventions/intervention/InterventionDetailSidebar.vue b/thanasoft-front/src/components/Organism/Interventions/intervention/InterventionDetailSidebar.vue
index 1539346..901eed7 100644
--- a/thanasoft-front/src/components/Organism/Interventions/intervention/InterventionDetailSidebar.vue
+++ b/thanasoft-front/src/components/Organism/Interventions/intervention/InterventionDetailSidebar.vue
@@ -1,160 +1,86 @@
 <template>
-  <div class="sidebar-wrap">
-    <!-- Hero Card -->
-    <div class="hero-card">
-      <div class="hero-avatar">
-        <svg
-          width="26"
-          height="26"
-          viewBox="0 0 24 24"
-          fill="none"
-          stroke="currentColor"
-          stroke-width="1.5"
-        >
-          <path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2" />
-          <circle cx="9" cy="7" r="4" />
-          <path d="M23 21v-2a4 4 0 0 0-3-3.87" />
-          <path d="M16 3.13a4 4 0 0 1 0 7.75" />
-        </svg>
-      </div>
-      <h2 class="hero-name">
+  <div class="card position-sticky top-1">
+    <div class="card-body text-center">
+      <ClientAvatar
+        :initials="getInitials(intervention.defuntName || '?')"
+        :alt="intervention.defuntName || 'Intervention'"
+      />
+
+      <h5 class="font-weight-bolder mb-0">
         {{ intervention.defuntName || "Personne inconnue" }}
-      </h2>
-      <p class="hero-type">{{ intervention.title || "Type non défini" }}</p>
-      <div
-        class="status-badge"
-        :class="'sb-' + (intervention.status?.color || 'secondary')"
-      >
+      </h5>
+      <p class="text-sm text-secondary mb-2">
+        {{ intervention.title || "Type non défini" }}
+      </p>
+
+      <span class="badge badge-sm" :class="statusBadgeClass">
         {{ intervention.status?.label || "En attente" }}
-      </div>
-    </div>
+      </span>
 
-    <div class="divider"></div>
+      <div class="row text-center mt-3">
+        <div class="col-4 border-end">
+          <h6 class="text-sm font-weight-bolder mb-0">
+            {{ intervention.date || "-" }}
+          </h6>
+          <p class="text-xs text-secondary mb-0">Date</p>
+        </div>
+        <div class="col-4 border-end">
+          <h6 class="text-sm font-weight-bolder mb-0">
+            {{ intervention.lieux || "-" }}
+          </h6>
+          <p class="text-xs text-secondary mb-0">Lieu</p>
+        </div>
+        <div class="col-4">
+          <h6 class="text-sm font-weight-bolder mb-0">
+            {{ intervention.duree || "-" }}
+          </h6>
+          <p class="text-xs text-secondary mb-0">Durée</p>
+        </div>
+      </div>
 
-    <!-- Quick Stats -->
-    <div class="quick-stats">
-      <div class="qs-row">
-        <div class="qs-icon" style="background: #eef2ff; color: #4f46e5">
-          <svg
-            width="13"
-            height="13"
-            viewBox="0 0 24 24"
-            fill="none"
-            stroke="currentColor"
-            stroke-width="2"
+      <div v-if="intervention.members?.length" class="mt-3">
+        <span class="text-xs text-secondary d-block mb-2">Équipe</span>
+        <div class="d-flex flex-wrap justify-content-center gap-2">
+          <span
+            v-for="(member, index) in intervention.members.slice(0, 5)"
+            :key="index"
+            class="badge bg-gradient-light text-dark"
+            :title="member.name"
           >
-            <rect x="3" y="4" width="18" height="18" rx="2" />
-            <line x1="16" y1="2" x2="16" y2="6" />
-            <line x1="8" y1="2" x2="8" y2="6" />
-            <line x1="3" y1="10" x2="21" y2="10" />
-          </svg>
-        </div>
-        <div class="qs-text">
-          <div class="qs-label">Date</div>
-          <div class="qs-value">{{ intervention.date || "—" }}</div>
-        </div>
-      </div>
-      <div class="qs-row">
-        <div class="qs-icon" style="background: #ecfdf5; color: #059669">
-          <svg
-            width="13"
-            height="13"
-            viewBox="0 0 24 24"
-            fill="none"
-            stroke="currentColor"
-            stroke-width="2"
+            {{ getInitials(member.name) }}
+          </span>
+          <span
+            v-if="intervention.members.length > 5"
+            class="badge bg-gradient-secondary"
           >
-            <path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z" />
-            <circle cx="12" cy="10" r="3" />
-          </svg>
-        </div>
-        <div class="qs-text">
-          <div class="qs-label">Lieu</div>
-          <div class="qs-value">{{ intervention.lieux || "—" }}</div>
-        </div>
-      </div>
-      <div class="qs-row">
-        <div class="qs-icon" style="background: #fff7ed; color: #d97706">
-          <svg
-            width="13"
-            height="13"
-            viewBox="0 0 24 24"
-            fill="none"
-            stroke="currentColor"
-            stroke-width="2"
-          >
-            <circle cx="12" cy="12" r="10" />
-            <polyline points="12 6 12 12 16 14" />
-          </svg>
-        </div>
-        <div class="qs-text">
-          <div class="qs-label">Durée</div>
-          <div class="qs-value">{{ intervention.duree || "—" }}</div>
+            +{{ intervention.members.length - 5 }}
+          </span>
         </div>
       </div>
     </div>
 
-    <div class="divider"></div>
+    <hr class="horizontal dark my-3 mx-3" />
 
-    <!-- Team preview -->
-    <div v-if="intervention.members?.length" class="team-preview">
-      <div class="tp-label">Équipe</div>
-      <div class="tp-avatars">
-        <div
-          v-for="(m, i) in intervention.members.slice(0, 5)"
-          :key="i"
-          class="tp-avatar"
-          :title="m.name"
-          :style="{ zIndex: 10 - i }"
-        >
-          {{ getInitials(m.name) }}
-        </div>
-        <div v-if="intervention.members.length > 5" class="tp-avatar tp-more">
-          +{{ intervention.members.length - 5 }}
-        </div>
-      </div>
-    </div>
+    <div class="card-body pt-0">
+      <ul class="nav nav-pills flex-column">
+        <TabNavigationItem
+          v-for="tab in tabs"
+          :key="tab.id"
+          :icon="tab.icon"
+          :label="tab.label"
+          :is-active="activeTab === tab.id"
+          :badge="getTabBadge(tab.id)"
+          :spacing="tab.spacing || ''"
+          @click="$emit('change-tab', tab.id)"
+        />
+      </ul>
 
-    <div class="divider"></div>
-
-    <!-- Tab Navigation -->
-    <nav class="tab-nav">
       <button
-        v-for="tab in tabs"
-        :key="tab.id"
-        class="tab-item"
-        :class="{ active: activeTab === tab.id }"
-        @click="$emit('change-tab', tab.id)"
+        type="button"
+        class="btn btn-outline-secondary btn-sm w-100 mt-3"
+        @click="$emit('assign-practitioner')"
       >
-        <span class="tab-icon" v-html="tab.icon"></span>
-        <span class="tab-label">{{ tab.label }}</span>
-        <span v-if="tab.id === 'team' && teamCount > 0" class="tab-badge">{{
-          teamCount
-        }}</span>
-        <span
-          v-if="tab.id === 'documents' && documentsCount > 0"
-          class="tab-badge"
-          >{{ documentsCount }}</span
-        >
-      </button>
-    </nav>
-
-    <!-- Assign Button -->
-    <div class="assign-wrap">
-      <button class="assign-btn" @click="$emit('assign-practitioner')">
-        <svg
-          width="13"
-          height="13"
-          viewBox="0 0 24 24"
-          fill="none"
-          stroke="currentColor"
-          stroke-width="2.5"
-        >
-          <path d="M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2" />
-          <circle cx="8.5" cy="7" r="4" />
-          <line x1="20" y1="8" x2="20" y2="14" />
-          <line x1="23" y1="11" x2="17" y2="11" />
-        </svg>
+        <i class="fas fa-user-plus me-2"></i>
         Assigner un praticien
       </button>
     </div>
@@ -162,9 +88,11 @@
 </template>
 
 <script setup>
-import { defineProps, defineEmits } from "vue";
+import { computed, defineProps, defineEmits } from "vue";
+import ClientAvatar from "@/components/atoms/client/ClientAvatar.vue";
+import TabNavigationItem from "@/components/atoms/client/TabNavigationItem.vue";
 
-defineProps({
+const props = defineProps({
   intervention: { type: Object, required: true },
   activeTab: { type: String, default: "overview" },
   practitioners: { type: Array, default: () => [] },
@@ -173,6 +101,19 @@ defineProps({
 });
 defineEmits(["change-tab", "assign-practitioner"]);
 
+const statusBadgeClass = computed(() => {
+  const color = props.intervention.status?.color || "secondary";
+
+  return {
+    success: "bg-gradient-success",
+    warning: "bg-gradient-warning",
+    danger: "bg-gradient-danger",
+    info: "bg-gradient-info",
+    primary: "bg-gradient-primary",
+    secondary: "bg-gradient-secondary",
+  }[color];
+});
+
 const getInitials = (n) =>
   n
     ? n
@@ -183,295 +124,61 @@ const getInitials = (n) =>
         .substring(0, 2)
     : "?";
 
+const getTabBadge = (tabId) => {
+  if (tabId === "team") {
+    return props.teamCount > 0 ? props.teamCount : null;
+  }
+
+  if (tabId === "documents") {
+    return props.documentsCount > 0 ? props.documentsCount : null;
+  }
+
+  return null;
+};
+
 const tabs = [
   {
     id: "overview",
     label: "Vue d'ensemble",
-    icon: `<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"/><circle cx="12" cy="12" r="3"/></svg>`,
+    icon: "fas fa-eye",
+    spacing: "",
   },
   {
     id: "details",
     label: "Détails",
-    icon: `<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="8" y1="6" x2="21" y2="6"/><line x1="8" y1="12" x2="21" y2="12"/><line x1="8" y1="18" x2="21" y2="18"/><line x1="3" y1="6" x2="3.01" y2="6"/><line x1="3" y1="12" x2="3.01" y2="12"/><line x1="3" y1="18" x2="3.01" y2="18"/></svg>`,
+    icon: "fas fa-info-circle",
   },
   {
     id: "team",
     label: "Équipe",
-    icon: `<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg>`,
+    icon: "fas fa-users",
   },
   {
     id: "documents",
     label: "Documents",
-    icon: `<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/></svg>`,
+    icon: "fas fa-file-alt",
   },
   {
     id: "quote",
     label: "Devis",
-    icon: `<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/><line x1="16" y1="13" x2="8" y2="13"/><line x1="16" y1="17" x2="8" y2="17"/></svg>`,
+    icon: "fas fa-file-invoice",
   },
   {
     id: "history",
     label: "Historique",
-    icon: `<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="1 4 1 10 7 10"/><path d="M3.51 15a9 9 0 1 0 .49-4.5"/></svg>`,
+    icon: "fas fa-history",
   },
 ];
 </script>
 
 <style scoped>
-.sidebar-wrap {
-  --brand: #4f46e5;
-  --brand-lt: #eef2ff;
-  --brand-dk: #3730a3;
-  --surface: #ffffff;
-  --surface-2: #f8fafc;
-  --border: #e2e8f0;
-  --border-lt: #f1f5f9;
-  --text-1: #0f172a;
-  --text-2: #64748b;
-  --text-3: #94a3b8;
-  --r-sm: 8px;
-  background: var(--surface);
-  border: 1px solid var(--border);
-  border-radius: 14px;
-  overflow: hidden;
-  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
-  font-family: inherit;
+.position-sticky {
+  top: 1rem;
 }
 
-/* Hero */
-.hero-card {
-  padding: 24px 20px 18px;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 8px;
-  text-align: center;
-}
-.hero-avatar {
-  width: 58px;
-  height: 58px;
-  border-radius: 50%;
-  background: linear-gradient(135deg, #4f46e5, #7c3aed);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: white;
-  margin-bottom: 2px;
-  box-shadow: 0 4px 14px rgba(79, 70, 229, 0.28);
-}
-.hero-name {
-  font-size: 15px;
-  font-weight: 700;
-  color: var(--text-1);
-  margin: 0;
-  line-height: 1.3;
-}
-.hero-type {
-  font-size: 12px;
-  color: var(--text-2);
-  margin: 0;
-  font-weight: 500;
-}
-
-/* Status badge */
-.status-badge {
-  display: inline-flex;
-  align-items: center;
-  padding: 3px 10px;
-  border-radius: 20px;
-  font-size: 11.5px;
-  font-weight: 600;
-}
-.sb-success {
-  background: #dcfce7;
-  color: #16a34a;
-}
-.sb-warning {
-  background: #fef9c3;
-  color: #ca8a04;
-}
-.sb-danger {
-  background: #fee2e2;
-  color: #dc2626;
-}
-.sb-info {
-  background: #dbeafe;
-  color: #2563eb;
-}
-.sb-primary {
-  background: #eef2ff;
-  color: #4f46e5;
-}
-.sb-secondary {
-  background: #f1f5f9;
-  color: #64748b;
-}
-
-.divider {
-  height: 1px;
-  background: var(--border-lt);
-}
-
-/* Quick stats */
-.quick-stats {
-  padding: 14px 18px;
-  display: flex;
-  flex-direction: column;
-  gap: 10px;
-}
-.qs-row {
-  display: flex;
-  align-items: flex-start;
-  gap: 10px;
-}
-.qs-icon {
-  width: 28px;
-  height: 28px;
-  border-radius: 7px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-}
-.qs-label {
-  font-size: 10.5px;
-  text-transform: uppercase;
-  letter-spacing: 0.5px;
-  color: var(--text-3);
-  font-weight: 600;
-}
-.qs-value {
-  font-size: 12.5px;
-  color: var(--text-1);
-  font-weight: 500;
-  margin-top: 1px;
-}
-
-/* Team preview */
-.team-preview {
-  padding: 12px 18px;
-  display: flex;
-  align-items: center;
-  gap: 12px;
-}
-.tp-label {
-  font-size: 11.5px;
-  font-weight: 600;
-  color: var(--text-3);
-  text-transform: uppercase;
-  letter-spacing: 0.4px;
-}
-.tp-avatars {
-  display: flex;
-}
-.tp-avatar {
-  width: 30px;
-  height: 30px;
-  border-radius: 50%;
-  background: linear-gradient(135deg, #6366f1, #8b5cf6);
-  border: 2px solid var(--surface);
-  color: white;
-  font-size: 10px;
-  font-weight: 700;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  margin-left: -6px;
-  cursor: default;
-  transition: transform 0.15s;
-}
-.tp-avatar:first-child {
-  margin-left: 0;
-}
-.tp-avatar:hover {
-  transform: translateY(-3px);
-}
-.tp-more {
-  background: var(--surface-2);
-  color: var(--text-2);
-  font-size: 9px;
-}
-
-/* Tab nav */
-.tab-nav {
-  padding: 8px 10px;
-  display: flex;
-  flex-direction: column;
-  gap: 2px;
-}
-.tab-item {
-  display: flex;
-  align-items: center;
-  gap: 9px;
-  padding: 8px 11px;
-  border-radius: var(--r-sm);
-  border: none;
-  background: transparent;
-  cursor: pointer;
-  width: 100%;
-  text-align: left;
-  font-size: 13px;
-  font-weight: 500;
-  color: var(--text-2);
-  transition: all 0.12s;
-}
-.tab-item:hover {
-  background: var(--surface-2);
-  color: var(--text-1);
-}
-.tab-item.active {
-  background: var(--brand-lt);
-  color: var(--brand);
-  font-weight: 600;
-}
-.tab-icon {
-  flex-shrink: 0;
-  display: flex;
-  color: var(--text-3);
-}
-.tab-item.active .tab-icon {
-  color: var(--brand);
-}
-.tab-label {
-  flex: 1;
-}
-.tab-badge {
-  min-width: 18px;
-  height: 18px;
-  padding: 0 5px;
-  border-radius: 9px;
-  background: var(--brand);
-  color: white;
-  font-size: 10px;
-  font-weight: 700;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-/* Assign */
-.assign-wrap {
-  padding: 0 10px 12px;
-}
-.assign-btn {
-  width: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 7px;
-  padding: 9px;
-  border: 1.5px dashed var(--border);
-  border-radius: var(--r-sm);
-  background: transparent;
-  cursor: pointer;
-  font-size: 12.5px;
-  font-weight: 500;
-  color: var(--text-2);
-  transition: all 0.15s;
-}
-.assign-btn:hover {
-  border-color: var(--brand);
-  color: var(--brand);
-  background: var(--brand-lt);
+.card {
+  border: 0;
+  box-shadow: 0 0 2rem 0 rgba(136, 152, 170, 0.15);
 }
 </style>
+
diff --git a/thanasoft-front/src/components/Organism/Invoice/InvoiceDetailPresentation.vue b/thanasoft-front/src/components/Organism/Invoice/InvoiceDetailPresentation.vue
index dd269c6..f5f0b7d 100644
--- a/thanasoft-front/src/components/Organism/Invoice/InvoiceDetailPresentation.vue
+++ b/thanasoft-front/src/components/Organism/Invoice/InvoiceDetailPresentation.vue
@@ -192,7 +192,9 @@ const recipientName = computed(() => {
 });
 
 const groupDetailsFallback = computed(() => {
-  return invoice.value?.group?.name ? `Groupe: ${invoice.value.group.name}` : "—";
+  return invoice.value?.group?.name
+    ? `Groupe: ${invoice.value.group.name}`
+    : "—";
 });
 
 const load = async () => {
diff --git a/thanasoft-front/src/components/Organism/Quote/QuoteCreationPresentation.vue b/thanasoft-front/src/components/Organism/Quote/QuoteCreationPresentation.vue
index d2fcb9d..756df6b 100644
--- a/thanasoft-front/src/components/Organism/Quote/QuoteCreationPresentation.vue
+++ b/thanasoft-front/src/components/Organism/Quote/QuoteCreationPresentation.vue
@@ -31,7 +31,9 @@
           <button
             type="button"
             class="recipient-toggle__btn"
-            :class="{ 'recipient-toggle__btn--active': form.recipient_type === 'client' }"
+            :class="{
+              'recipient-toggle__btn--active': form.recipient_type === 'client',
+            }"
             @click="setRecipientType('client')"
           >
             Client
@@ -39,38 +41,59 @@
           <button
             type="button"
             class="recipient-toggle__btn"
-            :class="{ 'recipient-toggle__btn--active': form.recipient_type === 'group' }"
+            :class="{
+              'recipient-toggle__btn--active': form.recipient_type === 'group',
+            }"
             @click="setRecipientType('group')"
           >
             Groupe client
           </button>
         </div>
 
-        <select
-          v-if="form.recipient_type === 'client'"
-          v-model="form.client_id"
-          class="form-select field-select"
-        >
-          <option :value="null" disabled>— Sélectionner un client —</option>
-          <option v-for="client in clients" :key="client.id" :value="client.id">
-            {{ client.name }}
-          </option>
-        </select>
+        <div ref="recipientSearchRef" class="recipient-search">
+          <div class="recipient-search__input-wrap">
+            <input
+              v-model="recipientQuery"
+              type="text"
+              class="form-control field-select recipient-search__input"
+              :placeholder="recipientPlaceholder"
+              @focus="openRecipientDropdown"
+              @input="handleRecipientInput"
+            />
+            <button
+              v-if="selectedRecipient"
+              type="button"
+              class="recipient-search__clear"
+              @click="clearRecipientSelection"
+            >
+              <i class="fas fa-times"></i>
+            </button>
+          </div>
 
-        <select
-          v-else
-          v-model="form.group_id"
-          class="form-select field-select"
-        >
-          <option :value="null" disabled>— Sélectionner un groupe —</option>
-          <option
-            v-for="group in clientGroups"
-            :key="group.id"
-            :value="group.id"
-          >
-            {{ group.name }}
-          </option>
-        </select>
+          <div v-if="showRecipientDropdown" class="recipient-search__dropdown">
+            <button
+              v-for="option in recipientOptions"
+              :key="`${form.recipient_type}-${option.id}`"
+              type="button"
+              class="recipient-search__option"
+              @click="selectRecipient(option)"
+            >
+              <span class="recipient-search__option-name">{{
+                option.name
+              }}</span>
+              <span class="recipient-search__option-meta">
+                {{ getRecipientOptionMeta(option) }}
+              </span>
+            </button>
+
+            <div
+              v-if="recipientOptions.length === 0"
+              class="recipient-search__empty"
+            >
+              {{ recipientEmptyText }}
+            </div>
+          </div>
+        </div>
 
         <p v-if="recipientError" class="field-error">
           <i class="fas fa-exclamation-circle me-1"></i>{{ recipientError }}
@@ -164,7 +187,7 @@
 </template>
 
 <script setup>
-import { ref, computed, onMounted } from "vue";
+import { ref, computed, onMounted, onUnmounted, watch } from "vue";
 import { useRouter } from "vue-router";
 import CreateQuoteTemplate from "@/components/templates/Quote/CreateQuoteTemplate.vue";
 import ProductLineItem from "@/components/molecules/Quote/ProductLineItem.vue";
@@ -184,6 +207,9 @@ const { clientGroups } = storeToRefs(clientGroupStore);
 
 const loading = ref(false);
 const attempted = ref(false);
+const recipientQuery = ref("");
+const showRecipientDropdown = ref(false);
+const recipientSearchRef = ref(null);
 
 const statuses = [
   {
@@ -226,6 +252,36 @@ const form = ref({
   lines: [defaultLine()],
 });
 
+const selectedRecipient = computed(() => {
+  if (form.value.recipient_type === "client") {
+    return (
+      clients.value.find((client) => client.id === form.value.client_id) || null
+    );
+  }
+
+  return (
+    clientGroups.value.find((group) => group.id === form.value.group_id) || null
+  );
+});
+
+const recipientOptions = computed(() => {
+  return form.value.recipient_type === "client"
+    ? clients.value
+    : clientGroups.value;
+});
+
+const recipientPlaceholder = computed(() => {
+  return form.value.recipient_type === "client"
+    ? "Rechercher un client..."
+    : "Rechercher un groupe client...";
+});
+
+const recipientEmptyText = computed(() => {
+  return form.value.recipient_type === "client"
+    ? "Aucun client trouve"
+    : "Aucun groupe client trouve";
+});
+
 const recipientError = computed(() => {
   if (!attempted.value) return "";
 
@@ -263,6 +319,83 @@ const setRecipientType = (type) => {
   } else {
     form.value.client_id = null;
   }
+
+  recipientQuery.value = "";
+  showRecipientDropdown.value = false;
+  fetchRecipientOptions("");
+};
+
+const getRecipientOptionMeta = (option) => {
+  if (form.value.recipient_type === "client") {
+    return option.email || option.phone || `Client #${option.id}`;
+  }
+
+  return option.description || `Groupe #${option.id}`;
+};
+
+const fetchRecipientOptions = async (search = "") => {
+  if (form.value.recipient_type === "client") {
+    await clientStore.fetchClients({
+      page: 1,
+      per_page: 20,
+      search: search || undefined,
+    });
+    return;
+  }
+
+  await clientGroupStore.fetchClientGroups({
+    page: 1,
+    per_page: 20,
+    search: search || undefined,
+  });
+};
+
+const openRecipientDropdown = async () => {
+  showRecipientDropdown.value = true;
+  await fetchRecipientOptions(recipientQuery.value.trim());
+};
+
+const handleRecipientInput = async () => {
+  if (form.value.recipient_type === "client") {
+    form.value.client_id = null;
+  } else {
+    form.value.group_id = null;
+  }
+
+  showRecipientDropdown.value = true;
+  await fetchRecipientOptions(recipientQuery.value.trim());
+};
+
+const selectRecipient = (option) => {
+  if (form.value.recipient_type === "client") {
+    form.value.client_id = option.id;
+  } else {
+    form.value.group_id = option.id;
+  }
+
+  recipientQuery.value = option.name;
+  showRecipientDropdown.value = false;
+};
+
+const clearRecipientSelection = async () => {
+  if (form.value.recipient_type === "client") {
+    form.value.client_id = null;
+  } else {
+    form.value.group_id = null;
+  }
+
+  recipientQuery.value = "";
+  showRecipientDropdown.value = true;
+  await fetchRecipientOptions("");
+};
+
+const handleClickOutside = (event) => {
+  if (!recipientSearchRef.value?.contains(event.target)) {
+    showRecipientDropdown.value = false;
+    if (selectedRecipient.value) {
+      recipientQuery.value = selectedRecipient.value.name;
+    }
+  }
 };
 
 const formatCurrency = (value) =>
@@ -310,8 +443,18 @@ const saveQuote = async () => {
 const cancel = () => router.back();
 
 onMounted(() => {
-  clientStore.fetchClients();
-  clientGroupStore.fetchClientGroups({ per_page: 100 });
+  fetchRecipientOptions("");
+  document.addEventListener("click", handleClickOutside);
+});
+
+onUnmounted(() => {
+  document.removeEventListener("click", handleClickOutside);
+});
+
+watch(selectedRecipient, (value) => {
+  if (value) {
+    recipientQuery.value = value.name;
+  }
 });
 </script>
 
@@ -360,6 +503,80 @@ onMounted(() => {
   font-size: 0.875rem;
 }
 
+.recipient-search {
+  position: relative;
+}
+
+.recipient-search__input-wrap {
+  position: relative;
+}
+
+.recipient-search__input {
+  padding-right: 2.25rem;
+}
+
+.recipient-search__clear {
+  position: absolute;
+  top: 50%;
+  right: 0.75rem;
+  transform: translateY(-50%);
+  border: 0;
+  background: transparent;
+  color: #8898aa;
+  padding: 0;
+}
+
+.recipient-search__dropdown {
+  position: absolute;
+  top: calc(100% + 0.35rem);
+  left: 0;
+  right: 0;
+  z-index: 20;
+  background: #fff;
+  border: 1px solid #e9ecef;
+  border-radius: 10px;
+  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.08);
+  max-height: 240px;
+  overflow-y: auto;
+}
+
+.recipient-search__option {
+  width: 100%;
+  border: 0;
+  background: transparent;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  padding: 0.75rem 0.9rem;
+  text-align: left;
+}
+
+.recipient-search__option:hover {
+  background: #f8f9fc;
+}
+
+.recipient-search__option + .recipient-search__option {
+  border-top: 1px solid #f0f2f8;
+}
+
+.recipient-search__option-name {
+  font-size: 0.88rem;
+  font-weight: 700;
+  color: #344767;
+}
+
+.recipient-search__option-meta {
+  font-size: 0.75rem;
+  color: #8898aa;
+  margin-top: 0.15rem;
+}
+
+.recipient-search__empty {
+  padding: 0.85rem 0.9rem;
+  font-size: 0.82rem;
+  color: #8898aa;
+}
+
 .field-error {
   margin-top: 0.35rem;
   font-size: 0.75rem;
diff --git a/thanasoft-front/src/components/Organism/Quote/QuoteDetailPresentation.vue b/thanasoft-front/src/components/Organism/Quote/QuoteDetailPresentation.vue
index bbe0f19..21ba595 100644
--- a/thanasoft-front/src/components/Organism/Quote/QuoteDetailPresentation.vue
+++ b/thanasoft-front/src/components/Organism/Quote/QuoteDetailPresentation.vue
@@ -339,11 +339,7 @@ const changeStatus = (id, newStatus) => {
         e?.response?.data?.message ||
         e?.response?.data?.error ||
         "Impossible de mettre à jour le statut";
-      notificationStore.error(
-        "Erreur",
-        message,
-        3000
-      );
+      notificationStore.error("Erreur", message, 3000);
     })
     .finally(() => {
       updating.value = false;
diff --git a/thanasoft-front/src/components/molecules/ClientGroup/ClientGroupForm.vue b/thanasoft-front/src/components/molecules/ClientGroup/ClientGroupForm.vue
index 6c23908..d9c39e5 100644
--- a/thanasoft-front/src/components/molecules/ClientGroup/ClientGroupForm.vue
+++ b/thanasoft-front/src/components/molecules/ClientGroup/ClientGroupForm.vue
@@ -47,7 +47,9 @@
                   class="d-flex align-items-center justify-content-between p-2 border rounded bg-light"
                 >
                   <div class="d-flex flex-column">
-                    <span class="font-weight-bold text-sm">{{ client.name }}</span>
+                    <span class="font-weight-bold text-sm">{{
+                      client.name
+                    }}</span>
                     <span class="text-xs text-muted">
                       {{ client.email || "Pas d'email" }}
                     </span>
diff --git a/thanasoft-front/src/components/molecules/Convoy/ConvoyEventCard.vue b/thanasoft-front/src/components/molecules/Convoy/ConvoyEventCard.vue
index b7cd12f..8932bcf 100644
--- a/thanasoft-front/src/components/molecules/Convoy/ConvoyEventCard.vue
+++ b/thanasoft-front/src/components/molecules/Convoy/ConvoyEventCard.vue
@@ -31,13 +31,20 @@
         </div>
       </div>
 
-      <div class="d-flex justify-content-between align-items-center mt-4 pt-2 border-top">
+      <div
+        class="d-flex justify-content-between align-items-center mt-4 pt-2 border-top"
+      >
         <div class="d-flex gap-2 text-xs text-secondary">
           <span>{{ convoyTypeLabel }}</span>
           <span>•</span>
           <span>{{ notificationLabel }}</span>
         </div>
-        <soft-button color="info" variant="outline" size="sm" @click="$emit('view', convoy.id)">
+        <soft-button
+          color="info"
+          variant="outline"
+          size="sm"
+          @click="$emit('view', convoy.id)"
+        >
           Voir
         </soft-button>
       </div>
@@ -62,7 +69,11 @@ defineEmits(["view"]);
 const deceasedName = computed(() => {
   const deceased = props.convoy.deceased;
   if (!deceased) return "Défunt non renseigné";
-  return deceased.full_name || [deceased.first_name, deceased.last_name].filter(Boolean).join(" ") || "Défunt";
+  return (
+    deceased.full_name ||
+    [deceased.first_name, deceased.last_name].filter(Boolean).join(" ") ||
+    "Défunt"
+  );
 });
 
 const defaultTitle = computed(() => `Convoi #${props.convoy.id}`);
@@ -77,13 +88,52 @@ const formattedDate = computed(() => {
   });
 });
 
-const transportLabel = computed(() => ({ road: "Route", air: "Aérien", sea: "Maritime", rail: "Ferroviaire" }[props.convoy.transport_mode] || props.convoy.transport_mode));
-const convoyTypeLabel = computed(() => ({ local: "Local", national: "National", international: "International" }[props.convoy.convoy_type] || props.convoy.convoy_type));
-const statusLabel = computed(() => ({ planned: "Planifié", in_progress: "En cours", completed: "Terminé", cancelled: "Annulé" }[props.convoy.status] || props.convoy.status));
-const statusClass = computed(() => ({ planned: "bg-gradient-secondary", in_progress: "bg-gradient-info", completed: "bg-gradient-success", cancelled: "bg-gradient-danger" }[props.convoy.status] || "bg-gradient-secondary"));
-const departureLabel = computed(() => props.convoy.departure?.city || props.convoy.departure?.name || "Départ non défini");
-const vehicleLabel = computed(() => props.convoy.vehicle ? `${props.convoy.vehicle.brand} ${props.convoy.vehicle.model}` : "Aucun véhicule");
-const notificationLabel = computed(() => props.convoy.automatic_notifications ? "Notifications actives" : "Notifications inactives");
+const transportLabel = computed(
+  () =>
+    ({ road: "Route", air: "Aérien", sea: "Maritime", rail: "Ferroviaire" }[
+      props.convoy.transport_mode
+    ] || props.convoy.transport_mode)
+);
+const convoyTypeLabel = computed(
+  () =>
+    ({ local: "Local", national: "National", international: "International" }[
+      props.convoy.convoy_type
+    ] || props.convoy.convoy_type)
+);
+const statusLabel = computed(
+  () =>
+    ({
+      planned: "Planifié",
+      in_progress: "En cours",
+      completed: "Terminé",
+      cancelled: "Annulé",
+    }[props.convoy.status] || props.convoy.status)
+);
+const statusClass = computed(
+  () =>
+    ({
+      planned: "bg-gradient-secondary",
+      in_progress: "bg-gradient-info",
+      completed: "bg-gradient-success",
+      cancelled: "bg-gradient-danger",
+    }[props.convoy.status] || "bg-gradient-secondary")
+);
+const departureLabel = computed(
+  () =>
+    props.convoy.departure?.city ||
+    props.convoy.departure?.name ||
+    "Départ non défini"
+);
+const vehicleLabel = computed(() =>
+  props.convoy.vehicle
+    ? `${props.convoy.vehicle.brand} ${props.convoy.vehicle.model}`
+    : "Aucun véhicule"
+);
+const notificationLabel = computed(() =>
+  props.convoy.automatic_notifications
+    ? "Notifications actives"
+    : "Notifications inactives"
+);
 </script>
 
 <style scoped>
diff --git a/thanasoft-front/src/components/molecules/Interventions/interventionDetails.vue b/thanasoft-front/src/components/molecules/Interventions/interventionDetails.vue
index 085353e..5dd8b26 100644
--- a/thanasoft-front/src/components/molecules/Interventions/interventionDetails.vue
+++ b/thanasoft-front/src/components/molecules/Interventions/interventionDetails.vue
@@ -31,7 +31,11 @@
         <!-- En-tête avec titre et badge de statut -->
         <div class="d-flex align-items-center justify-content-between mb-4">
           <h5 class="mb-0">Détails de l'Intervention</h5>
-          <SoftBadge :color="statusObject.color" :variant="statusObject.variant" size="sm">
+          <SoftBadge
+            :color="statusObject.color"
+            :variant="statusObject.variant"
+            size="sm"
+          >
             {{ statusObject.label }}
           </SoftBadge>
         </div>
diff --git a/thanasoft-front/src/components/molecules/Tables/CRM/ClientTable.vue b/thanasoft-front/src/components/molecules/Tables/CRM/ClientTable.vue
index 7d48535..201cbc3 100644
--- a/thanasoft-front/src/components/molecules/Tables/CRM/ClientTable.vue
+++ b/thanasoft-front/src/components/molecules/Tables/CRM/ClientTable.vue
@@ -2,7 +2,10 @@
   <div class="table-container">
     <div v-if="loading" class="loading-container">
       <div class="loading-spinner">
-        <div class="spinner-border text-success loading-spinner-circle" role="status">
+        <div
+          class="spinner-border text-success loading-spinner-circle"
+          role="status"
+        >
           <span class="visually-hidden">Chargement...</span>
         </div>
       </div>
@@ -126,7 +129,9 @@
 
             <td class="text-xs font-weight-bold">
               <div class="contact-info">
-                <div class="text-xs text-secondary">{{ client.email || "N/A" }}</div>
+                <div class="text-xs text-secondary">
+                  {{ client.email || "N/A" }}
+                </div>
                 <div class="text-xs">{{ client.phone || "N/A" }}</div>
               </div>
             </td>
@@ -215,7 +220,7 @@
             class="page-item"
             :class="{
               active: (pagination.current_page || 1) === page,
-              disabled: page === '...'
+              disabled: page === '...',
             }"
           >
             <a class="page-link" href="#" @click.prevent="changePage(page)">
@@ -226,7 +231,8 @@
           <li
             class="page-item"
             :class="{
-              disabled: (pagination.current_page || 1) === (pagination.last_page || 1)
+              disabled:
+                (pagination.current_page || 1) === (pagination.last_page || 1),
             }"
           >
             <a
@@ -396,9 +402,11 @@ const getAddressLine = (address) => {
 const getShortAddress = (address) => {
   if (!address) return "N/A";
 
-  const parts = [address.postal_code, address.city, address.country_code].filter(
-    Boolean
-  );
+  const parts = [
+    address.postal_code,
+    address.city,
+    address.country_code,
+  ].filter(Boolean);
   return parts.length > 0 ? parts.join(" ") : "N/A";
 };
 
diff --git a/thanasoft-front/src/components/molecules/Tables/ClientGroup/ClientGroupTable.vue b/thanasoft-front/src/components/molecules/Tables/ClientGroup/ClientGroupTable.vue
index 77da255..44bc46d 100644
--- a/thanasoft-front/src/components/molecules/Tables/ClientGroup/ClientGroupTable.vue
+++ b/thanasoft-front/src/components/molecules/Tables/ClientGroup/ClientGroupTable.vue
@@ -2,7 +2,10 @@
   <div class="table-container">
     <div v-if="loading" class="loading-container">
       <div class="loading-spinner">
-        <div class="spinner-border text-success loading-spinner-circle" role="status">
+        <div
+          class="spinner-border text-success loading-spinner-circle"
+          role="status"
+        >
           <span class="visually-hidden">Chargement...</span>
         </div>
       </div>
@@ -78,7 +81,9 @@
                 <div class="text-xs text-secondary">
                   {{ getDescriptionLine(group.description) }}
                 </div>
-                <div class="text-xs">{{ getDescriptionMeta(group.description) }}</div>
+                <div class="text-xs">
+                  {{ getDescriptionMeta(group.description) }}
+                </div>
               </div>
             </td>
 
@@ -88,11 +93,7 @@
 
             <td class="text-xs font-weight-bold">
               <div class="d-flex flex-column">
-                <soft-button
-                  color="success"
-                  variant="outline"
-                  class="btn-sm"
-                >
+                <soft-button color="success" variant="outline" class="btn-sm">
                   <i class="fas fa-check me-1"></i>
                   Actif
                 </soft-button>
@@ -170,7 +171,7 @@
             class="page-item"
             :class="{
               active: (pagination.current_page || 1) === page,
-              disabled: page === '...'
+              disabled: page === '...',
             }"
           >
             <a class="page-link" href="#" @click.prevent="changePage(page)">
@@ -181,7 +182,8 @@
           <li
             class="page-item"
             :class="{
-              disabled: (pagination.current_page || 1) === (pagination.last_page || 1)
+              disabled:
+                (pagination.current_page || 1) === (pagination.last_page || 1),
             }"
           >
             <a
diff --git a/thanasoft-front/src/components/molecules/Tables/Employees/VehicleTable.vue b/thanasoft-front/src/components/molecules/Tables/Employees/VehicleTable.vue
index 966ac7f..dc822c6 100644
--- a/thanasoft-front/src/components/molecules/Tables/Employees/VehicleTable.vue
+++ b/thanasoft-front/src/components/molecules/Tables/Employees/VehicleTable.vue
@@ -2,7 +2,10 @@
   <div class="table-container">
     <div v-if="loading" class="loading-container">
       <div class="loading-spinner">
-        <div class="spinner-border text-success loading-spinner-circle" role="status">
+        <div
+          class="spinner-border text-success loading-spinner-circle"
+          role="status"
+        >
           <span class="visually-hidden">Chargement...</span>
         </div>
       </div>
@@ -56,14 +59,24 @@
                 <soft-checkbox />
                 <div class="ms-2">
                   <span>{{ vehicle.brand }} {{ vehicle.model }}</span>
-                  <div class="text-xs text-muted">{{ vehicle.year || "N/A" }}</div>
+                  <div class="text-xs text-muted">
+                    {{ vehicle.year || "N/A" }}
+                  </div>
                 </div>
               </div>
             </td>
-            <td class="text-xs font-weight-bold">{{ vehicle.registration_number }}</td>
-            <td class="text-xs font-weight-bold">{{ formatVehicleType(vehicle.vehicle_type) }}</td>
-            <td class="text-xs font-weight-bold">{{ formatFuelType(vehicle.fuel_type) }}</td>
-            <td class="text-xs font-weight-bold">{{ vehicle.primary_user?.full_name || "Non attribué" }}</td>
+            <td class="text-xs font-weight-bold">
+              {{ vehicle.registration_number }}
+            </td>
+            <td class="text-xs font-weight-bold">
+              {{ formatVehicleType(vehicle.vehicle_type) }}
+            </td>
+            <td class="text-xs font-weight-bold">
+              {{ formatFuelType(vehicle.fuel_type) }}
+            </td>
+            <td class="text-xs font-weight-bold">
+              {{ vehicle.primary_user?.full_name || "Non attribué" }}
+            </td>
             <td class="text-xs font-weight-bold">
               <soft-button
                 :color="getStatusColor(vehicle.status)"
@@ -114,7 +127,9 @@
         <i class="fas fa-truck fa-3x text-muted"></i>
       </div>
       <h5 class="empty-title">Aucun véhicule trouvé</h5>
-      <p class="empty-text text-muted">Aucun véhicule à afficher pour le moment.</p>
+      <p class="empty-text text-muted">
+        Aucun véhicule à afficher pour le moment.
+      </p>
     </div>
   </div>
 </template>
diff --git a/thanasoft-front/src/components/molecules/Tables/Stock/ProductTable.vue b/thanasoft-front/src/components/molecules/Tables/Stock/ProductTable.vue
index 07ddfc2..cb9e32d 100644
--- a/thanasoft-front/src/components/molecules/Tables/Stock/ProductTable.vue
+++ b/thanasoft-front/src/components/molecules/Tables/Stock/ProductTable.vue
@@ -3,7 +3,10 @@
     <!-- Loading State -->
     <div v-if="loading" class="loading-container">
       <div class="loading-spinner">
-        <div class="spinner-border text-success loading-spinner-circle" role="status">
+        <div
+          class="spinner-border text-success loading-spinner-circle"
+          role="status"
+        >
           <span class="visually-hidden">Chargement...</span>
         </div>
       </div>
@@ -203,13 +206,13 @@
                   Expire bientôt
                 </soft-button>
                 <!-- Normal Status -->
-                 <soft-button
+                <soft-button
                   v-if="!product.is_low_stock && !isExpiringSoon(product)"
                   color="success"
                   variant="outline"
                   class="btn-sm"
                 >
-                 <i class="fas fa-check me-1"></i>
+                  <i class="fas fa-check me-1"></i>
                   Stock Normal
                 </soft-button>
               </div>
diff --git a/thanasoft-front/src/components/molecules/employee/EmployeeOverview.vue b/thanasoft-front/src/components/molecules/employee/EmployeeOverview.vue
index 6d60447..f3aa46c 100644
--- a/thanasoft-front/src/components/molecules/employee/EmployeeOverview.vue
+++ b/thanasoft-front/src/components/molecules/employee/EmployeeOverview.vue
@@ -11,7 +11,11 @@
             </p>
           </div>
 
-          <button class="eo-action" type="button" @click="$emit('view-info-tab')">
+          <button
+            class="eo-action"
+            type="button"
+            @click="$emit('view-info-tab')"
+          >
             <i class="fas fa-pen"></i>
             Modifier la fiche
           </button>
@@ -20,15 +24,21 @@
         <div class="eo-highlights">
           <div class="eo-highlight">
             <span class="eo-highlight__label">Email</span>
-            <strong class="eo-highlight__value">{{ employee.email || "Non renseigne" }}</strong>
+            <strong class="eo-highlight__value">{{
+              employee.email || "Non renseigne"
+            }}</strong>
           </div>
           <div class="eo-highlight">
             <span class="eo-highlight__label">Telephone</span>
-            <strong class="eo-highlight__value">{{ employee.phone || "Non renseigne" }}</strong>
+            <strong class="eo-highlight__value">{{
+              employee.phone || "Non renseigne"
+            }}</strong>
           </div>
           <div class="eo-highlight">
             <span class="eo-highlight__label">Statut</span>
-            <strong class="eo-highlight__value">{{ employee.active ? "Actif" : "Inactif" }}</strong>
+            <strong class="eo-highlight__value">{{
+              employee.active ? "Actif" : "Inactif"
+            }}</strong>
           </div>
         </div>
       </div>
@@ -43,19 +53,27 @@
           <div class="eo-list">
             <div class="eo-list__item">
               <span class="eo-list__label">Prenom</span>
-              <strong class="eo-list__value">{{ employee.first_name || "Non renseigne" }}</strong>
+              <strong class="eo-list__value">{{
+                employee.first_name || "Non renseigne"
+              }}</strong>
             </div>
             <div class="eo-list__item">
               <span class="eo-list__label">Nom</span>
-              <strong class="eo-list__value">{{ employee.last_name || "Non renseigne" }}</strong>
+              <strong class="eo-list__value">{{
+                employee.last_name || "Non renseigne"
+              }}</strong>
             </div>
             <div class="eo-list__item">
               <span class="eo-list__label">Email</span>
-              <strong class="eo-list__value">{{ employee.email || "Non renseigne" }}</strong>
+              <strong class="eo-list__value">{{
+                employee.email || "Non renseigne"
+              }}</strong>
             </div>
             <div class="eo-list__item">
               <span class="eo-list__label">Telephone</span>
-              <strong class="eo-list__value">{{ employee.phone || "Non renseigne" }}</strong>
+              <strong class="eo-list__value">{{
+                employee.phone || "Non renseigne"
+              }}</strong>
             </div>
           </div>
         </div>
@@ -73,15 +91,21 @@
             </div>
             <div class="eo-list__item">
               <span class="eo-list__label">Poste</span>
-              <strong class="eo-list__value">{{ employee.job_title || "Non renseigne" }}</strong>
+              <strong class="eo-list__value">{{
+                employee.job_title || "Non renseigne"
+              }}</strong>
             </div>
             <div class="eo-list__item">
               <span class="eo-list__label">Salaire</span>
-              <strong class="eo-list__value">{{ employee.salary ? `${employee.salary} EUR` : "Non renseigne" }}</strong>
+              <strong class="eo-list__value">{{
+                employee.salary ? `${employee.salary} EUR` : "Non renseigne"
+              }}</strong>
             </div>
             <div class="eo-list__item">
               <span class="eo-list__label">Type</span>
-              <strong class="eo-list__value">{{ employee.thanatopractitioner ? "Thanatopracteur" : "Employe" }}</strong>
+              <strong class="eo-list__value">{{
+                employee.thanatopractitioner ? "Thanatopracteur" : "Employe"
+              }}</strong>
             </div>
           </div>
         </div>
@@ -97,19 +121,28 @@
           <div class="eo-list__item">
             <span class="eo-list__label">Numero de licence</span>
             <strong class="eo-list__value">
-              {{ employee.thanatopractitioner.license_number || "Non renseigne" }}
+              {{
+                employee.thanatopractitioner.license_number || "Non renseigne"
+              }}
             </strong>
           </div>
           <div class="eo-list__item">
             <span class="eo-list__label">Numero d'autorisation</span>
             <strong class="eo-list__value">
-              {{ employee.thanatopractitioner.authorization_number || "Non renseigne" }}
+              {{
+                employee.thanatopractitioner.authorization_number ||
+                "Non renseigne"
+              }}
             </strong>
           </div>
           <div class="eo-list__item">
             <span class="eo-list__label">Validite</span>
             <strong class="eo-list__value">
-              {{ formatDate(employee.thanatopractitioner.authorization_valid_until) }}
+              {{
+                formatDate(
+                  employee.thanatopractitioner.authorization_valid_until
+                )
+              }}
             </strong>
           </div>
         </div>
@@ -124,11 +157,15 @@
         <div class="eo-grid">
           <div class="eo-list__item">
             <span class="eo-list__label">Date de creation</span>
-            <strong class="eo-list__value">{{ formatDate(employee.created_at) }}</strong>
+            <strong class="eo-list__value">{{
+              formatDate(employee.created_at)
+            }}</strong>
           </div>
           <div class="eo-list__item">
             <span class="eo-list__label">Derniere modification</span>
-            <strong class="eo-list__value">{{ formatDate(employee.updated_at) }}</strong>
+            <strong class="eo-list__value">{{
+              formatDate(employee.updated_at)
+            }}</strong>
           </div>
         </div>
       </div>
diff --git a/thanasoft-front/src/components/molecules/employee/EmployeeProfileCard.vue b/thanasoft-front/src/components/molecules/employee/EmployeeProfileCard.vue
index 71122f0..5e9f658 100644
--- a/thanasoft-front/src/components/molecules/employee/EmployeeProfileCard.vue
+++ b/thanasoft-front/src/components/molecules/employee/EmployeeProfileCard.vue
@@ -21,10 +21,16 @@
 
       <div class="epc__identity">
         <div class="epc__badges">
-          <span class="epc__badge" :class="isActive ? 'epc__badge--success' : 'epc__badge--muted'">
+          <span
+            class="epc__badge"
+            :class="isActive ? 'epc__badge--success' : 'epc__badge--muted'"
+          >
             {{ isActive ? "Actif" : "Inactif" }}
           </span>
-          <span v-if="isThanatopractitioner" class="epc__badge epc__badge--info">
+          <span
+            v-if="isThanatopractitioner"
+            class="epc__badge epc__badge--info"
+          >
             Thanatopracteur
           </span>
         </div>
@@ -40,7 +46,9 @@
         </div>
         <div class="epc__meta-item">
           <span class="epc__meta-label">Contact</span>
-          <strong>{{ employee.email || employee.phone || "Non renseigne" }}</strong>
+          <strong>{{
+            employee.email || employee.phone || "Non renseigne"
+          }}</strong>
         </div>
       </div>
     </div>
@@ -48,7 +56,7 @@
 </template>
 
 <script setup>
-import { defineProps, defineEmits } from 'vue';
+import { defineProps, defineEmits } from "vue";
 defineProps({
   avatarUrl: {
     type: String,
diff --git a/thanasoft-front/src/components/molecules/employee/EmployeeUserTab.vue b/thanasoft-front/src/components/molecules/employee/EmployeeUserTab.vue
index 368ce17..867a76e 100644
--- a/thanasoft-front/src/components/molecules/employee/EmployeeUserTab.vue
+++ b/thanasoft-front/src/components/molecules/employee/EmployeeUserTab.vue
@@ -56,7 +56,9 @@
             <button
               type="button"
               class="eut-btn eut-btn--primary"
-              :disabled="isLoading || !createForm.name.trim() || !createForm.email.trim()"
+              :disabled="
+                isLoading || !createForm.name.trim() || !createForm.email.trim()
+              "
               @click="createAndAttachUser"
             >
               {{ isLoading ? "Creation..." : "Creer" }}
@@ -103,7 +105,11 @@ const props = defineProps({
   },
 });
 
-const emit = defineEmits(["employee-updated", "notify-success", "notify-error"]);
+const emit = defineEmits([
+  "employee-updated",
+  "notify-success",
+  "notify-error",
+]);
 
 const userStore = useUserStore();
 const showCreateForm = ref(false);
diff --git a/thanasoft-front/src/components/molecules/form/NewConvoyForm.vue b/thanasoft-front/src/components/molecules/form/NewConvoyForm.vue
index 64a8f77..f8aa5dd 100644
--- a/thanasoft-front/src/components/molecules/form/NewConvoyForm.vue
+++ b/thanasoft-front/src/components/molecules/form/NewConvoyForm.vue
@@ -6,7 +6,9 @@
     <div class="multisteps-form__content">
       <div class="row mt-3">
         <div class="col-12 col-sm-6 position-relative">
-          <label class="form-label">Défunt <span class="text-danger">*</span></label>
+          <label class="form-label"
+            >Défunt <span class="text-danger">*</span></label
+          >
           <div class="input-group">
             <span class="input-group-text"><i class="fas fa-search"></i></span>
             <input
@@ -31,7 +33,10 @@
             class="text-center py-2 position-absolute w-100 bg-white border rounded shadow-sm"
             style="z-index: 1000; top: 100%"
           >
-            <div class="spinner-border spinner-border-sm text-primary" role="status">
+            <div
+              class="spinner-border spinner-border-sm text-primary"
+              role="status"
+            >
               <span class="visually-hidden">Chargement...</span>
             </div>
           </div>
@@ -50,17 +55,27 @@
             >
               <div class="d-flex flex-column">
                 <span class="font-weight-bold text-sm">
-                  {{ [deceased.first_name, deceased.last_name].filter(Boolean).join(' ') || 'Défunt' }}
+                  {{
+                    [deceased.first_name, deceased.last_name]
+                      .filter(Boolean)
+                      .join(" ") || "Défunt"
+                  }}
                 </span>
                 <span class="text-xs text-muted">
-                  {{ deceased.death_date || deceased.birth_date || 'Aucune date renseignée' }}
+                  {{
+                    deceased.death_date ||
+                    deceased.birth_date ||
+                    "Aucune date renseignée"
+                  }}
                 </span>
               </div>
             </button>
           </div>
 
           <div
-            v-else-if="deceasedSearch && !deceasedLoading && showDeceasedResults"
+            v-else-if="
+              deceasedSearch && !deceasedLoading && showDeceasedResults
+            "
             class="position-absolute w-100 mt-1 p-3 bg-white border rounded shadow-sm text-center text-sm text-muted"
             style="z-index: 1000"
           >
@@ -68,12 +83,21 @@
           </div>
 
           <div v-if="selectedDeceased" class="mt-2 small text-success">
-            Sélectionné: {{ [selectedDeceased.first_name, selectedDeceased.last_name].filter(Boolean).join(' ') }}
+            Sélectionné:
+            {{
+              [selectedDeceased.first_name, selectedDeceased.last_name]
+                .filter(Boolean)
+                .join(" ")
+            }}
           </div>
         </div>
         <div class="col-12 col-sm-6 mt-3 mt-sm-0">
           <label class="form-label">Titre de mission</label>
-          <soft-input v-model="form.mission_title" type="text" placeholder="Ex. Convoi Mme DUPONT" />
+          <soft-input
+            v-model="form.mission_title"
+            type="text"
+            placeholder="Ex. Convoi Mme DUPONT"
+          />
         </div>
       </div>
 
@@ -99,7 +123,9 @@
 
       <div class="row mt-3">
         <div class="col-12 col-sm-6">
-          <label class="form-label">Début prévu <span class="text-danger">*</span></label>
+          <label class="form-label"
+            >Début prévu <span class="text-danger">*</span></label
+          >
           <soft-input v-model="form.planned_start_at" type="datetime-local" />
         </div>
         <div class="col-12 col-sm-6 mt-3 mt-sm-0">
@@ -135,7 +161,10 @@
             class="text-center py-2 position-absolute w-100 bg-white border rounded shadow-sm"
             style="z-index: 1000; top: 100%"
           >
-            <div class="spinner-border spinner-border-sm text-primary" role="status">
+            <div
+              class="spinner-border spinner-border-sm text-primary"
+              role="status"
+            >
               <span class="visually-hidden">Chargement...</span>
             </div>
           </div>
@@ -153,16 +182,28 @@
               @click="selectLocation(location)"
             >
               <div class="d-flex flex-column">
-                <span class="font-weight-bold text-sm">{{ location.name || 'Lieu sans nom' }}</span>
+                <span class="font-weight-bold text-sm">{{
+                  location.name || "Lieu sans nom"
+                }}</span>
                 <span class="text-xs text-muted">
-                  {{ [location.address_line1, location.postal_code, location.city].filter(Boolean).join(', ') }}
+                  {{
+                    [
+                      location.address_line1,
+                      location.postal_code,
+                      location.city,
+                    ]
+                      .filter(Boolean)
+                      .join(", ")
+                  }}
                 </span>
               </div>
             </button>
           </div>
 
           <div
-            v-else-if="locationSearch && !locationLoading && showLocationResults"
+            v-else-if="
+              locationSearch && !locationLoading && showLocationResults
+            "
             class="position-absolute w-100 mt-1 p-3 bg-white border rounded shadow-sm text-center text-sm text-muted"
             style="z-index: 1000"
           >
@@ -170,20 +211,37 @@
           </div>
 
           <div v-if="selectedLocation" class="mt-2 small text-success">
-            Sélectionné: {{ selectedLocation.name || 'Lieu' }}
+            Sélectionné: {{ selectedLocation.name || "Lieu" }}
           </div>
         </div>
         <div class="col-12 col-sm-6 mt-3 mt-sm-0">
           <label class="form-label">Email famille</label>
-          <soft-input v-model="form.family_email" type="email" placeholder="famille@email.fr" />
+          <soft-input
+            v-model="form.family_email"
+            type="email"
+            placeholder="famille@email.fr"
+          />
         </div>
       </div>
 
       <div class="button-row d-flex mt-4">
-        <soft-button type="button" color="secondary" variant="outline" class="me-2 mb-0" @click="resetForm">
+        <soft-button
+          type="button"
+          color="secondary"
+          variant="outline"
+          class="me-2 mb-0"
+          @click="resetForm"
+        >
           Réinitialiser
         </soft-button>
-        <soft-button type="button" color="dark" variant="gradient" class="ms-auto mb-0" :disabled="loading" @click="submitForm">
+        <soft-button
+          type="button"
+          color="dark"
+          variant="gradient"
+          class="ms-auto mb-0"
+          :disabled="loading"
+          @click="submitForm"
+        >
           {{ loading ? "Création..." : "Créer le convoi" }}
         </soft-button>
       </div>
@@ -265,7 +323,9 @@ const handleDeceasedSearch = () => {
 
 const selectDeceased = (deceased) => {
   selectedDeceased.value = deceased;
-  deceasedSearch.value = [deceased.first_name, deceased.last_name].filter(Boolean).join(" ");
+  deceasedSearch.value = [deceased.first_name, deceased.last_name]
+    .filter(Boolean)
+    .join(" ");
   form.value.deceased_id = deceased.id;
   deceasedResults.value = [];
   showDeceasedResults.value = false;
@@ -308,7 +368,9 @@ const handleLocationSearch = () => {
 
 const selectLocation = (location) => {
   selectedLocation.value = location;
-  locationSearch.value = location.name || [location.address_line1, location.city].filter(Boolean).join(", ");
+  locationSearch.value =
+    location.name ||
+    [location.address_line1, location.city].filter(Boolean).join(", ");
   form.value.departure_location_id = location.id;
   form.value.departure_name = location.name || null;
   form.value.departure_address = location.address_line1 || null;
diff --git a/thanasoft-front/src/components/molecules/form/NewVehicleForm.vue b/thanasoft-front/src/components/molecules/form/NewVehicleForm.vue
index 43dd154..d5048a8 100644
--- a/thanasoft-front/src/components/molecules/form/NewVehicleForm.vue
+++ b/thanasoft-front/src/components/molecules/form/NewVehicleForm.vue
@@ -6,7 +6,9 @@
     <div class="multisteps-form__content">
       <div class="row mt-3">
         <div class="col-12 col-sm-6">
-          <label class="form-label">Marque <span class="text-danger">*</span></label>
+          <label class="form-label"
+            >Marque <span class="text-danger">*</span></label
+          >
           <soft-input
             v-model="form.brand"
             class="multisteps-form__input"
@@ -20,7 +22,9 @@
           </div>
         </div>
         <div class="col-12 col-sm-6 mt-3 mt-sm-0">
-          <label class="form-label">Modèle <span class="text-danger">*</span></label>
+          <label class="form-label"
+            >Modèle <span class="text-danger">*</span></label
+          >
           <soft-input
             v-model="form.model"
             class="multisteps-form__input"
@@ -37,7 +41,9 @@
 
       <div class="row mt-3">
         <div class="col-12 col-sm-6">
-          <label class="form-label">Immatriculation <span class="text-danger">*</span></label>
+          <label class="form-label"
+            >Immatriculation <span class="text-danger">*</span></label
+          >
           <soft-input
             v-model="form.registration_number"
             class="multisteps-form__input"
@@ -101,7 +107,9 @@
           <label class="form-label">Utilisateur principal</label>
           <div class="position-relative">
             <div class="input-group">
-              <span class="input-group-text"><i class="fas fa-search"></i></span>
+              <span class="input-group-text"
+                ><i class="fas fa-search"></i
+              ></span>
               <input
                 v-model="employeeSearch"
                 type="text"
@@ -124,7 +132,10 @@
               class="text-center py-2 position-absolute w-100 bg-white border rounded shadow-sm"
               style="z-index: 1000; top: 100%"
             >
-              <div class="spinner-border spinner-border-sm text-primary" role="status">
+              <div
+                class="spinner-border spinner-border-sm text-primary"
+                role="status"
+              >
                 <span class="visually-hidden">Chargement...</span>
               </div>
             </div>
@@ -142,16 +153,24 @@
                 @click="selectEmployee(employee)"
               >
                 <div class="d-flex flex-column">
-                  <span class="font-weight-bold text-sm">{{ employee.full_name }}</span>
+                  <span class="font-weight-bold text-sm">{{
+                    employee.full_name
+                  }}</span>
                   <span class="text-xs text-muted">
-                    {{ employee.email || employee.job_title || "Aucune information" }}
+                    {{
+                      employee.email ||
+                      employee.job_title ||
+                      "Aucune information"
+                    }}
                   </span>
                 </div>
               </button>
             </div>
 
             <div
-              v-else-if="employeeSearch && !employeeLoading && showEmployeeResults"
+              v-else-if="
+                employeeSearch && !employeeLoading && showEmployeeResults
+              "
               class="position-absolute w-100 mt-1 p-3 bg-white border rounded shadow-sm text-center text-sm text-muted"
               style="z-index: 1000"
             >
diff --git a/thanasoft-front/src/components/molecules/intervention/AssignPractitionerModal.vue b/thanasoft-front/src/components/molecules/intervention/AssignPractitionerModal.vue
index d0c9b84..7fab42c 100644
--- a/thanasoft-front/src/components/molecules/intervention/AssignPractitionerModal.vue
+++ b/thanasoft-front/src/components/molecules/intervention/AssignPractitionerModal.vue
@@ -55,18 +55,59 @@
 
           <!-- Body -->
           <div class="modal-body">
-            <!-- Practitioner ID -->
+            <!-- Practitioner Selection -->
             <div class="form-group">
-              <label class="form-label">Identifiant du praticien</label>
-              <input
-                v-model="form.practitionerId"
-                type="number"
-                class="form-input"
-                placeholder="ex: 42"
-                min="1"
+              <label class="form-label">Thanatopracteur</label>
+              <SoftInput
+                v-model="searchQuery"
+                icon="fas fa-search"
+                icon-dir="left"
+                placeholder="Rechercher un thanato par nom"
               />
-              <p class="form-hint">
-                Entrez l'ID du praticien à assigner à cette intervention.
+              <div v-if="hasSearchQuery" class="search-panel">
+                <div v-if="filteredPractitioners.length" class="search-results">
+                  <button
+                    v-for="practitioner in filteredPractitioners"
+                    :key="practitioner.id"
+                    type="button"
+                    class="search-result"
+                    :class="{
+                      selected: String(practitioner.id) === form.practitionerId,
+                    }"
+                    @click="selectPractitioner(practitioner)"
+                  >
+                    <span class="search-result-name">
+                      {{ getPractitionerLabel(practitioner) }}
+                    </span>
+                    <span class="search-result-meta">
+                      #{{ practitioner.id }}
+                    </span>
+                  </button>
+                </div>
+                <div v-else class="search-empty">
+                  Aucun thanatopracteur ne correspond a cette recherche.
+                </div>
+              </div>
+              <p v-else class="form-hint">
+                Saisissez au moins 2 caracteres pour rechercher un
+                thanatopracteur par nom.
+              </p>
+              <div v-if="selectedPractitioner" class="selected-practitioner">
+                <span class="selected-label">Selectionne</span>
+                <strong>{{
+                  getPractitionerLabel(selectedPractitioner)
+                }}</strong>
+              </div>
+              <p v-if="isSearching" class="form-hint">Recherche en cours…</p>
+              <p
+                v-if="hasSearchQuery && availablePractitioners.length"
+                class="form-hint"
+              >
+                Seuls les praticiens actifs non encore assignés sont proposés.
+              </p>
+              <p v-else-if="hasSearchQuery && !isSearching" class="form-hint">
+                Tous les praticiens disponibles sont déjà assignés ou aucun
+                thanatopracteur actif n'est chargé.
               </p>
             </div>
 
@@ -136,8 +177,14 @@
 
           <!-- Footer -->
           <div class="modal-footer">
-            <button class="btn-ghost" @click="$emit('close')">Annuler</button>
-            <button class="btn-primary" @click="handleSubmit">
+            <SoftButton
+              color="secondary"
+              variant="outline"
+              @click="$emit('close')"
+            >
+              Annuler
+            </SoftButton>
+            <SoftButton color="info" variant="gradient" @click="handleSubmit">
               <svg
                 width="13"
                 height="13"
@@ -149,7 +196,7 @@
                 <polyline points="20 6 9 17 4 12" />
               </svg>
               Confirmer l'assignation
-            </button>
+            </SoftButton>
           </div>
         </div>
       </div>
@@ -158,15 +205,109 @@
 </template>
 
 <script setup>
-import { ref, watch, defineProps, defineEmits } from "vue";
+import {
+  ref,
+  watch,
+  defineProps,
+  defineEmits,
+  computed,
+  onBeforeUnmount,
+} from "vue";
+import SoftInput from "@/components/SoftInput.vue";
+import SoftButton from "@/components/SoftButton.vue";
+import { useThanatopractitionerStore } from "@/stores/thanatopractitionerStore";
 
 const props = defineProps({
   isOpen: { type: Boolean, default: false },
+  practitioners: { type: Array, default: () => [] },
+  assignedPractitionerIds: { type: Array, default: () => [] },
 });
 const emit = defineEmits(["close", "assign"]);
+const thanatopractitionerStore = useThanatopractitionerStore();
 
 const form = ref({ practitionerId: "", role: "principal" });
 const error = ref("");
+const searchQuery = ref("");
+const isSearching = computed(() => thanatopractitionerStore.loading);
+const hasSearchQuery = computed(() => searchQuery.value.trim().length >= 2);
+let searchDebounceTimer = null;
+
+const availablePractitioners = computed(() => {
+  const assignedIds = new Set(
+    props.assignedPractitionerIds.map((practitionerId) =>
+      Number(practitionerId)
+    )
+  );
+
+  return props.practitioners.filter((practitioner) => {
+    const practitionerId = Number(practitioner?.id);
+    return Number.isFinite(practitionerId) && !assignedIds.has(practitionerId);
+  });
+});
+
+const filteredPractitioners = computed(() => {
+  if (!hasSearchQuery.value) {
+    return [];
+  }
+
+  return availablePractitioners.value;
+});
+
+const selectedPractitioner = computed(() =>
+  availablePractitioners.value.find(
+    (practitioner) => String(practitioner.id) === form.value.practitionerId
+  )
+);
+
+const getPractitionerLabel = (practitioner) => {
+  const fullName =
+    practitioner?.full_name ||
+    practitioner?.employee?.full_name ||
+    [practitioner?.first_name, practitioner?.last_name]
+      .filter(Boolean)
+      .join(" ") ||
+    `Praticien #${practitioner?.id}`;
+
+  const secondary =
+    practitioner?.job_title || practitioner?.employee?.job_title;
+  return secondary ? `${fullName} - ${secondary}` : fullName;
+};
+
+const selectPractitioner = (practitioner) => {
+  form.value.practitionerId = String(practitioner.id);
+  error.value = "";
+};
+
+const fetchPractitioners = async () => {
+  if (!hasSearchQuery.value) {
+    return;
+  }
+
+  try {
+    await thanatopractitionerStore.fetchThanatopractitioners({
+      per_page: 100,
+      active: true,
+      search: searchQuery.value.trim(),
+    });
+  } catch (fetchError) {
+    console.error("Error searching practitioners:", fetchError);
+    error.value = "Impossible de charger les thanatopracteurs.";
+  }
+};
+
+const queuePractitionerSearch = () => {
+  if (!props.isOpen) {
+    return;
+  }
+
+  if (searchDebounceTimer) {
+    clearTimeout(searchDebounceTimer);
+  }
+
+  searchDebounceTimer = window.setTimeout(() => {
+    fetchPractitioners();
+  }, 300);
+};
 
 // Reset form when modal opens
 watch(
@@ -175,14 +316,29 @@ watch(
     if (open) {
       form.value = { practitionerId: "", role: "principal" };
       error.value = "";
+      searchQuery.value = "";
+    } else if (searchDebounceTimer) {
+      clearTimeout(searchDebounceTimer);
+      searchDebounceTimer = null;
     }
   }
 );
 
+watch(searchQuery, () => {
+  error.value = "";
+  queuePractitionerSearch();
+});
+
+onBeforeUnmount(() => {
+  if (searchDebounceTimer) {
+    clearTimeout(searchDebounceTimer);
+  }
+});
+
 const handleSubmit = () => {
   error.value = "";
   if (!form.value.practitionerId) {
-    error.value = "Veuillez entrer un identifiant de praticien.";
+    error.value = "Veuillez sélectionner un praticien.";
     return;
   }
   if (parseInt(form.value.practitionerId) <= 0) {
@@ -329,6 +485,83 @@ const handleSubmit = () => {
   box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.1);
 }
 
+.search-panel {
+  border: 1px solid var(--border);
+  border-radius: var(--r-sm);
+  background: var(--surface-2);
+  max-height: 220px;
+  overflow-y: auto;
+}
+
+.search-results {
+  display: flex;
+  flex-direction: column;
+}
+
+.search-result {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  width: 100%;
+  padding: 11px 12px;
+  border: none;
+  border-bottom: 1px solid var(--border);
+  background: transparent;
+  text-align: left;
+  cursor: pointer;
+  transition: background 0.15s ease;
+}
+
+.search-result:last-child {
+  border-bottom: none;
+}
+
+.search-result:hover,
+.search-result.selected {
+  background: var(--brand-lt);
+}
+
+.search-result.selected {
+  box-shadow: inset 3px 0 0 var(--brand);
+}
+
+.search-result-name {
+  font-size: 13px;
+  font-weight: 600;
+  color: var(--text-1);
+}
+
+.search-result-meta {
+  font-size: 11px;
+  color: var(--text-3);
+  white-space: nowrap;
+}
+
+.search-empty {
+  padding: 12px;
+  font-size: 12px;
+  color: var(--text-3);
+}
+
+.selected-practitioner {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  padding: 10px 12px;
+  border-radius: var(--r-sm);
+  background: var(--brand-lt);
+  color: var(--text-1);
+}
+
+.selected-label {
+  font-size: 10px;
+  font-weight: 700;
+  letter-spacing: 0.4px;
+  text-transform: uppercase;
+  color: var(--brand);
+}
+
 /* Role grid */
 .role-grid {
   display: flex;
@@ -499,4 +732,8 @@ const handleSubmit = () => {
   opacity: 0;
   transform: translateY(-6px);
 }
+
+.form-input {
+  appearance: none;
+}
 </style>
diff --git a/thanasoft-front/src/components/molecules/intervention/DataRow.vue b/thanasoft-front/src/components/molecules/intervention/DataRow.vue
index b706ff8..8abf3bf 100644
--- a/thanasoft-front/src/components/molecules/intervention/DataRow.vue
+++ b/thanasoft-front/src/components/molecules/intervention/DataRow.vue
@@ -1,13 +1,14 @@
 <template>
   <div class="data-row">
     <span class="data-label">{{ label }}</span>
-    <span class="data-value" :class="{ 'fw-semibold': bold }">{{ value || "-" }}</span>
+    <span class="data-value" :class="{ 'fw-semibold': bold }">{{
+      value || "-"
+    }}</span>
   </div>
 </template>
 
 <script setup>
-
-import { defineProps } from 'vue';
+import { defineProps } from "vue";
 
 defineProps({
   label: {
diff --git a/thanasoft-front/src/components/molecules/intervention/InfoSection.vue b/thanasoft-front/src/components/molecules/intervention/InfoSection.vue
index 7bacfa4..dc315a4 100644
--- a/thanasoft-front/src/components/molecules/intervention/InfoSection.vue
+++ b/thanasoft-front/src/components/molecules/intervention/InfoSection.vue
@@ -9,8 +9,7 @@
 </template>
 
 <script setup>
-
-import { defineProps } from 'vue';
+import { defineProps } from "vue";
 
 const props = defineProps({
   title: {
diff --git a/thanasoft-front/src/components/molecules/intervention/StatusPill.vue b/thanasoft-front/src/components/molecules/intervention/StatusPill.vue
index a047baf..0f7be5f 100644
--- a/thanasoft-front/src/components/molecules/intervention/StatusPill.vue
+++ b/thanasoft-front/src/components/molecules/intervention/StatusPill.vue
@@ -1,12 +1,14 @@
 <template>
-  <span class="status-pill" :class="['sp-' + (status?.color || 'secondary'), large ? 'sp-lg' : '']">
+  <span
+    class="status-pill"
+    :class="['sp-' + (status?.color || 'secondary'), large ? 'sp-lg' : '']"
+  >
     {{ status?.label || "En attente" }}
   </span>
 </template>
 
 <script setup>
-
-import { defineProps } from 'vue';
+import { defineProps } from "vue";
 
 defineProps({
   status: {
diff --git a/thanasoft-front/src/components/molecules/location/LocationTable.vue b/thanasoft-front/src/components/molecules/location/LocationTable.vue
index fef35a8..bc2d6b1 100644
--- a/thanasoft-front/src/components/molecules/location/LocationTable.vue
+++ b/thanasoft-front/src/components/molecules/location/LocationTable.vue
@@ -2,7 +2,10 @@
   <div class="table-container">
     <div v-if="loading" class="loading-container">
       <div class="loading-spinner">
-        <div class="spinner-border text-success loading-spinner-circle" role="status">
+        <div
+          class="spinner-border text-success loading-spinner-circle"
+          role="status"
+        >
           <span class="visually-hidden">Chargement...</span>
         </div>
       </div>
@@ -87,14 +90,18 @@
 
             <td class="text-xs font-weight-bold">
               <div class="contact-info">
-                <div class="text-xs text-secondary">{{ getAddressLine(location) }}</div>
+                <div class="text-xs text-secondary">
+                  {{ getAddressLine(location) }}
+                </div>
                 <div class="text-xs">{{ getAddressMeta(location) }}</div>
               </div>
             </td>
 
             <td class="text-xs font-weight-bold">
               <div class="contact-info">
-                <div class="text-xs text-secondary">{{ getLatitude(location) }}</div>
+                <div class="text-xs text-secondary">
+                  {{ getLatitude(location) }}
+                </div>
                 <div class="text-xs">{{ getLongitude(location) }}</div>
               </div>
             </td>
@@ -106,7 +113,13 @@
                   variant="outline"
                   class="btn-sm"
                 >
-                  <i :class="location.is_default ? 'fas fa-check me-1' : 'fas fa-times me-1'"></i>
+                  <i
+                    :class="
+                      location.is_default
+                        ? 'fas fa-check me-1'
+                        : 'fas fa-times me-1'
+                    "
+                  ></i>
                   {{ location.is_default ? "Par defaut" : "Secondaire" }}
                 </soft-button>
               </div>
@@ -141,7 +154,9 @@
     </div>
 
     <div
-      v-if="!loading && tableData.length > 0 && (pagination?.last_page || 1) > 1"
+      v-if="
+        !loading && tableData.length > 0 && (pagination?.last_page || 1) > 1
+      "
       class="d-flex justify-content-between align-items-center mt-3 px-3 flex-wrap gap-3"
     >
       <div class="text-xs text-secondary font-weight-bold">
@@ -173,7 +188,7 @@
             class="page-item"
             :class="{
               active: (pagination.current_page || 1) === page,
-              disabled: page === '...'
+              disabled: page === '...',
             }"
           >
             <a class="page-link" href="#" @click.prevent="changePage(page)">
@@ -184,7 +199,8 @@
           <li
             class="page-item"
             :class="{
-              disabled: (pagination.current_page || 1) === (pagination.last_page || 1)
+              disabled:
+                (pagination.current_page || 1) === (pagination.last_page || 1),
             }"
           >
             <a
@@ -330,11 +346,17 @@ const safeTo = computed(() => {
 });
 
 const getAddressLine = (location) => {
-  return location.full_address || location.address_line1 || "Adresse indisponible";
+  return (
+    location.full_address || location.address_line1 || "Adresse indisponible"
+  );
 };
 
 const getAddressMeta = (location) => {
-  const parts = [location.postal_code, location.city, location.country_code].filter(Boolean);
+  const parts = [
+    location.postal_code,
+    location.city,
+    location.country_code,
+  ].filter(Boolean);
   return parts.length > 0 ? parts.join(" ") : "N/A";
 };
 
diff --git a/thanasoft-front/src/services/vehicle.ts b/thanasoft-front/src/services/vehicle.ts
index 379cb8c..4372c05 100644
--- a/thanasoft-front/src/services/vehicle.ts
+++ b/thanasoft-front/src/services/vehicle.ts
@@ -111,7 +111,9 @@ export const VehicleService = {
     });
   },
 
-  async deleteVehicle(id: number): Promise<{ message: string; status: string }> {
+  async deleteVehicle(
+    id: number
+  ): Promise<{ message: string; status: string }> {
     return await request<{ message: string; status: string }>({
       url: `/api/vehicles/${id}`,
       method: "delete",
diff --git a/thanasoft-front/src/stores/clientGroupStore.ts b/thanasoft-front/src/stores/clientGroupStore.ts
index 96185a0..814707a 100644
--- a/thanasoft-front/src/stores/clientGroupStore.ts
+++ b/thanasoft-front/src/stores/clientGroupStore.ts
@@ -113,7 +113,9 @@ export const useClientGroupStore = defineStore("clientGroup", () => {
         search?: string;
       };
 
-      const response = await ClientGroupService.getAllClientGroups(requestParams);
+      const response = await ClientGroupService.getAllClientGroups(
+        requestParams
+      );
       setClientGroups(response.data);
       if (response.meta) {
         setPagination(response.meta);
diff --git a/thanasoft-front/src/stores/convoyStore.ts b/thanasoft-front/src/stores/convoyStore.ts
index d0c2b66..dea0020 100644
--- a/thanasoft-front/src/stores/convoyStore.ts
+++ b/thanasoft-front/src/stores/convoyStore.ts
@@ -55,7 +55,8 @@ export const useConvoyStore = defineStore("convoy", () => {
       setPagination(response.meta);
       return response;
     } catch (err: any) {
-      error.value = err.response?.data?.message || err.message || "Failed to fetch convoys";
+      error.value =
+        err.response?.data?.message || err.message || "Failed to fetch convoys";
       throw err;
     } finally {
       loading.value = false;
@@ -70,7 +71,8 @@ export const useConvoyStore = defineStore("convoy", () => {
       currentConvoy.value = response.data;
       return response.data;
     } catch (err: any) {
-      error.value = err.response?.data?.message || err.message || "Failed to fetch convoy";
+      error.value =
+        err.response?.data?.message || err.message || "Failed to fetch convoy";
       throw err;
     } finally {
       loading.value = false;
@@ -86,7 +88,8 @@ export const useConvoyStore = defineStore("convoy", () => {
       currentConvoy.value = response.data;
       return response.data;
     } catch (err: any) {
-      error.value = err.response?.data?.message || err.message || "Failed to create convoy";
+      error.value =
+        err.response?.data?.message || err.message || "Failed to create convoy";
       throw err;
     } finally {
       loading.value = false;
@@ -98,12 +101,16 @@ export const useConvoyStore = defineStore("convoy", () => {
     error.value = null;
     try {
       const response = await ConvoyService.updateConvoy(payload);
-      const index = convoys.value.findIndex((convoy) => convoy.id === response.data.id);
+      const index = convoys.value.findIndex(
+        (convoy) => convoy.id === response.data.id
+      );
       if (index !== -1) convoys.value[index] = response.data;
-      if (currentConvoy.value?.id === response.data.id) currentConvoy.value = response.data;
+      if (currentConvoy.value?.id === response.data.id)
+        currentConvoy.value = response.data;
       return response.data;
     } catch (err: any) {
-      error.value = err.response?.data?.message || err.message || "Failed to update convoy";
+      error.value =
+        err.response?.data?.message || err.message || "Failed to update convoy";
       throw err;
     } finally {
       loading.value = false;
@@ -119,7 +126,8 @@ export const useConvoyStore = defineStore("convoy", () => {
       if (currentConvoy.value?.id === id) currentConvoy.value = null;
       return response;
     } catch (err: any) {
-      error.value = err.response?.data?.message || err.message || "Failed to delete convoy";
+      error.value =
+        err.response?.data?.message || err.message || "Failed to delete convoy";
       throw err;
     } finally {
       loading.value = false;
diff --git a/thanasoft-front/src/stores/deceasedStore.ts b/thanasoft-front/src/stores/deceasedStore.ts
index ad2e57f..819073d 100644
--- a/thanasoft-front/src/stores/deceasedStore.ts
+++ b/thanasoft-front/src/stores/deceasedStore.ts
@@ -63,7 +63,9 @@ export const useDeceasedStore = defineStore("deceased", () => {
     success.value = false;
   };
 
-  const normalizeDeceased = (entry: Partial<Deceased> | null | undefined): Deceased | null => {
+  const normalizeDeceased = (
+    entry: Partial<Deceased> | null | undefined
+  ): Deceased | null => {
     if (!entry || typeof entry !== "object") {
       return null;
     }
diff --git a/thanasoft-front/src/stores/quoteStore.ts b/thanasoft-front/src/stores/quoteStore.ts
index 697ac8f..cec3202 100644
--- a/thanasoft-front/src/stores/quoteStore.ts
+++ b/thanasoft-front/src/stores/quoteStore.ts
@@ -138,7 +138,9 @@ export const useQuoteStore = defineStore("quote", () => {
       return await QuoteService.downloadQuotePdf(id);
     } catch (err: any) {
       const errorMessage =
-        err.response?.data?.message || err.message || "Failed to download quote PDF";
+        err.response?.data?.message ||
+        err.message ||
+        "Failed to download quote PDF";
       setError(errorMessage);
       throw err;
     }
diff --git a/thanasoft-front/src/views/pages/CRM/AddLocation.vue b/thanasoft-front/src/views/pages/CRM/AddLocation.vue
index c1e450d..523c0cd 100644
--- a/thanasoft-front/src/views/pages/CRM/AddLocation.vue
+++ b/thanasoft-front/src/views/pages/CRM/AddLocation.vue
@@ -8,7 +8,8 @@
               <div>
                 <h5 class="mb-1">Ajouter une localisation</h5>
                 <p class="text-sm text-secondary mb-0">
-                  Le client est obligatoire et au moins un champ d'adresse doit etre renseigne.
+                  Le client est obligatoire et au moins un champ d'adresse doit
+                  etre renseigne.
                 </p>
               </div>
             </div>
@@ -35,7 +36,11 @@
                       :key="client.id"
                       :value="String(client.id)"
                     >
-                      {{ client.company_name || client.name || `Client #${client.id}` }}
+                      {{
+                        client.company_name ||
+                        client.name ||
+                        `Client #${client.id}`
+                      }}
                     </option>
                   </select>
                   <div v-if="fieldErrors.client_id" class="invalid-feedback">
@@ -187,7 +192,9 @@
                   class="btn bg-gradient-primary mb-0"
                   :disabled="clientLocationStore.isLoading"
                 >
-                  {{ clientLocationStore.isLoading ? "Creation..." : "Ajouter" }}
+                  {{
+                    clientLocationStore.isLoading ? "Creation..." : "Ajouter"
+                  }}
                 </button>
               </div>
             </form>
@@ -278,8 +285,7 @@ const handleSubmit = async () => {
     }
 
     const errorMessage =
-      error.response?.data?.message ||
-      "Impossible de creer la localisation";
+      error.response?.data?.message || "Impossible de creer la localisation";
 
     notificationStore.error("Erreur", errorMessage);
   }
diff --git a/thanasoft-front/src/views/pages/Convoys/AddConvoy.vue b/thanasoft-front/src/views/pages/Convoys/AddConvoy.vue
index 55c77e0..392dcc1 100644
--- a/thanasoft-front/src/views/pages/Convoys/AddConvoy.vue
+++ b/thanasoft-front/src/views/pages/Convoys/AddConvoy.vue
@@ -1,5 +1,8 @@
 <template>
-  <add-convoy-presentation :loading="convoyStore.isLoading" @create-convoy="handleCreateConvoy" />
+  <add-convoy-presentation
+    :loading="convoyStore.isLoading"
+    @create-convoy="handleCreateConvoy"
+  />
 </template>
 
 <script setup>
diff --git a/thanasoft-front/src/views/pages/Employes/VehicleDetails.vue b/thanasoft-front/src/views/pages/Employes/VehicleDetails.vue
index c9496b2..f0bca67 100644
--- a/thanasoft-front/src/views/pages/Employes/VehicleDetails.vue
+++ b/thanasoft-front/src/views/pages/Employes/VehicleDetails.vue
@@ -37,7 +37,10 @@ const handleSave = async (payload) => {
     notificationStore.updated("Véhicule");
   } catch (error) {
     console.error("Error updating vehicle:", error);
-    notificationStore.error("Erreur", "Impossible de mettre à jour le véhicule");
+    notificationStore.error(
+      "Erreur",
+      "Impossible de mettre à jour le véhicule"
+    );
   } finally {
     saving.value = false;
   }
diff --git a/thanasoft-front/src/views/pages/Interventions/InterventionDetails.vue b/thanasoft-front/src/views/pages/Interventions/InterventionDetails.vue
index 30d3e5a..552c631 100644
--- a/thanasoft-front/src/views/pages/Interventions/InterventionDetails.vue
+++ b/thanasoft-front/src/views/pages/Interventions/InterventionDetails.vue
@@ -6,37 +6,44 @@
     :error="interventionStore.getError"
     :active-tab="activeTab"
     :practitioners="practitioners"
+    :is-modal-open="isModalOpen"
+    :assigned-practitioner-ids="assignedPractitionerIds"
     @update-intervention="handleUpdate"
     @cancel="handleCancel"
     @assign-practitioner="openAssignModal"
-  />
-
-  <!-- Assign Practitioner Modal -->
-  <AssignPractitionerModal
-    :is-open="isModalOpen"
-    @close="closeAssignModal"
-    @assign="handleAssignPractitioner"
+    @assign-practitioner-confirmed="handleAssignPractitioner"
+    @close-modal="closeAssignModal"
+    @unassign-practitioner="handleUnassignPractitioner"
   />
 </template>
 
 <script setup>
-import { ref, onMounted, watch } from "vue";
+import { ref, onMounted, watch, computed } from "vue";
 import { useRoute } from "vue-router";
 import InterventionDetailPresentation from "@/components/Organism/Interventions/InterventionDetailPresentation.vue";
-import AssignPractitionerModal from "@/components/molecules/intervention/AssignPractitionerModal.vue";
 import { useInterventionStore } from "@/stores/interventionStore";
+import { useThanatopractitionerStore } from "@/stores/thanatopractitionerStore";
 import { useNotificationStore } from "@/stores/notification";
 
 const route = useRoute();
 const interventionStore = useInterventionStore();
+const thanatopractitionerStore = useThanatopractitionerStore();
 const notificationStore = useNotificationStore();
 
 // Reactive data
 const intervention = ref(null);
 const activeTab = ref("overview");
-const practitioners = ref([]);
 const isModalOpen = ref(false);
 
+const practitioners = computed(
+  () => thanatopractitionerStore.thanatopractitioners || []
+);
+const assignedPractitionerIds = computed(() =>
+  (intervention.value?.practitioners || [])
+    .map((practitioner) => Number(practitioner?.id))
+    .filter((practitionerId) => Number.isFinite(practitionerId))
+);
+
 // Fetch intervention data
 const fetchIntervention = async () => {
   try {
@@ -57,6 +64,21 @@ const fetchIntervention = async () => {
   }
 };
 
+const fetchPractitioners = async () => {
+  try {
+    await thanatopractitionerStore.fetchThanatopractitioners({
+      per_page: 100,
+      active: true,
+    });
+  } catch (error) {
+    console.error("Error loading practitioners:", error);
+    notificationStore.error(
+      "Erreur",
+      "Impossible de charger la liste des praticiens"
+    );
+  }
+};
+
 // Open assign modal
 const openAssignModal = () => {
   isModalOpen.value = true;
@@ -95,6 +117,28 @@ const handleAssignPractitioner = async (practitionerData) => {
   }
 };
 
+const handleUnassignPractitioner = async ({
+  practitionerId,
+  practitionerName,
+}) => {
+  try {
+    if (!intervention.value?.id) {
+      return;
+    }
+
+    await interventionStore.unassignPractitioner(
+      intervention.value.id,
+      practitionerId
+    );
+
+    await fetchIntervention();
+    notificationStore.deleted(practitionerName || "Praticien", "désassigné");
+  } catch (error) {
+    console.error("Error unassigning practitioner:", error);
+    notificationStore.error("Erreur", "Impossible de désassigner le praticien");
+  }
+};
+
 // Handle update from child components
 const handleUpdate = async (updatedIntervention) => {
   try {
@@ -128,6 +172,7 @@ watch(
 
 // Load data on component mount
 onMounted(() => {
+  fetchPractitioners();
   fetchIntervention();
 });
 </script>
diff --git a/thanasoft-front/src/views/pages/Login.vue b/thanasoft-front/src/views/pages/Login.vue
index ab9c6b1..6e53403 100644
--- a/thanasoft-front/src/views/pages/Login.vue
+++ b/thanasoft-front/src/views/pages/Login.vue
@@ -11,9 +11,7 @@
       <div class="row justify-content-center">
         <div class="mx-auto text-center col-lg-5">
           <h1 class="mt-5 mb-2 text-white">Bonjour !</h1>
-          <p class="text-white text-lead">
-            Entrez votre email pour continuer
-          </p>
+          <p class="text-white text-lead">Entrez votre email pour continuer</p>
         </div>
       </div>
     </div>
@@ -153,7 +151,8 @@ const errorMessage = ref("");
 
 const stepTitle = computed(() => {
   if (currentStep.value === "password") return "Saisissez votre mot de passe";
-  if (currentStep.value === "create-password") return "Creez votre mot de passe";
+  if (currentStep.value === "create-password")
+    return "Creez votre mot de passe";
   return "Connectez-vous";
 });
 
@@ -189,7 +188,9 @@ const checkEmailStep = async () => {
 
   const response = await AuthService.checkEmail(email.value);
   checkedEmail.value = email.value;
-  currentStep.value = response.data.has_password ? "password" : "create-password";
+  currentStep.value = response.data.has_password
+    ? "password"
+    : "create-password";
   errorMessage.value = "";
   resetPasswords();
 };