feat(rental): Sprint F — photos & vidéos items rental

Nouveau modèle `RentalItemMedia` parallèle de `Media` (carbet) :
- s3Key / s3Url / sortOrder / type (PHOTO|VIDEO), cascade sur RentalItem
- Migration `20260603100000_rental_item_media` appliquée

Endpoints upload dédiés (mêmes conventions que carbet) :
- POST /api/uploads/rental-presign + POST /api/uploads/rental-finalize
  → auth par canManageRentalProvider (admin OR provider manager)
  → s3Key préfixé `rental-items/<itemId>/`
  → finalize hydrate `RentalItem.imageUrl` avec la première PHOTO
  → générateur de variantes (320/800/1600 via sharp) en best-effort
- DELETE /api/rental-media/[id] + POST /api/rental-media/reorder
  → reorder rafraîchit imageUrl (cover = sortOrder 0)

`MediaUploader` rendu générique :
- Nouveau prop `scope: {kind: "carbet" | "rental-item", id}` ; conserve
  rétro-compat `carbetId` (deprecated)
- Endpoints + payload key (`carbetId` ↔ `itemId`) calculés via
  `endpointsFor()`. Aucun changement de comportement côté carbet.

UI branchée :
- /admin/rental-items/[id] : section « Photos & vidéos » au-dessus du
  form, alimentée par `item.media` chargé par `getRentalItemForAdmin`
- /espace-prestataire/items/[itemId] : idem, charge via `getHostItem`
- /materiel/[itemId] : nouveau `<ItemGallery />` (thumbs cliquables +
  support vidéo). Fallback : ancien `item.imageUrl` si pas de média
  dédié (compat seed).

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

.forgejo/workflows/ci.yml

@@ -0,0 +1,59 @@
+name: CI
+
+# Lance lint + typecheck + tests + build sur push/PR.
+#
+# Workflow dormant tant qu'aucun runner Forgejo n'est enregistré.
+# Pour activer :
+#   1) Sur git.cosmolan.fr, générer un token runner :
+#      Admin → Actions → Runners → Create new Runner Token
+#      (ou pour ce repo seul : Settings → Actions → Runners → Create)
+#   2) Sur la machine d'exécution :
+#        wget https://codeberg.org/forgejo/runner/releases/download/v6.7.0/forgejo-runner-6.7.0-linux-amd64
+#        chmod +x forgejo-runner-6.7.0-linux-amd64
+#        ./forgejo-runner-6.7.0-linux-amd64 register \
+#          --instance https://git.cosmolan.fr \
+#          --token <TOKEN> \
+#          --name karbe-ci \
+#          --labels "ubuntu-latest:docker://node:20"
+#   3) Démarrer :
+#        ./forgejo-runner-6.7.0-linux-amd64 daemon
+
+on:
+  push:
+    branches: [main]
+  pull_request:
+
+jobs:
+  test:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+
+      - uses: actions/setup-node@v4
+        with:
+          node-version: "20"
+          cache: "npm"
+
+      - name: Install dependencies
+        run: npm ci --no-audit --no-fund
+
+      - name: Generate Prisma client
+        run: npx prisma generate
+
+      - name: Lint
+        run: npm run lint
+
+      - name: Typecheck
+        run: npm run typecheck
+
+      - name: Test
+        run: npm test
+
+      - name: Build (smoke)
+        run: npm run build
+        env:
+          # Stubs nécessaires au build statique — pas de connexion réelle.
+          DATABASE_URL: "postgresql://stub:stub@localhost:5432/stub?schema=public"
+          NEXTAUTH_SECRET: "ci-secret-not-for-production"
+          AUTH_SECRET: "ci-secret-not-for-production"
+          NEXT_PUBLIC_SITE_URL: "https://example.invalid"

package.json

@@ -7,18 +7,30 @@
     "build": "next build",
     "start": "next start",
     "lint": "eslint",
-    "postinstall": "prisma generate"
+    "postinstall": "prisma generate",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "typecheck": "tsc --noEmit"
   },
   "dependencies": {
     "@aws-sdk/client-s3": "^3.1056.0",
+    "@aws-sdk/s3-request-presigner": "^3.1058.0",
+    "@dnd-kit/core": "^6.3.1",
+    "@dnd-kit/sortable": "^8.0.0",
+    "@dnd-kit/utilities": "^3.2.2",
     "@prisma/adapter-pg": "^7.8.0",
     "@prisma/client": "^7.8.0",
+    "@types/leaflet": "^1.9.21",
     "bcryptjs": "^3.0.3",
+    "leaflet": "^1.9.4",
     "next": "16.2.6",
     "next-auth": "^5.0.0-beta.31",
     "pg": "^8.21.0",
     "react": "19.2.4",
     "react-dom": "19.2.4",
+    "react-leaflet": "^5.0.0",
+    "resend": "^4.8.0",
+    "sharp": "^0.34.5",
     "stripe": "^18.3.0"
   },
   "devDependencies": {
@@ -26,11 +38,13 @@
     "@types/node": "^20.19.41",
     "@types/react": "^19.2.15",
     "@types/react-dom": "^19.2.3",
+    "@vitest/coverage-v8": "^3.2.4",
     "dotenv": "^17.4.2",
     "eslint": "^9.39.4",
     "eslint-config-next": "^16.2.6",
     "prisma": "^7.8.0",
     "tailwindcss": "^4",
-    "typescript": "^5.9.3"
+    "typescript": "^5.9.3",
+    "vitest": "^3.2.4"
   }
 }

prisma/migrations/20260601060000_password_reset_token/migration.sql

@@ -0,0 +1,9 @@
+CREATE TABLE "PasswordResetToken" (
+  "tokenHash" TEXT NOT NULL,
+  "userId" TEXT NOT NULL,
+  "expiresAt" TIMESTAMP(3) NOT NULL,
+  "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+  CONSTRAINT "PasswordResetToken_pkey" PRIMARY KEY ("tokenHash")
+);
+CREATE INDEX "PasswordResetToken_userId_idx" ON "PasswordResetToken"("userId");
+CREATE INDEX "PasswordResetToken_expiresAt_idx" ON "PasswordResetToken"("expiresAt");

prisma/migrations/20260601120000_translation_overrides/migration.sql

@@ -0,0 +1,9 @@
+CREATE TABLE "Translation" (
+  "key" TEXT NOT NULL,
+  "lang" TEXT NOT NULL,
+  "value" TEXT NOT NULL,
+  "updatedAt" TIMESTAMP(3) NOT NULL,
+  "updatedBy" TEXT,
+  CONSTRAINT "Translation_pkey" PRIMARY KEY ("key", "lang")
+);
+CREATE INDEX "Translation_lang_idx" ON "Translation"("lang");

prisma/migrations/20260601150000_carbet_nightly_price/migration.sql

@@ -0,0 +1,2 @@
+ALTER TABLE "Carbet" ADD COLUMN "nightlyPrice" DECIMAL(10,2) NOT NULL DEFAULT 0;
+UPDATE "Carbet" SET "nightlyPrice" = 80 WHERE "nightlyPrice" = 0;

prisma/migrations/20260602030000_operational_criteria/migration.sql

@@ -0,0 +1,15 @@
+CREATE TYPE "RoadAccess" AS ENUM ('NONE', 'DRY_SEASON_ONLY', 'ALL_YEAR');
+CREATE TYPE "Electricity" AS ENUM ('NONE', 'SOLAR', 'GENERATOR_READY', 'EDF');
+
+ALTER TABLE "Carbet" ADD COLUMN "roadAccess" "RoadAccess";
+ALTER TABLE "Carbet" ADD COLUMN "electricity" "Electricity";
+ALTER TABLE "Carbet" ADD COLUMN "gsmAtCarbet" BOOLEAN NOT NULL DEFAULT false;
+ALTER TABLE "Carbet" ADD COLUMN "gsmExitDistanceKm" DECIMAL(4,2);
+
+-- Seed des 6 carbets démo avec valeurs réalistes
+UPDATE "Carbet" SET "roadAccess" = 'NONE',             "electricity" = 'SOLAR',           "gsmAtCarbet" = false, "gsmExitDistanceKm" = 1.5 WHERE id = 'demo-carbet-awara';
+UPDATE "Carbet" SET "roadAccess" = 'ALL_YEAR',         "electricity" = 'EDF',             "gsmAtCarbet" = true                              WHERE id = 'demo-carbet-kourou';
+UPDATE "Carbet" SET "roadAccess" = 'ALL_YEAR',         "electricity" = 'EDF',             "gsmAtCarbet" = true                              WHERE id = 'demo-carbet-mahury';
+UPDATE "Carbet" SET "roadAccess" = 'NONE',             "electricity" = 'GENERATOR_READY', "gsmAtCarbet" = false, "gsmExitDistanceKm" = 4.0 WHERE id = 'demo-carbet-maripa';
+UPDATE "Carbet" SET "roadAccess" = 'DRY_SEASON_ONLY',  "electricity" = 'SOLAR',           "gsmAtCarbet" = false, "gsmExitDistanceKm" = 0.5 WHERE id = 'demo-carbet-paripou';
+UPDATE "Carbet" SET "roadAccess" = 'ALL_YEAR',         "electricity" = 'EDF',             "gsmAtCarbet" = true                              WHERE id = 'demo-carbet-wapa';

prisma/migrations/20260602100000_favorite/migration.sql

@@ -0,0 +1,8 @@
+CREATE TABLE "Favorite" (
+  "userId" TEXT NOT NULL,
+  "carbetId" TEXT NOT NULL,
+  "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+  CONSTRAINT "Favorite_pkey" PRIMARY KEY ("userId", "carbetId")
+);
+CREATE INDEX "Favorite_userId_idx" ON "Favorite"("userId");
+CREATE INDEX "Favorite_carbetId_idx" ON "Favorite"("carbetId");

prisma/migrations/20260603000000_rental_marketplace/migration.sql

@@ -0,0 +1,112 @@
+-- UserRole : ajouter RENTAL_PROVIDER
+ALTER TYPE "UserRole" ADD VALUE IF NOT EXISTS 'RENTAL_PROVIDER';
+
+-- Enums dédiés
+CREATE TYPE "RentalCategory" AS ENUM ('SLEEP', 'NAVIGATION', 'FISHING', 'COOKING', 'SAFETY');
+CREATE TYPE "RentalBookingStatus" AS ENUM ('PENDING', 'CONFIRMED', 'HANDED_OVER', 'RETURNED', 'CANCELLED');
+
+-- RentalProvider
+CREATE TABLE "RentalProvider" (
+  "id" TEXT NOT NULL,
+  "name" TEXT NOT NULL,
+  "isSystemD" BOOLEAN NOT NULL DEFAULT false,
+  "managedByUserId" TEXT,
+  "contactEmail" TEXT,
+  "contactPhone" TEXT,
+  "rivers" TEXT[] DEFAULT ARRAY[]::TEXT[],
+  "description" TEXT,
+  "commissionPct" DECIMAL(5,2) NOT NULL DEFAULT 0,
+  "active" BOOLEAN NOT NULL DEFAULT true,
+  "approved" BOOLEAN NOT NULL DEFAULT false,
+  "approvedAt" TIMESTAMP(3),
+  "approvedBy" TEXT,
+  "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+  "updatedAt" TIMESTAMP(3) NOT NULL,
+  CONSTRAINT "RentalProvider_pkey" PRIMARY KEY ("id"),
+  CONSTRAINT "RentalProvider_managedByUserId_fkey" FOREIGN KEY ("managedByUserId") REFERENCES "User"("id") ON DELETE SET NULL ON UPDATE CASCADE
+);
+CREATE INDEX "RentalProvider_active_approved_idx" ON "RentalProvider"("active", "approved");
+CREATE INDEX "RentalProvider_managedByUserId_idx" ON "RentalProvider"("managedByUserId");
+
+-- RentalItem
+CREATE TABLE "RentalItem" (
+  "id" TEXT NOT NULL,
+  "providerId" TEXT NOT NULL,
+  "category" "RentalCategory" NOT NULL,
+  "name" TEXT NOT NULL,
+  "description" TEXT,
+  "imageUrl" TEXT,
+  "pricePerDay" DECIMAL(8,2) NOT NULL,
+  "pricePerWeek" DECIMAL(8,2),
+  "deposit" DECIMAL(8,2) NOT NULL DEFAULT 0,
+  "totalQty" INTEGER NOT NULL DEFAULT 1,
+  "withMotor" BOOLEAN NOT NULL DEFAULT false,
+  "fuelIncluded" BOOLEAN NOT NULL DEFAULT false,
+  "requiresLicense" BOOLEAN NOT NULL DEFAULT false,
+  "active" BOOLEAN NOT NULL DEFAULT true,
+  "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+  "updatedAt" TIMESTAMP(3) NOT NULL,
+  CONSTRAINT "RentalItem_pkey" PRIMARY KEY ("id"),
+  CONSTRAINT "RentalItem_providerId_fkey" FOREIGN KEY ("providerId") REFERENCES "RentalProvider"("id") ON DELETE CASCADE ON UPDATE CASCADE
+);
+CREATE INDEX "RentalItem_providerId_idx" ON "RentalItem"("providerId");
+CREATE INDEX "RentalItem_category_active_idx" ON "RentalItem"("category", "active");
+
+-- RentalItemAvailability
+CREATE TABLE "RentalItemAvailability" (
+  "id" TEXT NOT NULL,
+  "itemId" TEXT NOT NULL,
+  "startDate" TIMESTAMP(3) NOT NULL,
+  "endDate" TIMESTAMP(3) NOT NULL,
+  "qty" INTEGER NOT NULL,
+  "reason" TEXT NOT NULL,
+  "rentalBookingId" TEXT,
+  "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+  CONSTRAINT "RentalItemAvailability_pkey" PRIMARY KEY ("id"),
+  CONSTRAINT "RentalItemAvailability_itemId_fkey" FOREIGN KEY ("itemId") REFERENCES "RentalItem"("id") ON DELETE CASCADE ON UPDATE CASCADE
+);
+CREATE INDEX "RentalItemAvailability_itemId_startDate_endDate_idx" ON "RentalItemAvailability"("itemId", "startDate", "endDate");
+CREATE INDEX "RentalItemAvailability_rentalBookingId_idx" ON "RentalItemAvailability"("rentalBookingId");
+
+-- RentalBooking
+CREATE TABLE "RentalBooking" (
+  "id" TEXT NOT NULL,
+  "bookingId" TEXT,
+  "tenantId" TEXT NOT NULL,
+  "providerId" TEXT NOT NULL,
+  "startDate" TIMESTAMP(3) NOT NULL,
+  "endDate" TIMESTAMP(3) NOT NULL,
+  "status" "RentalBookingStatus" NOT NULL DEFAULT 'PENDING',
+  "paymentStatus" "PaymentStatus" NOT NULL DEFAULT 'PENDING',
+  "itemsTotal" DECIMAL(10,2) NOT NULL,
+  "depositTotal" DECIMAL(10,2) NOT NULL,
+  "commissionAmount" DECIMAL(10,2) NOT NULL DEFAULT 0,
+  "amount" DECIMAL(10,2) NOT NULL,
+  "currency" TEXT NOT NULL DEFAULT 'EUR',
+  "stripeSessionId" TEXT,
+  "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+  "updatedAt" TIMESTAMP(3) NOT NULL,
+  CONSTRAINT "RentalBooking_pkey" PRIMARY KEY ("id"),
+  CONSTRAINT "RentalBooking_bookingId_fkey" FOREIGN KEY ("bookingId") REFERENCES "Booking"("id") ON DELETE SET NULL ON UPDATE CASCADE,
+  CONSTRAINT "RentalBooking_tenantId_fkey" FOREIGN KEY ("tenantId") REFERENCES "User"("id") ON DELETE RESTRICT ON UPDATE CASCADE,
+  CONSTRAINT "RentalBooking_providerId_fkey" FOREIGN KEY ("providerId") REFERENCES "RentalProvider"("id") ON DELETE RESTRICT ON UPDATE CASCADE
+);
+CREATE INDEX "RentalBooking_tenantId_status_idx" ON "RentalBooking"("tenantId", "status");
+CREATE INDEX "RentalBooking_providerId_status_idx" ON "RentalBooking"("providerId", "status");
+CREATE INDEX "RentalBooking_bookingId_idx" ON "RentalBooking"("bookingId");
+CREATE INDEX "RentalBooking_startDate_endDate_idx" ON "RentalBooking"("startDate", "endDate");
+
+-- RentalLine
+CREATE TABLE "RentalLine" (
+  "id" TEXT NOT NULL,
+  "rentalBookingId" TEXT NOT NULL,
+  "itemId" TEXT NOT NULL,
+  "qty" INTEGER NOT NULL,
+  "pricePerDay" DECIMAL(8,2) NOT NULL,
+  "deposit" DECIMAL(8,2) NOT NULL DEFAULT 0,
+  "lineTotal" DECIMAL(10,2) NOT NULL,
+  CONSTRAINT "RentalLine_pkey" PRIMARY KEY ("id"),
+  CONSTRAINT "RentalLine_rentalBookingId_fkey" FOREIGN KEY ("rentalBookingId") REFERENCES "RentalBooking"("id") ON DELETE CASCADE ON UPDATE CASCADE,
+  CONSTRAINT "RentalLine_itemId_fkey" FOREIGN KEY ("itemId") REFERENCES "RentalItem"("id") ON DELETE RESTRICT ON UPDATE CASCADE
+);
+CREATE INDEX "RentalLine_rentalBookingId_idx" ON "RentalLine"("rentalBookingId");

prisma/migrations/20260603100000_rental_item_media/migration.sql

@@ -0,0 +1,22 @@
+-- Sprint F : RentalItemMedia (photos & vidéos pour items rental).
+-- Mêmes conventions que Media (carbet) : MediaType enum existant, s3Key/s3Url,
+-- sortOrder pour cover (0). Cascade sur RentalItem.
+
+CREATE TABLE "RentalItemMedia" (
+  "id"        TEXT NOT NULL,
+  "itemId"    TEXT NOT NULL,
+  "type"      "MediaType" NOT NULL,
+  "s3Key"     TEXT NOT NULL,
+  "s3Url"     TEXT NOT NULL,
+  "sortOrder" INTEGER NOT NULL DEFAULT 0,
+  "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+  CONSTRAINT "RentalItemMedia_pkey" PRIMARY KEY ("id")
+);
+
+CREATE INDEX "RentalItemMedia_itemId_sortOrder_idx"
+  ON "RentalItemMedia"("itemId", "sortOrder");
+
+ALTER TABLE "RentalItemMedia"
+  ADD CONSTRAINT "RentalItemMedia_itemId_fkey"
+  FOREIGN KEY ("itemId") REFERENCES "RentalItem"("id")
+  ON DELETE CASCADE ON UPDATE CASCADE;

prisma/schema.prisma

@@ -13,6 +13,7 @@ enum UserRole {
   CE_MEMBER
   TOURIST
   ADMIN
+  RENTAL_PROVIDER
 }
 
 enum CarbetStatus {
@@ -97,11 +98,13 @@ model User {
   createdAt      DateTime @default(now())
   updatedAt      DateTime @updatedAt
 
-  organization  Organization?  @relation(fields: [organizationId], references: [id], onDelete: SetNull)
+  organization     Organization?    @relation(fields: [organizationId], references: [id], onDelete: SetNull)
-  carbets       Carbet[]       @relation("CarbetOwner")
+  carbets          Carbet[]         @relation("CarbetOwner")
-  bookings      Booking[]      @relation("BookingTenant")
+  bookings         Booking[]        @relation("BookingTenant")
-  reviews       Review[]       @relation("ReviewAuthor")
+  reviews          Review[]         @relation("ReviewAuthor")
-  subscriptions Subscription[]
+  subscriptions    Subscription[]
+  rentalProviders  RentalProvider[]
+  rentalBookings   RentalBooking[]  @relation("RentalBookingTenant")
 
   @@index([organizationId])
   @@index([role])
@@ -124,6 +127,13 @@ model Carbet {
   // Détails d'accès route pour ROAD_AND_RIVER (GPS, distance, type de piste).
   roadAccessNote     String?
   capacity           Int
+  // 4 critères opérationnels dealbreakers (dispo en filtres + badges UI)
+  roadAccess         RoadAccess?
+  electricity        Electricity?
+  gsmAtCarbet        Boolean      @default(false)
+  gsmExitDistanceKm  Decimal?     @db.Decimal(4, 2)
+  // Prix par nuit pour le carbet entier (toute capacité). En euros.
+  nightlyPrice       Decimal      @db.Decimal(10, 2) @default(0)
   // Contraintes séjour (plugin min-stay). null = pas de contrainte.
   minStayNights      Int?
   maxStayNights      Int?
@@ -242,7 +252,8 @@ model Booking {
   carbet Carbet @relation(fields: [carbetId], references: [id], onDelete: Restrict)
   tenant User   @relation("BookingTenant", fields: [tenantId], references: [id], onDelete: Restrict)
 
-  review Review?
+  review         Review?
+  rentalBookings RentalBooking[]
 
   @@index([carbetId])
   @@index([tenantId])
@@ -348,3 +359,189 @@ model Setting {
   updatedAt DateTime @updatedAt
   updatedBy String?
 }
+
+model Translation {
+  key       String
+  lang      String
+  value     String
+  updatedAt DateTime @updatedAt
+  updatedBy String?
+
+  @@id([key, lang])
+  @@index([lang])
+}
+
+model PasswordResetToken {
+  tokenHash String   @id
+  userId    String
+  expiresAt DateTime
+  createdAt DateTime @default(now())
+
+  @@index([userId])
+  @@index([expiresAt])
+}
+
+model Favorite {
+  userId    String
+  carbetId  String
+  createdAt DateTime @default(now())
+
+  @@id([userId, carbetId])
+  @@index([userId])
+  @@index([carbetId])
+}
+
+enum RoadAccess {
+  NONE
+  DRY_SEASON_ONLY
+  ALL_YEAR
+}
+
+enum Electricity {
+  NONE
+  SOLAR
+  GENERATOR_READY
+  EDF
+}
+
+enum RentalCategory {
+  SLEEP
+  NAVIGATION
+  FISHING
+  COOKING
+  SAFETY
+}
+
+enum RentalBookingStatus {
+  PENDING
+  CONFIRMED
+  HANDED_OVER
+  RETURNED
+  CANCELLED
+}
+
+model RentalProvider {
+  id              String   @id @default(cuid())
+  name            String
+  isSystemD       Boolean  @default(false)
+  managedByUserId String?
+  contactEmail    String?
+  contactPhone    String?
+  rivers          String[] @default([])
+  description     String?
+  commissionPct   Decimal  @db.Decimal(5, 2) @default(0)
+  active          Boolean  @default(true)
+  approved        Boolean  @default(false)
+  approvedAt      DateTime?
+  approvedBy      String?
+  createdAt       DateTime @default(now())
+  updatedAt       DateTime @updatedAt
+
+  manager        User?           @relation(fields: [managedByUserId], references: [id], onDelete: SetNull)
+  items          RentalItem[]
+  rentalBookings RentalBooking[]
+
+  @@index([active, approved])
+  @@index([managedByUserId])
+}
+
+model RentalItem {
+  id              String         @id @default(cuid())
+  providerId      String
+  category        RentalCategory
+  name            String
+  description     String?
+  imageUrl        String?
+  pricePerDay     Decimal        @db.Decimal(8, 2)
+  pricePerWeek    Decimal?       @db.Decimal(8, 2)
+  deposit         Decimal        @db.Decimal(8, 2) @default(0)
+  totalQty        Int            @default(1)
+  withMotor       Boolean        @default(false)
+  fuelIncluded    Boolean        @default(false)
+  requiresLicense Boolean        @default(false)
+  active          Boolean        @default(true)
+  createdAt       DateTime       @default(now())
+  updatedAt       DateTime       @updatedAt
+
+  provider       RentalProvider           @relation(fields: [providerId], references: [id], onDelete: Cascade)
+  availabilities RentalItemAvailability[]
+  lines          RentalLine[]
+  media          RentalItemMedia[]
+
+  @@index([providerId])
+  @@index([category, active])
+}
+
+model RentalItemMedia {
+  id        String    @id @default(cuid())
+  itemId    String
+  type      MediaType
+  s3Key     String
+  s3Url     String
+  sortOrder Int       @default(0)
+  createdAt DateTime  @default(now())
+
+  item RentalItem @relation(fields: [itemId], references: [id], onDelete: Cascade)
+
+  @@index([itemId, sortOrder])
+}
+
+model RentalItemAvailability {
+  id              String   @id @default(cuid())
+  itemId          String
+  startDate       DateTime
+  endDate         DateTime
+  qty             Int
+  reason          String
+  rentalBookingId String?
+  createdAt       DateTime @default(now())
+
+  item RentalItem @relation(fields: [itemId], references: [id], onDelete: Cascade)
+
+  @@index([itemId, startDate, endDate])
+  @@index([rentalBookingId])
+}
+
+model RentalBooking {
+  id               String              @id @default(cuid())
+  bookingId        String?
+  tenantId         String
+  providerId       String
+  startDate        DateTime
+  endDate          DateTime
+  status           RentalBookingStatus @default(PENDING)
+  paymentStatus    PaymentStatus       @default(PENDING)
+  itemsTotal       Decimal             @db.Decimal(10, 2)
+  depositTotal     Decimal             @db.Decimal(10, 2)
+  commissionAmount Decimal             @db.Decimal(10, 2) @default(0)
+  amount           Decimal             @db.Decimal(10, 2)
+  currency         String              @default("EUR")
+  stripeSessionId  String?
+  createdAt        DateTime            @default(now())
+  updatedAt        DateTime            @updatedAt
+
+  booking  Booking?       @relation(fields: [bookingId], references: [id], onDelete: SetNull)
+  tenant   User           @relation("RentalBookingTenant", fields: [tenantId], references: [id], onDelete: Restrict)
+  provider RentalProvider @relation(fields: [providerId], references: [id], onDelete: Restrict)
+  lines    RentalLine[]
+
+  @@index([tenantId, status])
+  @@index([providerId, status])
+  @@index([bookingId])
+  @@index([startDate, endDate])
+}
+
+model RentalLine {
+  id              String  @id @default(cuid())
+  rentalBookingId String
+  itemId          String
+  qty             Int
+  pricePerDay     Decimal @db.Decimal(8, 2)
+  deposit         Decimal @db.Decimal(8, 2) @default(0)
+  lineTotal       Decimal @db.Decimal(10, 2)
+
+  rentalBooking RentalBooking @relation(fields: [rentalBookingId], references: [id], onDelete: Cascade)
+  item          RentalItem    @relation(fields: [itemId], references: [id], onDelete: Restrict)
+
+  @@index([rentalBookingId])
+}

public/manifest.webmanifest

@@ -0,0 +1,60 @@
+{
+  "name": "Karbé — carbets fluviaux de Guyane",
+  "short_name": "Karbé",
+  "description": "Au fil de l'eau : louez des carbets le long des fleuves de Guyane.",
+  "start_url": "/decouvrir",
+  "id": "/decouvrir",
+  "scope": "/",
+  "display": "standalone",
+  "orientation": "portrait",
+  "background_color": "#000000",
+  "theme_color": "#059669",
+  "lang": "fr",
+  "categories": ["travel", "lifestyle"],
+  "icons": [
+    {
+      "src": "/icons/icon-192.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "any"
+    },
+    {
+      "src": "/icons/icon-512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "any"
+    },
+    {
+      "src": "/icons/icon-192-maskable.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "maskable"
+    },
+    {
+      "src": "/icons/icon-512-maskable.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "maskable"
+    }
+  ],
+  "shortcuts": [
+    {
+      "name": "Au fil de l'eau",
+      "short_name": "Découvrir",
+      "url": "/decouvrir",
+      "icons": [{ "src": "/icons/icon-192.png", "sizes": "192x192" }]
+    },
+    {
+      "name": "Mes favoris",
+      "short_name": "Favoris",
+      "url": "/mes-favoris",
+      "icons": [{ "src": "/icons/icon-192.png", "sizes": "192x192" }]
+    },
+    {
+      "name": "Mon compte",
+      "short_name": "Compte",
+      "url": "/mon-compte",
+      "icons": [{ "src": "/icons/icon-192.png", "sizes": "192x192" }]
+    }
+  ]
+}

scripts/backup-postgres.sh

@@ -0,0 +1,54 @@
+#!/bin/bash
+#
+# Backup nightly du PostgreSQL Karbé vers MinIO.
+# Lancé par un systemd timer (karbe-backup.timer).
+#
+# Rétention 30 jours côté MinIO (s'appuyer sur une lifecycle policy ou un
+# nettoyage côté `mc rm` planifié — TODO si on veut être propre).
+
+set -euo pipefail
+
+STAMP=$(date -u +%Y%m%d-%H%M%S)
+DUMP_DIR=/tmp/karbe-backup
+DUMP_FILE="$DUMP_DIR/karbe-${STAMP}.sql.gz"
+BUCKET_DEST="karbe-backups/postgres/karbe-${STAMP}.sql.gz"
+
+mkdir -p "$DUMP_DIR"
+
+# Dump compressé depuis le conteneur postgres
+docker compose -f /home/ubuntu/karbe/docker-compose.prod.yml \
+                -f /home/ubuntu/karbe/docker-compose.override.yml \
+                exec -T postgres pg_dump -U karbe -d karbe \
+  | gzip > "$DUMP_FILE"
+
+SIZE=$(stat -c %s "$DUMP_FILE")
+echo "[$(date -u +%FT%TZ)] dump created size=${SIZE}B path=${DUMP_FILE}"
+
+# Push vers MinIO via mc Docker
+docker run --rm --network karbe-net \
+  --entrypoint /bin/sh \
+  -v "$DUMP_DIR:/dump" \
+  -e MINIO_ROOT_USER \
+  -e MINIO_ROOT_PASSWORD \
+  minio/mc:latest -c "
+    mc alias set karbe http://minio:9000 \"\$MINIO_ROOT_USER\" \"\$MINIO_ROOT_PASSWORD\" >/dev/null 2>&1 && \
+    mc mb karbe/karbe-backups --ignore-existing >/dev/null 2>&1 && \
+    mc cp /dump/karbe-${STAMP}.sql.gz karbe/${BUCKET_DEST}
+  "
+
+echo "[$(date -u +%FT%TZ)] uploaded to karbe/${BUCKET_DEST}"
+
+# Nettoyage local
+rm -f "$DUMP_FILE"
+
+# Rétention : supprime les backups > 30 jours dans MinIO
+docker run --rm --network karbe-net \
+  --entrypoint /bin/sh \
+  -e MINIO_ROOT_USER \
+  -e MINIO_ROOT_PASSWORD \
+  minio/mc:latest -c "
+    mc alias set karbe http://minio:9000 \"\$MINIO_ROOT_USER\" \"\$MINIO_ROOT_PASSWORD\" >/dev/null 2>&1 && \
+    mc rm --recursive --force --older-than 30d karbe/karbe-backups/ 2>/dev/null || true
+  "
+
+echo "[$(date -u +%FT%TZ)] retention sweep done (>30d removed)"

src/app/accueil/page.tsx

@@ -0,0 +1,60 @@
+import Link from "next/link";
+import { IfPluginEnabled } from "@/components/IfPluginEnabled";
+import { HeroSection } from "@/components/landing/HeroSection";
+import { ExperiencesSection } from "@/components/landing/ExperiencesSection";
+import { HowItWorksSection } from "@/components/landing/HowItWorksSection";
+import { CESection } from "@/components/landing/CESection";
+import { TestimonialsSection } from "@/components/landing/TestimonialsSection";
+import { LandingFooter } from "@/components/landing/Footer";
+
+export const metadata = { title: "Accueil — Karbé" };
+
+/**
+ * Landing « marketing » historique (hero + sections + footer riche). Conservée
+ * à /accueil après la promotion de /decouvrir comme nouvelle page d'index.
+ */
+export default function LandingPage() {
+  return (
+    <>
+      <IfPluginEnabled
+        plugin="landing-hero"
+        fallback={
+          <div className="flex flex-1 items-center justify-center bg-zinc-50 px-6 dark:bg-black">
+            <main className="flex w-full max-w-2xl flex-col items-center gap-6 text-center">
+              <h1 className="text-4xl font-semibold tracking-tight text-black sm:text-5xl dark:text-zinc-50">
+                Karbé — carbets fluviaux de Guyane
+              </h1>
+              <p className="max-w-xl text-lg leading-8 text-zinc-600 dark:text-zinc-400">
+                La marketplace pour louer des carbets le long des fleuves de Guyane.
+              </p>
+              <div className="flex flex-wrap items-center justify-center gap-3">
+                <Link
+                  href="/decouvrir"
+                  className="rounded-md bg-emerald-600 px-5 py-2.5 text-sm font-semibold text-white hover:bg-emerald-700"
+                >
+                  Au fil de l&apos;eau
+                </Link>
+                <Link
+                  href="/carbets"
+                  className="rounded-md border border-zinc-300 px-5 py-2.5 text-sm font-medium text-zinc-700 hover:bg-zinc-100 dark:border-zinc-700 dark:text-zinc-200 dark:hover:bg-zinc-900"
+                >
+                  Catalogue
+                </Link>
+              </div>
+            </main>
+          </div>
+        }
+      >
+        <HeroSection />
+      </IfPluginEnabled>
+
+      <IfPluginEnabled plugin="landing-sections">
+        <ExperiencesSection />
+        <HowItWorksSection />
+        <CESection />
+        <TestimonialsSection />
+        <LandingFooter />
+      </IfPluginEnabled>
+    </>
+  );
+}

src/app/admin/bookings/actions.ts

@@ -6,6 +6,7 @@ import { BookingStatus, PaymentStatus, UserRole } from "@/generated/prisma/enums
 import { requireRole } from "@/lib/authorization";
 import { prisma } from "@/lib/prisma";
 import { recordAudit } from "@/lib/admin/audit";
+import { sendBookingConfirmed, sendBookingRefunded } from "@/lib/email";
 
 async function audit(event: string, target: string, actor: string | null, details: Record<string, unknown>) {
   await recordAudit({ scope: "admin.bookings", event, target, actorEmail: actor, details });
@@ -31,11 +32,32 @@ export async function updateBookingStatusAction(id: string, status: string) {
     return { ok: false as const, error: "Statut invalide" };
   }
   const session = await auth();
-  await prisma.booking.update({
+  const before = await prisma.booking.findUnique({
+    where: { id },
+    select: { status: true },
+  });
+  const updated = await prisma.booking.update({
     where: { id },
     data: { status: status as BookingStatus },
+    include: {
+      tenant: { select: { email: true, firstName: true } },
+      carbet: { select: { title: true } },
+    },
   });
   await audit("booking.status.update", id, session?.user?.email ?? null, { status });
+  if (
+    before?.status !== BookingStatus.CONFIRMED &&
+    updated.status === BookingStatus.CONFIRMED
+  ) {
+    sendBookingConfirmed(
+      updated.tenant.email,
+      updated.tenant.firstName,
+      updated.id,
+      updated.carbet.title,
+      updated.startDate,
+      updated.endDate,
+    ).catch(() => {});
+  }
   revalidatePath("/admin/bookings");
   revalidatePath(`/admin/bookings/${id}`);
   return { ok: true as const };
@@ -60,14 +82,26 @@ export async function updateBookingPaymentAction(id: string, paymentStatus: stri
 export async function refundBookingAction(id: string) {
   await requireRole([UserRole.ADMIN]);
   const session = await auth();
-  await prisma.booking.update({
+  const updated = await prisma.booking.update({
     where: { id },
     data: {
       paymentStatus: PaymentStatus.REFUNDED,
       status: BookingStatus.CANCELLED,
     },
+    include: {
+      tenant: { select: { email: true, firstName: true } },
+      carbet: { select: { title: true } },
+    },
   });
   await audit("booking.refund", id, session?.user?.email ?? null, {});
+  sendBookingRefunded(
+    updated.tenant.email,
+    updated.tenant.firstName,
+    updated.id,
+    updated.carbet.title,
+    updated.amount.toString(),
+    updated.currency,
+  ).catch(() => {});
   revalidatePath("/admin/bookings");
   revalidatePath(`/admin/bookings/${id}`);
   return { ok: true as const };

src/app/admin/carbets/[id]/_components/MediaManager.tsx

@@ -1,7 +1,6 @@
 "use client";
 
 import { useState, useTransition } from "react";
-import Image from "next/image";
 import { addMediaAction, removeMediaAction, reorderMediaAction } from "../../actions";
 import { FormField, inputCls, selectCls } from "@/components/admin/FormField";
 
@@ -125,7 +124,7 @@ export function MediaManager({ carbetId, media: initial }: { carbetId: string; m
             </select>
           </FormField>
         </div>
-        <input type="hidden" name="s3Key" value={`external/${Date.now()}`} />
+        {/* Le serveur calcule un s3Key déterministe à partir de l'URL si vide. */}
         {error ? <div className="rounded border border-rose-200 bg-rose-50 px-2 py-1 text-xs text-rose-700">{error}</div> : null}
         <div className="flex justify-end">
           <button

src/app/admin/carbets/[id]/page.tsx

@@ -7,7 +7,7 @@ import {
 } from "@/lib/admin/carbets";
 import { CarbetForm } from "../_components/CarbetForm";
 import { StatusBadge } from "@/components/admin/StatusBadge";
-import { MediaManager } from "./_components/MediaManager";
+import { MediaUploader } from "@/components/MediaUploader";
 import { StatusActions } from "./_components/StatusActions";
 import { updateCarbetAction } from "../actions";
 
@@ -61,16 +61,21 @@ export default async function EditCarbetPage({ params }: PageProps) {
         </div>
       </header>
 
-      <MediaManager
+      <section className="mb-6 rounded-lg border border-zinc-200 bg-white p-5 shadow-sm">
-        carbetId={carbet.id}
+        <h2 className="mb-3 text-sm font-semibold uppercase tracking-wider text-zinc-500">
-        media={carbet.media.map((m) => ({
+          Médias
-          id: m.id,
+        </h2>
-          type: m.type,
+        <MediaUploader
-          s3Key: m.s3Key,
+          carbetId={carbet.id}
-          s3Url: m.s3Url,
+          initialMedia={carbet.media.map((m) => ({
-          sortOrder: m.sortOrder,
+            id: m.id,
-        }))}
+            type: m.type,
-      />
+            s3Key: m.s3Key,
+            s3Url: m.s3Url,
+            sortOrder: m.sortOrder,
+          }))}
+        />
+      </section>
 
       <CarbetForm
         owners={owners}
@@ -87,7 +92,12 @@ export default async function EditCarbetPage({ params }: PageProps) {
           latitude: carbet.latitude.toString(),
           longitude: carbet.longitude.toString(),
           capacity: carbet.capacity,
+          nightlyPrice: carbet.nightlyPrice.toString(),
           accessType: carbet.accessType,
+          roadAccess: carbet.roadAccess,
+          electricity: carbet.electricity,
+          gsmAtCarbet: carbet.gsmAtCarbet,
+          gsmExitDistanceKm: carbet.gsmExitDistanceKm !== null ? carbet.gsmExitDistanceKm.toString() : null,
           roadAccessNote: carbet.roadAccessNote,
           pirogueDurationMin: carbet.pirogueDurationMin,
           minStayNights: carbet.minStayNights,

src/app/admin/carbets/_components/CarbetForm.tsx

@@ -18,7 +18,12 @@ export type CarbetFormInitial = {
   latitude?: number | string;
   longitude?: number | string;
   capacity?: number;
+  nightlyPrice?: number | string;
   accessType?: string;
+  roadAccess?: string | null;
+  electricity?: string | null;
+  gsmAtCarbet?: boolean;
+  gsmExitDistanceKm?: number | string | null;
   roadAccessNote?: string | null;
   pirogueDurationMin?: number | null;
   minStayNights?: number | null;
@@ -188,9 +193,66 @@ export function CarbetForm({ initial = {}, owners, providers, action, submitLabe
           </div>
         </section>
 
-        {/* Séjour */}
+        {/* Critères opérationnels */}
         <section className="rounded-lg border border-zinc-200 bg-white p-5 shadow-sm">
-          <h2 className="mb-4 text-sm font-semibold uppercase tracking-wider text-zinc-500">Séjour</h2>
+          <h2 className="mb-1 text-sm font-semibold uppercase tracking-wider text-zinc-500">
+            Critères opérationnels
+          </h2>
+          <p className="mb-4 text-xs text-zinc-500">
+            Les 4 dealbreakers d&apos;un séjour en carbet guyanais. Indispensable pour les filtres recherche.
+          </p>
+          <div className="grid grid-cols-1 gap-4 sm:grid-cols-2">
+            <FormField label="🛣️ Accès route" hint="Praticabilité de l'accès depuis la route">
+              <select name="roadAccess" defaultValue={initial.roadAccess ?? ""} className={selectCls}>
+                <option value="">— non précisé —</option>
+                <option value="ALL_YEAR">🛣️ Toute saison</option>
+                <option value="DRY_SEASON_ONLY">🟠 Saison sèche uniquement</option>
+                <option value="NONE">🛶 Pirogue uniquement</option>
+              </select>
+            </FormField>
+
+            <FormField label="⚡ Électricité" hint="Comment est alimenté le carbet ?">
+              <select name="electricity" defaultValue={initial.electricity ?? ""} className={selectCls}>
+                <option value="">— non précisé —</option>
+                <option value="EDF">⚡ EDF / raccordé réseau</option>
+                <option value="GENERATOR_READY">🔌 Préinstallation groupe électrogène</option>
+                <option value="SOLAR">☀️ Solaire</option>
+                <option value="NONE">🕯️ Aucune électricité</option>
+              </select>
+            </FormField>
+
+            <FormField label="📶 Réseau GSM au carbet" hint="Téléphone capte directement sur place ?">
+              <select
+                name="gsmAtCarbet"
+                defaultValue={initial.gsmAtCarbet ? "yes" : "no"}
+                className={selectCls}
+              >
+                <option value="yes">✅ Oui, signal au carbet</option>
+                <option value="no">❌ Non, zone sans réseau</option>
+              </select>
+            </FormField>
+
+            <FormField
+              label="📵 Distance pour atteindre le réseau (km)"
+              hint="Si pas de réseau au carbet — sinon laisser vide"
+            >
+              <input
+                name="gsmExitDistanceKm"
+                type="number"
+                min={0}
+                max={50}
+                step="0.1"
+                defaultValue={initial.gsmExitDistanceKm?.toString() ?? ""}
+                placeholder="ex. 1.5"
+                className={inputCls}
+              />
+            </FormField>
+          </div>
+        </section>
+
+        {/* Séjour & tarif */}
+        <section className="rounded-lg border border-zinc-200 bg-white p-5 shadow-sm">
+          <h2 className="mb-4 text-sm font-semibold uppercase tracking-wider text-zinc-500">Séjour &amp; tarif</h2>
           <div className="grid grid-cols-1 gap-4 sm:grid-cols-4">
             <FormField label="Capacité" required hint="Voyageurs max">
               <input
@@ -203,6 +265,17 @@ export function CarbetForm({ initial = {}, owners, providers, action, submitLabe
                 required
               />
             </FormField>
+            <FormField label="Prix / nuit (€)" required hint="Pour le carbet entier.">
+              <input
+                name="nightlyPrice"
+                type="number"
+                min={0}
+                step="0.01"
+                defaultValue={initial.nightlyPrice?.toString() ?? ""}
+                className={inputCls}
+                required
+              />
+            </FormField>
             <FormField label="Capacité min recommandée" hint="Facultatif">
               <input
                 name="minCapacity"

src/app/admin/carbets/actions.ts

@@ -10,7 +10,9 @@ import { prisma } from "@/lib/prisma";
 import {
   AccessType,
   CarbetStatus,
+  Electricity,
   MediaType,
+  RoadAccess,
   TransportMode,
   UserRole,
 } from "@/generated/prisma/enums";
@@ -27,7 +29,18 @@ const baseCarbetSchema = z.object({
   latitude: z.coerce.number().min(-90).max(90),
   longitude: z.coerce.number().min(-180).max(180),
   capacity: z.coerce.number().int().min(1).max(100),
+  nightlyPrice: z.coerce.number().min(0).max(100000),
   accessType: z.enum([AccessType.ROAD_AND_RIVER, AccessType.RIVER_ONLY]),
+  roadAccess: z
+    .enum([RoadAccess.NONE, RoadAccess.DRY_SEASON_ONLY, RoadAccess.ALL_YEAR])
+    .optional()
+    .nullable(),
+  electricity: z
+    .enum([Electricity.NONE, Electricity.SOLAR, Electricity.GENERATOR_READY, Electricity.EDF])
+    .optional()
+    .nullable(),
+  gsmAtCarbet: z.preprocess((v) => v === "yes" || v === true, z.boolean()),
+  gsmExitDistanceKm: z.coerce.number().min(0).max(50).optional().nullable(),
   roadAccessNote: z.string().trim().max(1000).optional().nullable(),
   pirogueDurationMin: z.coerce.number().int().min(0).max(1440).optional().nullable(),
   minStayNights: z.coerce.number().int().min(1).max(365).optional().nullable(),
@@ -52,9 +65,11 @@ function parseFromFormData(fd: FormData) {
     if (typeof v === "string") obj[k] = v;
   }
   // Normalise les champs optionnels nullables
-  ["roadAccessNote", "pirogueDurationMin", "minStayNights", "maxStayNights", "minCapacity", "transportMode", "pirogueProviderId"].forEach(
+  ["roadAccessNote", "pirogueDurationMin", "minStayNights", "maxStayNights", "minCapacity", "transportMode", "pirogueProviderId", "roadAccess", "electricity", "gsmExitDistanceKm"].forEach(
     (k) => (obj[k] = normalizeNullable(obj[k] as string | null | undefined)),
   );
+  // gsmAtCarbet : si pas posté, on garde la valeur (sera traité par preprocess Zod)
+  if (!("gsmAtCarbet" in obj)) obj.gsmAtCarbet = "no";
   return obj;
 }
 

src/app/admin/carbets/page.tsx

@@ -99,6 +99,7 @@ export default async function CarbetsAdminPage({ searchParams }: PageProps) {
               <th className="px-4 py-2 text-left font-semibold">Fleuve</th>
               <th className="px-4 py-2 text-left font-semibold">Accès</th>
               <th className="px-4 py-2 text-right font-semibold">Cap.</th>
+              <th className="px-4 py-2 text-right font-semibold">€/nuit</th>
               <th className="px-4 py-2 text-right font-semibold">Médias</th>
               <th className="px-4 py-2 text-right font-semibold">Résas</th>
               <th className="px-4 py-2 text-left font-semibold">Propriétaire</th>
@@ -109,7 +110,7 @@ export default async function CarbetsAdminPage({ searchParams }: PageProps) {
           <tbody className="divide-y divide-zinc-100">
             {carbets.length === 0 ? (
               <tr>
-                <td colSpan={9} className="px-4 py-8 text-center text-sm text-zinc-500">
+                <td colSpan={10} className="px-4 py-8 text-center text-sm text-zinc-500">
                   Aucun carbet ne correspond aux filtres.
                 </td>
               </tr>
@@ -129,6 +130,7 @@ export default async function CarbetsAdminPage({ searchParams }: PageProps) {
                   {c.accessType === AccessType.RIVER_ONLY ? "🛶 Fleuve" : "🛣️ Route+fleuve"}
                 </td>
                 <td className="px-4 py-2 text-right font-mono text-zinc-700">{c.capacity}</td>
+                <td className="px-4 py-2 text-right font-mono text-zinc-700">{Number(c.nightlyPrice).toFixed(0)}</td>
                 <td className="px-4 py-2 text-right font-mono text-zinc-700">{c.mediaCount}</td>
                 <td className="px-4 py-2 text-right font-mono text-zinc-700">{c.bookingsCount}</td>
                 <td className="px-4 py-2 text-zinc-700">{c.ownerName}</td>

src/app/admin/home/_components/HomeTranslationsForm.tsx

@@ -0,0 +1,169 @@
+"use client";
+
+import { useMemo, useState, useTransition } from "react";
+import { saveHomeTranslationsAction } from "../actions";
+
+type Row = {
+  key: string;
+  baseFr: string;
+  baseEn: string;
+  overrideFr: string | null;
+  overrideEn: string | null;
+};
+
+type Section = {
+  id: string;
+  label: string;
+  description: string;
+  rows: Row[];
+};
+
+type Props = {
+  sections: Section[];
+};
+
+function autoRows(text: string): number {
+  const lines = text.split("\n").length;
+  return Math.min(8, Math.max(1, lines));
+}
+
+export function HomeTranslationsForm({ sections }: Props) {
+  const [pending, startTransition] = useTransition();
+  const [error, setError] = useState<string | null>(null);
+  const [success, setSuccess] = useState<string | null>(null);
+
+  // État local : on garde uniquement la valeur courante (initialisée avec override ?? base).
+  // Le baseValue est posé en input caché et sert au backend pour décider override vs reset.
+  const initial = useMemo(() => {
+    const m = new Map<string, { fr: string; en: string }>();
+    for (const s of sections) {
+      for (const r of s.rows) {
+        m.set(r.key, { fr: r.overrideFr ?? r.baseFr, en: r.overrideEn ?? r.baseEn });
+      }
+    }
+    return m;
+  }, [sections]);
+
+  function onSubmit(formData: FormData) {
+    setError(null);
+    setSuccess(null);
+    startTransition(async () => {
+      const res = await saveHomeTranslationsAction(formData);
+      if (res.ok === false) {
+        setError(res.error);
+      } else {
+        const parts: string[] = [];
+        if (res.saved) parts.push(`${res.saved} sauvegardé${res.saved > 1 ? "s" : ""}`);
+        if (res.reset) parts.push(`${res.reset} réinitialisé${res.reset > 1 ? "s" : ""} (valeur de base)`);
+        setSuccess(parts.length > 0 ? parts.join(" · ") : "Aucun changement.");
+      }
+    });
+  }
+
+  // On crée un seul formulaire global qui contient toutes les sections.
+  let counter = 0;
+
+  return (
+    <form action={onSubmit} className="space-y-8">
+      <fieldset disabled={pending} className="space-y-8">
+        {sections.map((section) => (
+          <section key={section.id} className="rounded-lg border border-zinc-200 bg-white p-5 shadow-sm">
+            <header className="mb-3">
+              <h2 className="text-sm font-semibold uppercase tracking-wider text-zinc-700">
+                {section.label}
+              </h2>
+              <p className="mt-0.5 text-xs text-zinc-500">{section.description}</p>
+            </header>
+
+            <div className="space-y-4">
+              {section.rows.map((r) => {
+                const idxFr = counter++;
+                const idxEn = counter++;
+                const init = initial.get(r.key)!;
+                const hasOverrideFr = r.overrideFr !== null;
+                const hasOverrideEn = r.overrideEn !== null;
+                return (
+                  <div key={r.key} className="rounded-md border border-zinc-100 bg-zinc-50/50 p-3">
+                    <div className="mb-2 flex flex-wrap items-baseline justify-between gap-2">
+                      <code className="text-[11px] font-mono text-zinc-600">{r.key}</code>
+                      <span className="flex gap-1 text-[10px] uppercase tracking-wider">
+                        {hasOverrideFr ? (
+                          <span className="rounded-full bg-emerald-100 px-1.5 py-0.5 font-semibold text-emerald-800 ring-1 ring-inset ring-emerald-300">
+                            FR modifié
+                          </span>
+                        ) : null}
+                        {hasOverrideEn ? (
+                          <span className="rounded-full bg-emerald-100 px-1.5 py-0.5 font-semibold text-emerald-800 ring-1 ring-inset ring-emerald-300">
+                            EN modifié
+                          </span>
+                        ) : null}
+                      </span>
+                    </div>
+
+                    <div className="grid grid-cols-1 gap-3 md:grid-cols-2">
+                      <label className="block">
+                        <span className="mb-1 block text-[10px] font-semibold uppercase tracking-wider text-zinc-500">
+                          FR
+                        </span>
+                        <input type="hidden" name={`entries[${idxFr}][key]`} value={r.key} />
+                        <input type="hidden" name={`entries[${idxFr}][lang]`} value="fr" />
+                        <input type="hidden" name={`entries[${idxFr}][baseValue]`} value={r.baseFr} />
+                        <textarea
+                          name={`entries[${idxFr}][value]`}
+                          rows={autoRows(init.fr)}
+                          defaultValue={init.fr}
+                          maxLength={4000}
+                          className="w-full rounded-md border border-zinc-300 bg-white px-2 py-1.5 text-sm leading-relaxed focus:border-zinc-900 focus:outline-none"
+                        />
+                        <span className="mt-0.5 block text-[10px] text-zinc-400">
+                          Base : <span className="italic">{r.baseFr.slice(0, 80)}{r.baseFr.length > 80 ? "…" : ""}</span>
+                        </span>
+                      </label>
+                      <label className="block">
+                        <span className="mb-1 block text-[10px] font-semibold uppercase tracking-wider text-zinc-500">
+                          EN
+                        </span>
+                        <input type="hidden" name={`entries[${idxEn}][key]`} value={r.key} />
+                        <input type="hidden" name={`entries[${idxEn}][lang]`} value="en" />
+                        <input type="hidden" name={`entries[${idxEn}][baseValue]`} value={r.baseEn} />
+                        <textarea
+                          name={`entries[${idxEn}][value]`}
+                          rows={autoRows(init.en)}
+                          defaultValue={init.en}
+                          maxLength={4000}
+                          className="w-full rounded-md border border-zinc-300 bg-white px-2 py-1.5 text-sm leading-relaxed focus:border-zinc-900 focus:outline-none"
+                        />
+                        <span className="mt-0.5 block text-[10px] text-zinc-400">
+                          Base : <span className="italic">{r.baseEn.slice(0, 80)}{r.baseEn.length > 80 ? "…" : ""}</span>
+                        </span>
+                      </label>
+                    </div>
+                  </div>
+                );
+              })}
+            </div>
+          </section>
+        ))}
+
+        {error ? (
+          <div className="rounded border border-rose-200 bg-rose-50 px-3 py-2 text-sm text-rose-700">{error}</div>
+        ) : null}
+        {success ? (
+          <div className="rounded border border-emerald-200 bg-emerald-50 px-3 py-2 text-sm text-emerald-800">{success}</div>
+        ) : null}
+
+        <div className="sticky bottom-3 flex items-center justify-end gap-3 rounded-lg border border-zinc-200 bg-white px-4 py-3 shadow-md">
+          <span className="text-xs text-zinc-500">
+            Laisser une case vide ou identique au texte de base réinitialise l&apos;override.
+          </span>
+          <button
+            type="submit"
+            className="rounded-md bg-zinc-900 px-5 py-2 text-sm font-semibold text-white hover:bg-zinc-800 disabled:opacity-50"
+          >
+            {pending ? "Enregistrement…" : "Enregistrer les modifications"}
+          </button>
+        </div>
+      </fieldset>
+    </form>
+  );
+}

src/app/admin/home/actions.ts

@@ -0,0 +1,67 @@
+"use server";
+
+import { revalidatePath } from "next/cache";
+import { z } from "zod";
+import { auth } from "@/auth";
+import { UserRole } from "@/generated/prisma/enums";
+import { requireRole } from "@/lib/authorization";
+import { recordAudit } from "@/lib/admin/audit";
+import { deleteTranslationOverride, upsertTranslation } from "@/lib/admin/translations";
+import { invalidateTranslationCache } from "@/lib/i18n/overrides";
+import { isHomeKey } from "@/lib/admin/home-keys";
+
+const entrySchema = z.object({
+  key: z.string().min(1).max(200),
+  lang: z.enum(["fr", "en"]),
+  value: z.string().max(4000),
+  baseValue: z.string().max(4000),
+});
+
+type SaveResult = { ok: true; saved: number; reset: number } | { ok: false; error: string };
+
+export async function saveHomeTranslationsAction(fd: FormData): Promise<SaveResult> {
+  await requireRole([UserRole.ADMIN]);
+  const session = await auth();
+  const actorEmail = session?.user?.email ?? null;
+
+  // FormData arrive avec entries[N][key], entries[N][lang], entries[N][value], entries[N][baseValue].
+  const grouped = new Map<string, Record<string, string>>();
+  for (const [name, val] of fd.entries()) {
+    if (typeof val !== "string") continue;
+    const m = name.match(/^entries\[(\d+)\]\[(key|lang|value|baseValue)\]$/);
+    if (!m) continue;
+    const [, idx, field] = m;
+    if (!grouped.has(idx)) grouped.set(idx, {});
+    grouped.get(idx)![field] = val;
+  }
+
+  let saved = 0;
+  let reset = 0;
+  for (const raw of grouped.values()) {
+    const parsed = entrySchema.safeParse(raw);
+    if (!parsed.success) continue;
+    if (!isHomeKey(parsed.data.key)) continue;
+
+    const trimmed = parsed.data.value.trim();
+    const base = parsed.data.baseValue;
+    if (trimmed === "" || trimmed === base) {
+      // Suppression de l'override : on revient à la valeur du fichier.
+      await deleteTranslationOverride(parsed.data.key, parsed.data.lang);
+      reset++;
+    } else {
+      await upsertTranslation(parsed.data.key, parsed.data.lang, trimmed, actorEmail);
+      saved++;
+    }
+  }
+
+  invalidateTranslationCache();
+  await recordAudit({
+    scope: "admin.home",
+    event: "translations.save",
+    actorEmail,
+    details: { saved, reset },
+  });
+  revalidatePath("/admin/home");
+  revalidatePath("/");
+  return { ok: true, saved, reset };
+}

src/app/admin/home/page.tsx

@@ -0,0 +1,39 @@
+import { HOME_SECTIONS } from "@/lib/admin/home-keys";
+import { listTranslationsForKeys } from "@/lib/admin/translations";
+import { HomeTranslationsForm } from "./_components/HomeTranslationsForm";
+
+export const dynamic = "force-dynamic";
+
+export default async function HomeAdminPage() {
+  const allKeys = await listTranslationsForKeys(HOME_SECTIONS.flatMap((s) => s.prefixes));
+  const keysBySection = HOME_SECTIONS.map((s) => ({
+    id: s.id,
+    label: s.label,
+    description: s.description,
+    rows: allKeys.filter((r) => s.prefixes.some((p) => r.key.startsWith(p))),
+  }));
+
+  const totalOverrides = allKeys.reduce(
+    (acc, r) => acc + (r.overrideFr !== null ? 1 : 0) + (r.overrideEn !== null ? 1 : 0),
+    0,
+  );
+
+  return (
+    <div className="mx-auto max-w-6xl">
+      <header className="mb-5 mt-2">
+        <h1 className="text-2xl font-semibold text-zinc-900">Page d&apos;accueil</h1>
+        <p className="mt-1 text-sm text-zinc-600">
+          Édition des textes affichés sur la page d&apos;accueil publique, en français et en anglais.
+          Les modifications sont appliquées immédiatement (cache rafraîchi sous 10 secondes).
+        </p>
+        <p className="mt-1 text-xs text-zinc-500">
+          {totalOverrides === 0
+            ? "Aucun texte personnalisé pour l'instant — les valeurs par défaut viennent des fichiers de traduction."
+            : `${totalOverrides} valeur${totalOverrides > 1 ? "s" : ""} personnalisée${totalOverrides > 1 ? "s" : ""} actuellement active${totalOverrides > 1 ? "s" : ""}.`}
+        </p>
+      </header>
+
+      <HomeTranslationsForm sections={keysBySection} />
+    </div>
+  );
+}

src/app/admin/page.tsx

@@ -1,3 +1,4 @@
+import Link from "next/link";
 import { formatEur, getAdminKpis } from "@/lib/admin/kpis";
 import { KPICard } from "@/components/admin/KPICard";
 
@@ -66,34 +67,34 @@ export default async function AdminDashboard() {
         </h2>
         <ul className="mt-3 grid grid-cols-1 gap-2 text-sm sm:grid-cols-2 lg:grid-cols-3">
           <li>
-            <a href="/admin/carbets" className="block rounded border border-zinc-200 px-3 py-2 hover:border-zinc-300 hover:bg-zinc-50">
+            <Link href="/admin/carbets" className="block rounded border border-zinc-200 px-3 py-2 hover:border-zinc-300 hover:bg-zinc-50">
               Gérer les carbets
-            </a>
+            </Link>
           </li>
           <li>
-            <a href="/admin/bookings" className="block rounded border border-zinc-200 px-3 py-2 hover:border-zinc-300 hover:bg-zinc-50">
+            <Link href="/admin/bookings" className="block rounded border border-zinc-200 px-3 py-2 hover:border-zinc-300 hover:bg-zinc-50">
               Voir les réservations
-            </a>
+            </Link>
           </li>
           <li>
-            <a href="/admin/content-pages" className="block rounded border border-zinc-200 px-3 py-2 hover:border-zinc-300 hover:bg-zinc-50">
+            <Link href="/admin/content-pages" className="block rounded border border-zinc-200 px-3 py-2 hover:border-zinc-300 hover:bg-zinc-50">
               Éditer les pages
-            </a>
+            </Link>
           </li>
           <li>
-            <a href="/admin/plugins" className="block rounded border border-zinc-200 px-3 py-2 hover:border-zinc-300 hover:bg-zinc-50">
+            <Link href="/admin/plugins" className="block rounded border border-zinc-200 px-3 py-2 hover:border-zinc-300 hover:bg-zinc-50">
               Activer / désactiver des plugins
-            </a>
+            </Link>
           </li>
           <li>
-            <a href="/admin/users" className="block rounded border border-zinc-200 px-3 py-2 hover:border-zinc-300 hover:bg-zinc-50">
+            <Link href="/admin/users" className="block rounded border border-zinc-200 px-3 py-2 hover:border-zinc-300 hover:bg-zinc-50">
               Modérer les utilisateurs
-            </a>
+            </Link>
           </li>
           <li>
-            <a href="/admin/settings" className="block rounded border border-zinc-200 px-3 py-2 hover:border-zinc-300 hover:bg-zinc-50">
+            <Link href="/admin/settings" className="block rounded border border-zinc-200 px-3 py-2 hover:border-zinc-300 hover:bg-zinc-50">
               Paramètres
-            </a>
+            </Link>
           </li>
         </ul>
       </section>

src/app/admin/rental-items/[id]/_components/ItemInlineActions.tsx

@@ -0,0 +1,86 @@
+"use client";
+
+import { useState, useTransition } from "react";
+import { useRouter } from "next/navigation";
+
+type Props = {
+  active: boolean;
+  toggleActiveAction: (active: boolean) => Promise<{ ok: true } | { ok: false; error: string } | undefined>;
+  deleteAction: () => Promise<{ ok: true } | { ok: false; error: string } | undefined | void>;
+};
+
+export function ItemInlineActions({ active, toggleActiveAction, deleteAction }: Props) {
+  const router = useRouter();
+  const [pending, startTransition] = useTransition();
+  const [confirmDelete, setConfirmDelete] = useState(false);
+  const [error, setError] = useState<string | null>(null);
+
+  function toggle() {
+    setError(null);
+    startTransition(async () => {
+      const res = await toggleActiveAction(!active);
+      if (res && (res as { ok?: boolean }).ok === false) setError((res as { error: string }).error);
+      router.refresh();
+    });
+  }
+  function del() {
+    setError(null);
+    startTransition(async () => {
+      const res = await deleteAction();
+      if (res && (res as { ok?: boolean }).ok === false) {
+        setError((res as { error: string }).error);
+        setConfirmDelete(false);
+      }
+    });
+  }
+
+  return (
+    <div className="flex flex-col items-end gap-2">
+      <div className="flex flex-wrap items-center gap-2">
+        <button
+          type="button"
+          onClick={toggle}
+          disabled={pending}
+          className={
+            active
+              ? "rounded-md border border-amber-300 bg-amber-50 px-3 py-1.5 text-xs font-semibold text-amber-800 hover:bg-amber-100 disabled:opacity-50"
+              : "rounded-md bg-emerald-600 px-3 py-1.5 text-xs font-semibold text-white hover:bg-emerald-700 disabled:opacity-50"
+          }
+        >
+          {active ? "Désactiver" : "Réactiver"}
+        </button>
+        {confirmDelete ? (
+          <div className="flex items-center gap-2 rounded border border-rose-300 bg-rose-50 px-2 py-1">
+            <span className="text-xs text-rose-900">Supprimer ?</span>
+            <button
+              type="button"
+              onClick={del}
+              disabled={pending}
+              className="rounded bg-rose-700 px-2 py-1 text-[11px] font-semibold text-white hover:bg-rose-800 disabled:opacity-50"
+            >
+              Oui
+            </button>
+            <button
+              type="button"
+              onClick={() => setConfirmDelete(false)}
+              disabled={pending}
+              className="text-[11px] text-zinc-500 hover:text-zinc-900"
+            >
+              Annuler
+            </button>
+          </div>
+        ) : (
+          <button
+            type="button"
+            onClick={() => setConfirmDelete(true)}
+            disabled={pending}
+            className="rounded-md border border-rose-300 bg-rose-50 px-3 py-1.5 text-xs font-semibold text-rose-700 hover:bg-rose-100 disabled:opacity-50"
+          >
+            Supprimer
+          </button>
+        )}
+      </div>
+      {error ? <div className="rounded border border-rose-200 bg-rose-50 px-2 py-1 text-xs text-rose-700">{error}</div> : null}
+    </div>
+  );
+}

src/app/admin/rental-items/[id]/page.tsx

@@ -0,0 +1,92 @@
+import { notFound } from "next/navigation";
+import Link from "next/link";
+
+import { StatusBadge } from "@/components/admin/StatusBadge";
+import { MediaUploader } from "@/components/MediaUploader";
+import { getRentalItemForAdmin, listProvidersForSelect, RENTAL_CATEGORY_LABEL } from "@/lib/admin/rental-items";
+
+import { ItemForm } from "../_components/ItemForm";
+import { ItemInlineActions } from "./_components/ItemInlineActions";
+import { deleteRentalItemAction, toggleRentalItemActiveAction, updateRentalItemAction } from "../actions";
+
+export const dynamic = "force-dynamic";
+
+type PageProps = { params: Promise<{ id: string }> };
+
+export default async function EditRentalItemPage({ params }: PageProps) {
+  const { id } = await params;
+  const [item, providers] = await Promise.all([getRentalItemForAdmin(id), listProvidersForSelect()]);
+  if (!item) notFound();
+
+  const updateThis = async (fd: FormData) => {
+    "use server";
+    return await updateRentalItemAction(id, fd);
+  };
+  const toggleActiveThis = async (active: boolean) => {
+    "use server";
+    return await toggleRentalItemActiveAction(id, active);
+  };
+  const deleteThis = async () => {
+    "use server";
+    return await deleteRentalItemAction(id);
+  };
+
+  return (
+    <div className="mx-auto max-w-4xl space-y-6">
+      <header className="mt-2 flex flex-wrap items-end justify-between gap-3">
+        <div>
+          <Link href="/admin/rental-items" className="text-xs text-zinc-500 hover:text-zinc-900">
+            ← Tous les items
+          </Link>
+          <h1 className="mt-1 flex items-center gap-3 text-2xl font-semibold text-zinc-900">
+            {item.name}
+            <StatusBadge status={item.active ? "ACTIVE" : "INACTIVE"} />
+          </h1>
+          <p className="mt-1 text-sm text-zinc-500">
+            {RENTAL_CATEGORY_LABEL[item.category]} ·{" "}
+            <Link href={`/admin/rental-providers/${item.provider.id}`} className="text-zinc-900 hover:underline">
+              {item.provider.name}
+            </Link>
+            {item.provider.isSystemD ? " (System D)" : ""}
+          </p>
+        </div>
+        <ItemInlineActions
+          active={item.active}
+          toggleActiveAction={toggleActiveThis}
+          deleteAction={deleteThis}
+        />
+      </header>
+
+      <section className="rounded-lg border border-zinc-200 bg-white p-5 shadow-sm">
+        <h2 className="mb-3 text-base font-semibold text-zinc-900">Photos & vidéos</h2>
+        <MediaUploader
+          scope={{ kind: "rental-item", itemId: item.id }}
+          initialMedia={item.media}
+        />
+      </section>
+
+      <section className="rounded-lg border border-zinc-200 bg-white p-5 shadow-sm">
+        <ItemForm
+          providers={providers}
+          action={updateThis}
+          submitLabel="Enregistrer les modifications"
+          initial={{
+            providerId: item.providerId,
+            category: item.category,
+            name: item.name,
+            description: item.description,
+            imageUrl: item.imageUrl,
+            pricePerDay: item.pricePerDay.toString(),
+            pricePerWeek: item.pricePerWeek?.toString() ?? null,
+            deposit: item.deposit.toString(),
+            totalQty: item.totalQty,
+            withMotor: item.withMotor,
+            fuelIncluded: item.fuelIncluded,
+            requiresLicense: item.requiresLicense,
+            active: item.active,
+          }}
+        />
+      </section>
+    </div>
+  );
+}

src/app/admin/rental-items/_components/ItemForm.tsx

@@ -0,0 +1,132 @@
+"use client";
+
+import { useState, useTransition } from "react";
+import { FormField, inputCls, selectCls, textareaCls } from "@/components/admin/FormField";
+import { RENTAL_CATEGORY_LABEL, RENTAL_CATEGORIES } from "@/lib/rental-category-labels";
+
+type Props = {
+  providers: { id: string; name: string; isSystemD: boolean }[];
+  initial?: {
+    providerId?: string;
+    category?: string;
+    name?: string;
+    description?: string | null;
+    imageUrl?: string | null;
+    pricePerDay?: string | number;
+    pricePerWeek?: string | number | null;
+    deposit?: string | number;
+    totalQty?: number;
+    withMotor?: boolean;
+    fuelIncluded?: boolean;
+    requiresLicense?: boolean;
+    active?: boolean;
+  };
+  action: (fd: FormData) => Promise<{ ok: false; error: string } | { ok: true } | undefined>;
+  submitLabel?: string;
+};
+
+export function ItemForm({ providers, initial = {}, action, submitLabel = "Enregistrer" }: Props) {
+  const [pending, startTransition] = useTransition();
+  const [error, setError] = useState<string | null>(null);
+  const [success, setSuccess] = useState<string | null>(null);
+
+  function onSubmit(fd: FormData) {
+    setError(null);
+    setSuccess(null);
+    startTransition(async () => {
+      const res = await action(fd);
+      if (res && res.ok === false) setError(res.error);
+      else if (res && res.ok === true) setSuccess("Enregistré.");
+    });
+  }
+
+  return (
+    <form action={onSubmit} className="space-y-4">
+      <fieldset disabled={pending} className="space-y-4">
+        <div className="grid grid-cols-1 gap-4 sm:grid-cols-2">
+          <FormField label="Prestataire" required>
+            <select name="providerId" defaultValue={initial.providerId ?? ""} required className={selectCls}>
+              <option value="" disabled>— sélectionner —</option>
+              {providers.map((p) => (
+                <option key={p.id} value={p.id}>
+                  {p.name}{p.isSystemD ? " (System D)" : ""}
+                </option>
+              ))}
+            </select>
+          </FormField>
+          <FormField label="Catégorie" required>
+            <select name="category" defaultValue={initial.category ?? ""} required className={selectCls}>
+              <option value="" disabled>— sélectionner —</option>
+              {RENTAL_CATEGORIES.map((c) => (
+                <option key={c} value={c}>{RENTAL_CATEGORY_LABEL[c]}</option>
+              ))}
+            </select>
+          </FormField>
+          <FormField label="Nom de l'item" required className="sm:col-span-2">
+            <input name="name" defaultValue={initial.name ?? ""} required maxLength={200} className={inputCls} placeholder="ex. Hamac coton large, Pirogue 5m avec moteur 15CV" />
+          </FormField>
+          <FormField label="Description" className="sm:col-span-2">
+            <textarea name="description" rows={3} defaultValue={initial.description ?? ""} maxLength={5000} className={textareaCls} />
+          </FormField>
+          <FormField label="URL image" hint="Optionnel, URL publique vers photo MinIO.">
+            <input name="imageUrl" type="url" defaultValue={initial.imageUrl ?? ""} maxLength={500} className={inputCls} />
+          </FormField>
+          <FormField label="Stock total (qté)" required>
+            <input name="totalQty" type="number" min={1} max={1000} defaultValue={initial.totalQty?.toString() ?? "1"} required className={inputCls} />
+          </FormField>
+          <FormField label="Prix / jour (€)" required>
+            <input name="pricePerDay" type="number" min={0} step="0.5" defaultValue={initial.pricePerDay?.toString() ?? ""} required className={inputCls} />
+          </FormField>
+          <FormField label="Prix / semaine (€)" hint="Optionnel — tarif dégressif sur 7+ jours.">
+            <input name="pricePerWeek" type="number" min={0} step="0.5" defaultValue={initial.pricePerWeek?.toString() ?? ""} className={inputCls} />
+          </FormField>
+          <FormField label="Caution (€)" hint="Dépôt de garantie (bloqué pendant la location).">
+            <input name="deposit" type="number" min={0} step="1" defaultValue={initial.deposit?.toString() ?? "0"} className={inputCls} />
+          </FormField>
+          <FormField label="Statut">
+            <label className="flex items-center gap-2 px-1 py-2 text-sm">
+              <input type="checkbox" name="active" defaultChecked={initial.active ?? true} className="h-4 w-4 rounded border-zinc-300" />
+              Actif (visible au catalogue)
+            </label>
+          </FormField>
+        </div>
+
+        <fieldset className="rounded-lg border border-zinc-200 bg-zinc-50 p-3">
+          <legend className="px-1 text-xs font-semibold uppercase tracking-wider text-zinc-500">
+            Spécifications navigation
+          </legend>
+          <div className="flex flex-wrap gap-4 pt-1 text-sm">
+            <label className="flex items-center gap-2">
+              <input type="checkbox" name="withMotor" defaultChecked={initial.withMotor ?? false} className="h-4 w-4 rounded border-zinc-300" />
+              Avec moteur
+            </label>
+            <label className="flex items-center gap-2">
+              <input type="checkbox" name="fuelIncluded" defaultChecked={initial.fuelIncluded ?? false} className="h-4 w-4 rounded border-zinc-300" />
+              Essence incluse
+            </label>
+            <label className="flex items-center gap-2">
+              <input type="checkbox" name="requiresLicense" defaultChecked={initial.requiresLicense ?? false} className="h-4 w-4 rounded border-zinc-300" />
+              Permis bateau requis
+            </label>
+          </div>
+        </fieldset>
+
+        {error ? (
+          <div className="rounded border border-rose-200 bg-rose-50 px-3 py-2 text-sm text-rose-700">{error}</div>
+        ) : null}
+        {success ? (
+          <div className="rounded border border-emerald-200 bg-emerald-50 px-3 py-2 text-sm text-emerald-800">{success}</div>
+        ) : null}
+
+        <div className="flex items-center justify-end">
+          <button
+            type="submit"
+            className="rounded-md bg-zinc-900 px-5 py-2 text-sm font-semibold text-white hover:bg-zinc-800 disabled:opacity-50"
+          >
+            {pending ? "Enregistrement…" : submitLabel}
+          </button>
+        </div>
+      </fieldset>
+    </form>
+  );
+}

src/app/admin/rental-items/actions.ts

@@ -0,0 +1,129 @@
+"use server";
+
+import { revalidatePath } from "next/cache";
+import { redirect } from "next/navigation";
+import { z } from "zod";
+
+import { auth } from "@/auth";
+import { RentalCategory, UserRole } from "@/generated/prisma/enums";
+import { requireRole } from "@/lib/authorization";
+import { recordAudit } from "@/lib/admin/audit";
+import { prisma } from "@/lib/prisma";
+
+const itemSchema = z.object({
+  providerId: z.string().min(1),
+  category: z.enum([
+    RentalCategory.SLEEP,
+    RentalCategory.NAVIGATION,
+    RentalCategory.FISHING,
+    RentalCategory.COOKING,
+    RentalCategory.SAFETY,
+  ]),
+  name: z.string().trim().min(2).max(200),
+  description: z.string().trim().max(5000).nullable().optional(),
+  imageUrl: z.string().trim().url().max(500).nullable().optional(),
+  pricePerDay: z.coerce.number().min(0).max(10000),
+  pricePerWeek: z.coerce.number().min(0).max(50000).nullable().optional(),
+  deposit: z.coerce.number().min(0).max(10000),
+  totalQty: z.coerce.number().int().min(1).max(1000),
+  withMotor: z.boolean(),
+  fuelIncluded: z.boolean(),
+  requiresLicense: z.boolean(),
+  active: z.boolean(),
+});
+
+function parseFD(fd: FormData) {
+  const get = (k: string) => {
+    const v = (fd.get(k) as string | null) ?? "";
+    return v.trim() === "" ? null : v.trim();
+  };
+  return {
+    providerId: ((fd.get("providerId") as string | null) ?? "").trim(),
+    category: ((fd.get("category") as string | null) ?? "").trim(),
+    name: ((fd.get("name") as string | null) ?? "").trim(),
+    description: get("description"),
+    imageUrl: get("imageUrl"),
+    pricePerDay: fd.get("pricePerDay"),
+    pricePerWeek: get("pricePerWeek"),
+    deposit: fd.get("deposit") ?? "0",
+    totalQty: fd.get("totalQty") ?? "1",
+    withMotor: fd.get("withMotor") === "on",
+    fuelIncluded: fd.get("fuelIncluded") === "on",
+    requiresLicense: fd.get("requiresLicense") === "on",
+    active: fd.get("active") === "on",
+  };
+}
+
+export async function createRentalItemAction(fd: FormData) {
+  await requireRole([UserRole.ADMIN]);
+  const parsed = itemSchema.safeParse(parseFD(fd));
+  if (!parsed.success) {
+    return { ok: false as const, error: parsed.error.issues.map((i) => `${i.path.join(".")}: ${i.message}`).join(" · ") };
+  }
+  const session = await auth();
+  const created = await prisma.rentalItem.create({ data: parsed.data });
+  await recordAudit({
+    scope: "admin.rental-items",
+    event: "create",
+    target: created.id,
+    actorEmail: session?.user?.email ?? null,
+    details: { name: created.name, providerId: created.providerId },
+  });
+  revalidatePath("/admin/rental-items");
+  redirect(`/admin/rental-items/${created.id}`);
+}
+
+export async function updateRentalItemAction(id: string, fd: FormData) {
+  await requireRole([UserRole.ADMIN]);
+  const parsed = itemSchema.safeParse(parseFD(fd));
+  if (!parsed.success) {
+    return { ok: false as const, error: parsed.error.issues.map((i) => `${i.path.join(".")}: ${i.message}`).join(" · ") };
+  }
+  const session = await auth();
+  await prisma.rentalItem.update({ where: { id }, data: parsed.data });
+  await recordAudit({
+    scope: "admin.rental-items",
+    event: "update",
+    target: id,
+    actorEmail: session?.user?.email ?? null,
+    details: { name: parsed.data.name },
+  });
+  revalidatePath("/admin/rental-items");
+  revalidatePath(`/admin/rental-items/${id}`);
+  return { ok: true as const };
+}
+
+export async function toggleRentalItemActiveAction(id: string, active: boolean) {
+  await requireRole([UserRole.ADMIN]);
+  const session = await auth();
+  await prisma.rentalItem.update({ where: { id }, data: { active } });
+  await recordAudit({
+    scope: "admin.rental-items",
+    event: "active.update",
+    target: id,
+    actorEmail: session?.user?.email ?? null,
+    details: { active },
+  });
+  revalidatePath("/admin/rental-items");
+  revalidatePath(`/admin/rental-items/${id}`);
+  return { ok: true as const };
+}
+
+export async function deleteRentalItemAction(id: string) {
+  await requireRole([UserRole.ADMIN]);
+  const session = await auth();
+  const linesCount = await prisma.rentalLine.count({ where: { itemId: id } });
+  if (linesCount > 0) {
+    return { ok: false as const, error: `Impossible : ${linesCount} ligne(s) de réservation pointe(nt) sur cet item.` };
+  }
+  await prisma.rentalItem.delete({ where: { id } });
+  await recordAudit({
+    scope: "admin.rental-items",
+    event: "delete",
+    target: id,
+    actorEmail: session?.user?.email ?? null,
+    details: {},
+  });
+  revalidatePath("/admin/rental-items");
+  redirect("/admin/rental-items");
+}

src/app/admin/rental-items/new/page.tsx

@@ -0,0 +1,31 @@
+import Link from "next/link";
+import { ItemForm } from "../_components/ItemForm";
+import { createRentalItemAction } from "../actions";
+import { listProvidersForSelect } from "@/lib/admin/rental-items";
+
+export const dynamic = "force-dynamic";
+
+type PageProps = { searchParams: Promise<{ providerId?: string }> };
+
+export default async function NewRentalItemPage({ searchParams }: PageProps) {
+  const sp = await searchParams;
+  const providers = await listProvidersForSelect();
+  return (
+    <div className="mx-auto max-w-3xl space-y-6">
+      <header className="mt-2">
+        <Link href="/admin/rental-items" className="text-xs text-zinc-500 hover:text-zinc-900">
+          ← Tous les items
+        </Link>
+        <h1 className="mt-1 text-2xl font-semibold text-zinc-900">Nouvel item locable</h1>
+      </header>
+      <section className="rounded-lg border border-zinc-200 bg-white p-5 shadow-sm">
+        <ItemForm
+          providers={providers}
+          action={createRentalItemAction}
+          submitLabel="Créer l'item"
+          initial={{ providerId: sp.providerId, active: true, totalQty: 1 }}
+        />
+      </section>
+    </div>
+  );
+}

src/app/admin/rental-items/page.tsx

@@ -0,0 +1,152 @@
+import Link from "next/link";
+import { RentalCategory } from "@/generated/prisma/enums";
+import {
+  RENTAL_CATEGORY_LABEL,
+  isRentalCategory,
+  listProvidersForSelect,
+  listRentalItemsAdmin,
+} from "@/lib/admin/rental-items";
+import { StatusBadge } from "@/components/admin/StatusBadge";
+
+export const dynamic = "force-dynamic";
+
+type PageProps = {
+  searchParams: Promise<{
+    q?: string;
+    category?: string;
+    providerId?: string;
+    active?: string;
+  }>;
+};
+
+export default async function RentalItemsAdminPage({ searchParams }: PageProps) {
+  const sp = await searchParams;
+  const filters = {
+    q: sp.q?.trim() || undefined,
+    category: sp.category && isRentalCategory(sp.category) ? sp.category : undefined,
+    providerId: sp.providerId || undefined,
+    active: sp.active === "yes" || sp.active === "no" ? (sp.active as "yes" | "no") : undefined,
+  };
+  const [rows, providers] = await Promise.all([listRentalItemsAdmin(filters), listProvidersForSelect()]);
+  const dateFmt = new Intl.DateTimeFormat("fr-FR", { day: "2-digit", month: "short", year: "2-digit" });
+
+  return (
+    <div className="mx-auto max-w-7xl">
+      <header className="mb-5 mt-2 flex items-end justify-between gap-3">
+        <div>
+          <h1 className="text-2xl font-semibold text-zinc-900">Catalogue d&apos;items locables</h1>
+          <p className="mt-1 text-sm text-zinc-500">
+            {rows.length} item{rows.length > 1 ? "s" : ""}
+          </p>
+        </div>
+        <Link
+          href="/admin/rental-items/new"
+          className="inline-flex items-center gap-1.5 rounded-md bg-zinc-900 px-3 py-1.5 text-sm font-semibold text-white hover:bg-zinc-800"
+        >
+          + Nouvel item
+        </Link>
+      </header>
+
+      <form className="mb-4 flex flex-wrap items-center gap-2 rounded-lg border border-zinc-200 bg-white p-3" method="get">
+        <input
+          type="text"
+          name="q"
+          defaultValue={filters.q ?? ""}
+          placeholder="Recherche nom, description…"
+          className="flex-1 min-w-[220px] rounded-md border border-zinc-300 px-3 py-1.5 text-sm focus:border-zinc-900 focus:outline-none"
+        />
+        <select
+          name="category"
+          defaultValue={filters.category ?? ""}
+          className="rounded-md border border-zinc-300 bg-white px-2 py-1.5 text-sm focus:border-zinc-900 focus:outline-none"
+        >
+          <option value="">Toutes catégories</option>
+          {Object.values(RentalCategory).map((c) => (
+            <option key={c} value={c}>{RENTAL_CATEGORY_LABEL[c]}</option>
+          ))}
+        </select>
+        <select
+          name="providerId"
+          defaultValue={filters.providerId ?? ""}
+          className="rounded-md border border-zinc-300 bg-white px-2 py-1.5 text-sm focus:border-zinc-900 focus:outline-none"
+        >
+          <option value="">Tous prestataires</option>
+          {providers.map((p) => (
+            <option key={p.id} value={p.id}>{p.name}</option>
+          ))}
+        </select>
+        <select
+          name="active"
+          defaultValue={filters.active ?? ""}
+          className="rounded-md border border-zinc-300 bg-white px-2 py-1.5 text-sm focus:border-zinc-900 focus:outline-none"
+        >
+          <option value="">Actifs + inactifs</option>
+          <option value="yes">Actifs</option>
+          <option value="no">Inactifs</option>
+        </select>
+        <button type="submit" className="rounded-md bg-zinc-900 px-3 py-1.5 text-sm font-medium text-white hover:bg-zinc-800">
+          Filtrer
+        </button>
+        {(filters.q || filters.category || filters.providerId || filters.active) ? (
+          <Link href="/admin/rental-items" className="text-sm text-zinc-500 hover:text-zinc-900">Réinit.</Link>
+        ) : null}
+      </form>
+
+      <div className="overflow-hidden rounded-lg border border-zinc-200 bg-white">
+        <table className="w-full text-sm">
+          <thead className="border-b border-zinc-200 bg-zinc-50 text-xs uppercase tracking-wider text-zinc-500">
+            <tr>
+              <th className="px-4 py-2 text-left font-semibold">Nom</th>
+              <th className="px-4 py-2 text-left font-semibold">Catégorie</th>
+              <th className="px-4 py-2 text-left font-semibold">Prestataire</th>
+              <th className="px-4 py-2 text-right font-semibold">€ / jour</th>
+              <th className="px-4 py-2 text-right font-semibold">Stock</th>
+              <th className="px-4 py-2 text-right font-semibold">Caution</th>
+              <th className="px-4 py-2 text-left font-semibold">État</th>
+              <th className="px-4 py-2 text-right font-semibold">MAJ</th>
+            </tr>
+          </thead>
+          <tbody className="divide-y divide-zinc-100">
+            {rows.length === 0 ? (
+              <tr>
+                <td colSpan={8} className="px-4 py-8 text-center text-sm text-zinc-500">
+                  Aucun item.
+                </td>
+              </tr>
+            ) : null}
+            {rows.map((i) => (
+              <tr key={i.id} className="hover:bg-zinc-50">
+                <td className="px-4 py-2">
+                  <Link href={`/admin/rental-items/${i.id}`} className="font-medium text-zinc-900 hover:underline">
+                    {i.name}
+                  </Link>
+                  <div className="text-[11px] text-zinc-500">
+                    {i.withMotor ? "⚙️ moteur · " : ""}
+                    {i.requiresLicense ? "🪪 permis · " : ""}
+                    {i.fuelIncluded ? "⛽ essence · " : ""}
+                  </div>
+                </td>
+                <td className="px-4 py-2 text-zinc-700">{RENTAL_CATEGORY_LABEL[i.category]}</td>
+                <td className="px-4 py-2">
+                  <Link href={`/admin/rental-providers/${i.providerId}`} className="text-zinc-900 hover:underline">
+                    {i.providerName}
+                  </Link>
+                  {i.providerIsSystemD ? (
+                    <span className="ml-1 rounded-full bg-emerald-100 px-1 py-0 text-[9px] font-semibold uppercase tracking-wider text-emerald-800 ring-1 ring-inset ring-emerald-300">
+                      SD
+                    </span>
+                  ) : null}
+                </td>
+                <td className="px-4 py-2 text-right font-mono text-zinc-700">{Number(i.pricePerDay).toFixed(0)}</td>
+                <td className="px-4 py-2 text-right font-mono text-zinc-700">{i.totalQty}</td>
+                <td className="px-4 py-2 text-right font-mono text-zinc-700">{Number(i.deposit).toFixed(0)}</td>
+                <td className="px-4 py-2"><StatusBadge status={i.active ? "ACTIVE" : "INACTIVE"} /></td>
+                <td className="px-4 py-2 text-right text-[11px] text-zinc-500">{dateFmt.format(i.updatedAt)}</td>
+              </tr>
+            ))}
+          </tbody>
+        </table>
+      </div>
+    </div>
+  );
+}

src/app/admin/rental-providers/[id]/_components/ProviderInlineActions.tsx

@@ -0,0 +1,120 @@
+"use client";
+
+import { useState, useTransition } from "react";
+import { useRouter } from "next/navigation";
+
+type Props = {
+  approved: boolean;
+  active: boolean;
+  itemsCount: number;
+  approveAction: () => Promise<{ ok: true } | { ok: false; error: string } | undefined>;
+  toggleActiveAction: (active: boolean) => Promise<{ ok: true } | { ok: false; error: string } | undefined>;
+  deleteAction: () => Promise<{ ok: true } | { ok: false; error: string } | undefined | void>;
+};
+
+export function ProviderInlineActions({
+  approved,
+  active,
+  itemsCount,
+  approveAction,
+  toggleActiveAction,
+  deleteAction,
+}: Props) {
+  const router = useRouter();
+  const [pending, startTransition] = useTransition();
+  const [confirmDelete, setConfirmDelete] = useState(false);
+  const [error, setError] = useState<string | null>(null);
+
+  function approve() {
+    setError(null);
+    startTransition(async () => {
+      const res = await approveAction();
+      if (res && (res as { ok?: boolean }).ok === false) setError((res as { error: string }).error);
+      router.refresh();
+    });
+  }
+  function toggle() {
+    setError(null);
+    startTransition(async () => {
+      const res = await toggleActiveAction(!active);
+      if (res && (res as { ok?: boolean }).ok === false) setError((res as { error: string }).error);
+      router.refresh();
+    });
+  }
+  function del() {
+    setError(null);
+    startTransition(async () => {
+      const res = await deleteAction();
+      if (res && (res as { ok?: boolean }).ok === false) {
+        setError((res as { error: string }).error);
+        setConfirmDelete(false);
+      }
+    });
+  }
+
+  return (
+    <div className="flex flex-col items-end gap-2">
+      <div className="flex flex-wrap items-center gap-2">
+        {!approved ? (
+          <button
+            type="button"
+            onClick={approve}
+            disabled={pending}
+            className="rounded-md bg-emerald-600 px-3 py-1.5 text-xs font-semibold text-white hover:bg-emerald-700 disabled:opacity-50"
+          >
+            ✓ Approuver
+          </button>
+        ) : null}
+        <button
+          type="button"
+          onClick={toggle}
+          disabled={pending}
+          className={
+            active
+              ? "rounded-md border border-amber-300 bg-amber-50 px-3 py-1.5 text-xs font-semibold text-amber-800 hover:bg-amber-100 disabled:opacity-50"
+              : "rounded-md bg-emerald-600 px-3 py-1.5 text-xs font-semibold text-white hover:bg-emerald-700 disabled:opacity-50"
+          }
+        >
+          {active ? "Désactiver" : "Réactiver"}
+        </button>
+        {itemsCount === 0 ? (
+          confirmDelete ? (
+            <div className="flex items-center gap-2 rounded border border-rose-300 bg-rose-50 px-2 py-1">
+              <span className="text-xs text-rose-900">Supprimer ?</span>
+              <button
+                type="button"
+                onClick={del}
+                disabled={pending}
+                className="rounded bg-rose-700 px-2 py-1 text-[11px] font-semibold text-white hover:bg-rose-800 disabled:opacity-50"
+              >
+                Oui
+              </button>
+              <button
+                type="button"
+                onClick={() => setConfirmDelete(false)}
+                disabled={pending}
+                className="text-[11px] text-zinc-500 hover:text-zinc-900"
+              >
+                Annuler
+              </button>
+            </div>
+          ) : (
+            <button
+              type="button"
+              onClick={() => setConfirmDelete(true)}
+              disabled={pending}
+              className="rounded-md border border-rose-300 bg-rose-50 px-3 py-1.5 text-xs font-semibold text-rose-700 hover:bg-rose-100 disabled:opacity-50"
+            >
+              Supprimer
+            </button>
+          )
+        ) : (
+          <span className="rounded border border-zinc-200 bg-zinc-50 px-2 py-1 text-[11px] text-zinc-500">
+            {itemsCount} item(s) — supprimez-les d&apos;abord
+          </span>
+        )}
+      </div>
+      {error ? <div className="rounded border border-rose-200 bg-rose-50 px-2 py-1 text-xs text-rose-700">{error}</div> : null}
+    </div>
+  );
+}

src/app/admin/rental-providers/[id]/page.tsx

@@ -0,0 +1,136 @@
+import { notFound } from "next/navigation";
+import Link from "next/link";
+
+import { StatusBadge } from "@/components/admin/StatusBadge";
+import { getRentalProviderForAdmin } from "@/lib/admin/rental-providers";
+import { RENTAL_CATEGORY_LABEL } from "@/lib/admin/rental-items";
+
+import { ProviderForm } from "../_components/ProviderForm";
+import { ProviderInlineActions } from "./_components/ProviderInlineActions";
+import {
+  approveRentalProviderAction,
+  deleteRentalProviderAction,
+  toggleRentalProviderActiveAction,
+  updateRentalProviderAction,
+} from "../actions";
+
+export const dynamic = "force-dynamic";
+
+type PageProps = { params: Promise<{ id: string }> };
+
+export default async function EditRentalProviderPage({ params }: PageProps) {
+  const { id } = await params;
+  const p = await getRentalProviderForAdmin(id);
+  if (!p) notFound();
+
+  const updateThis = async (fd: FormData) => {
+    "use server";
+    return await updateRentalProviderAction(id, fd);
+  };
+  const approveThis = async () => {
+    "use server";
+    return await approveRentalProviderAction(id);
+  };
+  const toggleActiveThis = async (active: boolean) => {
+    "use server";
+    return await toggleRentalProviderActiveAction(id, active);
+  };
+  const deleteThis = async () => {
+    "use server";
+    return await deleteRentalProviderAction(id);
+  };
+
+  return (
+    <div className="mx-auto max-w-5xl space-y-6">
+      <header className="mt-2 flex flex-wrap items-end justify-between gap-3">
+        <div>
+          <Link href="/admin/rental-providers" className="text-xs text-zinc-500 hover:text-zinc-900">
+            ← Tous les prestataires
+          </Link>
+          <h1 className="mt-1 flex items-center gap-3 text-2xl font-semibold text-zinc-900">
+            {p.name}
+            {p.isSystemD ? (
+              <span className="rounded-full bg-emerald-100 px-2 py-0.5 text-[10px] font-semibold uppercase tracking-wider text-emerald-800 ring-1 ring-inset ring-emerald-300">
+                System D
+              </span>
+            ) : null}
+            <StatusBadge status={p.active ? "ACTIVE" : "INACTIVE"} />
+            {p.approved ? (
+              <span className="rounded-full bg-emerald-100 px-2 py-0.5 text-[10px] font-semibold uppercase tracking-wider text-emerald-800 ring-1 ring-inset ring-emerald-300">
+                Approuvé
+              </span>
+            ) : (
+              <span className="rounded-full bg-amber-100 px-2 py-0.5 text-[10px] font-semibold uppercase tracking-wider text-amber-800 ring-1 ring-inset ring-amber-300">
+                En attente
+              </span>
+            )}
+          </h1>
+          <p className="mt-1 text-sm text-zinc-500">
+            Fleuves : {p.rivers.join(", ") || "—"} · {p._count.items} item(s) · {p._count.rentalBookings} réservation(s) · Commission {Number(p.commissionPct).toFixed(1)}%
+          </p>
+        </div>
+        <ProviderInlineActions
+          approved={p.approved}
+          active={p.active}
+          itemsCount={p._count.items}
+          approveAction={approveThis}
+          toggleActiveAction={toggleActiveThis}
+          deleteAction={deleteThis}
+        />
+      </header>
+
+      <section className="rounded-lg border border-zinc-200 bg-white p-5 shadow-sm">
+        <h2 className="mb-4 text-sm font-semibold uppercase tracking-wider text-zinc-500">Informations</h2>
+        <ProviderForm
+          action={updateThis}
+          submitLabel="Enregistrer"
+          initial={{
+            name: p.name,
+            isSystemD: p.isSystemD,
+            contactEmail: p.contactEmail,
+            contactPhone: p.contactPhone,
+            rivers: p.rivers,
+            description: p.description,
+            commissionPct: p.commissionPct.toString(),
+            active: p.active,
+          }}
+        />
+      </section>
+
+      <section className="rounded-lg border border-zinc-200 bg-white p-5 shadow-sm">
+        <h2 className="mb-4 flex items-center justify-between text-sm font-semibold uppercase tracking-wider text-zinc-500">
+          <span>Items ({p.items.length})</span>
+          <Link href={`/admin/rental-items?providerId=${p.id}`} className="text-xs normal-case tracking-normal text-zinc-700 underline hover:text-zinc-900">
+            Voir tous les items
+          </Link>
+        </h2>
+        {p.items.length === 0 ? (
+          <p className="text-sm text-zinc-500">
+            Pas encore d&apos;item.{" "}
+            <Link href={`/admin/rental-items/new?providerId=${p.id}`} className="text-zinc-900 underline">
+              Créer un premier item
+            </Link>
+          </p>
+        ) : (
+          <ul className="divide-y divide-zinc-100">
+            {p.items.map((i) => (
+              <li key={i.id} className="flex items-center justify-between gap-3 py-2 text-sm">
+                <Link href={`/admin/rental-items/${i.id}`} className="text-zinc-900 hover:underline">
+                  {i.name}
+                  <span className="ml-2 text-[11px] text-zinc-500">
+                    {RENTAL_CATEGORY_LABEL[i.category]}
+                  </span>
+                </Link>
+                <span className="flex items-center gap-3">
+                  <span className="font-mono text-xs text-zinc-700">{Number(i.pricePerDay).toFixed(0)} €/j</span>
+                  <span className="text-[11px] text-zinc-500">qty {i.totalQty}</span>
+                  <StatusBadge status={i.active ? "ACTIVE" : "INACTIVE"} />
+                </span>
+              </li>
+            ))}
+          </ul>
+        )}
+      </section>
+    </div>
+  );
+}

src/app/admin/rental-providers/_components/ProviderForm.tsx

@@ -0,0 +1,132 @@
+"use client";
+
+import { useState, useTransition } from "react";
+import { FormField, inputCls, textareaCls } from "@/components/admin/FormField";
+
+type Props = {
+  initial?: {
+    name?: string;
+    isSystemD?: boolean;
+    contactEmail?: string | null;
+    contactPhone?: string | null;
+    rivers?: string[];
+    description?: string | null;
+    commissionPct?: number | string;
+    active?: boolean;
+  };
+  action: (fd: FormData) => Promise<{ ok: false; error: string } | { ok: true } | undefined>;
+  submitLabel?: string;
+};
+
+export function ProviderForm({ initial = {}, action, submitLabel = "Enregistrer" }: Props) {
+  const [pending, startTransition] = useTransition();
+  const [error, setError] = useState<string | null>(null);
+  const [success, setSuccess] = useState<string | null>(null);
+
+  function onSubmit(fd: FormData) {
+    setError(null);
+    setSuccess(null);
+    startTransition(async () => {
+      const res = await action(fd);
+      if (res && res.ok === false) setError(res.error);
+      else if (res && res.ok === true) setSuccess("Enregistré.");
+    });
+  }
+
+  return (
+    <form action={onSubmit} className="space-y-4">
+      <fieldset disabled={pending} className="space-y-4">
+        <div className="grid grid-cols-1 gap-4 sm:grid-cols-2">
+          <FormField label="Nom du prestataire" required>
+            <input name="name" defaultValue={initial.name ?? ""} required maxLength={200} className={inputCls} />
+          </FormField>
+          <FormField label="Type">
+            <label className="flex items-center gap-2 px-1 py-2 text-sm">
+              <input
+                type="checkbox"
+                name="isSystemD"
+                defaultChecked={initial.isSystemD ?? false}
+                className="h-4 w-4 rounded border-zinc-300"
+              />
+              Fournisseur officiel System D (0 % commission)
+            </label>
+          </FormField>
+          <FormField label="Email contact">
+            <input
+              name="contactEmail"
+              type="email"
+              defaultValue={initial.contactEmail ?? ""}
+              maxLength={200}
+              className={inputCls}
+            />
+          </FormField>
+          <FormField label="Téléphone contact">
+            <input
+              name="contactPhone"
+              defaultValue={initial.contactPhone ?? ""}
+              maxLength={50}
+              className={inputCls}
+            />
+          </FormField>
+          <FormField label="Commission (%)" hint="0 pour System D, 5-15 % pour les prestataires externes.">
+            <input
+              name="commissionPct"
+              type="number"
+              min={0}
+              max={50}
+              step="0.5"
+              defaultValue={initial.commissionPct?.toString() ?? "10"}
+              className={inputCls}
+            />
+          </FormField>
+          <FormField label="Statut">
+            <label className="flex items-center gap-2 px-1 py-2 text-sm">
+              <input
+                type="checkbox"
+                name="active"
+                defaultChecked={initial.active ?? true}
+                className="h-4 w-4 rounded border-zinc-300"
+              />
+              Actif
+            </label>
+          </FormField>
+        </div>
+
+        <FormField label="Fleuves desservis" required hint="Séparer par virgule, point-virgule ou retour à la ligne.">
+          <input
+            name="rivers"
+            defaultValue={(initial.rivers ?? []).join(", ")}
+            placeholder="Maroni, Approuague, Oyapock"
+            className={inputCls}
+          />
+        </FormField>
+
+        <FormField label="Description" hint="Présentation, points forts, conditions particulières.">
+          <textarea
+            name="description"
+            rows={4}
+            defaultValue={initial.description ?? ""}
+            maxLength={5000}
+            className={textareaCls}
+          />
+        </FormField>
+
+        {error ? (
+          <div className="rounded border border-rose-200 bg-rose-50 px-3 py-2 text-sm text-rose-700">{error}</div>
+        ) : null}
+        {success ? (
+          <div className="rounded border border-emerald-200 bg-emerald-50 px-3 py-2 text-sm text-emerald-800">{success}</div>
+        ) : null}
+
+        <div className="flex items-center justify-end gap-2">
+          <button
+            type="submit"
+            className="rounded-md bg-zinc-900 px-5 py-2 text-sm font-semibold text-white hover:bg-zinc-800 disabled:opacity-50"
+          >
+            {pending ? "Enregistrement…" : submitLabel}
+          </button>
+        </div>
+      </fieldset>
+    </form>
+  );
+}

src/app/admin/rental-providers/actions.ts

@@ -0,0 +1,150 @@
+"use server";
+
+import { revalidatePath } from "next/cache";
+import { redirect } from "next/navigation";
+import { z } from "zod";
+
+import { auth } from "@/auth";
+import { UserRole } from "@/generated/prisma/enums";
+import { requireRole } from "@/lib/authorization";
+import { recordAudit } from "@/lib/admin/audit";
+import { prisma } from "@/lib/prisma";
+
+const providerSchema = z.object({
+  name: z.string().trim().min(2).max(200),
+  isSystemD: z.boolean(),
+  managedByUserId: z.string().nullable().optional(),
+  contactEmail: z.string().trim().email().max(200).nullable().optional(),
+  contactPhone: z.string().trim().max(50).nullable().optional(),
+  rivers: z.array(z.string().trim().min(1).max(80)).max(20),
+  description: z.string().trim().max(5000).nullable().optional(),
+  commissionPct: z.coerce.number().min(0).max(50),
+  active: z.boolean(),
+});
+
+function parseFD(fd: FormData) {
+  const riversRaw = (fd.get("rivers") as string | null) ?? "";
+  const rivers = riversRaw
+    .split(/[,;\n]/)
+    .map((s) => s.trim())
+    .filter((s) => s.length > 0);
+  const get = (k: string) => {
+    const v = (fd.get(k) as string | null) ?? "";
+    return v.trim() === "" ? null : v.trim();
+  };
+  return {
+    name: ((fd.get("name") as string | null) ?? "").trim(),
+    isSystemD: fd.get("isSystemD") === "on",
+    managedByUserId: get("managedByUserId"),
+    contactEmail: get("contactEmail"),
+    contactPhone: get("contactPhone"),
+    rivers,
+    description: get("description"),
+    commissionPct: fd.get("commissionPct"),
+    active: fd.get("active") === "on",
+  };
+}
+
+export async function createRentalProviderAction(fd: FormData) {
+  await requireRole([UserRole.ADMIN]);
+  const parsed = providerSchema.safeParse(parseFD(fd));
+  if (!parsed.success) {
+    return { ok: false as const, error: parsed.error.issues.map((i) => `${i.path.join(".")}: ${i.message}`).join(" · ") };
+  }
+  const session = await auth();
+  const created = await prisma.rentalProvider.create({
+    data: {
+      ...parsed.data,
+      approved: true, // créé par admin → approuvé d'office
+      approvedAt: new Date(),
+      approvedBy: session?.user?.email ?? null,
+    },
+  });
+  await recordAudit({
+    scope: "admin.rental-providers",
+    event: "create",
+    target: created.id,
+    actorEmail: session?.user?.email ?? null,
+    details: { name: created.name, isSystemD: created.isSystemD },
+  });
+  revalidatePath("/admin/rental-providers");
+  redirect(`/admin/rental-providers/${created.id}`);
+}
+
+export async function updateRentalProviderAction(id: string, fd: FormData) {
+  await requireRole([UserRole.ADMIN]);
+  const parsed = providerSchema.safeParse(parseFD(fd));
+  if (!parsed.success) {
+    return { ok: false as const, error: parsed.error.issues.map((i) => `${i.path.join(".")}: ${i.message}`).join(" · ") };
+  }
+  const session = await auth();
+  await prisma.rentalProvider.update({ where: { id }, data: parsed.data });
+  await recordAudit({
+    scope: "admin.rental-providers",
+    event: "update",
+    target: id,
+    actorEmail: session?.user?.email ?? null,
+    details: { name: parsed.data.name },
+  });
+  revalidatePath("/admin/rental-providers");
+  revalidatePath(`/admin/rental-providers/${id}`);
+  return { ok: true as const };
+}
+
+export async function approveRentalProviderAction(id: string) {
+  await requireRole([UserRole.ADMIN]);
+  const session = await auth();
+  await prisma.rentalProvider.update({
+    where: { id },
+    data: {
+      approved: true,
+      approvedAt: new Date(),
+      approvedBy: session?.user?.email ?? null,
+    },
+  });
+  await recordAudit({
+    scope: "admin.rental-providers",
+    event: "approve",
+    target: id,
+    actorEmail: session?.user?.email ?? null,
+    details: {},
+  });
+  revalidatePath("/admin/rental-providers");
+  revalidatePath(`/admin/rental-providers/${id}`);
+  return { ok: true as const };
+}
+
+export async function toggleRentalProviderActiveAction(id: string, active: boolean) {
+  await requireRole([UserRole.ADMIN]);
+  const session = await auth();
+  await prisma.rentalProvider.update({ where: { id }, data: { active } });
+  await recordAudit({
+    scope: "admin.rental-providers",
+    event: "active.update",
+    target: id,
+    actorEmail: session?.user?.email ?? null,
+    details: { active },
+  });
+  revalidatePath("/admin/rental-providers");
+  revalidatePath(`/admin/rental-providers/${id}`);
+  return { ok: true as const };
+}
+
+export async function deleteRentalProviderAction(id: string) {
+  await requireRole([UserRole.ADMIN]);
+  const session = await auth();
+  const itemsCount = await prisma.rentalItem.count({ where: { providerId: id } });
+  if (itemsCount > 0) {
+    return { ok: false as const, error: `Impossible : ${itemsCount} item(s) attaché(s).` };
+  }
+  await prisma.rentalProvider.delete({ where: { id } });
+  await recordAudit({
+    scope: "admin.rental-providers",
+    event: "delete",
+    target: id,
+    actorEmail: session?.user?.email ?? null,
+    details: {},
+  });
+  revalidatePath("/admin/rental-providers");
+  redirect("/admin/rental-providers");
+}

src/app/admin/rental-providers/new/page.tsx

@@ -0,0 +1,21 @@
+import Link from "next/link";
+import { ProviderForm } from "../_components/ProviderForm";
+import { createRentalProviderAction } from "../actions";
+
+export const dynamic = "force-dynamic";
+
+export default function NewRentalProviderPage() {
+  return (
+    <div className="mx-auto max-w-3xl space-y-6">
+      <header className="mt-2">
+        <Link href="/admin/rental-providers" className="text-xs text-zinc-500 hover:text-zinc-900">
+          ← Tous les prestataires
+        </Link>
+        <h1 className="mt-1 text-2xl font-semibold text-zinc-900">Nouveau prestataire location</h1>
+      </header>
+      <section className="rounded-lg border border-zinc-200 bg-white p-5 shadow-sm">
+        <ProviderForm action={createRentalProviderAction} submitLabel="Créer le prestataire" />
+      </section>
+    </div>
+  );
+}

src/app/admin/rental-providers/page.tsx

@@ -0,0 +1,149 @@
+import Link from "next/link";
+import { listRentalProvidersAdmin, listRentalProviderRivers } from "@/lib/admin/rental-providers";
+import { StatusBadge } from "@/components/admin/StatusBadge";
+
+export const dynamic = "force-dynamic";
+
+type PageProps = {
+  searchParams: Promise<{
+    q?: string;
+    approved?: string;
+    active?: string;
+    river?: string;
+  }>;
+};
+
+export default async function RentalProvidersAdminPage({ searchParams }: PageProps) {
+  const sp = await searchParams;
+  const filters = {
+    q: sp.q?.trim() || undefined,
+    approved: sp.approved === "yes" || sp.approved === "no" ? (sp.approved as "yes" | "no") : undefined,
+    active: sp.active === "yes" || sp.active === "no" ? (sp.active as "yes" | "no") : undefined,
+    river: sp.river || undefined,
+  };
+  const [rows, rivers] = await Promise.all([listRentalProvidersAdmin(filters), listRentalProviderRivers()]);
+  const dateFmt = new Intl.DateTimeFormat("fr-FR", { day: "2-digit", month: "short", year: "2-digit" });
+
+  return (
+    <div className="mx-auto max-w-7xl">
+      <header className="mb-5 mt-2 flex items-end justify-between gap-3">
+        <div>
+          <h1 className="text-2xl font-semibold text-zinc-900">Prestataires location matériel</h1>
+          <p className="mt-1 text-sm text-zinc-500">
+            {rows.length} résultat{rows.length > 1 ? "s" : ""}
+          </p>
+        </div>
+        <Link
+          href="/admin/rental-providers/new"
+          className="inline-flex items-center gap-1.5 rounded-md bg-zinc-900 px-3 py-1.5 text-sm font-semibold text-white hover:bg-zinc-800"
+        >
+          + Nouveau prestataire
+        </Link>
+      </header>
+
+      <form className="mb-4 flex flex-wrap items-center gap-2 rounded-lg border border-zinc-200 bg-white p-3" method="get">
+        <input
+          type="text"
+          name="q"
+          defaultValue={filters.q ?? ""}
+          placeholder="Recherche nom, email, description…"
+          className="flex-1 min-w-[220px] rounded-md border border-zinc-300 px-3 py-1.5 text-sm focus:border-zinc-900 focus:outline-none"
+        />
+        <select
+          name="approved"
+          defaultValue={filters.approved ?? ""}
+          className="rounded-md border border-zinc-300 bg-white px-2 py-1.5 text-sm focus:border-zinc-900 focus:outline-none"
+        >
+          <option value="">Tous statuts approbation</option>
+          <option value="yes">Approuvés</option>
+          <option value="no">En attente</option>
+        </select>
+        <select
+          name="active"
+          defaultValue={filters.active ?? ""}
+          className="rounded-md border border-zinc-300 bg-white px-2 py-1.5 text-sm focus:border-zinc-900 focus:outline-none"
+        >
+          <option value="">Actifs + inactifs</option>
+          <option value="yes">Actifs</option>
+          <option value="no">Inactifs</option>
+        </select>
+        <select
+          name="river"
+          defaultValue={filters.river ?? ""}
+          className="rounded-md border border-zinc-300 bg-white px-2 py-1.5 text-sm focus:border-zinc-900 focus:outline-none"
+        >
+          <option value="">Tous fleuves</option>
+          {rivers.map((r) => (
+            <option key={r} value={r}>{r}</option>
+          ))}
+        </select>
+        <button type="submit" className="rounded-md bg-zinc-900 px-3 py-1.5 text-sm font-medium text-white hover:bg-zinc-800">
+          Filtrer
+        </button>
+        {(filters.q || filters.approved || filters.active || filters.river) ? (
+          <Link href="/admin/rental-providers" className="text-sm text-zinc-500 hover:text-zinc-900">
+            Réinit.
+          </Link>
+        ) : null}
+      </form>
+
+      <div className="overflow-hidden rounded-lg border border-zinc-200 bg-white">
+        <table className="w-full text-sm">
+          <thead className="border-b border-zinc-200 bg-zinc-50 text-xs uppercase tracking-wider text-zinc-500">
+            <tr>
+              <th className="px-4 py-2 text-left font-semibold">Nom</th>
+              <th className="px-4 py-2 text-left font-semibold">Fleuves</th>
+              <th className="px-4 py-2 text-right font-semibold">Items</th>
+              <th className="px-4 py-2 text-right font-semibold">Comm.</th>
+              <th className="px-4 py-2 text-left font-semibold">Approbation</th>
+              <th className="px-4 py-2 text-left font-semibold">État</th>
+              <th className="px-4 py-2 text-right font-semibold">MAJ</th>
+            </tr>
+          </thead>
+          <tbody className="divide-y divide-zinc-100">
+            {rows.length === 0 ? (
+              <tr>
+                <td colSpan={7} className="px-4 py-8 text-center text-sm text-zinc-500">
+                  Aucun prestataire ne correspond aux filtres.
+                </td>
+              </tr>
+            ) : null}
+            {rows.map((p) => (
+              <tr key={p.id} className="hover:bg-zinc-50">
+                <td className="px-4 py-2">
+                  <Link href={`/admin/rental-providers/${p.id}`} className="font-medium text-zinc-900 hover:underline">
+                    {p.name}
+                  </Link>
+                  {p.isSystemD ? (
+                    <span className="ml-2 rounded-full bg-emerald-100 px-1.5 py-0.5 text-[10px] font-semibold uppercase tracking-wider text-emerald-800 ring-1 ring-inset ring-emerald-300">
+                      System D
+                    </span>
+                  ) : null}
+                  <div className="text-[11px] text-zinc-500">{p.contactEmail ?? "—"}</div>
+                </td>
+                <td className="px-4 py-2 text-zinc-700">
+                  {p.rivers.length === 0 ? <span className="text-zinc-400">—</span> : p.rivers.join(", ")}
+                </td>
+                <td className="px-4 py-2 text-right font-mono text-zinc-700">{p.itemsCount}</td>
+                <td className="px-4 py-2 text-right font-mono text-zinc-700">{Number(p.commissionPct).toFixed(1)}%</td>
+                <td className="px-4 py-2">
+                  {p.approved ? (
+                    <span className="rounded-full bg-emerald-100 px-2 py-0.5 text-[10px] font-semibold uppercase tracking-wider text-emerald-800 ring-1 ring-inset ring-emerald-300">
+                      Approuvé
+                    </span>
+                  ) : (
+                    <span className="rounded-full bg-amber-100 px-2 py-0.5 text-[10px] font-semibold uppercase tracking-wider text-amber-800 ring-1 ring-inset ring-amber-300">
+                      En attente
+                    </span>
+                  )}
+                </td>
+                <td className="px-4 py-2"><StatusBadge status={p.active ? "ACTIVE" : "INACTIVE"} /></td>
+                <td className="px-4 py-2 text-right text-[11px] text-zinc-500">{dateFmt.format(p.updatedAt)}</td>
+              </tr>
+            ))}
+          </tbody>
+        </table>
+      </div>
+    </div>
+  );
+}

src/app/admin/rentals/page.tsx

@@ -0,0 +1,141 @@
+import Link from "next/link";
+import { PaymentStatus, RentalBookingStatus } from "@/generated/prisma/enums";
+import { listRentalBookingsAdmin, RENTAL_STATUS_LABEL } from "@/lib/admin/rental-bookings";
+import { StatusBadge } from "@/components/admin/StatusBadge";
+
+export const dynamic = "force-dynamic";
+
+type PageProps = {
+  searchParams: Promise<{
+    q?: string;
+    status?: string;
+    paymentStatus?: string;
+    providerId?: string;
+  }>;
+};
+
+const RENTAL_STATUS_VALUES = new Set<string>([
+  RentalBookingStatus.PENDING,
+  RentalBookingStatus.CONFIRMED,
+  RentalBookingStatus.HANDED_OVER,
+  RentalBookingStatus.RETURNED,
+  RentalBookingStatus.CANCELLED,
+]);
+
+const PAYMENT_VALUES = new Set<string>([
+  PaymentStatus.PENDING,
+  PaymentStatus.AUTHORIZED,
+  PaymentStatus.SUCCEEDED,
+  PaymentStatus.FAILED,
+  PaymentStatus.REFUNDED,
+]);
+
+export default async function RentalsAdminPage({ searchParams }: PageProps) {
+  const sp = await searchParams;
+  const filters = {
+    q: sp.q?.trim() || undefined,
+    status: RENTAL_STATUS_VALUES.has(sp.status ?? "") ? (sp.status as RentalBookingStatus) : undefined,
+    paymentStatus: PAYMENT_VALUES.has(sp.paymentStatus ?? "") ? (sp.paymentStatus as PaymentStatus) : undefined,
+    providerId: sp.providerId || undefined,
+  };
+  const rows = await listRentalBookingsAdmin(filters);
+  const dateFmt = new Intl.DateTimeFormat("fr-FR", { day: "2-digit", month: "short", year: "2-digit" });
+
+  return (
+    <div className="mx-auto max-w-7xl">
+      <header className="mb-5 mt-2">
+        <h1 className="text-2xl font-semibold text-zinc-900">Réservations matériel</h1>
+        <p className="mt-1 text-sm text-zinc-500">
+          {rows.length} résultat{rows.length > 1 ? "s" : ""}
+        </p>
+      </header>
+
+      <form className="mb-4 flex flex-wrap items-center gap-2 rounded-lg border border-zinc-200 bg-white p-3" method="get">
+        <input
+          type="text"
+          name="q"
+          defaultValue={filters.q ?? ""}
+          placeholder="Recherche ID, email locataire, prestataire…"
+          className="flex-1 min-w-[200px] rounded-md border border-zinc-300 px-3 py-1.5 text-sm focus:border-zinc-900 focus:outline-none"
+        />
+        <select name="status" defaultValue={filters.status ?? ""} className="rounded-md border border-zinc-300 bg-white px-2 py-1.5 text-sm focus:border-zinc-900 focus:outline-none">
+          <option value="">Tous statuts</option>
+          {Object.values(RentalBookingStatus).map((s) => (
+            <option key={s} value={s}>{RENTAL_STATUS_LABEL[s]}</option>
+          ))}
+        </select>
+        <select name="paymentStatus" defaultValue={filters.paymentStatus ?? ""} className="rounded-md border border-zinc-300 bg-white px-2 py-1.5 text-sm focus:border-zinc-900 focus:outline-none">
+          <option value="">Tous paiements</option>
+          {Object.values(PaymentStatus).map((s) => (
+            <option key={s} value={s}>{s}</option>
+          ))}
+        </select>
+        <button type="submit" className="rounded-md bg-zinc-900 px-3 py-1.5 text-sm font-medium text-white hover:bg-zinc-800">
+          Filtrer
+        </button>
+        {(filters.q || filters.status || filters.paymentStatus) ? (
+          <Link href="/admin/rentals" className="text-sm text-zinc-500 hover:text-zinc-900">Réinit.</Link>
+        ) : null}
+      </form>
+
+      <div className="overflow-hidden rounded-lg border border-zinc-200 bg-white">
+        <table className="w-full text-sm">
+          <thead className="border-b border-zinc-200 bg-zinc-50 text-xs uppercase tracking-wider text-zinc-500">
+            <tr>
+              <th className="px-4 py-2 text-left font-semibold">ID</th>
+              <th className="px-4 py-2 text-left font-semibold">Locataire</th>
+              <th className="px-4 py-2 text-left font-semibold">Prestataire</th>
+              <th className="px-4 py-2 text-left font-semibold">Items</th>
+              <th className="px-4 py-2 text-left font-semibold">Période</th>
+              <th className="px-4 py-2 text-right font-semibold">Montant</th>
+              <th className="px-4 py-2 text-left font-semibold">Statut</th>
+              <th className="px-4 py-2 text-left font-semibold">Paiement</th>
+            </tr>
+          </thead>
+          <tbody className="divide-y divide-zinc-100">
+            {rows.length === 0 ? (
+              <tr>
+                <td colSpan={8} className="px-4 py-8 text-center text-sm text-zinc-500">
+                  Aucune réservation matériel.
+                </td>
+              </tr>
+            ) : null}
+            {rows.map((r) => (
+              <tr key={r.id} className="hover:bg-zinc-50">
+                <td className="px-4 py-2 font-mono text-[11px] text-zinc-700">{r.id.slice(0, 10)}…</td>
+                <td className="px-4 py-2 text-zinc-700">
+                  {r.tenant.firstName} {r.tenant.lastName}
+                  <div className="text-[11px] text-zinc-500">{r.tenant.email}</div>
+                </td>
+                <td className="px-4 py-2">
+                  <Link href={`/admin/rental-providers/${r.provider.id}`} className="text-zinc-900 hover:underline">
+                    {r.provider.name}
+                  </Link>
+                  {r.provider.isSystemD ? <span className="ml-1 text-[9px] font-semibold text-emerald-700">SD</span> : null}
+                </td>
+                <td className="px-4 py-2 text-zinc-700">
+                  {r.lines.length} ligne{r.lines.length > 1 ? "s" : ""}
+                  <div className="text-[11px] text-zinc-500 truncate max-w-[200px]">
+                    {r.lines.map((l) => `${l.qty}× ${l.item.name}`).join(", ")}
+                  </div>
+                </td>
+                <td className="px-4 py-2 text-zinc-700">
+                  {dateFmt.format(r.startDate)} → {dateFmt.format(r.endDate)}
+                </td>
+                <td className="px-4 py-2 text-right font-mono text-zinc-900">
+                  {Number(r.amount).toFixed(2)} {r.currency}
+                </td>
+                <td className="px-4 py-2">
+                  <StatusBadge status={r.status} />
+                </td>
+                <td className="px-4 py-2">
+                  <StatusBadge status={r.paymentStatus} />
+                </td>
+              </tr>
+            ))}
+          </tbody>
+        </table>
+      </div>
+    </div>
+  );
+}

src/app/api/admin/content-pages/[slug]/route.ts

@@ -11,21 +11,28 @@ const patchSchema = z.object({
   published: z.boolean().optional(),
 });
 
+function normalizeLang(v: string | null): string {
+  if (!v) return "fr";
+  const l = v.toLowerCase().trim();
+  return /^[a-z]{2}$/.test(l) ? l : "fr";
+}
+
 export async function PATCH(req: Request, ctx: { params: Promise<{ slug: string }> }) {
   await requireRole([UserRole.ADMIN]);
   const { slug } = await ctx.params;
+  const url = new URL(req.url);
+  const lang = normalizeLang(url.searchParams.get("lang"));
   const session = await auth();
   const parsed = patchSchema.safeParse(await req.json().catch(() => ({})));
   if (!parsed.success) {
     return NextResponse.json({ error: "Invalid payload" }, { status: 400 });
   }
-  // L'admin édite la version FR par défaut (édition multi-langues à venir).
   const existing = await prisma.contentPage.findUnique({
-    where: { slug_lang: { slug, lang: "fr" } },
+    where: { slug_lang: { slug, lang } },
   });
   if (!existing) return NextResponse.json({ error: "Not found" }, { status: 404 });
   const updated = await prisma.contentPage.update({
-    where: { slug_lang: { slug, lang: "fr" } },
+    where: { slug_lang: { slug, lang } },
     data: {
       ...(parsed.data.title !== undefined ? { title: parsed.data.title } : {}),
       ...(parsed.data.body !== undefined ? { body: parsed.data.body } : {}),
@@ -35,6 +42,7 @@ export async function PATCH(req: Request, ctx: { params: Promise<{ slug: string
   });
   return NextResponse.json({
     slug: updated.slug,
+    lang: updated.lang,
     title: updated.title,
     published: updated.published,
     updatedAt: updated.updatedAt,

src/app/api/bookings/route.ts

@@ -16,6 +16,8 @@ import {
   parseIsoDate,
 } from "@/lib/booking";
 import { prisma } from "@/lib/prisma";
+import { sendBookingRequestToOwner, sendBookingRequestToTenant } from "@/lib/email";
+import { rateLimitRequest } from "@/lib/rate-limit";
 
 export const runtime = "nodejs";
 
@@ -27,6 +29,14 @@ type CreateBookingBody = {
 };
 
 export async function POST(request: Request) {
+  const rl = rateLimitRequest(request, "bookings", 60 * 60 * 1000, 10);
+  if (!rl.ok) {
+    return NextResponse.json(
+      { error: `Trop de tentatives. Réessayez dans ${rl.retryAfter}s.` },
+      { status: 429, headers: { "Retry-After": String(rl.retryAfter) } },
+    );
+  }
+
   const session = await auth();
   if (!session?.user?.id) {
     return NextResponse.json({ error: "Non authentifié." }, { status: 401 });
@@ -78,6 +88,9 @@ export async function POST(request: Request) {
       ownerId: true,
       capacity: true,
       status: true,
+      nightlyPrice: true,
+      title: true,
+      owner: { select: { email: true, firstName: true } },
     },
   });
 
@@ -183,6 +196,12 @@ export async function POST(request: Request) {
     }
   }
 
+  const nights = Math.max(
+    1,
+    Math.round((endDate.getTime() - startDate.getTime()) / 86400000),
+  );
+  const computedAmount = Number(carbet.nightlyPrice) * nights;
+
   const booking = await prisma.booking.create({
     data: {
       carbetId: carbet.id,
@@ -191,7 +210,7 @@ export async function POST(request: Request) {
       endDate,
       guestCount,
       status: BookingStatus.PENDING,
-      amount: 0,
+      amount: computedAmount.toFixed(2),
       currency: "EUR",
     },
     select: {
@@ -207,5 +226,34 @@ export async function POST(request: Request) {
     },
   });
 
+  // Best-effort emails (n'échouent pas la réservation si Resend down).
+  const tenant = await prisma.user.findUnique({
+    where: { id: session.user.id },
+    select: { email: true, firstName: true, lastName: true },
+  });
+  if (tenant) {
+    sendBookingRequestToTenant(
+      tenant.email,
+      tenant.firstName,
+      booking.id,
+      carbet.title,
+      booking.startDate,
+      booking.endDate,
+      computedAmount.toFixed(2),
+      "EUR",
+    ).catch(() => {});
+  }
+  if (carbet.owner?.email && tenant) {
+    sendBookingRequestToOwner(
+      carbet.owner.email,
+      carbet.owner.firstName,
+      booking.id,
+      carbet.title,
+      `${tenant.firstName} ${tenant.lastName}`.trim(),
+      booking.startDate,
+      booking.endDate,
+    ).catch(() => {});
+  }
+
   return NextResponse.json({ booking }, { status: 201 });
 }

src/app/api/cron/run/[task]/route.ts

@@ -0,0 +1,37 @@
+import { NextResponse } from "next/server";
+
+import { SCHEDULED_TASKS, type ScheduledTaskName } from "@/lib/scheduled";
+
+export const runtime = "nodejs";
+export const dynamic = "force-dynamic";
+
+function authorized(req: Request): boolean {
+  const secret = (process.env.CRON_TOKEN ?? "").trim();
+  if (!secret) return false;
+  const header = req.headers.get("authorization") ?? "";
+  const token = header.startsWith("Bearer ") ? header.slice(7) : "";
+  return token === secret;
+}
+
+export async function POST(req: Request, ctx: { params: Promise<{ task: string }> }) {
+  if (!authorized(req)) {
+    return NextResponse.json({ error: "Unauthorized" }, { status: 401 });
+  }
+  const { task } = await ctx.params;
+  const fn = SCHEDULED_TASKS[task as ScheduledTaskName];
+  if (!fn) {
+    return NextResponse.json(
+      { error: `Unknown task. Available: ${Object.keys(SCHEDULED_TASKS).join(", ")}` },
+      { status: 404 },
+    );
+  }
+  try {
+    const result = await fn();
+    return NextResponse.json({ ok: true, task, result });
+  } catch (e) {
+    return NextResponse.json(
+      { error: e instanceof Error ? e.message : String(e) },
+      { status: 500 },
+    );
+  }
+}

src/app/api/favorites/route.ts

@@ -0,0 +1,61 @@
+import { NextResponse } from "next/server";
+import { z } from "zod";
+
+import { auth } from "@/auth";
+import { prisma } from "@/lib/prisma";
+
+export const runtime = "nodejs";
+
+const schema = z.object({
+  carbetId: z.string().min(1),
+});
+
+async function requireSelf() {
+  const session = await auth();
+  if (!session?.user?.id) throw new Error("Unauth");
+  return session.user.id;
+}
+
+export async function GET() {
+  try {
+    const userId = await requireSelf();
+    const rows = await prisma.favorite.findMany({
+      where: { userId },
+      orderBy: { createdAt: "desc" },
+      select: { carbetId: true },
+    });
+    return NextResponse.json({ ids: rows.map((r) => r.carbetId) });
+  } catch {
+    return NextResponse.json({ ids: [] });
+  }
+}
+
+export async function POST(req: Request) {
+  try {
+    const userId = await requireSelf();
+    const parsed = schema.safeParse(await req.json().catch(() => ({})));
+    if (!parsed.success) return NextResponse.json({ error: "Payload invalide" }, { status: 400 });
+    await prisma.favorite.upsert({
+      where: { userId_carbetId: { userId, carbetId: parsed.data.carbetId } },
+      create: { userId, carbetId: parsed.data.carbetId },
+      update: {},
+    });
+    return NextResponse.json({ ok: true });
+  } catch {
+    return NextResponse.json({ error: "Non authentifié" }, { status: 401 });
+  }
+}
+
+export async function DELETE(req: Request) {
+  try {
+    const userId = await requireSelf();
+    const parsed = schema.safeParse(await req.json().catch(() => ({})));
+    if (!parsed.success) return NextResponse.json({ error: "Payload invalide" }, { status: 400 });
+    await prisma.favorite
+      .delete({ where: { userId_carbetId: { userId, carbetId: parsed.data.carbetId } } })
+      .catch(() => null);
+    return NextResponse.json({ ok: true });
+  } catch {
+    return NextResponse.json({ error: "Non authentifié" }, { status: 401 });
+  }
+}

src/app/api/health/route.ts

@@ -1,7 +1,101 @@
 import { NextResponse } from "next/server";
+import { S3Client, HeadBucketCommand } from "@aws-sdk/client-s3";
+
+import { prisma } from "@/lib/prisma";
 
 export const runtime = "nodejs";
+export const dynamic = "force-dynamic";
+
+type Probe = {
+  name: string;
+  ok: boolean;
+  latencyMs: number;
+  details?: string;
+};
+
+async function probeDb(): Promise<Probe> {
+  const t0 = Date.now();
+  try {
+    await prisma.$queryRaw`SELECT 1 AS ok`;
+    return { name: "database", ok: true, latencyMs: Date.now() - t0 };
+  } catch (e) {
+    return {
+      name: "database",
+      ok: false,
+      latencyMs: Date.now() - t0,
+      details: e instanceof Error ? e.message : String(e),
+    };
+  }
+}
+
+async function probeS3(): Promise<Probe> {
+  const t0 = Date.now();
+  const bucket = process.env.S3_BUCKET;
+  const endpoint = process.env.S3_ENDPOINT;
+  if (!bucket || !endpoint) {
+    return { name: "s3", ok: false, latencyMs: 0, details: "S3_BUCKET ou S3_ENDPOINT manquant" };
+  }
+  try {
+    const client = new S3Client({
+      endpoint,
+      region: process.env.S3_REGION ?? "us-east-1",
+      forcePathStyle: (process.env.S3_FORCE_PATH_STYLE ?? "false") === "true",
+      credentials: {
+        accessKeyId: process.env.MINIO_ROOT_USER ?? process.env.S3_ACCESS_KEY ?? "",
+        secretAccessKey: process.env.MINIO_ROOT_PASSWORD ?? process.env.S3_SECRET_KEY ?? "",
+      },
+    });
+    await client.send(new HeadBucketCommand({ Bucket: bucket }));
+    return { name: "s3", ok: true, latencyMs: Date.now() - t0 };
+  } catch (e) {
+    return {
+      name: "s3",
+      ok: false,
+      latencyMs: Date.now() - t0,
+      details: e instanceof Error ? e.message : String(e),
+    };
+  }
+}
+
+function probeResend(): Probe {
+  return {
+    name: "resend",
+    ok: Boolean(process.env.RESEND_API_KEY?.trim()),
+    latencyMs: 0,
+    details: process.env.RESEND_API_KEY ? undefined : "RESEND_API_KEY non configuré (dry-run)",
+  };
+}
+
+function probeStripe(): Probe {
+  const key = (process.env.STRIPE_SECRET_KEY ?? "").trim();
+  const configured = key.length > 0 && !key.includes("REPLACE_ME");
+  return {
+    name: "stripe",
+    ok: configured,
+    latencyMs: 0,
+    details: configured ? undefined : "STRIPE_SECRET_KEY non configuré",
+  };
+}
 
 export async function GET() {
-  return NextResponse.json({ status: "ok" });
+  const t0 = Date.now();
+  const [db, s3] = await Promise.all([probeDb(), probeS3()]);
+  const resend = probeResend();
+  const stripe = probeStripe();
+  const probes = [db, s3, resend, stripe];
+
+  // DB est critique (503 si down). Le reste = non bloquant.
+  const critical = db.ok;
+  const status = critical ? 200 : 503;
+
+  return NextResponse.json(
+    {
+      status: critical ? "ok" : "degraded",
+      version: process.env.DEPLOYMENT_VERSION ?? "unknown",
+      uptimeSeconds: Math.round(process.uptime()),
+      latencyMs: Date.now() - t0,
+      probes,
+    },
+    { status },
+  );
 }

src/app/api/me/export/route.ts

@@ -0,0 +1,103 @@
+import { NextResponse } from "next/server";
+
+import { auth } from "@/auth";
+import { prisma } from "@/lib/prisma";
+import { recordAudit } from "@/lib/admin/audit";
+
+export const runtime = "nodejs";
+export const dynamic = "force-dynamic";
+
+/** RGPD article 20 — droit à la portabilité. Renvoie un JSON avec toutes les données utilisateur. */
+export async function GET() {
+  const session = await auth();
+  if (!session?.user?.id) {
+    return NextResponse.json({ error: "Non authentifié" }, { status: 401 });
+  }
+  const userId = session.user.id;
+
+  const [user, bookings, reviews, carbets, subscriptions] = await Promise.all([
+    prisma.user.findUnique({
+      where: { id: userId },
+      select: {
+        id: true,
+        email: true,
+        firstName: true,
+        lastName: true,
+        phone: true,
+        role: true,
+        avatarUrl: true,
+        isActive: true,
+        createdAt: true,
+        updatedAt: true,
+        organizationId: true,
+      },
+    }),
+    prisma.booking.findMany({
+      where: { tenantId: userId },
+      select: {
+        id: true,
+        carbetId: true,
+        startDate: true,
+        endDate: true,
+        guestCount: true,
+        status: true,
+        paymentStatus: true,
+        amount: true,
+        currency: true,
+        createdAt: true,
+      },
+    }),
+    prisma.review.findMany({
+      where: { authorId: userId },
+      select: {
+        id: true,
+        bookingId: true,
+        carbetId: true,
+        rating: true,
+        comment: true,
+        createdAt: true,
+      },
+    }),
+    prisma.carbet.findMany({
+      where: { ownerId: userId },
+      select: { id: true, slug: true, title: true, status: true, createdAt: true },
+    }),
+    prisma.subscription.findMany({
+      where: { ownerId: userId },
+      select: { id: true, carbetId: true, status: true, provider: true, startedAt: true },
+    }),
+  ]);
+
+  await recordAudit({
+    scope: "public.profile",
+    event: "data.export",
+    target: userId,
+    actorEmail: session.user.email ?? null,
+    details: {},
+  });
+
+  const filename = `karbe-mes-donnees-${new Date().toISOString().slice(0, 10)}.json`;
+  return new NextResponse(
+    JSON.stringify(
+      {
+        exportedAt: new Date().toISOString(),
+        rgpdNotice:
+          "Conformément à l'article 20 du RGPD. Pour exercer vos autres droits, contactez contact@karbe.cosmolan.fr.",
+        user,
+        bookings,
+        reviews,
+        carbets,
+        subscriptions,
+      },
+      null,
+      2,
+    ),
+    {
+      status: 200,
+      headers: {
+        "Content-Type": "application/json; charset=utf-8",
+        "Content-Disposition": `attachment; filename="${filename}"`,
+      },
+    },
+  );
+}

src/app/api/media/[id]/route.ts

@@ -0,0 +1,41 @@
+import { NextResponse } from "next/server";
+
+import { auth } from "@/auth";
+import { UserRole } from "@/generated/prisma/enums";
+import { prisma } from "@/lib/prisma";
+import { recordAudit } from "@/lib/admin/audit";
+
+export const runtime = "nodejs";
+
+async function requireOwnership(mediaId: string) {
+  const session = await auth();
+  if (!session?.user?.id) throw new Error("Non authentifié");
+  const m = await prisma.media.findUnique({
+    where: { id: mediaId },
+    select: { id: true, carbetId: true, carbet: { select: { ownerId: true } } },
+  });
+  if (!m) throw new Error("Média introuvable");
+  const isAdmin = session.user.role === UserRole.ADMIN;
+  if (!isAdmin && m.carbet.ownerId !== session.user.id) throw new Error("Accès refusé");
+  return { session, media: m };
+}
+
+export async function DELETE(_req: Request, ctx: { params: Promise<{ id: string }> }) {
+  const { id } = await ctx.params;
+  try {
+    const { session, media } = await requireOwnership(id);
+    await prisma.media.delete({ where: { id } });
+    await recordAudit({
+      scope: "uploads",
+      event: "media.delete",
+      target: id,
+      actorEmail: session.user.email ?? null,
+      details: { carbetId: media.carbetId },
+    });
+    return NextResponse.json({ ok: true });
+  } catch (e) {
+    const msg = e instanceof Error ? e.message : String(e);
+    const status = msg === "Non authentifié" ? 401 : msg === "Accès refusé" ? 403 : 404;
+    return NextResponse.json({ error: msg }, { status });
+  }
+}

src/app/api/media/reorder/route.ts

@@ -0,0 +1,55 @@
+import { NextResponse } from "next/server";
+import { z } from "zod";
+
+import { auth } from "@/auth";
+import { UserRole } from "@/generated/prisma/enums";
+import { prisma } from "@/lib/prisma";
+import { recordAudit } from "@/lib/admin/audit";
+
+export const runtime = "nodejs";
+
+const schema = z.object({
+  carbetId: z.string().min(1),
+  orderedIds: z.array(z.string()).min(1).max(50),
+});
+
+export async function POST(req: Request) {
+  const session = await auth();
+  if (!session?.user?.id) {
+    return NextResponse.json({ error: "Non authentifié" }, { status: 401 });
+  }
+  const parsed = schema.safeParse(await req.json().catch(() => ({})));
+  if (!parsed.success) {
+    return NextResponse.json({ error: "Payload invalide" }, { status: 400 });
+  }
+  const { carbetId, orderedIds } = parsed.data;
+  const carbet = await prisma.carbet.findUnique({
+    where: { id: carbetId },
+    select: { ownerId: true },
+  });
+  if (!carbet) return NextResponse.json({ error: "Carbet introuvable" }, { status: 404 });
+  const isAdmin = session.user.role === UserRole.ADMIN;
+  if (!isAdmin && carbet.ownerId !== session.user.id) {
+    return NextResponse.json({ error: "Accès refusé" }, { status: 403 });
+  }
+  const existing = await prisma.media.findMany({
+    where: { carbetId, id: { in: orderedIds } },
+    select: { id: true },
+  });
+  if (existing.length !== orderedIds.length) {
+    return NextResponse.json({ error: "Certains médias n'appartiennent pas au carbet." }, { status: 400 });
+  }
+  await prisma.$transaction(
+    orderedIds.map((id, idx) =>
+      prisma.media.update({ where: { id }, data: { sortOrder: idx } }),
+    ),
+  );
+  await recordAudit({
+    scope: "uploads",
+    event: "media.reorder",
+    target: carbetId,
+    actorEmail: session.user.email ?? null,
+    details: { count: orderedIds.length },
+  });
+  return NextResponse.json({ ok: true });
+}

src/app/api/metrics/route.ts

@@ -0,0 +1,78 @@
+import { NextResponse } from "next/server";
+
+import { BookingStatus, CarbetStatus, UserRole } from "@/generated/prisma/enums";
+import { prisma } from "@/lib/prisma";
+
+export const runtime = "nodejs";
+export const dynamic = "force-dynamic";
+
+/**
+ * Metrics publiques, agrégées (jamais de PII).
+ * Format JSON simple — consommable par un script cron ou un dashboard léger.
+ */
+export async function GET() {
+  const now = new Date();
+  const last24h = new Date(now.getTime() - 86_400_000);
+  const last7d = new Date(now.getTime() - 7 * 86_400_000);
+  const last30d = new Date(now.getTime() - 30 * 86_400_000);
+
+  const [
+    carbetsPublished,
+    carbetsTotal,
+    bookings24h,
+    bookings7d,
+    bookings30d,
+    bookingsByStatus,
+    usersTotal,
+    usersByRole,
+    mediaTotal,
+    auditLast24h,
+  ] = await Promise.all([
+    prisma.carbet.count({ where: { status: CarbetStatus.PUBLISHED } }),
+    prisma.carbet.count(),
+    prisma.booking.count({ where: { createdAt: { gte: last24h } } }),
+    prisma.booking.count({ where: { createdAt: { gte: last7d } } }),
+    prisma.booking.count({ where: { createdAt: { gte: last30d } } }),
+    prisma.booking.groupBy({
+      by: ["status"],
+      _count: { _all: true },
+    }),
+    prisma.user.count(),
+    prisma.user.groupBy({
+      by: ["role"],
+      _count: { _all: true },
+    }),
+    prisma.media.count(),
+    prisma.auditLog.count({ where: { createdAt: { gte: last24h } } }),
+  ]);
+
+  return NextResponse.json({
+    generatedAt: now.toISOString(),
+    carbets: {
+      total: carbetsTotal,
+      published: carbetsPublished,
+    },
+    bookings: {
+      last24h: bookings24h,
+      last7d: bookings7d,
+      last30d: bookings30d,
+      byStatus: Object.fromEntries(
+        Object.values(BookingStatus).map((s) => [
+          s,
+          bookingsByStatus.find((b) => b.status === s)?._count._all ?? 0,
+        ]),
+      ),
+    },
+    users: {
+      total: usersTotal,
+      byRole: Object.fromEntries(
+        Object.values(UserRole).map((r) => [
+          r,
+          usersByRole.find((u) => u.role === r)?._count._all ?? 0,
+        ]),
+      ),
+    },
+    media: { total: mediaTotal },
+    audit: { last24h: auditLast24h },
+  });
+}

src/app/api/password/reset-request/route.ts

@@ -0,0 +1,58 @@
+import { NextResponse } from "next/server";
+import { z } from "zod";
+
+import { createPasswordResetToken } from "@/lib/password-reset";
+import { prisma } from "@/lib/prisma";
+import { sendPasswordReset } from "@/lib/email";
+import { recordAudit } from "@/lib/admin/audit";
+import { rateLimitRequest } from "@/lib/rate-limit";
+
+export const runtime = "nodejs";
+
+const schema = z.object({
+  email: z.string().trim().toLowerCase().email(),
+});
+
+const SITE_URL = process.env.NEXT_PUBLIC_SITE_URL ?? "https://karbe.cosmolan.fr";
+
+export async function POST(req: Request) {
+  const rl = rateLimitRequest(req, "password-reset", 60 * 60 * 1000, 3);
+  if (!rl.ok) {
+    return NextResponse.json(
+      { error: `Trop de tentatives. Réessayez dans ${rl.retryAfter}s.` },
+      { status: 429, headers: { "Retry-After": String(rl.retryAfter) } },
+    );
+  }
+  let body: unknown;
+  try {
+    body = await req.json();
+  } catch {
+    return NextResponse.json({ error: "Corps JSON invalide." }, { status: 400 });
+  }
+  const parsed = schema.safeParse(body);
+  if (!parsed.success) {
+    // Réponse générique pour ne pas leak la validité du format à un attaquant.
+    return NextResponse.json({ ok: true });
+  }
+
+  const user = await prisma.user.findUnique({
+    where: { email: parsed.data.email },
+    select: { id: true, email: true, firstName: true, isActive: true },
+  });
+
+  if (user && user.isActive) {
+    const token = await createPasswordResetToken(user.id);
+    const resetUrl = `${SITE_URL}/mot-de-passe-oublie/${token}`;
+    sendPasswordReset(user.email, resetUrl).catch(() => {});
+    await recordAudit({
+      scope: "public.password",
+      event: "reset.request",
+      target: user.id,
+      actorEmail: user.email,
+      details: {},
+    });
+  }
+
+  // Réponse identique que l'email existe ou non (énumération-safe).
+  return NextResponse.json({ ok: true });
+}

src/app/api/password/reset/route.ts

@@ -0,0 +1,40 @@
+import { NextResponse } from "next/server";
+import { z } from "zod";
+
+import { consumePasswordResetToken } from "@/lib/password-reset";
+import { recordAudit } from "@/lib/admin/audit";
+
+export const runtime = "nodejs";
+
+const schema = z.object({
+  token: z.string().min(20).max(200),
+  password: z.string().min(8).max(200),
+});
+
+export async function POST(req: Request) {
+  let body: unknown;
+  try {
+    body = await req.json();
+  } catch {
+    return NextResponse.json({ error: "Corps JSON invalide." }, { status: 400 });
+  }
+  const parsed = schema.safeParse(body);
+  if (!parsed.success) {
+    return NextResponse.json(
+      { error: parsed.error.issues.map((i) => i.message).join(" · ") },
+      { status: 400 },
+    );
+  }
+  const result = await consumePasswordResetToken(parsed.data.token, parsed.data.password);
+  if (!result.ok) {
+    return NextResponse.json({ error: result.reason }, { status: 400 });
+  }
+  await recordAudit({
+    scope: "public.password",
+    event: "reset.success",
+    target: result.userId,
+    actorEmail: null,
+    details: {},
+  });
+  return NextResponse.json({ ok: true });
+}

src/app/api/rental-media/[id]/route.ts

@@ -0,0 +1,38 @@
+import { NextResponse } from "next/server";
+
+import { auth } from "@/auth";
+import { recordAudit } from "@/lib/admin/audit";
+import { prisma } from "@/lib/prisma";
+import { canManageRentalProvider } from "@/lib/rental-access";
+
+export const runtime = "nodejs";
+
+export async function DELETE(_req: Request, ctx: { params: Promise<{ id: string }> }) {
+  const { id } = await ctx.params;
+  const session = await auth();
+  if (!session?.user?.id) {
+    return NextResponse.json({ error: "Non authentifié" }, { status: 401 });
+  }
+  const media = await prisma.rentalItemMedia.findUnique({
+    where: { id },
+    select: { id: true, itemId: true, item: { select: { providerId: true } } },
+  });
+  if (!media) return NextResponse.json({ error: "Média introuvable" }, { status: 404 });
+
+  const allowed = await canManageRentalProvider(
+    session.user.id,
+    session.user.role,
+    media.item.providerId,
+  );
+  if (!allowed) return NextResponse.json({ error: "Accès refusé" }, { status: 403 });
+
+  await prisma.rentalItemMedia.delete({ where: { id } });
+  await recordAudit({
+    scope: "uploads",
+    event: "rental.media.delete",
+    target: id,
+    actorEmail: session.user.email ?? null,
+    details: { itemId: media.itemId },
+  });
+  return NextResponse.json({ ok: true });
+}

src/app/api/rental-media/reorder/route.ts

@@ -0,0 +1,74 @@
+import { NextResponse } from "next/server";
+import { z } from "zod";
+
+import { auth } from "@/auth";
+import { recordAudit } from "@/lib/admin/audit";
+import { prisma } from "@/lib/prisma";
+import { canManageRentalProvider } from "@/lib/rental-access";
+
+export const runtime = "nodejs";
+
+const schema = z.object({
+  itemId: z.string().min(1),
+  orderedIds: z.array(z.string()).min(1).max(50),
+});
+
+export async function POST(req: Request) {
+  const session = await auth();
+  if (!session?.user?.id) {
+    return NextResponse.json({ error: "Non authentifié" }, { status: 401 });
+  }
+  const parsed = schema.safeParse(await req.json().catch(() => ({})));
+  if (!parsed.success) {
+    return NextResponse.json({ error: "Payload invalide" }, { status: 400 });
+  }
+  const { itemId, orderedIds } = parsed.data;
+
+  const item = await prisma.rentalItem.findUnique({
+    where: { id: itemId },
+    select: { providerId: true },
+  });
+  if (!item) return NextResponse.json({ error: "Item introuvable" }, { status: 404 });
+
+  const allowed = await canManageRentalProvider(
+    session.user.id,
+    session.user.role,
+    item.providerId,
+  );
+  if (!allowed) return NextResponse.json({ error: "Accès refusé" }, { status: 403 });
+
+  const existing = await prisma.rentalItemMedia.findMany({
+    where: { itemId, id: { in: orderedIds } },
+    select: { id: true },
+  });
+  if (existing.length !== orderedIds.length) {
+    return NextResponse.json({ error: "Certains médias n'appartiennent pas à l'item." }, { status: 400 });
+  }
+  await prisma.$transaction(
+    orderedIds.map((id, idx) =>
+      prisma.rentalItemMedia.update({ where: { id }, data: { sortOrder: idx } }),
+    ),
+  );
+
+  // Cover = sortOrder 0 → hydrate imageUrl pour rétro-compat listings
+  const firstId = orderedIds[0];
+  const firstMedia = await prisma.rentalItemMedia.findUnique({
+    where: { id: firstId },
+    select: { s3Url: true, type: true },
+  });
+  if (firstMedia && firstMedia.type === "PHOTO") {
+    await prisma.rentalItem.update({
+      where: { id: itemId },
+      data: { imageUrl: firstMedia.s3Url },
+    });
+  }
+
+  await recordAudit({
+    scope: "uploads",
+    event: "rental.media.reorder",
+    target: itemId,
+    actorEmail: session.user.email ?? null,
+    details: { count: orderedIds.length },
+  });
+  return NextResponse.json({ ok: true });
+}

src/app/api/rentals/checkout/route.ts

@@ -0,0 +1,361 @@
+import { cookies } from "next/headers";
+import { NextResponse } from "next/server";
+
+import { auth } from "@/auth";
+import { PaymentStatus, RentalBookingStatus } from "@/generated/prisma/enums";
+import { Prisma } from "@/generated/prisma/client";
+import { recordAudit } from "@/lib/admin/audit";
+import {
+  sendRentalRequestedProvider,
+  sendRentalRequestedTenant,
+} from "@/lib/email";
+import { isPluginEnabled } from "@/lib/plugins/server";
+import { prisma } from "@/lib/prisma";
+import { CART_COOKIE, EMPTY_CART, diffDays, parseCart } from "@/lib/rental-cart";
+import {
+  getStripeClient,
+  isStripeConfigured,
+  toStripeAmountCents,
+} from "@/lib/stripe";
+
+export const runtime = "nodejs";
+
+type LineInput = {
+  itemId: string;
+  qty: number;
+  startDate: Date;
+  endDate: Date;
+  nights: number;
+};
+
+function parseDateOnly(s: string): Date {
+  return new Date(s + "T00:00:00Z");
+}
+
+export async function POST() {
+  if (!(await isPluginEnabled("gear-rental"))) {
+    return NextResponse.json({ error: "Service de location indisponible." }, { status: 404 });
+  }
+  const session = await auth();
+  if (!session?.user?.id || !session.user.email) {
+    return NextResponse.json({ error: "Connectez-vous pour finaliser." }, { status: 401 });
+  }
+
+  const jar = await cookies();
+  const cart = parseCart(jar.get(CART_COOKIE)?.value);
+  if (cart.items.length === 0) {
+    return NextResponse.json({ error: "Panier vide." }, { status: 400 });
+  }
+
+  // Charge tous les items du panier
+  const itemIds = Array.from(new Set(cart.items.map((e) => e.itemId)));
+  const items = await prisma.rentalItem.findMany({
+    where: { id: { in: itemIds }, active: true },
+    include: {
+      provider: {
+        select: {
+          id: true,
+          name: true,
+          active: true,
+          approved: true,
+          commissionPct: true,
+          isSystemD: true,
+        },
+      },
+    },
+  });
+  const itemById = new Map(items.map((i) => [i.id, i]));
+
+  // Validations préliminaires : items valides + provider actif/approved
+  for (const entry of cart.items) {
+    const it = itemById.get(entry.itemId);
+    if (!it) {
+      return NextResponse.json(
+        { error: `Item ${entry.itemId} introuvable ou désactivé.` },
+        { status: 409 },
+      );
+    }
+    if (!it.provider.active || !it.provider.approved) {
+      return NextResponse.json(
+        { error: `Prestataire ${it.provider.name} indisponible.` },
+        { status: 409 },
+      );
+    }
+    if (entry.qty < 1 || entry.qty > it.totalQty) {
+      return NextResponse.json(
+        { error: `Quantité invalide pour « ${it.name} ».` },
+        { status: 400 },
+      );
+    }
+    const start = parseDateOnly(entry.startDate);
+    const end = parseDateOnly(entry.endDate);
+    if (Number.isNaN(start.getTime()) || Number.isNaN(end.getTime()) || end <= start) {
+      return NextResponse.json(
+        { error: `Dates invalides pour « ${it.name} ».` },
+        { status: 400 },
+      );
+    }
+  }
+
+  // Groupe par provider
+  type Group = {
+    providerId: string;
+    providerName: string;
+    commissionPct: number;
+    lines: LineInput[];
+    itemsTotal: Prisma.Decimal;
+    depositTotal: Prisma.Decimal;
+    startDate: Date;
+    endDate: Date;
+  };
+
+  const groups = new Map<string, Group>();
+  for (const entry of cart.items) {
+    const it = itemById.get(entry.itemId)!;
+    const start = parseDateOnly(entry.startDate);
+    const end = parseDateOnly(entry.endDate);
+    const nights = Math.max(1, diffDays(entry.startDate, entry.endDate));
+    const lineSub = new Prisma.Decimal(it.pricePerDay).mul(entry.qty).mul(nights);
+    const lineDeposit = new Prisma.Decimal(it.deposit).mul(entry.qty);
+
+    let g = groups.get(it.provider.id);
+    if (!g) {
+      g = {
+        providerId: it.provider.id,
+        providerName: it.provider.name,
+        commissionPct: Number(it.provider.commissionPct),
+        lines: [],
+        itemsTotal: new Prisma.Decimal(0),
+        depositTotal: new Prisma.Decimal(0),
+        startDate: start,
+        endDate: end,
+      };
+      groups.set(it.provider.id, g);
+    }
+    g.lines.push({ itemId: it.id, qty: entry.qty, startDate: start, endDate: end, nights });
+    g.itemsTotal = g.itemsTotal.add(lineSub);
+    g.depositTotal = g.depositTotal.add(lineDeposit);
+    if (start < g.startDate) g.startDate = start;
+    if (end > g.endDate) g.endDate = end;
+  }
+
+  // Transaction : recheck stock + crée RentalBookings + Lines + Availabilities
+  let grandTotal = new Prisma.Decimal(0);
+  let grandDeposit = new Prisma.Decimal(0);
+  let rentalBookingIds: string[] = [];
+
+  try {
+    rentalBookingIds = await prisma.$transaction(async (tx) => {
+      const created: string[] = [];
+
+      for (const g of groups.values()) {
+        // Recheck stock disponible pour chaque ligne
+        for (const line of g.lines) {
+          const blocked = await tx.rentalItemAvailability.aggregate({
+            where: {
+              itemId: line.itemId,
+              startDate: { lt: line.endDate },
+              endDate: { gt: line.startDate },
+            },
+            _sum: { qty: true },
+          });
+          const item = itemById.get(line.itemId)!;
+          const used = Number(blocked._sum.qty ?? 0);
+          const free = item.totalQty - used;
+          if (line.qty > free) {
+            throw new Error(`Stock insuffisant pour « ${item.name} » sur les dates demandées (libre: ${free}).`);
+          }
+        }
+
+        const commissionAmount = g.itemsTotal
+          .mul(g.commissionPct)
+          .div(100)
+          .toDecimalPlaces(2);
+        const amount = g.itemsTotal.add(g.depositTotal).toDecimalPlaces(2);
+
+        const rb = await tx.rentalBooking.create({
+          data: {
+            tenantId: session.user!.id!,
+            providerId: g.providerId,
+            startDate: g.startDate,
+            endDate: g.endDate,
+            status: RentalBookingStatus.PENDING,
+            paymentStatus: PaymentStatus.PENDING,
+            itemsTotal: g.itemsTotal.toDecimalPlaces(2),
+            depositTotal: g.depositTotal.toDecimalPlaces(2),
+            commissionAmount,
+            amount,
+            currency: "EUR",
+            lines: {
+              create: g.lines.map((line) => {
+                const item = itemById.get(line.itemId)!;
+                const lineTotal = new Prisma.Decimal(item.pricePerDay)
+                  .mul(line.qty)
+                  .mul(line.nights)
+                  .toDecimalPlaces(2);
+                return {
+                  itemId: line.itemId,
+                  qty: line.qty,
+                  pricePerDay: new Prisma.Decimal(item.pricePerDay),
+                  deposit: new Prisma.Decimal(item.deposit),
+                  lineTotal,
+                };
+              }),
+            },
+          },
+          select: { id: true },
+        });
+
+        // Bloque les dispos
+        for (const line of g.lines) {
+          await tx.rentalItemAvailability.create({
+            data: {
+              itemId: line.itemId,
+              startDate: line.startDate,
+              endDate: line.endDate,
+              qty: line.qty,
+              reason: "RENTAL_BOOKING",
+              rentalBookingId: rb.id,
+            },
+          });
+        }
+
+        created.push(rb.id);
+        grandTotal = grandTotal.add(g.itemsTotal);
+        grandDeposit = grandDeposit.add(g.depositTotal);
+      }
+
+      return created;
+    });
+  } catch (e) {
+    return NextResponse.json(
+      { error: e instanceof Error ? e.message : "Erreur lors de la création." },
+      { status: 409 },
+    );
+  }
+
+  const totalAmount = grandTotal.add(grandDeposit).toDecimalPlaces(2);
+
+  await recordAudit({
+    scope: "rental",
+    event: "rental.checkout.created",
+    target: rentalBookingIds.join(","),
+    actorEmail: session.user.email,
+    details: {
+      rentalBookingIds,
+      amount: totalAmount.toNumber(),
+      depositTotal: grandDeposit.toNumber(),
+      providers: Array.from(groups.keys()),
+    },
+  });
+
+  // Emails best-effort : 1 mail au locataire (récap par prestataire) + 1 mail
+  // à chaque prestataire (sa demande). En cas d'échec d'envoi, on ne bloque pas.
+  try {
+    const fullBookings = await prisma.rentalBooking.findMany({
+      where: { id: { in: rentalBookingIds } },
+      include: {
+        provider: { select: { name: true, contactEmail: true } },
+        lines: { include: { item: { select: { name: true } } } },
+      },
+    });
+    const tenantName = session.user.name ?? session.user.email!;
+    for (const rb of fullBookings) {
+      const lineSummary = rb.lines.map((l) => ({ qty: l.qty, itemName: l.item.name }));
+      await sendRentalRequestedTenant(
+        session.user.email!,
+        tenantName,
+        rb.id,
+        rb.provider.name,
+        rb.startDate,
+        rb.endDate,
+        rb.amount.toString(),
+        rb.currency,
+        lineSummary,
+      );
+      if (rb.provider.contactEmail) {
+        await sendRentalRequestedProvider(
+          rb.provider.contactEmail,
+          rb.provider.name,
+          rb.id,
+          tenantName,
+          rb.startDate,
+          rb.endDate,
+          lineSummary,
+        );
+      }
+    }
+  } catch (e) {
+    console.error("[rental.checkout] email send failed:", e instanceof Error ? e.message : e);
+  }
+
+  // Vide le panier
+  jar.set(CART_COOKIE, JSON.stringify(EMPTY_CART), {
+    httpOnly: false,
+    sameSite: "lax",
+    path: "/",
+    maxAge: 0,
+  });
+
+  // Stripe ou paiement différé
+  if (!isStripeConfigured()) {
+    return NextResponse.json(
+      { rentalBookingIds, totalAmount: totalAmount.toNumber() },
+      { status: 201 },
+    );
+  }
+
+  const appUrl = process.env.APP_URL;
+  if (!appUrl) {
+    return NextResponse.json({ error: "APP_URL manquante." }, { status: 500 });
+  }
+
+  // Une session Stripe avec une ligne par RentalBooking (agrégée)
+  const stripe = getStripeClient();
+  const bookingDetails = await prisma.rentalBooking.findMany({
+    where: { id: { in: rentalBookingIds } },
+    include: {
+      provider: { select: { name: true } },
+      lines: { select: { qty: true, item: { select: { name: true } } } },
+    },
+  });
+
+  const line_items = bookingDetails.map((rb) => ({
+    quantity: 1,
+    price_data: {
+      currency: "eur",
+      unit_amount: toStripeAmountCents(Number(rb.amount)),
+      product_data: {
+        name: `Matériel — ${rb.provider.name}`,
+        description: rb.lines.map((l) => `${l.qty}× ${l.item.name}`).join(", ").slice(0, 500),
+      },
+    },
+  }));
+
+  const checkoutSession = await stripe.checkout.sessions.create({
+    mode: "payment",
+    success_url: `${appUrl}/mes-locations?payment=success&ids=${rentalBookingIds.join(",")}`,
+    cancel_url: `${appUrl}/panier?payment=cancel`,
+    customer_email: session.user.email,
+    line_items,
+    metadata: {
+      type: "rental-bundle",
+      rentalBookingIds: rentalBookingIds.join(","),
+    },
+  });
+
+  await prisma.rentalBooking.updateMany({
+    where: { id: { in: rentalBookingIds } },
+    data: { stripeSessionId: checkoutSession.id },
+  });
+
+  return NextResponse.json(
+    {
+      rentalBookingIds,
+      totalAmount: totalAmount.toNumber(),
+      checkoutSessionId: checkoutSession.id,
+      checkoutUrl: checkoutSession.url,
+    },
+    { status: 201 },
+  );
+}

src/app/api/rentals/items/[id]/availability/route.ts

@@ -0,0 +1,31 @@
+import { NextResponse } from "next/server";
+import type { NextRequest } from "next/server";
+
+import { getItemAvailability } from "@/lib/rentals-public";
+import { parseIsoDate, normalizeUtcDayStart } from "@/lib/booking";
+
+export const runtime = "nodejs";
+
+export async function GET(req: NextRequest, ctx: { params: Promise<{ id: string }> }) {
+  const { id } = await ctx.params;
+  const from = parseIsoDate(req.nextUrl.searchParams.get("from"));
+  const to = parseIsoDate(req.nextUrl.searchParams.get("to"));
+  if (!from || !to) {
+    return NextResponse.json(
+      { error: "Paramètres from et to (YYYY-MM-DD) requis." },
+      { status: 400 },
+    );
+  }
+  const start = normalizeUtcDayStart(from);
+  const end = normalizeUtcDayStart(to);
+  if (end <= start) {
+    return NextResponse.json({ error: "to doit être > from." }, { status: 400 });
+  }
+  const calendar = await getItemAvailability(id, start, end);
+  return NextResponse.json({
+    itemId: id,
+    from: start.toISOString(),
+    to: end.toISOString(),
+    calendar,
+  });
+}

src/app/api/signup/route.ts

@@ -0,0 +1,104 @@
+import { NextResponse } from "next/server";
+import { z } from "zod";
+
+import { UserRole } from "@/generated/prisma/enums";
+import { hashPassword } from "@/lib/password";
+import { prisma } from "@/lib/prisma";
+import { recordAudit } from "@/lib/admin/audit";
+import { sendNewRentalProviderRequest, sendSignupWelcome } from "@/lib/email";
+import { rateLimitRequest } from "@/lib/rate-limit";
+
+export const runtime = "nodejs";
+
+const schema = z.object({
+  email: z.string().trim().toLowerCase().email().max(200),
+  password: z.string().min(8).max(200),
+  firstName: z.string().trim().min(1).max(100),
+  lastName: z.string().trim().min(1).max(100),
+  phone: z.string().trim().max(40).optional().nullable(),
+  role: z
+    .enum([UserRole.TOURIST, UserRole.OWNER, UserRole.RENTAL_PROVIDER])
+    .default(UserRole.TOURIST),
+  providerName: z.string().trim().min(2).max(200).optional(),
+  providerRivers: z.array(z.string().trim().min(1).max(80)).max(20).optional(),
+});
+
+export async function POST(req: Request) {
+  const rl = rateLimitRequest(req, "signup", 60 * 60 * 1000, 5);
+  if (!rl.ok) {
+    return NextResponse.json(
+      { error: `Trop de tentatives. Réessayez dans ${rl.retryAfter}s.` },
+      { status: 429, headers: { "Retry-After": String(rl.retryAfter) } },
+    );
+  }
+  let body: unknown;
+  try {
+    body = await req.json();
+  } catch {
+    return NextResponse.json({ error: "Corps JSON invalide." }, { status: 400 });
+  }
+  const parsed = schema.safeParse(body);
+  if (!parsed.success) {
+    return NextResponse.json(
+      { error: parsed.error.issues.map((i) => `${i.path.join(".")}: ${i.message}`).join(" · ") },
+      { status: 400 },
+    );
+  }
+  const data = parsed.data;
+
+  if (data.role === UserRole.RENTAL_PROVIDER && (!data.providerName || data.providerName.trim().length < 2)) {
+    return NextResponse.json({ error: "Nom de votre activité requis." }, { status: 400 });
+  }
+
+  const existing = await prisma.user.findUnique({ where: { email: data.email }, select: { id: true } });
+  if (existing) {
+    return NextResponse.json({ error: "Un compte existe déjà avec cet email." }, { status: 409 });
+  }
+
+  const passwordHash = await hashPassword(data.password);
+  const user = await prisma.user.create({
+    data: {
+      email: data.email,
+      passwordHash,
+      firstName: data.firstName,
+      lastName: data.lastName,
+      phone: data.phone?.trim() || null,
+      role: data.role,
+      isActive: true,
+    },
+    select: { id: true, email: true, role: true },
+  });
+
+  // Pour un RENTAL_PROVIDER : crée le RentalProvider associé en attente d'approbation.
+  let createdProviderId: string | null = null;
+  if (user.role === UserRole.RENTAL_PROVIDER && data.providerName) {
+    const provider = await prisma.rentalProvider.create({
+      data: {
+        name: data.providerName,
+        isSystemD: false,
+        managedByUserId: user.id,
+        contactEmail: user.email,
+        contactPhone: data.phone?.trim() || null,
+        rivers: data.providerRivers ?? [],
+        commissionPct: 10, // valeur par défaut, ajustable par admin
+        active: true,
+        approved: false,
+      },
+      select: { id: true, name: true },
+    });
+    createdProviderId = provider.id;
+    sendNewRentalProviderRequest(provider.name, user.email).catch(() => {});
+  }
+
+  await recordAudit({
+    scope: "public.signup",
+    event: "user.create",
+    target: user.id,
+    actorEmail: user.email,
+    details: { role: user.role, rentalProviderId: createdProviderId },
+  });
+
+  sendSignupWelcome(user.email, data.firstName).catch(() => {});
+
+  return NextResponse.json({ ok: true, userId: user.id, providerId: createdProviderId });
+}

src/app/api/stripe/webhook/route.ts

@@ -4,9 +4,11 @@ import Stripe from "stripe";
 import {
   BookingStatus,
   PaymentStatus,
+  RentalBookingStatus,
   SubscriptionStatus,
 } from "@/generated/prisma/enums";
 import { refreshCarbetLastBookedAt } from "@/lib/carbet-last-booked";
+import { sendRentalConfirmed } from "@/lib/email";
 import { prisma } from "@/lib/prisma";
 import { fromStripeTimestamp, getStripeClient } from "@/lib/stripe";
 
@@ -51,6 +53,43 @@ async function handleCheckoutCompleted(session: Stripe.Checkout.Session) {
     return;
   }
 
+  if (type === "rental-bundle") {
+    const idsRaw = session.metadata?.rentalBookingIds;
+    if (!idsRaw) return;
+    const ids = idsRaw.split(",").map((s) => s.trim()).filter(Boolean);
+    if (ids.length === 0) return;
+    await prisma.rentalBooking.updateMany({
+      where: { id: { in: ids } },
+      data: {
+        paymentStatus: PaymentStatus.SUCCEEDED,
+        status: RentalBookingStatus.CONFIRMED,
+      },
+    });
+    try {
+      const rentals = await prisma.rentalBooking.findMany({
+        where: { id: { in: ids } },
+        include: {
+          provider: { select: { name: true } },
+          tenant: { select: { email: true, firstName: true } },
+        },
+      });
+      for (const rb of rentals) {
+        if (!rb.tenant.email) continue;
+        await sendRentalConfirmed(
+          rb.tenant.email,
+          rb.tenant.firstName ?? rb.tenant.email,
+          rb.id,
+          rb.provider.name,
+          rb.startDate,
+          rb.endDate,
+        );
+      }
+    } catch (e) {
+      console.error("[webhook.rental] email send failed:", e instanceof Error ? e.message : e);
+    }
+    return;
+  }
+
   if (type === "owner_subscription") {
     const ownerId = session.metadata?.ownerId;
     const carbetId = session.metadata?.carbetId;
@@ -79,6 +118,27 @@ async function handleCheckoutCompleted(session: Stripe.Checkout.Session) {
 
 async function handlePaymentIntentFailed(paymentIntent: Stripe.PaymentIntent) {
   const bookingId = paymentIntent.metadata?.bookingId;
+  const rentalIdsRaw = paymentIntent.metadata?.rentalBookingIds;
+
+  if (rentalIdsRaw) {
+    const ids = rentalIdsRaw.split(",").map((s) => s.trim()).filter(Boolean);
+    if (ids.length > 0) {
+      // Marque les paiements échoués + libère les blocages de dispo
+      await prisma.$transaction([
+        prisma.rentalBooking.updateMany({
+          where: { id: { in: ids } },
+          data: {
+            paymentStatus: PaymentStatus.FAILED,
+            status: RentalBookingStatus.CANCELLED,
+          },
+        }),
+        prisma.rentalItemAvailability.deleteMany({
+          where: { rentalBookingId: { in: ids } },
+        }),
+      ]);
+    }
+  }
+
   if (!bookingId) {
     return;
   }

src/app/api/uploads/finalize/route.ts

@@ -0,0 +1,89 @@
+import { NextResponse } from "next/server";
+import { z } from "zod";
+
+import { auth } from "@/auth";
+import { MediaType, UserRole } from "@/generated/prisma/enums";
+import { prisma } from "@/lib/prisma";
+import { classifyMime } from "@/lib/uploads";
+import { recordAudit } from "@/lib/admin/audit";
+import { generateImageVariants } from "@/lib/variants-server";
+
+export const runtime = "nodejs";
+
+const schema = z.object({
+  carbetId: z.string().min(1),
+  s3Key: z.string().min(5).max(500),
+  s3Url: z.string().url(),
+  mime: z.string().min(3).max(100),
+});
+
+export async function POST(req: Request) {
+  const session = await auth();
+  if (!session?.user?.id) {
+    return NextResponse.json({ error: "Non authentifié" }, { status: 401 });
+  }
+  const parsed = schema.safeParse(await req.json().catch(() => ({})));
+  if (!parsed.success) {
+    return NextResponse.json({ error: parsed.error.issues[0]?.message ?? "Payload invalide" }, { status: 400 });
+  }
+  const kind = classifyMime(parsed.data.mime);
+  if (!kind) return NextResponse.json({ error: "Type non supporté" }, { status: 400 });
+
+  const carbet = await prisma.carbet.findUnique({
+    where: { id: parsed.data.carbetId },
+    select: { id: true, ownerId: true },
+  });
+  if (!carbet) return NextResponse.json({ error: "Carbet introuvable" }, { status: 404 });
+  const isOwner = carbet.ownerId === session.user.id;
+  const isAdmin = session.user.role === UserRole.ADMIN;
+  if (!isOwner && !isAdmin) {
+    return NextResponse.json({ error: "Accès refusé" }, { status: 403 });
+  }
+
+  // S3Key doit appartenir au carbet — verrou pour éviter qu'un user finalise une key étrangère.
+  if (!parsed.data.s3Key.startsWith(`carbets/${carbet.id}/`)) {
+    return NextResponse.json({ error: "s3Key invalide pour ce carbet" }, { status: 400 });
+  }
+
+  const existingCount = await prisma.media.count({ where: { carbetId: carbet.id } });
+  const media = await prisma.media.create({
+    data: {
+      carbetId: carbet.id,
+      type: kind === "photo" ? MediaType.PHOTO : MediaType.VIDEO,
+      s3Key: parsed.data.s3Key,
+      s3Url: parsed.data.s3Url,
+      sortOrder: existingCount,
+    },
+    select: { id: true, type: true, s3Url: true, s3Key: true, sortOrder: true },
+  });
+  await recordAudit({
+    scope: "uploads",
+    event: "media.finalize",
+    target: media.id,
+    actorEmail: session.user.email ?? null,
+    details: { carbetId: carbet.id, kind },
+  });
+
+  // Génération des variantes responsives (best-effort, n'échoue pas la requête).
+  // L'utilisateur attend quelques secondes mais l'expérience derrière est bien meilleure.
+  try {
+    const variants = await generateImageVariants({
+      originalS3Key: parsed.data.s3Key,
+      mime: parsed.data.mime,
+    });
+    if (!variants.skipped) {
+      const okCount = variants.results.filter((r) => r.ok).length;
+      await recordAudit({
+        scope: "uploads",
+        event: "media.variants",
+        target: media.id,
+        actorEmail: session.user.email ?? null,
+        details: { generated: okCount, total: variants.results.length },
+      });
+    }
+  } catch (e) {
+    console.error("[uploads] variants generation error:", e);
+  }
+
+  return NextResponse.json({ media });
+}

src/app/api/uploads/presign/route.ts

@@ -0,0 +1,55 @@
+import { NextResponse } from "next/server";
+import { z } from "zod";
+
+import { auth } from "@/auth";
+import { UserRole } from "@/generated/prisma/enums";
+import { prisma } from "@/lib/prisma";
+import { presignCarbetUpload } from "@/lib/uploads";
+import { rateLimitRequest } from "@/lib/rate-limit";
+
+export const runtime = "nodejs";
+
+const schema = z.object({
+  carbetId: z.string().min(1),
+  mime: z.string().min(3).max(100),
+  sizeBytes: z.coerce.number().int().min(1).max(500 * 1024 * 1024),
+});
+
+export async function POST(req: Request) {
+  const rl = rateLimitRequest(req, "presign", 60_000, 60);
+  if (!rl.ok) {
+    return NextResponse.json(
+      { error: `Trop de demandes. Réessayez dans ${rl.retryAfter}s.` },
+      { status: 429 },
+    );
+  }
+  const session = await auth();
+  if (!session?.user?.id) {
+    return NextResponse.json({ error: "Non authentifié" }, { status: 401 });
+  }
+  const parsed = schema.safeParse(await req.json().catch(() => ({})));
+  if (!parsed.success) {
+    return NextResponse.json({ error: parsed.error.issues[0]?.message ?? "Payload invalide" }, { status: 400 });
+  }
+
+  const carbet = await prisma.carbet.findUnique({
+    where: { id: parsed.data.carbetId },
+    select: { id: true, ownerId: true },
+  });
+  if (!carbet) return NextResponse.json({ error: "Carbet introuvable" }, { status: 404 });
+  const isOwner = carbet.ownerId === session.user.id;
+  const isAdmin = session.user.role === UserRole.ADMIN;
+  if (!isOwner && !isAdmin) {
+    return NextResponse.json({ error: "Accès refusé" }, { status: 403 });
+  }
+
+  const result = await presignCarbetUpload({
+    carbetId: carbet.id,
+    mime: parsed.data.mime,
+    sizeBytes: parsed.data.sizeBytes,
+  });
+  if ("error" in result) {
+    return NextResponse.json({ error: result.error }, { status: 400 });
+  }
+  return NextResponse.json(result);
+}

src/app/api/uploads/rental-finalize/route.ts

@@ -0,0 +1,104 @@
+import { NextResponse } from "next/server";
+import { z } from "zod";
+
+import { auth } from "@/auth";
+import { MediaType } from "@/generated/prisma/enums";
+import { recordAudit } from "@/lib/admin/audit";
+import { prisma } from "@/lib/prisma";
+import { canManageRentalProvider } from "@/lib/rental-access";
+import { classifyMime } from "@/lib/uploads";
+import { generateImageVariants } from "@/lib/variants-server";
+
+export const runtime = "nodejs";
+
+const schema = z.object({
+  itemId: z.string().min(1),
+  s3Key: z.string().min(5).max(500),
+  s3Url: z.string().url(),
+  mime: z.string().min(3).max(100),
+});
+
+export async function POST(req: Request) {
+  const session = await auth();
+  if (!session?.user?.id) {
+    return NextResponse.json({ error: "Non authentifié" }, { status: 401 });
+  }
+  const parsed = schema.safeParse(await req.json().catch(() => ({})));
+  if (!parsed.success) {
+    return NextResponse.json(
+      { error: parsed.error.issues[0]?.message ?? "Payload invalide" },
+      { status: 400 },
+    );
+  }
+  const kind = classifyMime(parsed.data.mime);
+  if (!kind) return NextResponse.json({ error: "Type non supporté" }, { status: 400 });
+
+  const item = await prisma.rentalItem.findUnique({
+    where: { id: parsed.data.itemId },
+    select: { id: true, providerId: true },
+  });
+  if (!item) return NextResponse.json({ error: "Item introuvable" }, { status: 404 });
+
+  const allowed = await canManageRentalProvider(
+    session.user.id,
+    session.user.role,
+    item.providerId,
+  );
+  if (!allowed) {
+    return NextResponse.json({ error: "Accès refusé" }, { status: 403 });
+  }
+
+  if (!parsed.data.s3Key.startsWith(`rental-items/${item.id}/`)) {
+    return NextResponse.json({ error: "s3Key invalide pour cet item" }, { status: 400 });
+  }
+
+  const existingCount = await prisma.rentalItemMedia.count({ where: { itemId: item.id } });
+  const media = await prisma.rentalItemMedia.create({
+    data: {
+      itemId: item.id,
+      type: kind === "photo" ? MediaType.PHOTO : MediaType.VIDEO,
+      s3Key: parsed.data.s3Key,
+      s3Url: parsed.data.s3Url,
+      sortOrder: existingCount,
+    },
+    select: { id: true, type: true, s3Url: true, s3Key: true, sortOrder: true },
+  });
+
+  // Si c'est la première photo de l'item, hydrate imageUrl pour rétro-compat
+  // avec les listings (RentalItemCard, /carbets/[slug] panel).
+  if (existingCount === 0 && kind === "photo") {
+    await prisma.rentalItem.update({
+      where: { id: item.id },
+      data: { imageUrl: parsed.data.s3Url },
+    });
+  }
+
+  await recordAudit({
+    scope: "uploads",
+    event: "rental.media.finalize",
+    target: media.id,
+    actorEmail: session.user.email ?? null,
+    details: { itemId: item.id, kind },
+  });
+
+  try {
+    const variants = await generateImageVariants({
+      originalS3Key: parsed.data.s3Key,
+      mime: parsed.data.mime,
+    });
+    if (!variants.skipped) {
+      const okCount = variants.results.filter((r) => r.ok).length;
+      await recordAudit({
+        scope: "uploads",
+        event: "rental.media.variants",
+        target: media.id,
+        actorEmail: session.user.email ?? null,
+        details: { generated: okCount, total: variants.results.length },
+      });
+    }
+  } catch (e) {
+    console.error("[rental-uploads] variants generation error:", e);
+  }
+
+  return NextResponse.json({ media });
+}

src/app/api/uploads/rental-presign/route.ts

@@ -0,0 +1,62 @@
+import { NextResponse } from "next/server";
+import { z } from "zod";
+
+import { auth } from "@/auth";
+import { prisma } from "@/lib/prisma";
+import { canManageRentalProvider } from "@/lib/rental-access";
+import { rateLimitRequest } from "@/lib/rate-limit";
+import { presignRentalItemUpload } from "@/lib/uploads";
+
+export const runtime = "nodejs";
+
+const schema = z.object({
+  itemId: z.string().min(1),
+  mime: z.string().min(3).max(100),
+  sizeBytes: z.coerce.number().int().min(1).max(500 * 1024 * 1024),
+});
+
+export async function POST(req: Request) {
+  const rl = rateLimitRequest(req, "rental-presign", 60_000, 60);
+  if (!rl.ok) {
+    return NextResponse.json(
+      { error: `Trop de demandes. Réessayez dans ${rl.retryAfter}s.` },
+      { status: 429 },
+    );
+  }
+  const session = await auth();
+  if (!session?.user?.id) {
+    return NextResponse.json({ error: "Non authentifié" }, { status: 401 });
+  }
+  const parsed = schema.safeParse(await req.json().catch(() => ({})));
+  if (!parsed.success) {
+    return NextResponse.json(
+      { error: parsed.error.issues[0]?.message ?? "Payload invalide" },
+      { status: 400 },
+    );
+  }
+
+  const item = await prisma.rentalItem.findUnique({
+    where: { id: parsed.data.itemId },
+    select: { id: true, providerId: true },
+  });
+  if (!item) return NextResponse.json({ error: "Item introuvable" }, { status: 404 });
+
+  const allowed = await canManageRentalProvider(
+    session.user.id,
+    session.user.role,
+    item.providerId,
+  );
+  if (!allowed) {
+    return NextResponse.json({ error: "Accès refusé" }, { status: 403 });
+  }
+
+  const result = await presignRentalItemUpload({
+    itemId: item.id,
+    mime: parsed.data.mime,
+    sizeBytes: parsed.data.sizeBytes,
+  });
+  if ("error" in result) {
+    return NextResponse.json({ error: result.error }, { status: 400 });
+  }
+  return NextResponse.json(result);
+}

src/app/carbets/[slug]/_components/CompleteYourStay.tsx

@@ -0,0 +1,105 @@
+import Link from "next/link";
+
+import { isPluginEnabled } from "@/lib/plugins/server";
+import { prisma } from "@/lib/prisma";
+import { RENTAL_CATEGORY_LABEL } from "@/lib/rental-category-labels";
+
+type Props = {
+  river: string;
+  capacity: number;
+};
+
+const EMOJI: Record<string, string> = {
+  SLEEP: "💤",
+  NAVIGATION: "🛶",
+  FISHING: "🎣",
+  COOKING: "🍳",
+  SAFETY: "🦺",
+};
+
+export async function CompleteYourStay({ river, capacity }: Props) {
+  if (!(await isPluginEnabled("gear-rental"))) return null;
+  const providers = await prisma.rentalProvider.findMany({
+    where: {
+      active: true,
+      approved: true,
+      OR: [
+        { isSystemD: true },
+        { rivers: { has: river } },
+      ],
+    },
+    select: {
+      id: true,
+      items: {
+        where: { active: true },
+        orderBy: [{ category: "asc" }, { pricePerDay: "asc" }],
+        take: 24,
+        select: {
+          id: true,
+          name: true,
+          category: true,
+          imageUrl: true,
+          pricePerDay: true,
+          provider: { select: { name: true, isSystemD: true } },
+        },
+      },
+    },
+  });
+
+  const items = providers.flatMap((p) => p.items).slice(0, 9);
+  if (items.length === 0) return null;
+
+  return (
+    <section className="my-8 rounded-lg border border-emerald-200 bg-emerald-50/40 p-5">
+      <header className="flex items-baseline justify-between gap-3">
+        <div>
+          <h2 className="text-lg font-semibold text-emerald-900">
+            Compléter votre séjour
+          </h2>
+          <p className="text-xs text-emerald-800">
+            Pour {capacity} voyageur{capacity > 1 ? "s" : ""} sur le {river},
+            pensez à louer hamacs, moustiquaires, pirogue ou kayak auprès des
+            prestataires locaux.
+          </p>
+        </div>
+        <Link href="/materiel" className="text-xs font-semibold text-emerald-800 hover:underline">
+          Voir tout →
+        </Link>
+      </header>
+
+      <ul className="mt-3 grid grid-cols-2 gap-2 sm:grid-cols-3">
+        {items.map((it) => (
+          <li
+            key={it.id}
+            className="overflow-hidden rounded-md border border-emerald-100 bg-white shadow-sm"
+          >
+            <Link href={`/materiel/${it.id}`} className="block">
+              <div className="flex aspect-video items-center justify-center bg-emerald-50 text-3xl">
+                {it.imageUrl ? (
+                  // eslint-disable-next-line @next/next/no-img-element
+                  <img src={it.imageUrl} alt={it.name} className="h-full w-full object-cover" />
+                ) : (
+                  <span>{EMOJI[it.category] ?? "🎒"}</span>
+                )}
+              </div>
+              <div className="px-2.5 py-1.5">
+                <p className="truncate text-xs font-semibold text-zinc-900">{it.name}</p>
+                <div className="flex items-center justify-between text-[10px] text-zinc-500">
+                  <span>{RENTAL_CATEGORY_LABEL[it.category]}</span>
+                  <span className="font-mono font-semibold text-emerald-700">
+                    {Number(it.pricePerDay).toFixed(0)} €/j
+                  </span>
+                </div>
+                {it.provider.isSystemD ? (
+                  <span className="mt-1 inline-block rounded-full bg-emerald-600 px-1.5 py-0.5 text-[9px] font-semibold uppercase tracking-wider text-white">
+                    Karbé
+                  </span>
+                ) : null}
+              </div>
+            </Link>
+          </li>
+        ))}
+      </ul>
+    </section>
+  );
+}

src/app/carbets/[slug]/page.tsx

@@ -12,10 +12,16 @@ import {
 import { MediaType, UserRole } from "@/generated/prisma/enums";
 import { formatAverageRating } from "@/lib/reviews";
 
+import { isStripeConfigured } from "@/lib/stripe";
+
+import { BookingForm } from "../_components/booking-form";
+import { CompleteYourStay } from "./_components/CompleteYourStay";
 import { CarbetGallery } from "../_components/carbet-gallery";
+import { CarbetMap } from "../_components/carbet-map";
 import { ReviewsSection } from "../_components/reviews-section";
 import { StarRating } from "../_components/star-rating";
 import { AccessTypeBadge } from "@/components/AccessTypeBadge";
+import { OperationalBadges } from "@/components/OperationalBadges";
 import { StayConstraints } from "@/components/StayConstraints";
 import { PirogueTransportBlock } from "@/components/PirogueTransportBlock";
 
@@ -127,6 +133,20 @@ export default async function PublicCarbetPage({ params }: PageProps) {
         <CarbetGallery title={carbet.title} media={carbet.media} />
       </section>
 
+      <section className="mt-6">
+        <h2 className="mb-3 text-base font-semibold uppercase tracking-wider text-zinc-500">
+          Critères opérationnels
+        </h2>
+        <OperationalBadges
+          roadAccess={carbet.roadAccess}
+          capacity={carbet.capacity}
+          electricity={carbet.electricity}
+          gsmAtCarbet={carbet.gsmAtCarbet}
+          gsmExitDistanceKm={carbet.gsmExitDistanceKm}
+          variant="full"
+        />
+      </section>
+
       <div className="mt-10 grid gap-10 lg:grid-cols-3">
         <div className="lg:col-span-2">
           <section>
@@ -143,6 +163,25 @@ export default async function PublicCarbetPage({ params }: PageProps) {
             provider={carbet.pirogueProvider}
           />
 
+          <section className="mt-10">
+            <h2 className="text-xl font-semibold text-zinc-900">
+              Où se trouve ce carbet
+            </h2>
+            <p className="mt-1 text-sm text-zinc-600">
+              Fleuve <strong>{carbet.river}</strong> · embarquement à{" "}
+              <strong>{carbet.embarkPoint}</strong>
+            </p>
+            <div className="mt-3">
+              <CarbetMap
+                latitude={Number(carbet.latitude)}
+                longitude={Number(carbet.longitude)}
+                title={carbet.title}
+                river={carbet.river}
+                embarkPoint={carbet.embarkPoint}
+              />
+            </div>
+          </section>
+
           {carbet.amenities.length > 0 ? (
             <section className="mt-10">
               <h2 className="text-xl font-semibold text-zinc-900">
@@ -226,13 +265,21 @@ export default async function PublicCarbetPage({ params }: PageProps) {
             </dl>
           </div>
 
-          <p className="rounded-md bg-emerald-50 px-3 py-2 text-xs text-emerald-800">
+          <BookingForm
-            La réservation en ligne arrive bientôt. En attendant, contactez
+            carbetId={carbet.id}
-            l&apos;équipe Karbé pour organiser votre séjour.
+            slug={carbet.slug}
-          </p>
+            nightlyPrice={Number(carbet.nightlyPrice)}
+            capacity={carbet.capacity}
+            minStayNights={carbet.minStayNights}
+            maxStayNights={carbet.maxStayNights}
+            isAuthenticated={Boolean(viewerId)}
+            stripeEnabled={isStripeConfigured()}
+          />
         </aside>
       </div>
 
+      <CompleteYourStay river={carbet.river} capacity={carbet.capacity} />
+
       <ReviewsSection
         stats={carbet.reviewStats}
         reviews={carbet.reviews}

src/app/carbets/_components/booking-form.tsx

@@ -0,0 +1,245 @@
+"use client";
+
+import { useEffect, useMemo, useState } from "react";
+import Link from "next/link";
+import { useRouter } from "next/navigation";
+
+import { MiniCalendar } from "./mini-calendar";
+
+type Props = {
+  carbetId: string;
+  slug: string;
+  nightlyPrice: number;
+  capacity: number;
+  minStayNights: number | null;
+  maxStayNights: number | null;
+  isAuthenticated: boolean;
+  stripeEnabled: boolean;
+};
+
+function todayPlus(n: number): string {
+  const d = new Date();
+  d.setHours(0, 0, 0, 0);
+  d.setDate(d.getDate() + n);
+  return d.toISOString().slice(0, 10);
+}
+
+function diffDays(a: string, b: string): number {
+  if (!a || !b) return 0;
+  const da = new Date(a + "T00:00:00Z").getTime();
+  const db = new Date(b + "T00:00:00Z").getTime();
+  return Math.round((db - da) / 86400000);
+}
+
+export function BookingForm({
+  carbetId,
+  slug,
+  nightlyPrice,
+  capacity,
+  minStayNights,
+  maxStayNights,
+  isAuthenticated,
+  stripeEnabled,
+}: Props) {
+  const router = useRouter();
+  const [startDate, setStartDate] = useState<string | null>(null);
+  const [endDate, setEndDate] = useState<string | null>(null);
+  const [guestCount, setGuestCount] = useState(Math.min(2, capacity));
+  const [busy, setBusy] = useState(false);
+  const [error, setError] = useState<string | null>(null);
+  const [blockedDates, setBlockedDates] = useState<Set<string>>(new Set());
+
+  // Fetch availability sur les 90 prochains jours pour griser/avertir.
+  useEffect(() => {
+    const ctrl = new AbortController();
+    const from = todayPlus(0);
+    const to = todayPlus(90);
+    fetch(`/api/carbets/${carbetId}/availability?from=${from}&to=${to}`, { signal: ctrl.signal })
+      .then((r) => (r.ok ? r.json() : null))
+      .then((j) => {
+        if (!j?.calendar) return;
+        const blocked = new Set<string>();
+        for (const d of j.calendar as { date: string; isAvailable: boolean }[]) {
+          if (!d.isAvailable) blocked.add(d.date);
+        }
+        setBlockedDates(blocked);
+      })
+      .catch(() => {});
+    return () => ctrl.abort();
+  }, [carbetId]);
+
+  const nights = useMemo(
+    () => (startDate && endDate ? Math.max(0, diffDays(startDate, endDate)) : 0),
+    [startDate, endDate],
+  );
+  const total = nights * nightlyPrice;
+  const minN = minStayNights ?? 1;
+  const maxN = maxStayNights ?? 365;
+  const datesSelected = Boolean(startDate && endDate);
+  const nightsOk = datesSelected && nights >= minN && nights <= maxN;
+  const guestOk = guestCount >= 1 && guestCount <= capacity;
+
+  const canSubmit = nightsOk && guestOk && !busy;
+
+  async function submit() {
+    if (!isAuthenticated) {
+      const next = `/carbets/${slug}`;
+      router.push(`/connexion?next=${encodeURIComponent(next)}`);
+      return;
+    }
+    setBusy(true);
+    setError(null);
+    try {
+      if (stripeEnabled) {
+        // Checkout Stripe : crée la résa + une session Checkout, redirige le user.
+        const res = await fetch("/api/stripe/checkout/booking", {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify({
+            carbetId,
+            startDate,
+            endDate,
+            guestCount,
+            amount: nights * nightlyPrice,
+            currency: "EUR",
+          }),
+        });
+        const json = await res.json().catch(() => ({}));
+        if (!res.ok) {
+          throw new Error(json?.error || `Erreur ${res.status}`);
+        }
+        if (json.checkoutUrl) {
+          window.location.assign(json.checkoutUrl);
+          return;
+        }
+        // Fallback si pas d'URL retournée → page de la résa créée.
+        router.push(`/reservations/${json.bookingId ?? ""}`);
+        return;
+      }
+
+      // Pas de Stripe configuré → flux direct, résa en PENDING manuel.
+      const res = await fetch("/api/bookings", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ carbetId, startDate, endDate, guestCount }),
+      });
+      const json = await res.json().catch(() => ({}));
+      if (!res.ok) {
+        throw new Error(json?.error || `Erreur ${res.status}`);
+      }
+      router.push(`/reservations/${json.id ?? json.booking?.id ?? ""}`);
+    } catch (e) {
+      setError(e instanceof Error ? e.message : String(e));
+    } finally {
+      setBusy(false);
+    }
+  }
+
+  return (
+    <div className="space-y-3 rounded-lg border border-zinc-200 bg-white p-4 shadow-sm">
+      <div className="flex items-baseline justify-between">
+        <div>
+          <span className="text-2xl font-semibold text-zinc-900">{nightlyPrice.toFixed(0)} €</span>
+          <span className="ml-1 text-sm text-zinc-500">/ nuit</span>
+        </div>
+        <span className="text-xs text-zinc-500">jusqu&apos;à {capacity} voyageurs</span>
+      </div>
+
+      <MiniCalendar
+        startDate={startDate}
+        endDate={endDate}
+        blockedDates={blockedDates}
+        onChange={(s, e) => {
+          setStartDate(s);
+          setEndDate(e);
+          setError(null);
+        }}
+      />
+
+      {datesSelected ? (
+        <div className="flex items-center justify-between rounded-md bg-zinc-50 px-3 py-1.5 text-xs text-zinc-700">
+          <span>
+            <strong>{startDate}</strong> → <strong>{endDate}</strong>
+          </span>
+          <button
+            type="button"
+            onClick={() => {
+              setStartDate(null);
+              setEndDate(null);
+            }}
+            className="text-zinc-500 hover:text-zinc-900"
+          >
+            Réinitialiser
+          </button>
+        </div>
+      ) : null}
+
+      <label className="block text-sm">
+        <span className="text-xs text-zinc-500">Voyageurs</span>
+        <input
+          type="number"
+          min={1}
+          max={capacity}
+          value={guestCount}
+          onChange={(e) => setGuestCount(Math.max(1, Math.min(capacity, Number(e.target.value) || 1)))}
+          className="mt-0.5 w-full rounded-md border border-zinc-300 px-2 py-1.5"
+        />
+      </label>
+
+      {datesSelected ? (
+        <div className="space-y-1 border-t border-zinc-100 pt-3 text-sm text-zinc-700">
+          <div className="flex justify-between">
+            <span>
+              {nightlyPrice.toFixed(0)} € × {nights} nuit{nights > 1 ? "s" : ""}
+            </span>
+            <span className="font-mono">{(nightlyPrice * nights).toFixed(2)} €</span>
+          </div>
+          <div className="flex justify-between text-base font-semibold text-zinc-900">
+            <span>Total</span>
+            <span className="font-mono">{total.toFixed(2)} €</span>
+          </div>
+        </div>
+      ) : null}
+
+      {datesSelected && !nightsOk ? (
+        <div className="rounded border border-amber-200 bg-amber-50 px-3 py-1.5 text-xs text-amber-800">
+          Séjour entre {minN} et {maxN} nuits requis.
+        </div>
+      ) : null}
+
+      {error ? (
+        <div className="rounded border border-rose-200 bg-rose-50 px-3 py-1.5 text-xs text-rose-700">{error}</div>
+      ) : null}
+
+      <button
+        type="button"
+        onClick={submit}
+        disabled={!canSubmit}
+        className="w-full rounded-md bg-emerald-600 px-4 py-2.5 text-sm font-semibold text-white hover:bg-emerald-700 disabled:opacity-50"
+      >
+        {busy
+          ? "Envoi…"
+          : !isAuthenticated
+            ? "Se connecter pour réserver"
+            : stripeEnabled
+              ? "Payer et réserver"
+              : "Réserver"}
+      </button>
+
+      {!isAuthenticated ? (
+        <p className="text-center text-xs text-zinc-500">
+          Pas encore de compte ?{" "}
+          <Link href={`/inscription?next=${encodeURIComponent(`/carbets/${slug}`)}`} className="text-zinc-900 underline">
+            Créer un compte
+          </Link>
+        </p>
+      ) : null}
+
+      <p className="text-center text-[11px] text-zinc-500">
+        {stripeEnabled
+          ? "Vous serez redirigé vers Stripe pour le paiement sécurisé."
+          : "Le créneau est bloqué dès l'envoi. Statut « En attente » jusqu'à confirmation."}
+      </p>
+    </div>
+  );
+}

src/app/carbets/_components/carbet-card.tsx

@@ -3,7 +3,9 @@ import Link from "next/link";
 import type { CarbetSearchResult } from "@/lib/carbet-search";
 import { formatPirogueDuration, truncate } from "@/lib/format";
 import { formatAverageRating } from "@/lib/reviews";
+import { buildSrcSet } from "@/lib/image-variants";
 import { AccessTypeBadge } from "@/components/AccessTypeBadge";
+import { OperationalBadges } from "@/components/OperationalBadges";
 import { StayConstraints } from "@/components/StayConstraints";
 
 import { StarRating } from "./star-rating";
@@ -14,13 +16,14 @@ export function CarbetCard({ carbet }: { carbet: CarbetSearchResult }) {
     <article className="group flex flex-col overflow-hidden rounded-lg border border-zinc-200 bg-white shadow-sm transition hover:border-emerald-300 hover:shadow-md">
       <Link href={href} className="relative block aspect-[4/3] bg-zinc-100">
         {carbet.coverUrl ? (
-          // Use a plain <img> here — uploaded media URLs come from MinIO/S3 and
-          // don't go through next/image's optimizer in this environment.
           // eslint-disable-next-line @next/next/no-img-element
           <img
             src={carbet.coverUrl}
+            srcSet={buildSrcSet(carbet.coverUrl)}
+            sizes="(min-width: 1024px) 320px, (min-width: 640px) 50vw, 100vw"
             alt={`Photo de ${carbet.title}`}
             loading="lazy"
+            decoding="async"
             className="h-full w-full object-cover transition group-hover:scale-[1.02]"
           />
         ) : (
@@ -39,9 +42,18 @@ export function CarbetCard({ carbet }: { carbet: CarbetSearchResult }) {
           <AccessTypeBadge accessType={carbet.accessType} />
         </div>
         <p className="mt-1 text-sm text-zinc-600">
-          Fleuve {carbet.river} · {carbet.capacity} voyageur
+          Fleuve {carbet.river}
-          {carbet.capacity > 1 ? "s" : ""}
         </p>
+        <div className="mt-2">
+          <OperationalBadges
+            roadAccess={carbet.roadAccess}
+            capacity={carbet.capacity}
+            electricity={carbet.electricity}
+            gsmAtCarbet={carbet.gsmAtCarbet}
+            gsmExitDistanceKm={carbet.gsmExitDistanceKm}
+            variant="compact"
+          />
+        </div>
         <div className="mt-1 flex flex-wrap gap-1">
           <StayConstraints
             minNights={carbet.minStayNights}

src/app/carbets/_components/carbet-gallery.tsx

@@ -1,14 +1,46 @@
+"use client";
+
+import { useCallback, useEffect, useState } from "react";
+
 import type { PublicCarbetMedia } from "@/lib/carbet-public";
 import { MediaType } from "@/generated/prisma/enums";
+import { buildSrcSet } from "@/lib/image-variants";
 
 type Props = {
   title: string;
   media: PublicCarbetMedia[];
 };
 
-// SSR-friendly gallery: shows a cover (photo or video) plus a strip of
+/**
-// secondary media. No client component — all native HTML controls.
+ * Galerie publique : grille de vignettes ; clic = lightbox plein écran avec
+ * navigation prev/next, fermeture par Esc ou clic backdrop. Pas de dep externe.
+ */
 export function CarbetGallery({ title, media }: Props) {
+  const [active, setActive] = useState<number | null>(null);
+
+  const close = useCallback(() => setActive(null), []);
+  const next = useCallback(() => {
+    setActive((i) => (i === null ? null : (i + 1) % media.length));
+  }, [media.length]);
+  const prev = useCallback(() => {
+    setActive((i) => (i === null ? null : (i - 1 + media.length) % media.length));
+  }, [media.length]);
+
+  useEffect(() => {
+    if (active === null) return;
+    function onKey(e: KeyboardEvent) {
+      if (e.key === "Escape") close();
+      else if (e.key === "ArrowRight") next();
+      else if (e.key === "ArrowLeft") prev();
+    }
+    window.addEventListener("keydown", onKey);
+    document.body.style.overflow = "hidden";
+    return () => {
+      window.removeEventListener("keydown", onKey);
+      document.body.style.overflow = "";
+    };
+  }, [active, close, next, prev]);
+
   if (media.length === 0) {
     return (
       <div className="flex aspect-[16/9] w-full items-center justify-center rounded-lg bg-zinc-100 text-sm text-zinc-400">
@@ -17,57 +49,159 @@ export function CarbetGallery({ title, media }: Props) {
     );
   }
 
-  const [cover, ...rest] = media;
+  const cover = media[0];
+  const rest = media.slice(1);
+  const current = active === null ? null : media[active];
 
   return (
-    <div className="space-y-3">
+    <>
-      <figure className="overflow-hidden rounded-lg bg-zinc-100">
+      <div className="space-y-3">
-        {cover.type === MediaType.VIDEO ? (
+        <button
-          <video
+          type="button"
-            src={cover.url}
+          onClick={() => setActive(0)}
-            controls
+          className="block w-full overflow-hidden rounded-lg bg-zinc-100 transition hover:opacity-95"
-            playsInline
+          aria-label="Ouvrir la photo principale en grand"
-            preload="metadata"
+        >
-            className="aspect-[16/9] w-full bg-black object-contain"
+          {cover.type === MediaType.VIDEO ? (
-          />
+            <video
-        ) : (
+              src={cover.url}
-          // eslint-disable-next-line @next/next/no-img-element
+              controls
-          <img
+              playsInline
-            src={cover.url}
+              preload="metadata"
-            alt={`Photo principale de ${title}`}
+              className="aspect-[16/9] w-full bg-black object-contain"
-            className="aspect-[16/9] w-full object-cover"
+            />
-          />
+          ) : (
-        )}
+            // eslint-disable-next-line @next/next/no-img-element
-      </figure>
+            <img
+              src={cover.url}
+              srcSet={buildSrcSet(cover.url)}
+              sizes="(min-width: 768px) 800px, 100vw"
+              alt={`Photo principale de ${title}`}
+              fetchPriority="high"
+              decoding="async"
+              className="aspect-[16/9] w-full cursor-zoom-in object-cover"
+            />
+          )}
+        </button>
 
-      {rest.length > 0 ? (
+        {rest.length > 0 ? (
-        <ul className="grid grid-cols-2 gap-3 sm:grid-cols-4">
+          <ul className="grid grid-cols-2 gap-3 sm:grid-cols-4">
-          {rest.map((item) => (
+            {rest.map((item, idx) => (
-            <li
+              <li key={item.id} className="overflow-hidden rounded-md bg-zinc-100">
-              key={item.id}
+                <button
-              className="overflow-hidden rounded-md bg-zinc-100"
+                  type="button"
-            >
+                  onClick={() => setActive(idx + 1)}
-              {item.type === MediaType.VIDEO ? (
+                  className="block w-full"
-                <video
+                  aria-label="Ouvrir en grand"
-                  src={item.url}
+                >
-                  preload="metadata"
+                  {item.type === MediaType.VIDEO ? (
-                  controls
+                    <video
-                  playsInline
+                      src={item.url}
-                  className="aspect-square w-full bg-black object-contain"
+                      preload="metadata"
-                />
+                      controls
-              ) : (
+                      playsInline
-                // eslint-disable-next-line @next/next/no-img-element
+                      className="aspect-square w-full bg-black object-contain"
-                <img
+                    />
-                  src={item.url}
+                  ) : (
-                  alt={`Média de ${title}`}
+                    // eslint-disable-next-line @next/next/no-img-element
-                  loading="lazy"
+                    <img
-                  className="aspect-square w-full object-cover"
+                      src={item.url}
-                />
+                      srcSet={buildSrcSet(item.url)}
-              )}
+                      sizes="(min-width: 640px) 200px, 50vw"
-            </li>
+                      alt={`Média de ${title}`}
-          ))}
+                      loading="lazy"
-        </ul>
+                      decoding="async"
+                      className="aspect-square w-full cursor-zoom-in object-cover transition hover:scale-105"
+                    />
+                  )}
+                </button>
+              </li>
+            ))}
+          </ul>
+        ) : null}
+      </div>
+
+      {current ? (
+        <div
+          className="fixed inset-0 z-50 flex items-center justify-center bg-black/85 backdrop-blur-sm"
+          onClick={close}
+          role="dialog"
+          aria-modal="true"
+          aria-label="Galerie photo"
+        >
+          <button
+            type="button"
+            onClick={close}
+            className="absolute right-4 top-4 rounded-full bg-white/10 p-2 text-white hover:bg-white/20"
+            aria-label="Fermer"
+          >
+            <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2">
+              <path d="M6 6 L18 18 M6 18 L18 6" />
+            </svg>
+          </button>
+
+          {media.length > 1 ? (
+            <>
+              <button
+                type="button"
+                onClick={(e) => {
+                  e.stopPropagation();
+                  prev();
+                }}
+                className="absolute left-4 top-1/2 -translate-y-1/2 rounded-full bg-white/10 p-3 text-white hover:bg-white/20"
+                aria-label="Précédent"
+              >
+                <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5">
+                  <path d="M15 6 L9 12 L15 18" />
+                </svg>
+              </button>
+              <button
+                type="button"
+                onClick={(e) => {
+                  e.stopPropagation();
+                  next();
+                }}
+                className="absolute right-4 top-1/2 -translate-y-1/2 rounded-full bg-white/10 p-3 text-white hover:bg-white/20"
+                aria-label="Suivant"
+              >
+                <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5">
+                  <path d="M9 6 L15 12 L9 18" />
+                </svg>
+              </button>
+            </>
+          ) : null}
+
+          <div
+            className="max-h-[88vh] max-w-[92vw]"
+            onClick={(e) => e.stopPropagation()}
+          >
+            {current.type === MediaType.VIDEO ? (
+              <video
+                src={current.url}
+                controls
+                autoPlay
+                playsInline
+                className="max-h-[88vh] max-w-[92vw] object-contain"
+              />
+            ) : (
+              // eslint-disable-next-line @next/next/no-img-element
+              <img
+                src={current.url}
+                srcSet={buildSrcSet(current.url)}
+                sizes="(min-width: 1200px) 1600px, 92vw"
+                alt={`Photo ${active! + 1} sur ${media.length} de ${title}`}
+                fetchPriority="high"
+                decoding="async"
+                className="max-h-[88vh] max-w-[92vw] object-contain"
+              />
+            )}
+          </div>
+
+          <div className="absolute bottom-4 left-1/2 -translate-x-1/2 rounded-full bg-white/10 px-3 py-1 text-xs text-white">
+            {active! + 1} / {media.length}
+          </div>
+        </div>
       ) : null}
-    </div>
+    </>
   );
 }

src/app/carbets/_components/carbet-map-inner.tsx

@@ -0,0 +1,74 @@
+"use client";
+
+import { MapContainer, TileLayer, Marker, Popup } from "react-leaflet";
+import L from "leaflet";
+
+import "leaflet/dist/leaflet.css";
+
+// Fix icône Leaflet (les paths par défaut pointent vers un CDN qui n'existe plus).
+// On utilise un SVG inline en data URL.
+const ICON = L.divIcon({
+  className: "karbe-leaflet-marker",
+  html: `
+    <div style="
+      width:32px;height:32px;
+      transform:translate(-50%,-100%);
+      display:flex;align-items:center;justify-content:center;
+    ">
+      <svg viewBox="0 0 32 40" width="32" height="40" xmlns="http://www.w3.org/2000/svg">
+        <path d="M16 0 C7 0 0 7 0 16 C0 26 16 40 16 40 C16 40 32 26 32 16 C32 7 25 0 16 0 Z"
+              fill="#059669" stroke="#064e3b" stroke-width="1.5"/>
+        <circle cx="16" cy="15" r="5" fill="white"/>
+      </svg>
+    </div>
+  `,
+  iconSize: [32, 40],
+  iconAnchor: [16, 40],
+  popupAnchor: [0, -36],
+});
+
+type Props = {
+  latitude: number;
+  longitude: number;
+  title: string;
+  river: string;
+  embarkPoint: string;
+};
+
+export function CarbetMapInner({ latitude, longitude, title, river, embarkPoint }: Props) {
+  const position: [number, number] = [latitude, longitude];
+
+  return (
+    <div className="overflow-hidden rounded-lg border border-zinc-200">
+      <MapContainer
+        center={position}
+        zoom={11}
+        scrollWheelZoom={false}
+        style={{ height: 280, width: "100%" }}
+      >
+        <TileLayer
+          attribution='&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a>'
+          url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"
+        />
+        <Marker position={position} icon={ICON}>
+          <Popup>
+            <strong>{title}</strong>
+            <br />
+            <span className="text-xs">Fleuve {river}</span>
+            <br />
+            <span className="text-xs text-zinc-600">Embarquement : {embarkPoint}</span>
+            <br />
+            <a
+              href={`https://www.openstreetmap.org/?mlat=${latitude}&mlon=${longitude}#map=14/${latitude}/${longitude}`}
+              target="_blank"
+              rel="noreferrer"
+              className="text-xs text-emerald-700 underline"
+            >
+              Ouvrir dans OpenStreetMap ↗
+            </a>
+          </Popup>
+        </Marker>
+      </MapContainer>
+    </div>
+  );
+}

src/app/carbets/_components/carbet-map.tsx

@@ -0,0 +1,31 @@
+"use client";
+
+/**
+ * Carte interactive sur la fiche carbet — Leaflet + OpenStreetMap.
+ *
+ * Chargée dynamiquement (ssr:false) car Leaflet manipule window.
+ */
+
+import dynamic from "next/dynamic";
+
+const CarbetMapInner = dynamic(
+  () => import("./carbet-map-inner").then((m) => m.CarbetMapInner),
+  {
+    ssr: false,
+    loading: () => (
+      <div className="h-[280px] w-full animate-pulse rounded-lg bg-zinc-100" />
+    ),
+  },
+);
+
+type Props = {
+  latitude: number;
+  longitude: number;
+  title: string;
+  river: string;
+  embarkPoint: string;
+};
+
+export function CarbetMap(props: Props) {
+  return <CarbetMapInner {...props} />;
+}

src/app/carbets/_components/catalog-map-inner.tsx

@@ -0,0 +1,113 @@
+"use client";
+
+import { useMemo } from "react";
+import Link from "next/link";
+import { MapContainer, TileLayer, Marker, Popup } from "react-leaflet";
+import L, { LatLngBoundsExpression } from "leaflet";
+
+import "leaflet/dist/leaflet.css";
+
+import type { CatalogMapPoint } from "./catalog-map";
+
+const ICON = L.divIcon({
+  className: "karbe-catalog-marker",
+  html: `
+    <div style="
+      width:28px;height:36px;
+      transform:translate(-50%,-100%);
+      display:flex;align-items:center;justify-content:center;
+    ">
+      <svg viewBox="0 0 32 40" width="28" height="36" xmlns="http://www.w3.org/2000/svg">
+        <path d="M16 0 C7 0 0 7 0 16 C0 26 16 40 16 40 C16 40 32 26 32 16 C32 7 25 0 16 0 Z"
+              fill="#059669" stroke="#064e3b" stroke-width="1.5"/>
+        <circle cx="16" cy="15" r="5" fill="white"/>
+      </svg>
+    </div>
+  `,
+  iconSize: [28, 36],
+  iconAnchor: [14, 36],
+  popupAnchor: [0, -32],
+});
+
+export function CatalogMapInner({ points }: { points: CatalogMapPoint[] }) {
+  const bounds = useMemo<LatLngBoundsExpression>(() => {
+    if (points.length === 0) {
+      // Centre par défaut sur la Guyane (Cayenne).
+      return [
+        [3.5, -54.5],
+        [5.5, -52.0],
+      ];
+    }
+    const lats = points.map((p) => p.latitude);
+    const lngs = points.map((p) => p.longitude);
+    const minLat = Math.min(...lats);
+    const maxLat = Math.max(...lats);
+    const minLng = Math.min(...lngs);
+    const maxLng = Math.max(...lngs);
+    // Padding 0.1°
+    return [
+      [minLat - 0.1, minLng - 0.1],
+      [maxLat + 0.1, maxLng + 0.1],
+    ];
+  }, [points]);
+
+  return (
+    <div className="overflow-hidden rounded-lg border border-zinc-200">
+      <MapContainer
+        bounds={bounds}
+        scrollWheelZoom={false}
+        style={{ height: 360, width: "100%" }}
+      >
+        <TileLayer
+          attribution='&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a>'
+          url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"
+        />
+        {points.map((p) => (
+          <Marker key={p.id} position={[p.latitude, p.longitude]} icon={ICON}>
+            <Popup>
+              <div style={{ minWidth: 180 }}>
+                {p.coverUrl ? (
+                  // eslint-disable-next-line @next/next/no-img-element
+                  <img
+                    src={p.coverUrl}
+                    alt={p.title}
+                    style={{
+                      width: "100%",
+                      height: 110,
+                      objectFit: "cover",
+                      borderRadius: 4,
+                      marginBottom: 6,
+                    }}
+                  />
+                ) : null}
+                <strong>{p.title}</strong>
+                <br />
+                <span style={{ fontSize: 11, color: "#71717a" }}>
+                  Fleuve {p.river}
+                </span>
+                <br />
+                <span style={{ fontSize: 13, fontWeight: 600 }}>
+                  {Number(p.nightlyPrice).toFixed(0)} €
+                </span>
+                <span style={{ fontSize: 11, color: "#71717a" }}> / nuit</span>
+                <br />
+                <Link
+                  href={`/carbets/${p.slug}`}
+                  style={{
+                    display: "inline-block",
+                    marginTop: 6,
+                    color: "#059669",
+                    fontWeight: 600,
+                    textDecoration: "underline",
+                  }}
+                >
+                  Voir la fiche →
+                </Link>
+              </div>
+            </Popup>
+          </Marker>
+        ))}
+      </MapContainer>
+    </div>
+  );
+}

src/app/carbets/_components/catalog-map.tsx

@@ -0,0 +1,29 @@
+"use client";
+
+import dynamic from "next/dynamic";
+
+const CatalogMapInner = dynamic(
+  () => import("./catalog-map-inner").then((m) => m.CatalogMapInner),
+  {
+    ssr: false,
+    loading: () => (
+      <div className="h-[360px] w-full animate-pulse rounded-lg bg-zinc-100" />
+    ),
+  },
+);
+
+export type CatalogMapPoint = {
+  id: string;
+  slug: string;
+  title: string;
+  river: string;
+  nightlyPrice: string;
+  latitude: number;
+  longitude: number;
+  coverUrl: string | null;
+};
+
+export function CatalogMap({ points }: { points: CatalogMapPoint[] }) {
+  if (points.length === 0) return null;
+  return <CatalogMapInner points={points} />;
+}

src/app/carbets/_components/mini-calendar.tsx

@@ -0,0 +1,186 @@
+"use client";
+
+import { useMemo, useState } from "react";
+
+type Props = {
+  startDate: string | null;
+  endDate: string | null;
+  blockedDates: Set<string>;
+  onChange: (start: string | null, end: string | null) => void;
+};
+
+const MONTH_LABEL = [
+  "Janvier", "Février", "Mars", "Avril", "Mai", "Juin",
+  "Juillet", "Août", "Septembre", "Octobre", "Novembre", "Décembre",
+];
+const DOW_LABEL = ["L", "M", "M", "J", "V", "S", "D"];
+
+function isoDay(d: Date): string {
+  return d.toISOString().slice(0, 10);
+}
+
+function startOfMonth(d: Date): Date {
+  return new Date(Date.UTC(d.getUTCFullYear(), d.getUTCMonth(), 1));
+}
+
+function addMonths(d: Date, n: number): Date {
+  return new Date(Date.UTC(d.getUTCFullYear(), d.getUTCMonth() + n, 1));
+}
+
+/** Génère la grille du mois : 6 semaines × 7 jours, en commençant un lundi. */
+function monthGrid(monthStart: Date): (Date | null)[] {
+  const year = monthStart.getUTCFullYear();
+  const month = monthStart.getUTCMonth();
+  // Premier jour du mois — décale pour que la semaine commence un lundi (0=L, 6=D)
+  const firstDay = new Date(Date.UTC(year, month, 1));
+  const firstDow = (firstDay.getUTCDay() + 6) % 7;
+  const lastDay = new Date(Date.UTC(year, month + 1, 0)).getUTCDate();
+  const cells: (Date | null)[] = [];
+  for (let i = 0; i < firstDow; i++) cells.push(null);
+  for (let d = 1; d <= lastDay; d++) {
+    cells.push(new Date(Date.UTC(year, month, d)));
+  }
+  while (cells.length % 7 !== 0) cells.push(null);
+  // Toujours 6 lignes pour éviter le saut de hauteur
+  while (cells.length < 42) cells.push(null);
+  return cells;
+}
+
+export function MiniCalendar({ startDate, endDate, blockedDates, onChange }: Props) {
+  const today = useMemo(() => {
+    const d = new Date();
+    return new Date(Date.UTC(d.getUTCFullYear(), d.getUTCMonth(), d.getUTCDate()));
+  }, []);
+
+  const [viewMonth, setViewMonth] = useState<Date>(() => {
+    const ref = startDate ? new Date(startDate + "T00:00:00Z") : today;
+    return startOfMonth(ref);
+  });
+
+  const cells = useMemo(() => monthGrid(viewMonth), [viewMonth]);
+
+  const startISO = startDate;
+  const endISO = endDate;
+
+  function onClick(day: Date) {
+    const iso = isoDay(day);
+    if (day.getTime() < today.getTime()) return;
+    if (blockedDates.has(iso)) return;
+
+    // Aucune sélection ou les deux déjà posées → reset + nouvelle start
+    if (!startISO || (startISO && endISO)) {
+      onChange(iso, null);
+      return;
+    }
+    // Une seule (start) déjà sélectionnée
+    if (iso === startISO) {
+      onChange(null, null);
+      return;
+    }
+    if (iso < startISO) {
+      onChange(iso, null);
+      return;
+    }
+    // Vérifie qu'aucun jour intermédiaire n'est bloqué
+    const startMs = new Date(startISO + "T00:00:00Z").getTime();
+    const endMs = day.getTime();
+    for (let t = startMs; t < endMs; t += 86_400_000) {
+      const d = new Date(t).toISOString().slice(0, 10);
+      if (blockedDates.has(d)) {
+        // Tombe sur un jour bloqué → on resélectionne start
+        onChange(iso, null);
+        return;
+      }
+    }
+    onChange(startISO, iso);
+  }
+
+  const canGoBack = viewMonth > startOfMonth(today);
+
+  return (
+    <div className="rounded-md border border-zinc-200 bg-white p-2">
+      <header className="mb-1 flex items-center justify-between">
+        <button
+          type="button"
+          disabled={!canGoBack}
+          onClick={() => setViewMonth(addMonths(viewMonth, -1))}
+          className="rounded p-1 text-zinc-600 hover:bg-zinc-100 disabled:opacity-30"
+          aria-label="Mois précédent"
+        >
+          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5">
+            <path d="M15 6 L9 12 L15 18" />
+          </svg>
+        </button>
+        <span className="text-sm font-semibold text-zinc-900">
+          {MONTH_LABEL[viewMonth.getUTCMonth()]} {viewMonth.getUTCFullYear()}
+        </span>
+        <button
+          type="button"
+          onClick={() => setViewMonth(addMonths(viewMonth, 1))}
+          className="rounded p-1 text-zinc-600 hover:bg-zinc-100"
+          aria-label="Mois suivant"
+        >
+          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5">
+            <path d="M9 6 L15 12 L9 18" />
+          </svg>
+        </button>
+      </header>
+
+      <div className="grid grid-cols-7 gap-0.5 text-center text-[10px] uppercase tracking-wider text-zinc-400">
+        {DOW_LABEL.map((d, i) => (
+          <div key={i} className="py-0.5">
+            {d}
+          </div>
+        ))}
+      </div>
+
+      <div className="grid grid-cols-7 gap-0.5">
+        {cells.map((cell, i) => {
+          if (!cell) return <div key={i} className="h-7" />;
+          const iso = isoDay(cell);
+          const isPast = cell.getTime() < today.getTime();
+          const isBlocked = blockedDates.has(iso);
+          const isStart = iso === startISO;
+          const isEnd = iso === endISO;
+          const inRange = startISO && endISO && iso > startISO && iso < endISO;
+          const isToday = iso === isoDay(today);
+          const disabled = isPast || isBlocked;
+
+          let cls =
+            "relative h-7 rounded text-xs flex items-center justify-center transition";
+          if (disabled) {
+            cls += " text-zinc-300 cursor-not-allowed";
+            if (isBlocked && !isPast) cls += " line-through";
+          } else if (isStart || isEnd) {
+            cls += " bg-emerald-600 text-white font-semibold cursor-pointer";
+          } else if (inRange) {
+            cls += " bg-emerald-100 text-emerald-900 cursor-pointer";
+          } else {
+            cls += " text-zinc-800 hover:bg-zinc-100 cursor-pointer";
+            if (isToday) cls += " ring-1 ring-zinc-400";
+          }
+
+          return (
+            <button
+              key={i}
+              type="button"
+              disabled={disabled}
+              onClick={() => onClick(cell)}
+              className={cls}
+            >
+              {cell.getUTCDate()}
+            </button>
+          );
+        })}
+      </div>
+
+      <p className="mt-2 text-[11px] text-zinc-500">
+        {!startISO
+          ? "Choisissez votre date d'arrivée."
+          : !endISO
+            ? "Choisissez votre date de départ."
+            : ""}
+      </p>
+    </div>
+  );
+}

src/app/carbets/_components/search-filters.tsx

@@ -1,6 +1,8 @@
 import Link from "next/link";
 
 import type { CarbetSearchFilters } from "@/lib/carbet-search";
+import { AMENITY_CATALOG } from "@/lib/amenities";
+import { Electricity, RoadAccess } from "@/generated/prisma/enums";
 
 type SearchFiltersProps = {
   filters: CarbetSearchFilters;
@@ -61,18 +63,165 @@ export function SearchFilters({ filters, rivers }: SearchFiltersProps) {
       </label>
 
       <label className="flex flex-col gap-1 text-sm">
-        <span className="font-medium text-zinc-700">Voyageurs</span>
+        <span className="font-medium text-zinc-700">Voyageurs min</span>
         <input
           type="number"
           name="capacity"
           min={1}
           max={100}
           defaultValue={filters.capacity ?? ""}
-          placeholder="Nombre min."
+          placeholder="Au moins"
           className="rounded-md border border-zinc-300 px-3 py-2 text-zinc-900 focus:border-emerald-500 focus:outline-none"
         />
       </label>
 
+      <label className="flex flex-col gap-1 text-sm">
+        <span className="font-medium text-zinc-700">Voyageurs max</span>
+        <input
+          type="number"
+          name="capacityMax"
+          min={1}
+          max={100}
+          defaultValue={filters.capacityMax ?? ""}
+          placeholder="Au plus"
+          className="rounded-md border border-zinc-300 px-3 py-2 text-zinc-900 focus:border-emerald-500 focus:outline-none"
+        />
+      </label>
+
+      <label className="flex flex-col gap-1 text-sm">
+        <span className="font-medium text-zinc-700">Budget max (€/nuit)</span>
+        <input
+          type="number"
+          name="priceMax"
+          min={1}
+          step="10"
+          defaultValue={filters.priceMax ?? ""}
+          placeholder="ex. 100"
+          className="rounded-md border border-zinc-300 px-3 py-2 text-zinc-900 focus:border-emerald-500 focus:outline-none"
+        />
+      </label>
+
+      <fieldset className="flex flex-col gap-1 text-sm sm:col-span-2 lg:col-span-5">
+        <legend className="font-medium text-zinc-700">Accès route</legend>
+        <div className="flex flex-wrap gap-2 pt-1">
+          {[
+            { value: RoadAccess.ALL_YEAR, label: "🛣️ Route toute saison" },
+            { value: RoadAccess.DRY_SEASON_ONLY, label: "🟠 Route saison sèche" },
+            { value: RoadAccess.NONE, label: "🛶 Pirogue uniquement" },
+          ].map((opt) => {
+            const checked = (filters.roadAccess ?? []).includes(opt.value);
+            return (
+              <label
+                key={opt.value}
+                className={
+                  "flex cursor-pointer items-center gap-1 rounded-full border px-2.5 py-1 text-xs " +
+                  (checked
+                    ? "border-emerald-600 bg-emerald-50 text-emerald-900"
+                    : "border-zinc-300 bg-white text-zinc-700 hover:border-zinc-400")
+                }
+              >
+                <input
+                  type="checkbox"
+                  name="roadAccess"
+                  value={opt.value}
+                  defaultChecked={checked}
+                  className="sr-only"
+                />
+                {opt.label}
+              </label>
+            );
+          })}
+        </div>
+      </fieldset>
+
+      <fieldset className="flex flex-col gap-1 text-sm sm:col-span-2 lg:col-span-5">
+        <legend className="font-medium text-zinc-700">Électricité</legend>
+        <div className="flex flex-wrap gap-2 pt-1">
+          {[
+            { value: Electricity.EDF, label: "⚡ EDF / raccordé" },
+            { value: Electricity.GENERATOR_READY, label: "🔌 Préinstall groupe" },
+            { value: Electricity.SOLAR, label: "☀️ Solaire" },
+            { value: Electricity.NONE, label: "🕯️ Aucune" },
+          ].map((opt) => {
+            const checked = (filters.electricity ?? []).includes(opt.value);
+            return (
+              <label
+                key={opt.value}
+                className={
+                  "flex cursor-pointer items-center gap-1 rounded-full border px-2.5 py-1 text-xs " +
+                  (checked
+                    ? "border-emerald-600 bg-emerald-50 text-emerald-900"
+                    : "border-zinc-300 bg-white text-zinc-700 hover:border-zinc-400")
+                }
+              >
+                <input
+                  type="checkbox"
+                  name="electricity"
+                  value={opt.value}
+                  defaultChecked={checked}
+                  className="sr-only"
+                />
+                {opt.label}
+              </label>
+            );
+          })}
+        </div>
+      </fieldset>
+
+      <label className="flex flex-col gap-1 text-sm sm:col-span-2 lg:col-span-5">
+        <span className="font-medium text-zinc-700">
+          📶 Réseau GSM accessible — distance max{" "}
+          <span className="font-mono text-emerald-700">
+            {filters.gsmMaxKm === 0 ? "(au carbet)" : filters.gsmMaxKm ? `≤ ${filters.gsmMaxKm} km` : "(non filtré)"}
+          </span>
+        </span>
+        <div className="flex items-center gap-3">
+          <span className="text-xs text-zinc-500">Au carbet</span>
+          <input
+            type="range"
+            name="gsmMaxKm"
+            min={0}
+            max={10}
+            step={0.5}
+            defaultValue={filters.gsmMaxKm ?? ""}
+            className="flex-1 accent-emerald-600"
+          />
+          <span className="text-xs text-zinc-500">10 km</span>
+        </div>
+        <span className="text-[11px] text-zinc-500">
+          0 km = exige le réseau directement au carbet · 10 km = peu importe.
+        </span>
+      </label>
+
+      <fieldset className="flex flex-col gap-1 text-sm sm:col-span-2 lg:col-span-5">
+        <legend className="font-medium text-zinc-700">Équipements souhaités</legend>
+        <div className="flex flex-wrap gap-2 pt-1">
+          {AMENITY_CATALOG.map((a) => {
+            const checked = (filters.amenities ?? []).includes(a.key);
+            return (
+              <label
+                key={a.key}
+                className={
+                  "flex cursor-pointer items-center gap-1 rounded-full border px-2.5 py-1 text-xs " +
+                  (checked
+                    ? "border-emerald-600 bg-emerald-50 text-emerald-900"
+                    : "border-zinc-300 bg-white text-zinc-700 hover:border-zinc-400")
+                }
+              >
+                <input
+                  type="checkbox"
+                  name="amenities"
+                  value={a.key}
+                  defaultChecked={checked}
+                  className="sr-only"
+                />
+                {a.label}
+              </label>
+            );
+          })}
+        </div>
+      </fieldset>
+
       <div className="flex items-end gap-2 sm:col-span-2 lg:col-span-5 lg:justify-end">
         <Link
           href="/carbets"

src/app/carbets/_components/search-profiles.tsx

@@ -0,0 +1,29 @@
+"use client";
+
+import Link from "next/link";
+
+import { SEARCH_PROFILES, buildProfileUrl } from "@/lib/search-profiles";
+
+export function SearchProfiles() {
+  return (
+    <div className="mb-4">
+      <div className="mb-2 text-xs uppercase tracking-wider text-zinc-500">
+        Profils de séjour
+      </div>
+      <ul className="-mx-1 flex flex-wrap gap-1.5 px-1">
+        {SEARCH_PROFILES.map((p) => (
+          <li key={p.id}>
+            <Link
+              href={buildProfileUrl(p.id)}
+              title={p.description}
+              className="inline-flex items-center gap-1.5 rounded-full border border-zinc-200 bg-white px-3 py-1.5 text-sm text-zinc-800 transition hover:border-emerald-400 hover:bg-emerald-50 hover:text-emerald-900"
+            >
+              <span aria-hidden>{p.emoji}</span>
+              <span className="font-medium">{p.label}</span>
+            </Link>
+          </li>
+        ))}
+      </ul>
+    </div>
+  );
+}

src/app/carbets/page.tsx

@@ -8,7 +8,9 @@ import {
 } from "@/lib/carbet-search";
 
 import { CarbetCard } from "./_components/carbet-card";
+import { CatalogMap } from "./_components/catalog-map";
 import { SearchFilters } from "./_components/search-filters";
+import { SearchProfiles } from "./_components/search-profiles";
 
 export const metadata: Metadata = {
   title: "Rechercher un carbet",
@@ -56,6 +58,7 @@ export default async function CarbetsSearchPage({
         </p>
       </header>
 
+      <SearchProfiles />
       <SearchFilters filters={filters} rivers={rivers} />
 
       <section className="mt-8" aria-live="polite">
@@ -72,6 +75,20 @@ export default async function CarbetsSearchPage({
               {results.length} carbet{results.length > 1 ? "s" : ""} trouvé
               {results.length > 1 ? "s" : ""}.
             </p>
+            <div className="mb-6">
+              <CatalogMap
+                points={results.map((c) => ({
+                  id: c.id,
+                  slug: c.slug,
+                  title: c.title,
+                  river: c.river,
+                  nightlyPrice: c.nightlyPrice,
+                  latitude: c.latitude,
+                  longitude: c.longitude,
+                  coverUrl: c.coverUrl,
+                }))}
+              />
+            </div>
             <ul className="grid gap-6 sm:grid-cols-2 lg:grid-cols-3">
               {results.map((carbet) => (
                 <li key={carbet.id}>

src/app/connexion/page.tsx

@@ -1,11 +1,16 @@
+import Link from "next/link";
 import { redirect } from "next/navigation";
 
 import { auth, signIn } from "@/auth";
 
-export default async function SignInPage() {
+type Props = { searchParams: Promise<{ next?: string }> };
+
+export default async function SignInPage({ searchParams }: Props) {
   const session = await auth();
+  const sp = await searchParams;
+  const next = sp.next && sp.next.startsWith("/") ? sp.next : "/";
   if (session?.user?.id) {
-    redirect("/");
+    redirect(next);
   }
 
   return (
@@ -48,6 +53,20 @@ export default async function SignInPage() {
         >
           Se connecter
         </button>
+        <p className="text-center text-xs text-zinc-500">
+          <Link href="/mot-de-passe-oublie" className="hover:text-zinc-900 underline">
+            Mot de passe oublié ?
+          </Link>
+        </p>
+        <p className="border-t border-zinc-100 pt-3 text-center text-sm text-zinc-500">
+          Pas encore de compte ?{" "}
+          <Link
+            href={`/inscription${next !== "/" ? `?next=${encodeURIComponent(next)}` : ""}`}
+            className="text-zinc-900 underline"
+          >
+            Créer un compte
+          </Link>
+        </p>
       </form>
     </main>
   );

src/app/decouvrir/_components/ReelSlide.tsx

@@ -0,0 +1,403 @@
+"use client";
+
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import Link from "next/link";
+
+import type { ReelCarbet } from "@/lib/reels";
+import { buildSrcSet } from "@/lib/image-variants";
+
+type Props = {
+  carbet: ReelCarbet;
+  isActive: boolean;
+  shouldPreload: boolean;
+  isFavorite: boolean;
+  onToggleFavorite: () => void;
+};
+
+const SWIPE_THRESHOLD_RATIO = 0.18; // % de la largeur pour valider le swipe
+const VELOCITY_THRESHOLD = 0.4; // px/ms — un flick rapide même court valide
+
+export function ReelSlide({ carbet, isActive, shouldPreload, isFavorite, onToggleFavorite }: Props) {
+  const [mediaIndex, setMediaIndex] = useState(0);
+  const [muted, setMuted] = useState(true);
+  const [dragX, setDragX] = useState(0);
+  const [transitioning, setTransitioning] = useState(false);
+  const [containerWidth, setContainerWidth] = useState(0);
+  const containerRef = useRef<HTMLDivElement>(null);
+  const videoRefs = useRef<Map<number, HTMLVideoElement>>(new Map());
+  const drag = useRef<{
+    startX: number;
+    startY: number;
+    startTime: number;
+    locked: "horizontal" | "vertical" | null;
+  } | null>(null);
+
+  const total = carbet.media.length;
+  const current = carbet.media[mediaIndex];
+
+  const goTo = useCallback(
+    (next: number, animated = true) => {
+      const clamped = ((next % total) + total) % total;
+      setTransitioning(animated);
+      setMediaIndex(clamped);
+      setDragX(0);
+    },
+    [total],
+  );
+
+  const nextMedia = useCallback(() => goTo(mediaIndex + 1), [goTo, mediaIndex]);
+  const prevMedia = useCallback(() => goTo(mediaIndex - 1), [goTo, mediaIndex]);
+
+  // Suit la largeur du container pour les calculs de seuils / progress
+  useEffect(() => {
+    const el = containerRef.current;
+    if (!el) return;
+    const update = () => setContainerWidth(el.offsetWidth || window.innerWidth);
+    update();
+    const ro = new ResizeObserver(update);
+    ro.observe(el);
+    window.addEventListener("resize", update);
+    return () => {
+      ro.disconnect();
+      window.removeEventListener("resize", update);
+    };
+  }, []);
+
+  // Auto-play/pause vidéos selon média actif
+  useEffect(() => {
+    videoRefs.current.forEach((video, idx) => {
+      if (idx === mediaIndex && isActive && carbet.media[idx]?.type === "VIDEO") {
+        video.play().catch(() => {});
+      } else {
+        video.pause();
+      }
+    });
+  }, [isActive, mediaIndex, carbet.media]);
+
+  // Reset au changement de slide carbet (différé pour éviter cascading renders)
+  useEffect(() => {
+    if (isActive) return;
+    queueMicrotask(() => goTo(0, false));
+  }, [isActive, goTo]);
+
+  // Navigation clavier ← →
+  useEffect(() => {
+    if (!isActive) return;
+    function onKey(e: KeyboardEvent) {
+      const tag = (e.target as HTMLElement | null)?.tagName?.toLowerCase();
+      if (tag === "input" || tag === "textarea") return;
+      if (e.key === "ArrowRight" || e.key === "l") {
+        e.preventDefault();
+        nextMedia();
+      } else if (e.key === "ArrowLeft" || e.key === "h") {
+        e.preventDefault();
+        prevMedia();
+      }
+    }
+    window.addEventListener("keydown", onKey);
+    return () => window.removeEventListener("keydown", onKey);
+  }, [isActive, nextMedia, prevMedia]);
+
+  function onTouchStart(e: React.TouchEvent) {
+    const t = e.touches[0];
+    drag.current = {
+      startX: t.clientX,
+      startY: t.clientY,
+      startTime: Date.now(),
+      locked: null,
+    };
+    setTransitioning(false);
+  }
+
+  function onTouchMove(e: React.TouchEvent) {
+    if (!drag.current) return;
+    const t = e.touches[0];
+    const dx = t.clientX - drag.current.startX;
+    const dy = t.clientY - drag.current.startY;
+
+    // Première détection : verrouille l'axe (horizontal ou vertical)
+    if (drag.current.locked === null) {
+      if (Math.abs(dx) < 6 && Math.abs(dy) < 6) return; // trop petit, attend
+      drag.current.locked = Math.abs(dx) > Math.abs(dy) ? "horizontal" : "vertical";
+    }
+
+    if (drag.current.locked !== "horizontal") return;
+    // Empêche le scroll vertical pendant un swipe horizontal
+    e.stopPropagation();
+    if (e.cancelable) e.preventDefault();
+
+    // Résistance aux bords : si on swipe gauche sur le 1er ou droite sur le dernier,
+    // on glisse moins (effet rubber-band)
+    let effective = dx;
+    if (total <= 1) {
+      effective = dx * 0.2;
+    } else if (mediaIndex === 0 && dx > 0) {
+      effective = dx * 0.35;
+    } else if (mediaIndex === total - 1 && dx < 0) {
+      effective = dx * 0.35;
+    }
+    setDragX(effective);
+  }
+
+  function onTouchEnd() {
+    if (!drag.current) return;
+    const wasHorizontal = drag.current.locked === "horizontal";
+    const elapsed = Date.now() - drag.current.startTime;
+    const width = containerWidth || window.innerWidth;
+    const velocity = Math.abs(dragX) / Math.max(1, elapsed); // px/ms
+    drag.current = null;
+
+    if (!wasHorizontal) {
+      setDragX(0);
+      return;
+    }
+
+    const distance = Math.abs(dragX);
+    const isFlick = velocity > VELOCITY_THRESHOLD && distance > 20;
+    const isSlow = distance > width * SWIPE_THRESHOLD_RATIO;
+    const shouldChange = (isFlick || isSlow) && total > 1;
+
+    if (shouldChange) {
+      if (dragX < 0 && mediaIndex < total - 1) {
+        goTo(mediaIndex + 1);
+      } else if (dragX > 0 && mediaIndex > 0) {
+        goTo(mediaIndex - 1);
+      } else {
+        // Bord : retour à 0
+        setTransitioning(true);
+        setDragX(0);
+      }
+    } else {
+      setTransitioning(true);
+      setDragX(0);
+    }
+  }
+
+  // Préchargement intelligent : current, current ± 1
+  const preloadIndexes = useMemo(() => {
+    const s = new Set<number>();
+    s.add(mediaIndex);
+    if (mediaIndex > 0) s.add(mediaIndex - 1);
+    if (mediaIndex < total - 1) s.add(mediaIndex + 1);
+    return s;
+  }, [mediaIndex, total]);
+
+  const share = useCallback(async () => {
+    const url = `${window.location.origin}/carbets/${carbet.slug}`;
+    const title = carbet.title;
+    if (navigator.share) {
+      navigator.share({ title, url }).catch(() => {});
+    } else {
+      navigator.clipboard?.writeText(url).catch(() => {});
+    }
+  }, [carbet.slug, carbet.title]);
+
+  if (!current) return null;
+
+  const offsetPct = -mediaIndex * 100;
+
+  return (
+    <div className="relative h-full w-full overflow-hidden bg-black">
+      {/* Track : tous les médias en ligne, transformX selon index + drag */}
+      <div
+        ref={containerRef}
+        className="absolute inset-0 flex"
+        style={{
+          width: `${total * 100}%`,
+          transform: `translateX(calc(${offsetPct / total}% + ${dragX}px))`,
+          transition: transitioning ? "transform 320ms cubic-bezier(0.22, 0.61, 0.36, 1)" : "none",
+          touchAction: "pan-y",
+        }}
+        onTouchStart={onTouchStart}
+        onTouchMove={onTouchMove}
+        onTouchEnd={onTouchEnd}
+        onTransitionEnd={() => setTransitioning(false)}
+      >
+        {carbet.media.map((m, idx) => {
+          const visible = preloadIndexes.has(idx) || shouldPreload;
+          return (
+            <div
+              key={m.id}
+              className="relative flex h-full shrink-0 items-center justify-center"
+              style={{ width: `${100 / total}%` }}
+              aria-hidden={idx !== mediaIndex}
+            >
+              {m.type === "VIDEO" ? (
+                <video
+                  ref={(el) => {
+                    if (el) videoRefs.current.set(idx, el);
+                    else videoRefs.current.delete(idx);
+                  }}
+                  src={visible ? m.url : undefined}
+                  muted={muted}
+                  playsInline
+                  loop
+                  preload={visible ? "auto" : "none"}
+                  className="h-full w-full object-cover"
+                />
+              ) : (
+                // eslint-disable-next-line @next/next/no-img-element
+                <img
+                  src={visible ? m.url : undefined}
+                  srcSet={visible ? buildSrcSet(m.url) : undefined}
+                  sizes="(min-width: 768px) 800px, 100vw"
+                  alt={`${carbet.title} — média ${idx + 1}`}
+                  loading={idx === mediaIndex ? "eager" : "lazy"}
+                  fetchPriority={idx === mediaIndex ? "high" : "auto"}
+                  decoding="async"
+                  draggable={false}
+                  className="h-full w-full select-none object-cover"
+                />
+              )}
+            </div>
+          );
+        })}
+      </div>
+
+      {/* Voile dégradé en bas pour lisibilité */}
+      <div className="pointer-events-none absolute inset-x-0 bottom-0 h-2/5 bg-gradient-to-t from-black/85 via-black/30 to-transparent" />
+
+      {/* Indicateurs progression médias (sticks en haut) */}
+      {total > 1 ? (
+        <div className="pointer-events-none absolute left-3 right-3 top-12 flex gap-1">
+          {carbet.media.map((_, i) => {
+            const isActiveStick = i === mediaIndex;
+            const wasSeen = i < mediaIndex;
+            // Progression visuelle pendant le drag (preview du swipe)
+            const progress = isActiveStick && Math.abs(dragX) > 0 && containerWidth > 0
+              ? Math.min(1, Math.abs(dragX) / containerWidth)
+              : 0;
+            return (
+              <span
+                key={i}
+                className={
+                  "relative h-0.5 flex-1 overflow-hidden rounded-full " +
+                  (isActiveStick ? "bg-white/30" : wasSeen ? "bg-white/60" : "bg-white/30")
+                }
+              >
+                <span
+                  className={
+                    "absolute inset-y-0 left-0 bg-white " +
+                    (isActiveStick ? "w-full" : wasSeen ? "w-full" : "w-0")
+                  }
+                  style={progress > 0 ? { width: `${progress * 100}%` } : undefined}
+                />
+              </span>
+            );
+          })}
+        </div>
+      ) : null}
+
+      {/* Zones tap horizontales (50/50) sur desktop */}
+      <button
+        type="button"
+        onClick={prevMedia}
+        className="absolute inset-y-0 left-0 z-10 hidden w-1/3 cursor-default md:block"
+        aria-label="Média précédent"
+      />
+      <button
+        type="button"
+        onClick={nextMedia}
+        className="absolute inset-y-0 right-0 z-10 hidden w-1/3 cursor-default md:block"
+        aria-label="Média suivant"
+      />
+
+      {/* Sidebar boutons droite (mobile) */}
+      <div className="absolute bottom-32 right-3 z-20 flex flex-col items-center gap-4">
+        <button
+          type="button"
+          onClick={onToggleFavorite}
+          className="flex flex-col items-center text-white"
+          aria-label={isFavorite ? "Retirer des favoris" : "Ajouter aux favoris"}
+        >
+          <span
+            className={
+              "flex h-12 w-12 items-center justify-center rounded-full backdrop-blur transition " +
+              (isFavorite ? "bg-rose-500/90" : "bg-white/10 hover:bg-white/20")
+            }
+          >
+            <svg width="22" height="22" viewBox="0 0 24 24" fill={isFavorite ? "white" : "none"} stroke="currentColor" strokeWidth="2">
+              <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z" />
+            </svg>
+          </span>
+          <span className="mt-0.5 text-[10px] font-semibold">Favori</span>
+        </button>
+
+        <button
+          type="button"
+          onClick={share}
+          className="flex flex-col items-center text-white"
+          aria-label="Partager"
+        >
+          <span className="flex h-12 w-12 items-center justify-center rounded-full bg-white/10 backdrop-blur hover:bg-white/20">
+            <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2">
+              <circle cx="18" cy="5" r="3" />
+              <circle cx="6" cy="12" r="3" />
+              <circle cx="18" cy="19" r="3" />
+              <path d="M8.59 13.51 L15.42 17.49" />
+              <path d="M15.41 6.51 L8.59 10.49" />
+            </svg>
+          </span>
+          <span className="mt-0.5 text-[10px] font-semibold">Partager</span>
+        </button>
+
+        {current.type === "VIDEO" ? (
+          <button
+            type="button"
+            onClick={() => setMuted((m) => !m)}
+            className="flex flex-col items-center text-white"
+            aria-label={muted ? "Activer le son" : "Couper le son"}
+          >
+            <span className="flex h-10 w-10 items-center justify-center rounded-full bg-white/10 backdrop-blur hover:bg-white/20">
+              {muted ? (
+                <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2">
+                  <path d="M11 5L6 9H2v6h4l5 4V5z" />
+                  <line x1="23" y1="9" x2="17" y2="15" />
+                  <line x1="17" y1="9" x2="23" y2="15" />
+                </svg>
+              ) : (
+                <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2">
+                  <path d="M11 5L6 9H2v6h4l5 4V5z" />
+                  <path d="M15.54 8.46a5 5 0 0 1 0 7.07" />
+                </svg>
+              )}
+            </span>
+          </button>
+        ) : null}
+      </div>
+
+      {/* Bloc info bas + CTAs */}
+      <div className="absolute inset-x-0 bottom-0 z-10 p-4 pb-6 text-white">
+        <div className="mb-2 flex items-baseline gap-2">
+          <h2 className="text-lg font-semibold">{carbet.title}</h2>
+          {carbet.averageRating !== null ? (
+            <span className="text-xs text-white/80">
+              ★ {carbet.averageRating.toFixed(1)} ({carbet.reviewCount})
+            </span>
+          ) : null}
+        </div>
+        <div className="mb-2 flex flex-wrap items-center gap-x-3 gap-y-1 text-xs text-white/80">
+          <span>📍 {carbet.river}</span>
+          <span>·</span>
+          <span>👥 jusqu&apos;à {carbet.capacity}</span>
+          <span>·</span>
+          <span className="font-mono font-semibold text-white">{Number(carbet.nightlyPrice).toFixed(0)} € / nuit</span>
+        </div>
+        <div className="flex flex-wrap gap-2">
+          <Link
+            href={`/carbets/${carbet.slug}`}
+            className="rounded-full bg-white/10 px-4 py-2 text-xs font-semibold backdrop-blur hover:bg-white/20"
+          >
+            Voir la fiche
+          </Link>
+          <Link
+            href={`/carbets/${carbet.slug}#reserver`}
+            className="rounded-full bg-emerald-500 px-4 py-2 text-xs font-semibold hover:bg-emerald-400"
+          >
+            Réserver
+          </Link>
+        </div>
+      </div>
+    </div>
+  );
+}

src/app/decouvrir/_components/ReelsViewer.tsx

@@ -0,0 +1,158 @@
+"use client";
+
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import Link from "next/link";
+import { useRouter } from "next/navigation";
+
+import type { ReelCarbet } from "@/lib/reels";
+
+import { ReelSlide } from "./ReelSlide";
+
+type Props = {
+  carbets: ReelCarbet[];
+  initialFavoriteIds: string[];
+  isAuthenticated: boolean;
+};
+
+export function ReelsViewer({ carbets, initialFavoriteIds, isAuthenticated }: Props) {
+  const router = useRouter();
+  const containerRef = useRef<HTMLDivElement>(null);
+  const slideRefs = useRef<(HTMLDivElement | null)[]>([]);
+  const [activeIndex, setActiveIndex] = useState(0);
+  const [favorites, setFavorites] = useState<Set<string>>(new Set(initialFavoriteIds));
+
+  // Détection du carbet actif via IntersectionObserver
+  useEffect(() => {
+    const observer = new IntersectionObserver(
+      (entries) => {
+        const visible = entries.filter((e) => e.isIntersecting);
+        if (visible.length === 0) return;
+        const best = visible.reduce((a, b) => (a.intersectionRatio > b.intersectionRatio ? a : b));
+        const idx = slideRefs.current.findIndex((el) => el === best.target);
+        if (idx !== -1) setActiveIndex(idx);
+      },
+      { root: containerRef.current, threshold: [0.55, 0.85] },
+    );
+    slideRefs.current.forEach((el) => el && observer.observe(el));
+    return () => observer.disconnect();
+  }, [carbets.length]);
+
+  // Navigation clavier ↑↓
+  useEffect(() => {
+    function onKey(e: KeyboardEvent) {
+      const tag = (e.target as HTMLElement | null)?.tagName?.toLowerCase();
+      if (tag === "input" || tag === "textarea") return;
+      if (e.key === "ArrowDown" || e.key === "j") {
+        e.preventDefault();
+        const next = Math.min(activeIndex + 1, carbets.length - 1);
+        slideRefs.current[next]?.scrollIntoView({ behavior: "smooth", block: "start" });
+      } else if (e.key === "ArrowUp" || e.key === "k") {
+        e.preventDefault();
+        const prev = Math.max(activeIndex - 1, 0);
+        slideRefs.current[prev]?.scrollIntoView({ behavior: "smooth", block: "start" });
+      }
+    }
+    window.addEventListener("keydown", onKey);
+    return () => window.removeEventListener("keydown", onKey);
+  }, [activeIndex, carbets.length]);
+
+  const toggleFavorite = useCallback(
+    async (carbetId: string) => {
+      if (!isAuthenticated) {
+        router.push(`/connexion?next=${encodeURIComponent("/decouvrir")}`);
+        return;
+      }
+      const isFav = favorites.has(carbetId);
+      // Optimistic update
+      setFavorites((prev) => {
+        const next = new Set(prev);
+        if (isFav) next.delete(carbetId);
+        else next.add(carbetId);
+        return next;
+      });
+      const method = isFav ? "DELETE" : "POST";
+      const res = await fetch("/api/favorites", {
+        method,
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ carbetId }),
+      });
+      if (!res.ok) {
+        // Rollback
+        setFavorites((prev) => {
+          const next = new Set(prev);
+          if (isFav) next.add(carbetId);
+          else next.delete(carbetId);
+          return next;
+        });
+      }
+    },
+    [favorites, isAuthenticated, router],
+  );
+
+  // Préchargement N+1 et N-1 médias (un peu d'AGGRESSIVE prefetch)
+  const preloadIndexes = useMemo(
+    () => [activeIndex - 1, activeIndex, activeIndex + 1].filter((i) => i >= 0 && i < carbets.length),
+    [activeIndex, carbets.length],
+  );
+
+  return (
+    <div
+      className="fixed inset-0 z-10 bg-black"
+      style={{
+        // 100dvh sur navigateurs récents pour éviter le saut quand la barre d'URL mobile se masque
+        height: "100dvh",
+      }}
+    >
+      {/* Bouton retour catalogue */}
+      <Link
+        href="/carbets"
+        className="absolute right-3 z-20 rounded-full bg-white/10 px-3 py-1.5 text-xs font-semibold text-white backdrop-blur hover:bg-white/20"
+        style={{ top: "max(0.75rem, env(safe-area-inset-top, 0px))" }}
+      >
+        ← Catalogue
+      </Link>
+
+      {/* Compteur */}
+      <div
+        className="absolute left-3 z-20 rounded-full bg-white/10 px-3 py-1.5 text-xs font-semibold text-white backdrop-blur"
+        style={{ top: "max(0.75rem, env(safe-area-inset-top, 0px))" }}
+      >
+        {activeIndex + 1} / {carbets.length}
+      </div>
+
+      {/* Logo Karbé en surimpression haut centre */}
+      <Link
+        href="/accueil"
+        className="absolute left-1/2 z-20 -translate-x-1/2 text-sm font-semibold text-white/90 hover:text-white"
+        style={{ top: "max(1rem, env(safe-area-inset-top, 0px))" }}
+      >
+        Karbé
+      </Link>
+
+      <div
+        ref={containerRef}
+        className="h-full snap-y snap-mandatory overflow-y-scroll overscroll-contain"
+        style={{ scrollSnapType: "y mandatory" }}
+      >
+        {carbets.map((c, idx) => (
+          <div
+            key={c.id}
+            ref={(el) => {
+              slideRefs.current[idx] = el;
+            }}
+            className="h-full snap-start snap-always"
+            style={{ scrollSnapAlign: "start" }}
+          >
+            <ReelSlide
+              carbet={c}
+              isActive={idx === activeIndex}
+              shouldPreload={preloadIndexes.includes(idx)}
+              isFavorite={favorites.has(c.id)}
+              onToggleFavorite={() => toggleFavorite(c.id)}
+            />
+          </div>
+        ))}
+      </div>
+    </div>
+  );
+}

src/app/decouvrir/page.tsx

@@ -0,0 +1,50 @@
+import Link from "next/link";
+
+import { auth } from "@/auth";
+import { prisma } from "@/lib/prisma";
+import { listReelCarbets } from "@/lib/reels";
+
+import { ReelsViewer } from "./_components/ReelsViewer";
+
+export const dynamic = "force-dynamic";
+
+export const metadata = {
+  title: "Au fil de l'eau",
+  description: "Découvrez les carbets de Guyane façon Reels — swipez pour explorer.",
+};
+
+export default async function DecouvrirPage() {
+  const session = await auth();
+  const userId = session?.user?.id ?? null;
+  const [carbets, favoriteIds] = await Promise.all([
+    listReelCarbets({ take: 30 }),
+    userId
+      ? prisma.favorite.findMany({ where: { userId }, select: { carbetId: true } }).then((r) => r.map((x) => x.carbetId))
+      : Promise.resolve([] as string[]),
+  ]);
+
+  if (carbets.length === 0) {
+    return (
+      <main className="mx-auto max-w-2xl px-6 py-20 text-center">
+        <h1 className="text-3xl font-semibold text-zinc-900">Au fil de l&apos;eau</h1>
+        <p className="mt-3 text-sm text-zinc-600">
+          Pas encore assez de carbets avec des photos pour démarrer le mode immersif.
+        </p>
+        <Link
+          href="/carbets"
+          className="mt-6 inline-block rounded-md bg-emerald-600 px-5 py-2.5 text-sm font-semibold text-white hover:bg-emerald-700"
+        >
+          Voir le catalogue
+        </Link>
+      </main>
+    );
+  }
+
+  return (
+    <ReelsViewer
+      carbets={carbets}
+      initialFavoriteIds={favoriteIds}
+      isAuthenticated={Boolean(userId)}
+    />
+  );
+}

src/app/espace-hote/_components/BookingDecision.tsx

@@ -0,0 +1,77 @@
+"use client";
+
+import { useState, useTransition } from "react";
+import { useRouter } from "next/navigation";
+
+import { confirmBookingAsHost, rejectBookingAsHost } from "../actions";
+
+export function BookingDecision({ bookingId }: { bookingId: string }) {
+  const router = useRouter();
+  const [pending, startTransition] = useTransition();
+  const [confirmReject, setConfirmReject] = useState(false);
+  const [error, setError] = useState<string | null>(null);
+
+  function accept() {
+    setError(null);
+    startTransition(async () => {
+      const res = await confirmBookingAsHost(bookingId);
+      if (res && res.ok === false) setError(res.error);
+      router.refresh();
+    });
+  }
+  function reject() {
+    setError(null);
+    startTransition(async () => {
+      const res = await rejectBookingAsHost(bookingId);
+      if (res && res.ok === false) setError(res.error);
+      setConfirmReject(false);
+      router.refresh();
+    });
+  }
+
+  return (
+    <div className="flex flex-wrap items-center gap-1.5">
+      {confirmReject ? (
+        <div className="flex items-center gap-1.5 rounded border border-rose-300 bg-rose-50 px-2 py-1">
+          <span className="text-xs text-rose-900">Refuser ?</span>
+          <button
+            type="button"
+            onClick={reject}
+            disabled={pending}
+            className="rounded bg-rose-700 px-2 py-1 text-[11px] font-semibold text-white hover:bg-rose-800 disabled:opacity-50"
+          >
+            Oui
+          </button>
+          <button
+            type="button"
+            onClick={() => setConfirmReject(false)}
+            disabled={pending}
+            className="text-[11px] text-zinc-500 hover:text-zinc-900"
+          >
+            Annuler
+          </button>
+        </div>
+      ) : (
+        <>
+          <button
+            type="button"
+            onClick={accept}
+            disabled={pending}
+            className="rounded bg-emerald-600 px-2.5 py-1 text-[11px] font-semibold text-white hover:bg-emerald-700 disabled:opacity-50"
+          >
+            Confirmer
+          </button>
+          <button
+            type="button"
+            onClick={() => setConfirmReject(true)}
+            disabled={pending}
+            className="rounded border border-rose-300 bg-white px-2.5 py-1 text-[11px] font-semibold text-rose-700 hover:bg-rose-50 disabled:opacity-50"
+          >
+            Refuser
+          </button>
+        </>
+      )}
+      {error ? <span className="text-[11px] text-rose-700">{error}</span> : null}
+    </div>
+  );
+}

src/app/espace-hote/actions.ts

@@ -0,0 +1,75 @@
+"use server";
+
+import { revalidatePath } from "next/cache";
+
+import { auth } from "@/auth";
+import { BookingStatus, UserRole } from "@/generated/prisma/enums";
+import { prisma } from "@/lib/prisma";
+import { recordAudit } from "@/lib/admin/audit";
+import { sendBookingConfirmed } from "@/lib/email";
+
+async function requireBookingOwnership(bookingId: string) {
+  const session = await auth();
+  if (!session?.user?.id) throw new Error("Non authentifié");
+  const booking = await prisma.booking.findUnique({
+    where: { id: bookingId },
+    include: {
+      carbet: { select: { ownerId: true, title: true } },
+      tenant: { select: { email: true, firstName: true } },
+    },
+  });
+  if (!booking) throw new Error("Réservation introuvable");
+  const isAdmin = session.user.role === UserRole.ADMIN;
+  if (!isAdmin && booking.carbet.ownerId !== session.user.id) {
+    throw new Error("Accès refusé");
+  }
+  return { session, booking };
+}
+
+export async function confirmBookingAsHost(bookingId: string) {
+  const { session, booking } = await requireBookingOwnership(bookingId);
+  if (booking.status !== BookingStatus.PENDING) {
+    return { ok: false as const, error: "Cette réservation ne peut plus être confirmée." };
+  }
+  const updated = await prisma.booking.update({
+    where: { id: bookingId },
+    data: { status: BookingStatus.CONFIRMED },
+  });
+  await recordAudit({
+    scope: "host.bookings",
+    event: "confirm",
+    target: bookingId,
+    actorEmail: session.user.email ?? null,
+    details: {},
+  });
+  sendBookingConfirmed(
+    booking.tenant.email,
+    booking.tenant.firstName,
+    bookingId,
+    booking.carbet.title,
+    updated.startDate,
+    updated.endDate,
+  ).catch(() => {});
+  revalidatePath("/espace-hote");
+  return { ok: true as const };
+}
+
+export async function rejectBookingAsHost(bookingId: string) {
+  const { session, booking } = await requireBookingOwnership(bookingId);
+  if (booking.status !== BookingStatus.PENDING) {
+    return { ok: false as const, error: "Cette réservation ne peut plus être refusée." };
+  }
+  await prisma.booking.update({
+    where: { id: bookingId },
+    data: { status: BookingStatus.CANCELLED },
+  });
+  await recordAudit({
+    scope: "host.bookings",
+    event: "reject",
+    target: bookingId,
+    actorEmail: session.user.email ?? null,
+    details: {},
+  });
+  revalidatePath("/espace-hote");
+  return { ok: true as const };
+}

src/app/espace-hote/carbets/[carbetId]/page.tsx

@@ -3,11 +3,10 @@ import { notFound } from "next/navigation";
 
 import { canManageCarbet, requireOwnerSession } from "@/lib/carbet-access";
 import { prisma } from "@/lib/prisma";
-import { isStorageConfigured } from "@/lib/storage";
+import { MediaUploader } from "@/components/MediaUploader";
 
 import { updateCarbet } from "../actions";
 import { CarbetForm } from "../_components/carbet-form";
-import { MediaManager } from "../_components/media-manager";
 
 export default async function EditCarbetPage({
   params,
@@ -33,10 +32,14 @@ export default async function EditCarbetPage({
       embarkPoint: true,
       pirogueDurationMin: true,
       capacity: true,
+      roadAccess: true,
+      electricity: true,
+      gsmAtCarbet: true,
+      gsmExitDistanceKm: true,
       status: true,
       media: {
         orderBy: { sortOrder: "asc" },
-        select: { id: true, type: true, s3Url: true, sortOrder: true },
+        select: { id: true, type: true, s3Url: true, s3Key: true, sortOrder: true },
       },
       amenities: { select: { amenity: { select: { key: true } } } },
     },
@@ -55,6 +58,10 @@ export default async function EditCarbetPage({
     embarkPoint: carbet.embarkPoint,
     pirogueDurationMin: String(carbet.pirogueDurationMin),
     capacity: String(carbet.capacity),
+    roadAccess: carbet.roadAccess ?? "",
+    electricity: carbet.electricity ?? "",
+    gsmAtCarbet: carbet.gsmAtCarbet,
+    gsmExitDistanceKm: carbet.gsmExitDistanceKm !== null ? carbet.gsmExitDistanceKm.toString() : "",
     status: carbet.status,
     amenityKeys: carbet.amenities.map((entry) => entry.amenity.key),
   };
@@ -80,14 +87,10 @@ export default async function EditCarbetPage({
       <section className="mt-8">
         <h2 className="text-lg font-semibold text-zinc-900">Médias</h2>
         <p className="mb-4 mt-1 text-sm text-zinc-600">
-          Le premier média sert de photo de couverture. Réordonnez avec les
+          Déposez photos et vidéos courtes, réorganisez par glisser-déposer.
-          flèches.
+          Le premier média sert de cover sur le catalogue et la home.
         </p>
-        <MediaManager
+        <MediaUploader carbetId={carbet.id} initialMedia={carbet.media} />
-          carbetId={carbet.id}
-          media={carbet.media}
-          storageConfigured={isStorageConfigured()}
-        />
       </section>
 
       <section className="mt-10 border-t border-zinc-200 pt-8">

src/app/espace-hote/carbets/_components/carbet-form.tsx

@@ -17,6 +17,10 @@ export type CarbetFormDefaults = {
   embarkPoint: string;
   pirogueDurationMin: string;
   capacity: string;
+  roadAccess: string;
+  electricity: string;
+  gsmAtCarbet: boolean;
+  gsmExitDistanceKm: string;
   status: CarbetStatus;
   amenityKeys: string[];
 };
@@ -216,6 +220,90 @@ export function CarbetForm({
         </div>
       </section>
 
+      <section className="space-y-4 rounded-md border border-emerald-200 bg-emerald-50/30 p-4">
+        <div>
+          <h2 className="text-lg font-semibold text-zinc-900">
+            Critères opérationnels
+          </h2>
+          <p className="text-xs text-zinc-600">
+            Les 4 dealbreakers d&apos;un séjour en carbet. Ces critères apparaissent
+            en grand sur votre fiche et alimentent les filtres recherche.
+          </p>
+        </div>
+        <div className="grid grid-cols-1 gap-4 sm:grid-cols-2">
+          <div>
+            <label className={labelClass} htmlFor="roadAccess">
+              🛣️ Accès route
+            </label>
+            <select
+              id="roadAccess"
+              name="roadAccess"
+              defaultValue={defaults.roadAccess ?? ""}
+              className={inputClass}
+            >
+              <option value="">— non précisé —</option>
+              <option value="ALL_YEAR">🛣️ Toute saison</option>
+              <option value="DRY_SEASON_ONLY">🟠 Saison sèche uniquement</option>
+              <option value="NONE">🛶 Pirogue uniquement</option>
+            </select>
+            <FieldError message={state.errors.roadAccess} />
+          </div>
+          <div>
+            <label className={labelClass} htmlFor="electricity">
+              ⚡ Électricité
+            </label>
+            <select
+              id="electricity"
+              name="electricity"
+              defaultValue={defaults.electricity ?? ""}
+              className={inputClass}
+            >
+              <option value="">— non précisé —</option>
+              <option value="EDF">⚡ EDF / raccordé réseau</option>
+              <option value="GENERATOR_READY">🔌 Préinstall groupe électrogène</option>
+              <option value="SOLAR">☀️ Solaire</option>
+              <option value="NONE">🕯️ Aucune électricité</option>
+            </select>
+            <FieldError message={state.errors.electricity} />
+          </div>
+          <div>
+            <label className={labelClass} htmlFor="gsmAtCarbet">
+              📶 Réseau GSM au carbet
+            </label>
+            <select
+              id="gsmAtCarbet"
+              name="gsmAtCarbet"
+              defaultValue={defaults.gsmAtCarbet ? "yes" : "no"}
+              className={inputClass}
+            >
+              <option value="yes">✅ Oui, signal au carbet</option>
+              <option value="no">❌ Non, zone sans réseau</option>
+            </select>
+            <FieldError message={state.errors.gsmAtCarbet} />
+          </div>
+          <div>
+            <label className={labelClass} htmlFor="gsmExitDistanceKm">
+              📵 Distance pour atteindre le réseau (km)
+            </label>
+            <input
+              id="gsmExitDistanceKm"
+              name="gsmExitDistanceKm"
+              type="number"
+              min={0}
+              max={50}
+              step="0.1"
+              defaultValue={defaults.gsmExitDistanceKm ?? ""}
+              placeholder="ex. 1.5"
+              className={inputClass}
+            />
+            <p className="mt-1 text-xs text-zinc-500">
+              Laissez vide si réseau au carbet
+            </p>
+            <FieldError message={state.errors.gsmExitDistanceKm} />
+          </div>
+        </div>
+      </section>
+
       <section className="space-y-4">
         <h2 className="text-lg font-semibold text-zinc-900">Commodités</h2>
         <div className="grid grid-cols-1 gap-2 sm:grid-cols-2">

src/app/espace-hote/carbets/actions.ts

@@ -9,7 +9,7 @@ import { prisma } from "@/lib/prisma";
 import { ensureUniqueCarbetSlug } from "@/lib/slug";
 import { deleteObject } from "@/lib/storage";
 import { Prisma } from "@/generated/prisma/client";
-import { CarbetStatus } from "@/generated/prisma/enums";
+import { CarbetStatus, Electricity, RoadAccess } from "@/generated/prisma/enums";
 
 import type { CarbetFormState } from "./form-types";
 
@@ -22,10 +22,26 @@ type ParsedCarbet = {
   embarkPoint: string;
   pirogueDurationMin: number;
   capacity: number;
+  roadAccess: RoadAccess | null;
+  electricity: Electricity | null;
+  gsmAtCarbet: boolean;
+  gsmExitDistanceKm: number | null;
   status: CarbetStatus;
   amenities: string[];
 };
 
+function isRoadAccess(v: string): v is RoadAccess {
+  return v === RoadAccess.NONE || v === RoadAccess.DRY_SEASON_ONLY || v === RoadAccess.ALL_YEAR;
+}
+function isElectricity(v: string): v is Electricity {
+  return (
+    v === Electricity.NONE ||
+    v === Electricity.SOLAR ||
+    v === Electricity.GENERATOR_READY ||
+    v === Electricity.EDF
+  );
+}
+
 function isCarbetStatus(value: string): value is CarbetStatus {
   return (Object.values(CarbetStatus) as string[]).includes(value);
 }
@@ -107,6 +123,29 @@ function parseCarbetForm(formData: FormData): {
 
   const status = isCarbetStatus(statusRaw) ? statusRaw : CarbetStatus.DRAFT;
 
+  // Critères opérationnels
+  const roadAccessRaw = String(formData.get("roadAccess") ?? "").trim();
+  const roadAccess = isRoadAccess(roadAccessRaw) ? roadAccessRaw : null;
+
+  const electricityRaw = String(formData.get("electricity") ?? "").trim();
+  const electricity = isElectricity(electricityRaw) ? electricityRaw : null;
+
+  const gsmAtCarbet = String(formData.get("gsmAtCarbet") ?? "no") === "yes";
+
+  const gsmExitRaw = String(formData.get("gsmExitDistanceKm") ?? "").trim();
+  let gsmExitDistanceKm: number | null = null;
+  if (gsmExitRaw) {
+    const n = Number(gsmExitRaw);
+    if (Number.isFinite(n) && n >= 0 && n <= 50) {
+      gsmExitDistanceKm = n;
+    } else {
+      errors.gsmExitDistanceKm = "Distance invalide (0 à 50 km).";
+    }
+  }
+
+  // Cohérence : si GSM au carbet, on ignore la distance
+  const finalGsmExitDistanceKm = gsmAtCarbet ? null : gsmExitDistanceKm;
+
   return {
     data: {
       title,
@@ -117,6 +156,10 @@ function parseCarbetForm(formData: FormData): {
       embarkPoint,
       pirogueDurationMin,
       capacity,
+      roadAccess,
+      electricity,
+      gsmAtCarbet,
+      gsmExitDistanceKm: finalGsmExitDistanceKm,
       status,
       amenities,
     },
@@ -183,6 +226,10 @@ export async function createCarbet(
         embarkPoint: data.embarkPoint,
         pirogueDurationMin: data.pirogueDurationMin,
         capacity: data.capacity,
+        roadAccess: data.roadAccess,
+        electricity: data.electricity,
+        gsmAtCarbet: data.gsmAtCarbet,
+        gsmExitDistanceKm: data.gsmExitDistanceKm,
         status: CarbetStatus.DRAFT,
       },
       select: { id: true },
@@ -239,6 +286,10 @@ export async function updateCarbet(
         embarkPoint: data.embarkPoint,
         pirogueDurationMin: data.pirogueDurationMin,
         capacity: data.capacity,
+        roadAccess: data.roadAccess,
+        electricity: data.electricity,
+        gsmAtCarbet: data.gsmAtCarbet,
+        gsmExitDistanceKm: data.gsmExitDistanceKm,
         status: data.status,
       },
     });

src/app/espace-hote/page.tsx

@@ -1,25 +1,287 @@
 import Link from "next/link";
 
+import { auth } from "@/auth";
 import { requireRole } from "@/lib/authorization";
+import { BookingStatus, UserRole } from "@/generated/prisma/enums";
+import {
+  getHostKpis,
+  listHostCarbets,
+  listHostRecentBookings,
+  isScopeAdmin,
+} from "@/lib/host-dashboard";
 
-export default async function HostPage() {
+import { BookingDecision } from "./_components/BookingDecision";
-  const session = await requireRole(["OWNER", "ADMIN"]);
+
+export const dynamic = "force-dynamic";
+
+const STATUS_TONES: Record<string, string> = {
+  PENDING: "bg-sky-100 text-sky-800 ring-sky-300",
+  CONFIRMED: "bg-emerald-100 text-emerald-800 ring-emerald-300",
+  CANCELLED: "bg-rose-100 text-rose-700 ring-rose-300",
+  COMPLETED: "bg-zinc-100 text-zinc-700 ring-zinc-300",
+  SUCCEEDED: "bg-emerald-100 text-emerald-800 ring-emerald-300",
+  REFUNDED: "bg-amber-100 text-amber-800 ring-amber-300",
+  FAILED: "bg-rose-100 text-rose-700 ring-rose-300",
+  AUTHORIZED: "bg-indigo-100 text-indigo-800 ring-indigo-300",
+  DRAFT: "bg-zinc-100 text-zinc-700 ring-zinc-300",
+  PUBLISHED: "bg-emerald-100 text-emerald-800 ring-emerald-300",
+  ARCHIVED: "bg-amber-100 text-amber-800 ring-amber-300",
+};
+
+const STATUS_LABEL: Record<string, string> = {
+  PENDING: "En attente",
+  CONFIRMED: "Confirmée",
+  CANCELLED: "Annulée",
+  COMPLETED: "Terminée",
+  SUCCEEDED: "Payé",
+  REFUNDED: "Remboursé",
+  FAILED: "Échec",
+  AUTHORIZED: "Autorisé",
+  DRAFT: "Brouillon",
+  PUBLISHED: "Publié",
+  ARCHIVED: "Archivé",
+};
+
+function Badge({ value }: { value: string }) {
+  const tone = STATUS_TONES[value] ?? STATUS_TONES.PENDING;
+  return (
+    <span className={`inline-flex rounded-full px-2 py-0.5 text-[10px] font-semibold uppercase tracking-wider ring-1 ring-inset ${tone}`}>
+      {STATUS_LABEL[value] ?? value}
+    </span>
+  );
+}
+
+function fmtEur(amount: string, currency: string): string {
+  const n = Number(amount);
+  return n.toLocaleString("fr-FR", { style: "currency", currency: currency || "EUR" });
+}
+
+const dateFmt = new Intl.DateTimeFormat("fr-FR", {
+  day: "2-digit",
+  month: "short",
+  year: "2-digit",
+});
+
+export default async function HostDashboardPage() {
+  await requireRole([UserRole.OWNER, UserRole.ADMIN]);
+  const session = await auth();
+  const userId = session!.user.id;
+  const isAdmin = isScopeAdmin(session?.user?.role);
+  const scope = { ownerId: userId, isAdmin };
+
+  const [kpis, recent, carbets] = await Promise.all([
+    getHostKpis(scope),
+    listHostRecentBookings(scope, 12),
+    listHostCarbets(scope),
+  ]);
+
+  const pendingBookings = recent.filter((b) => b.status === BookingStatus.PENDING);
 
   return (
-    <main className="mx-auto max-w-4xl px-6 py-12">
+    <main className="mx-auto max-w-6xl px-6 py-10">
-      <h1 className="text-3xl font-semibold">Espace hôte</h1>
+      <header className="mb-6 flex flex-wrap items-end justify-between gap-3">
-      <p className="mt-4 text-zinc-700">
+        <div>
-        Accès autorisé pour {session.user.email} ({session.user.role}).
+          <h1 className="text-3xl font-semibold text-zinc-900">Espace hôte</h1>
-      </p>
+          <p className="mt-1 text-sm text-zinc-600">
+            Bienvenue {session?.user?.name || session?.user?.email}.{" "}
+            {isAdmin ? "Vue globale (admin)." : "Vue limitée à vos carbets."}
+          </p>
+        </div>
+        <div className="flex gap-2">
+          <Link
+            href="/espace-hote/carbets/nouveau"
+            className="rounded-md bg-emerald-600 px-3 py-1.5 text-sm font-semibold text-white hover:bg-emerald-700"
+          >
+            + Nouveau carbet
+          </Link>
+          <Link
+            href="/espace-hote/carbets"
+            className="rounded-md border border-zinc-300 bg-white px-3 py-1.5 text-sm text-zinc-700 hover:bg-zinc-50"
+          >
+            Tous mes carbets
+          </Link>
+        </div>
+      </header>
 
-      <div className="mt-8">
+      <section className="mb-6 grid grid-cols-2 gap-3 sm:grid-cols-3 lg:grid-cols-6">
-        <Link
+        <Kpi label="CA total" value={fmtEur(kpis.revenueTotal, "EUR")} />
-          href="/espace-hote/carbets"
+        <Kpi label="CA 30 j" value={fmtEur(kpis.revenue30d, "EUR")} />
-          className="inline-block rounded-md bg-emerald-600 px-5 py-2.5 text-sm font-semibold text-white hover:bg-emerald-700"
+        <Kpi label="CA 12 mois" value={fmtEur(kpis.revenue365d, "EUR")} />
-        >
+        <Kpi
-          Gérer mes carbets
+          label="À confirmer"
-        </Link>
+          value={String(kpis.bookingsPending)}
-      </div>
+          tone={kpis.bookingsPending > 0 ? "warn" : "neutral"}
+        />
+        <Kpi label="Confirmées à venir" value={String(kpis.bookingsConfirmedUpcoming)} />
+        <Kpi label="Occupation 30 j" value={`${Math.round(kpis.occupancyRate30d * 100)} %`} />
+      </section>
+
+      {kpis.nextArrival ? (
+        <section className="mb-6 rounded-lg border border-emerald-300 bg-emerald-50 p-4">
+          <div className="text-xs uppercase tracking-wider text-emerald-700">Prochaine arrivée</div>
+          <div className="mt-1 text-base font-semibold text-emerald-900">
+            {kpis.nextArrival.tenantName} · {kpis.nextArrival.carbetTitle}
+          </div>
+          <div className="text-sm text-emerald-800">
+            {dateFmt.format(kpis.nextArrival.startDate)}
+          </div>
+        </section>
+      ) : null}
+
+      {pendingBookings.length > 0 ? (
+        <section className="mb-6 rounded-lg border border-amber-300 bg-amber-50 p-4">
+          <h2 className="mb-3 text-sm font-semibold uppercase tracking-wider text-amber-900">
+            Demandes en attente ({pendingBookings.length})
+          </h2>
+          <ul className="space-y-2">
+            {pendingBookings.map((b) => (
+              <li key={b.id} className="flex flex-wrap items-center justify-between gap-3 rounded border border-amber-200 bg-white px-3 py-2 text-sm">
+                <div>
+                  <div className="font-semibold text-zinc-900">
+                    {b.tenantName} — {b.carbetTitle}
+                  </div>
+                  <div className="text-xs text-zinc-600">
+                    {dateFmt.format(b.startDate)} → {dateFmt.format(b.endDate)} ·{" "}
+                    {b.guestCount} pers · {fmtEur(b.amount, b.currency)}
+                  </div>
+                </div>
+                <BookingDecision bookingId={b.id} />
+              </li>
+            ))}
+          </ul>
+        </section>
+      ) : null}
+
+      <section className="mb-6">
+        <h2 className="mb-3 text-sm font-semibold uppercase tracking-wider text-zinc-500">
+          Mes carbets ({carbets.length})
+        </h2>
+        {carbets.length === 0 ? (
+          <div className="rounded-lg border border-zinc-200 bg-white px-4 py-8 text-center text-sm text-zinc-500">
+            Aucun carbet pour l&apos;instant.{" "}
+            <Link href="/espace-hote/carbets/nouveau" className="text-emerald-700 underline">
+              Créer mon premier carbet
+            </Link>
+          </div>
+        ) : (
+          <div className="overflow-hidden rounded-lg border border-zinc-200 bg-white">
+            <table className="w-full text-sm">
+              <thead className="border-b border-zinc-200 bg-zinc-50 text-xs uppercase tracking-wider text-zinc-500">
+                <tr>
+                  <th className="px-4 py-2 text-left font-semibold">Titre</th>
+                  <th className="px-4 py-2 text-left font-semibold">Fleuve</th>
+                  <th className="px-4 py-2 text-right font-semibold">€/nuit</th>
+                  <th className="px-4 py-2 text-right font-semibold">Cap.</th>
+                  <th className="px-4 py-2 text-right font-semibold">Médias</th>
+                  <th className="px-4 py-2 text-right font-semibold">Résas</th>
+                  <th className="px-4 py-2 text-right font-semibold">Avis</th>
+                  <th className="px-4 py-2 text-left font-semibold">Statut</th>
+                </tr>
+              </thead>
+              <tbody className="divide-y divide-zinc-100">
+                {carbets.map((c) => (
+                  <tr key={c.id} className="hover:bg-zinc-50">
+                    <td className="px-4 py-2">
+                      <Link
+                        href={`/espace-hote/carbets/${c.id}`}
+                        className="font-medium text-zinc-900 hover:underline"
+                      >
+                        {c.title}
+                      </Link>
+                      <div className="text-[11px] text-zinc-500">
+                        <code>/{c.slug}</code>
+                      </div>
+                    </td>
+                    <td className="px-4 py-2 text-zinc-700">{c.river}</td>
+                    <td className="px-4 py-2 text-right font-mono text-zinc-700">
+                      {Number(c.nightlyPrice).toFixed(0)}
+                    </td>
+                    <td className="px-4 py-2 text-right font-mono text-zinc-700">{c.capacity}</td>
+                    <td className="px-4 py-2 text-right font-mono text-zinc-700">
+                      {c._count.media}
+                    </td>
+                    <td className="px-4 py-2 text-right font-mono text-zinc-700">
+                      {c._count.bookings}
+                    </td>
+                    <td className="px-4 py-2 text-right font-mono text-zinc-700">
+                      {c._count.reviews}
+                    </td>
+                    <td className="px-4 py-2">
+                      <Badge value={c.status} />
+                    </td>
+                  </tr>
+                ))}
+              </tbody>
+            </table>
+          </div>
+        )}
+      </section>
+
+      {recent.length > 0 ? (
+        <section>
+          <h2 className="mb-3 text-sm font-semibold uppercase tracking-wider text-zinc-500">
+            Activité récente
+          </h2>
+          <div className="overflow-hidden rounded-lg border border-zinc-200 bg-white">
+            <table className="w-full text-sm">
+              <thead className="border-b border-zinc-200 bg-zinc-50 text-xs uppercase tracking-wider text-zinc-500">
+                <tr>
+                  <th className="px-4 py-2 text-left font-semibold">Carbet</th>
+                  <th className="px-4 py-2 text-left font-semibold">Locataire</th>
+                  <th className="px-4 py-2 text-left font-semibold">Séjour</th>
+                  <th className="px-4 py-2 text-right font-semibold">Montant</th>
+                  <th className="px-4 py-2 text-left font-semibold">Résa</th>
+                  <th className="px-4 py-2 text-left font-semibold">Paiement</th>
+                </tr>
+              </thead>
+              <tbody className="divide-y divide-zinc-100">
+                {recent.map((b) => (
+                  <tr key={b.id} className="hover:bg-zinc-50">
+                    <td className="px-4 py-2 text-zinc-900">{b.carbetTitle}</td>
+                    <td className="px-4 py-2 text-zinc-700">{b.tenantName}</td>
+                    <td className="px-4 py-2 text-zinc-700">
+                      {dateFmt.format(b.startDate)} → {dateFmt.format(b.endDate)}
+                    </td>
+                    <td className="px-4 py-2 text-right font-mono text-zinc-700">
+                      {fmtEur(b.amount, b.currency)}
+                    </td>
+                    <td className="px-4 py-2">
+                      <Badge value={b.status} />
+                    </td>
+                    <td className="px-4 py-2">
+                      <Badge value={b.paymentStatus} />
+                    </td>
+                  </tr>
+                ))}
+              </tbody>
+            </table>
+          </div>
+        </section>
+      ) : null}
     </main>
   );
 }
+
+function Kpi({
+  label,
+  value,
+  tone = "neutral",
+}: {
+  label: string;
+  value: string;
+  tone?: "neutral" | "warn";
+}) {
+  return (
+    <div
+      className={
+        "rounded-lg border bg-white p-3 shadow-sm " +
+        (tone === "warn" ? "border-amber-300" : "border-zinc-200")
+      }
+    >
+      <div className="text-[11px] uppercase tracking-wider text-zinc-500">{label}</div>
+      <div className={"mt-1 text-xl font-semibold " + (tone === "warn" ? "text-amber-700" : "text-zinc-900")}>
+        {value}
+      </div>
+    </div>
+  );
+}

src/app/espace-prestataire/actions.ts

@@ -0,0 +1,237 @@
+"use server";
+
+import { revalidatePath } from "next/cache";
+import { redirect } from "next/navigation";
+import { z } from "zod";
+
+import { auth } from "@/auth";
+import { RentalBookingStatus, RentalCategory, UserRole } from "@/generated/prisma/enums";
+import { canManageRentalProvider, getCurrentRentalProvider } from "@/lib/rental-access";
+import { recordAudit } from "@/lib/admin/audit";
+import { prisma } from "@/lib/prisma";
+
+const itemSchema = z.object({
+  category: z.enum([
+    RentalCategory.SLEEP,
+    RentalCategory.NAVIGATION,
+    RentalCategory.FISHING,
+    RentalCategory.COOKING,
+    RentalCategory.SAFETY,
+  ]),
+  name: z.string().trim().min(2).max(200),
+  description: z.string().trim().max(5000).nullable().optional(),
+  imageUrl: z.string().trim().url().max(500).nullable().optional(),
+  pricePerDay: z.coerce.number().min(0).max(10000),
+  pricePerWeek: z.coerce.number().min(0).max(50000).nullable().optional(),
+  deposit: z.coerce.number().min(0).max(10000),
+  totalQty: z.coerce.number().int().min(1).max(1000),
+  withMotor: z.boolean(),
+  fuelIncluded: z.boolean(),
+  requiresLicense: z.boolean(),
+  active: z.boolean(),
+});
+
+async function requireOwnedProvider(): Promise<{ providerId: string; actorEmail: string | null }> {
+  const session = await auth();
+  if (!session?.user?.id) throw new Error("Non authentifié");
+  const provider = await getCurrentRentalProvider();
+  if (!provider) throw new Error("Aucun provider associé");
+  return { providerId: provider.id, actorEmail: session.user.email ?? null };
+}
+
+function parseItemFD(fd: FormData) {
+  const get = (k: string) => {
+    const v = (fd.get(k) as string | null) ?? "";
+    return v.trim() === "" ? null : v.trim();
+  };
+  return {
+    category: ((fd.get("category") as string | null) ?? "").trim(),
+    name: ((fd.get("name") as string | null) ?? "").trim(),
+    description: get("description"),
+    imageUrl: get("imageUrl"),
+    pricePerDay: fd.get("pricePerDay"),
+    pricePerWeek: get("pricePerWeek"),
+    deposit: fd.get("deposit") ?? "0",
+    totalQty: fd.get("totalQty") ?? "1",
+    withMotor: fd.get("withMotor") === "on",
+    fuelIncluded: fd.get("fuelIncluded") === "on",
+    requiresLicense: fd.get("requiresLicense") === "on",
+    active: fd.get("active") === "on",
+  };
+}
+
+export async function createHostItemAction(fd: FormData) {
+  const { providerId, actorEmail } = await requireOwnedProvider();
+  const parsed = itemSchema.safeParse(parseItemFD(fd));
+  if (!parsed.success) {
+    return { ok: false as const, error: parsed.error.issues.map((i) => `${i.path.join(".")}: ${i.message}`).join(" · ") };
+  }
+  const created = await prisma.rentalItem.create({ data: { ...parsed.data, providerId } });
+  await recordAudit({
+    scope: "host.rental-items",
+    event: "create",
+    target: created.id,
+    actorEmail,
+    details: { name: created.name, providerId },
+  });
+  revalidatePath("/espace-prestataire/items");
+  redirect(`/espace-prestataire/items/${created.id}`);
+}
+
+export async function updateHostItemAction(itemId: string, fd: FormData) {
+  const { providerId, actorEmail } = await requireOwnedProvider();
+  const session = await auth();
+  if (!(await canManageRentalProvider(session!.user.id, session?.user?.role, providerId))) {
+    return { ok: false as const, error: "Accès refusé" };
+  }
+  const existing = await prisma.rentalItem.findUnique({ where: { id: itemId }, select: { providerId: true } });
+  if (!existing || existing.providerId !== providerId) {
+    return { ok: false as const, error: "Item introuvable." };
+  }
+  const parsed = itemSchema.safeParse(parseItemFD(fd));
+  if (!parsed.success) {
+    return { ok: false as const, error: parsed.error.issues.map((i) => `${i.path.join(".")}: ${i.message}`).join(" · ") };
+  }
+  await prisma.rentalItem.update({ where: { id: itemId }, data: parsed.data });
+  await recordAudit({
+    scope: "host.rental-items",
+    event: "update",
+    target: itemId,
+    actorEmail,
+    details: { name: parsed.data.name },
+  });
+  revalidatePath("/espace-prestataire/items");
+  revalidatePath(`/espace-prestataire/items/${itemId}`);
+  return { ok: true as const };
+}
+
+export async function deleteHostItemAction(itemId: string) {
+  const { providerId, actorEmail } = await requireOwnedProvider();
+  const existing = await prisma.rentalItem.findUnique({
+    where: { id: itemId },
+    select: { providerId: true, _count: { select: { lines: true } } },
+  });
+  if (!existing || existing.providerId !== providerId) {
+    return { ok: false as const, error: "Item introuvable." };
+  }
+  if (existing._count.lines > 0) {
+    return { ok: false as const, error: "Impossible : item référencé par des locations." };
+  }
+  await prisma.rentalItem.delete({ where: { id: itemId } });
+  await recordAudit({
+    scope: "host.rental-items",
+    event: "delete",
+    target: itemId,
+    actorEmail,
+    details: {},
+  });
+  revalidatePath("/espace-prestataire/items");
+  redirect("/espace-prestataire/items");
+}
+
+const blockSchema = z.object({
+  startDate: z.string().regex(/^\d{4}-\d{2}-\d{2}$/),
+  endDate: z.string().regex(/^\d{4}-\d{2}-\d{2}$/),
+  qty: z.coerce.number().int().min(1).max(1000),
+  reason: z.enum(["MAINTENANCE", "MANUAL_BLOCK"]),
+});
+
+export async function addItemBlockAction(itemId: string, fd: FormData) {
+  const { providerId, actorEmail } = await requireOwnedProvider();
+  const existing = await prisma.rentalItem.findUnique({ where: { id: itemId }, select: { providerId: true } });
+  if (!existing || existing.providerId !== providerId) {
+    return { ok: false as const, error: "Item introuvable." };
+  }
+  const parsed = blockSchema.safeParse({
+    startDate: fd.get("startDate"),
+    endDate: fd.get("endDate"),
+    qty: fd.get("qty"),
+    reason: fd.get("reason"),
+  });
+  if (!parsed.success) {
+    return { ok: false as const, error: parsed.error.issues.map((i) => `${i.path.join(".")}: ${i.message}`).join(" · ") };
+  }
+  const start = new Date(`${parsed.data.startDate}T00:00:00.000Z`);
+  const end = new Date(`${parsed.data.endDate}T00:00:00.000Z`);
+  if (end <= start) return { ok: false as const, error: "Date de fin doit être après début." };
+
+  await prisma.rentalItemAvailability.create({
+    data: {
+      itemId,
+      startDate: start,
+      endDate: end,
+      qty: parsed.data.qty,
+      reason: parsed.data.reason,
+    },
+  });
+  await recordAudit({
+    scope: "host.rental-items",
+    event: "block.add",
+    target: itemId,
+    actorEmail,
+    details: { ...parsed.data },
+  });
+  revalidatePath(`/espace-prestataire/items/${itemId}`);
+  return { ok: true as const };
+}
+
+export async function removeItemBlockAction(blockId: string) {
+  const { providerId, actorEmail } = await requireOwnedProvider();
+  const block = await prisma.rentalItemAvailability.findUnique({
+    where: { id: blockId },
+    select: { itemId: true, rentalBookingId: true, item: { select: { providerId: true } } },
+  });
+  if (!block || block.item.providerId !== providerId) {
+    return { ok: false as const, error: "Blocage introuvable." };
+  }
+  if (block.rentalBookingId) {
+    return { ok: false as const, error: "Blocage lié à une réservation : annulez la réservation à la place." };
+  }
+  await prisma.rentalItemAvailability.delete({ where: { id: blockId } });
+  await recordAudit({
+    scope: "host.rental-items",
+    event: "block.remove",
+    target: blockId,
+    actorEmail,
+    details: { itemId: block.itemId },
+  });
+  revalidatePath(`/espace-prestataire/items/${block.itemId}`);
+  return { ok: true as const };
+}
+
+const statusSchema = z.enum([
+  RentalBookingStatus.PENDING,
+  RentalBookingStatus.CONFIRMED,
+  RentalBookingStatus.HANDED_OVER,
+  RentalBookingStatus.RETURNED,
+  RentalBookingStatus.CANCELLED,
+]);
+
+export async function updateBookingStatusAction(bookingId: string, status: string) {
+  const { providerId, actorEmail } = await requireOwnedProvider();
+  const session = await auth();
+  const role = session?.user?.role;
+  const parsed = statusSchema.safeParse(status);
+  if (!parsed.success) return { ok: false as const, error: "Statut invalide." };
+
+  const existing = await prisma.rentalBooking.findUnique({
+    where: { id: bookingId },
+    select: { providerId: true },
+  });
+  if (!existing || (existing.providerId !== providerId && role !== UserRole.ADMIN)) {
+    return { ok: false as const, error: "Réservation introuvable." };
+  }
+  await prisma.rentalBooking.update({
+    where: { id: bookingId },
+    data: { status: parsed.data },
+  });
+  await recordAudit({
+    scope: "host.rental-bookings",
+    event: "status.update",
+    target: bookingId,
+    actorEmail,
+    details: { status: parsed.data },
+  });
+  revalidatePath("/espace-prestataire/reservations");
+  return { ok: true as const };
+}

src/app/espace-prestataire/items/[itemId]/_components/ItemBlocksManager.tsx

@@ -0,0 +1,151 @@
+"use client";
+
+import { useState, useTransition } from "react";
+import { useRouter } from "next/navigation";
+
+type Block = {
+  id: string;
+  startDate: string;
+  endDate: string;
+  qty: number;
+  reason: string;
+  isBooking: boolean;
+};
+
+type Props = {
+  blocks: Block[];
+  totalQty: number;
+  addAction: (fd: FormData) => Promise<{ ok: false; error: string } | { ok: true } | undefined>;
+  removeAction: (blockId: string) => Promise<{ ok: false; error: string } | { ok: true } | undefined>;
+};
+
+const REASON_LABEL: Record<string, string> = {
+  MAINTENANCE: "🔧 Maintenance",
+  MANUAL_BLOCK: "⛔ Blocage personnel",
+  RENTAL_BOOKING: "🛒 Réservation",
+};
+
+export function ItemBlocksManager({ blocks, totalQty, addAction, removeAction }: Props) {
+  const router = useRouter();
+  const [pending, startTransition] = useTransition();
+  const [error, setError] = useState<string | null>(null);
+
+  function onAdd(fd: FormData) {
+    setError(null);
+    startTransition(async () => {
+      const res = await addAction(fd);
+      if (res && res.ok === false) setError(res.error);
+      router.refresh();
+    });
+  }
+
+  function onRemove(blockId: string) {
+    setError(null);
+    startTransition(async () => {
+      const res = await removeAction(blockId);
+      if (res && res.ok === false) setError(res.error);
+      router.refresh();
+    });
+  }
+
+  return (
+    <div className="space-y-4">
+      <form action={onAdd} className="grid grid-cols-1 gap-2 rounded-md border border-zinc-200 bg-zinc-50 p-3 sm:grid-cols-5">
+        <fieldset disabled={pending} className="contents">
+          <label className="block text-xs">
+            <span className="text-zinc-600">Du</span>
+            <input
+              name="startDate"
+              type="date"
+              required
+              className="mt-0.5 w-full rounded-md border border-zinc-300 px-2 py-1.5 text-sm"
+            />
+          </label>
+          <label className="block text-xs">
+            <span className="text-zinc-600">Au</span>
+            <input
+              name="endDate"
+              type="date"
+              required
+              className="mt-0.5 w-full rounded-md border border-zinc-300 px-2 py-1.5 text-sm"
+            />
+          </label>
+          <label className="block text-xs">
+            <span className="text-zinc-600">Quantité</span>
+            <input
+              name="qty"
+              type="number"
+              min={1}
+              max={totalQty}
+              defaultValue={totalQty}
+              required
+              className="mt-0.5 w-full rounded-md border border-zinc-300 px-2 py-1.5 text-sm"
+            />
+          </label>
+          <label className="block text-xs">
+            <span className="text-zinc-600">Raison</span>
+            <select
+              name="reason"
+              defaultValue="MAINTENANCE"
+              className="mt-0.5 w-full rounded-md border border-zinc-300 px-2 py-1.5 text-sm"
+            >
+              <option value="MAINTENANCE">Maintenance</option>
+              <option value="MANUAL_BLOCK">Blocage perso</option>
+            </select>
+          </label>
+          <div className="flex items-end">
+            <button
+              type="submit"
+              className="w-full rounded-md bg-emerald-600 px-3 py-1.5 text-xs font-semibold text-white hover:bg-emerald-700 disabled:opacity-50"
+            >
+              {pending ? "…" : "Ajouter blocage"}
+            </button>
+          </div>
+        </fieldset>
+      </form>
+
+      {error ? (
+        <div className="rounded border border-rose-200 bg-rose-50 px-3 py-2 text-sm text-rose-700">{error}</div>
+      ) : null}
+
+      {blocks.length === 0 ? (
+        <p className="rounded border border-dashed border-zinc-200 px-3 py-6 text-center text-xs text-zinc-500">
+          Aucun blocage manuel. Toutes les dates sont disponibles.
+        </p>
+      ) : (
+        <ul className="space-y-1.5">
+          {blocks.map((b) => (
+            <li
+              key={b.id}
+              className={
+                "flex items-center justify-between gap-3 rounded-md border px-3 py-1.5 text-sm " +
+                (b.isBooking ? "border-sky-200 bg-sky-50" : "border-amber-200 bg-amber-50")
+              }
+            >
+              <div>
+                <span className="font-medium text-zinc-900">
+                  {b.startDate} → {b.endDate}
+                </span>
+                <span className="ml-2 text-xs text-zinc-600">
+                  {b.qty} unité{b.qty > 1 ? "s" : ""} · {REASON_LABEL[b.reason] ?? b.reason}
+                </span>
+              </div>
+              {!b.isBooking ? (
+                <button
+                  type="button"
+                  onClick={() => onRemove(b.id)}
+                  disabled={pending}
+                  className="text-xs font-semibold text-rose-700 hover:text-rose-900 disabled:opacity-50"
+                >
+                  Supprimer
+                </button>
+              ) : (
+                <span className="text-[10px] uppercase tracking-wider text-sky-700">Auto</span>
+              )}
+            </li>
+          ))}
+        </ul>
+      )}
+    </div>
+  );
+}

src/app/espace-prestataire/items/[itemId]/_components/ItemInlineDelete.tsx

@@ -0,0 +1,71 @@
+"use client";
+
+import { useState, useTransition } from "react";
+
+type Props = {
+  canDelete: boolean;
+  deleteAction: () => Promise<{ ok: true } | { ok: false; error: string } | undefined | void>;
+};
+
+export function ItemInlineDelete({ canDelete, deleteAction }: Props) {
+  const [pending, startTransition] = useTransition();
+  const [confirm, setConfirm] = useState(false);
+  const [error, setError] = useState<string | null>(null);
+
+  function run() {
+    setError(null);
+    startTransition(async () => {
+      const res = await deleteAction();
+      if (res && (res as { ok?: boolean }).ok === false) {
+        setError((res as { error: string }).error);
+        setConfirm(false);
+      }
+    });
+  }
+
+  if (!canDelete) {
+    return (
+      <span className="rounded border border-zinc-200 bg-zinc-50 px-2 py-1 text-[11px] text-zinc-500">
+        Suppression impossible — item référencé par des locations
+      </span>
+    );
+  }
+
+  return (
+    <div className="flex flex-col items-end gap-1">
+      {confirm ? (
+        <div className="flex items-center gap-2 rounded border border-rose-300 bg-rose-50 px-2 py-1">
+          <span className="text-xs text-rose-900">Supprimer ?</span>
+          <button
+            type="button"
+            onClick={run}
+            disabled={pending}
+            className="rounded bg-rose-700 px-2 py-1 text-[11px] font-semibold text-white hover:bg-rose-800 disabled:opacity-50"
+          >
+            Oui
+          </button>
+          <button
+            type="button"
+            onClick={() => setConfirm(false)}
+            disabled={pending}
+            className="text-[11px] text-zinc-500 hover:text-zinc-900"
+          >
+            Annuler
+          </button>
+        </div>
+      ) : (
+        <button
+          type="button"
+          onClick={() => setConfirm(true)}
+          disabled={pending}
+          className="rounded-md border border-rose-300 bg-rose-50 px-3 py-1.5 text-xs font-semibold text-rose-700 hover:bg-rose-100 disabled:opacity-50"
+        >
+          Supprimer l&apos;item
+        </button>
+      )}
+      {error ? (
+        <div className="rounded border border-rose-200 bg-rose-50 px-2 py-1 text-xs text-rose-700">{error}</div>
+      ) : null}
+    </div>
+  );
+}

src/app/espace-prestataire/items/[itemId]/page.tsx

@@ -0,0 +1,118 @@
+import Link from "next/link";
+import { notFound, redirect } from "next/navigation";
+
+import { MediaUploader } from "@/components/MediaUploader";
+import { requireRentalProviderSession, getCurrentRentalProvider } from "@/lib/rental-access";
+import { getHostItem } from "@/lib/rental-host";
+import { RENTAL_CATEGORY_LABEL } from "@/lib/rental-category-labels";
+
+import { HostItemForm } from "../_components/ItemForm";
+import { ItemBlocksManager } from "./_components/ItemBlocksManager";
+import { ItemInlineDelete } from "./_components/ItemInlineDelete";
+import {
+  addItemBlockAction,
+  deleteHostItemAction,
+  removeItemBlockAction,
+  updateHostItemAction,
+} from "../../actions";
+
+export const dynamic = "force-dynamic";
+
+type PageProps = { params: Promise<{ itemId: string }> };
+
+export default async function EditHostItemPage({ params }: PageProps) {
+  await requireRentalProviderSession();
+  const provider = await getCurrentRentalProvider();
+  if (!provider) redirect("/admin/rental-providers");
+  const { itemId } = await params;
+  const item = await getHostItem(provider.id, itemId);
+  if (!item) notFound();
+
+  const updateThis = async (fd: FormData) => {
+    "use server";
+    return await updateHostItemAction(itemId, fd);
+  };
+  const deleteThis = async () => {
+    "use server";
+    return await deleteHostItemAction(itemId);
+  };
+  const addBlockThis = async (fd: FormData) => {
+    "use server";
+    return await addItemBlockAction(itemId, fd);
+  };
+  const removeBlockThis = async (blockId: string) => {
+    "use server";
+    return await removeItemBlockAction(blockId);
+  };
+
+  return (
+    <main className="mx-auto max-w-4xl px-6 py-10 space-y-6">
+      <header className="flex flex-wrap items-end justify-between gap-3">
+        <div>
+          <Link href="/espace-prestataire/items" className="text-xs text-zinc-500 hover:text-zinc-900">
+            ← Mes items
+          </Link>
+          <h1 className="mt-1 text-2xl font-semibold text-zinc-900">{item.name}</h1>
+          <p className="mt-1 text-sm text-zinc-500">
+            {RENTAL_CATEGORY_LABEL[item.category]} · Stock : {item.totalQty} · {item._count.lines} location(s) historique
+          </p>
+        </div>
+        <ItemInlineDelete deleteAction={deleteThis} canDelete={item._count.lines === 0} />
+      </header>
+
+      <section className="rounded-lg border border-zinc-200 bg-white p-5 shadow-sm">
+        <h2 className="mb-3 text-sm font-semibold uppercase tracking-wider text-zinc-500">
+          Photos & vidéos
+        </h2>
+        <MediaUploader
+          scope={{ kind: "rental-item", itemId: item.id }}
+          initialMedia={item.media}
+        />
+      </section>
+
+      <section className="rounded-lg border border-zinc-200 bg-white p-5 shadow-sm">
+        <HostItemForm
+          action={updateThis}
+          submitLabel="Enregistrer les modifications"
+          initial={{
+            category: item.category,
+            name: item.name,
+            description: item.description,
+            imageUrl: item.imageUrl,
+            pricePerDay: item.pricePerDay.toString(),
+            pricePerWeek: item.pricePerWeek?.toString() ?? null,
+            deposit: item.deposit.toString(),
+            totalQty: item.totalQty,
+            withMotor: item.withMotor,
+            fuelIncluded: item.fuelIncluded,
+            requiresLicense: item.requiresLicense,
+            active: item.active,
+          }}
+        />
+      </section>
+
+      <section className="rounded-lg border border-zinc-200 bg-white p-5 shadow-sm">
+        <h2 className="mb-3 text-sm font-semibold uppercase tracking-wider text-zinc-500">
+          Calendrier de disponibilité
+        </h2>
+        <p className="mb-3 text-xs text-zinc-600">
+          Bloquez ici des dates pour maintenance, indisponibilité personnelle, etc. Les réservations
+          confirmées sont gérées automatiquement.
+        </p>
+        <ItemBlocksManager
+          blocks={item.availabilities.map((a) => ({
+            id: a.id,
+            startDate: a.startDate.toISOString().slice(0, 10),
+            endDate: a.endDate.toISOString().slice(0, 10),
+            qty: a.qty,
+            reason: a.reason,
+            isBooking: Boolean(a.rentalBookingId),
+          }))}
+          addAction={addBlockThis}
+          removeAction={removeBlockThis}
+          totalQty={item.totalQty}
+        />
+      </section>
+    </main>
+  );
+}

src/app/espace-prestataire/items/_components/ItemForm.tsx

@@ -0,0 +1,133 @@
+"use client";
+
+import { useState, useTransition } from "react";
+
+import { RENTAL_CATEGORY_LABEL, RENTAL_CATEGORIES } from "@/lib/rental-category-labels";
+
+const inputCls =
+  "mt-0.5 w-full rounded-md border border-zinc-300 px-3 py-2 text-sm focus:border-emerald-500 focus:outline-none";
+const labelCls = "block text-sm font-medium text-zinc-800";
+
+type Props = {
+  initial?: {
+    category?: string;
+    name?: string;
+    description?: string | null;
+    imageUrl?: string | null;
+    pricePerDay?: string | number;
+    pricePerWeek?: string | number | null;
+    deposit?: string | number;
+    totalQty?: number;
+    withMotor?: boolean;
+    fuelIncluded?: boolean;
+    requiresLicense?: boolean;
+    active?: boolean;
+  };
+  action: (fd: FormData) => Promise<{ ok: false; error: string } | { ok: true } | undefined>;
+  submitLabel?: string;
+};
+
+export function HostItemForm({ initial = {}, action, submitLabel = "Enregistrer" }: Props) {
+  const [pending, startTransition] = useTransition();
+  const [error, setError] = useState<string | null>(null);
+  const [success, setSuccess] = useState<string | null>(null);
+
+  function onSubmit(fd: FormData) {
+    setError(null);
+    setSuccess(null);
+    startTransition(async () => {
+      const res = await action(fd);
+      if (res && res.ok === false) setError(res.error);
+      else if (res && res.ok === true) setSuccess("Enregistré.");
+    });
+  }
+
+  return (
+    <form action={onSubmit} className="space-y-4">
+      <fieldset disabled={pending} className="space-y-4">
+        <div className="grid grid-cols-1 gap-3 sm:grid-cols-2">
+          <label className="block">
+            <span className={labelCls}>Catégorie</span>
+            <select name="category" defaultValue={initial.category ?? ""} required className={inputCls}>
+              <option value="" disabled>— sélectionner —</option>
+              {RENTAL_CATEGORIES.map((c) => (
+                <option key={c} value={c}>{RENTAL_CATEGORY_LABEL[c]}</option>
+              ))}
+            </select>
+          </label>
+          <label className="block">
+            <span className={labelCls}>Statut</span>
+            <label className="flex items-center gap-2 px-1 py-2 text-sm">
+              <input type="checkbox" name="active" defaultChecked={initial.active ?? true} className="h-4 w-4 rounded border-zinc-300" />
+              Actif (visible au catalogue)
+            </label>
+          </label>
+          <label className="block sm:col-span-2">
+            <span className={labelCls}>Nom de l&apos;item</span>
+            <input name="name" required maxLength={200} defaultValue={initial.name ?? ""} className={inputCls} placeholder="ex. Hamac coton large" />
+          </label>
+          <label className="block sm:col-span-2">
+            <span className={labelCls}>Description</span>
+            <textarea name="description" rows={3} maxLength={5000} defaultValue={initial.description ?? ""} className={inputCls} />
+          </label>
+          <label className="block">
+            <span className={labelCls}>URL image</span>
+            <input name="imageUrl" type="url" maxLength={500} defaultValue={initial.imageUrl ?? ""} className={inputCls} />
+          </label>
+          <label className="block">
+            <span className={labelCls}>Stock total (qté)</span>
+            <input name="totalQty" type="number" min={1} max={1000} defaultValue={initial.totalQty?.toString() ?? "1"} required className={inputCls} />
+          </label>
+          <label className="block">
+            <span className={labelCls}>Prix / jour (€)</span>
+            <input name="pricePerDay" type="number" min={0} step="0.5" defaultValue={initial.pricePerDay?.toString() ?? ""} required className={inputCls} />
+          </label>
+          <label className="block">
+            <span className={labelCls}>Prix / semaine (€)</span>
+            <input name="pricePerWeek" type="number" min={0} step="0.5" defaultValue={initial.pricePerWeek?.toString() ?? ""} className={inputCls} />
+          </label>
+          <label className="block">
+            <span className={labelCls}>Caution (€)</span>
+            <input name="deposit" type="number" min={0} step="1" defaultValue={initial.deposit?.toString() ?? "0"} className={inputCls} />
+          </label>
+        </div>
+
+        <fieldset className="rounded-lg border border-zinc-200 bg-zinc-50 p-3">
+          <legend className="px-1 text-xs font-semibold uppercase tracking-wider text-zinc-500">
+            Spécifications
+          </legend>
+          <div className="flex flex-wrap gap-4 pt-1 text-sm">
+            <label className="flex items-center gap-2">
+              <input type="checkbox" name="withMotor" defaultChecked={initial.withMotor ?? false} className="h-4 w-4 rounded border-zinc-300" />
+              Avec moteur
+            </label>
+            <label className="flex items-center gap-2">
+              <input type="checkbox" name="fuelIncluded" defaultChecked={initial.fuelIncluded ?? false} className="h-4 w-4 rounded border-zinc-300" />
+              Essence incluse
+            </label>
+            <label className="flex items-center gap-2">
+              <input type="checkbox" name="requiresLicense" defaultChecked={initial.requiresLicense ?? false} className="h-4 w-4 rounded border-zinc-300" />
+              Permis bateau requis
+            </label>
+          </div>
+        </fieldset>
+
+        {error ? (
+          <div className="rounded border border-rose-200 bg-rose-50 px-3 py-2 text-sm text-rose-700">{error}</div>
+        ) : null}
+        {success ? (
+          <div className="rounded border border-emerald-200 bg-emerald-50 px-3 py-2 text-sm text-emerald-800">{success}</div>
+        ) : null}
+
+        <div className="flex items-center justify-end">
+          <button
+            type="submit"
+            className="rounded-md bg-emerald-600 px-5 py-2 text-sm font-semibold text-white hover:bg-emerald-700 disabled:opacity-50"
+          >
+            {pending ? "Enregistrement…" : submitLabel}
+          </button>
+        </div>
+      </fieldset>
+    </form>
+  );
+}

src/app/espace-prestataire/items/new/page.tsx

@@ -0,0 +1,23 @@
+import Link from "next/link";
+
+import { requireRentalProviderSession } from "@/lib/rental-access";
+
+import { HostItemForm } from "../_components/ItemForm";
+import { createHostItemAction } from "../../actions";
+
+export const dynamic = "force-dynamic";
+
+export default async function NewHostItemPage() {
+  await requireRentalProviderSession();
+  return (
+    <main className="mx-auto max-w-3xl px-6 py-10">
+      <Link href="/espace-prestataire/items" className="text-xs text-zinc-500 hover:text-zinc-900">
+        ← Mes items
+      </Link>
+      <h1 className="mt-1 text-2xl font-semibold text-zinc-900">Nouvel item</h1>
+      <section className="mt-5 rounded-lg border border-zinc-200 bg-white p-5 shadow-sm">
+        <HostItemForm action={createHostItemAction} submitLabel="Créer l'item" initial={{ active: true, totalQty: 1 }} />
+      </section>
+    </main>
+  );
+}

src/app/espace-prestataire/items/page.tsx

@@ -0,0 +1,93 @@
+import Link from "next/link";
+import { redirect } from "next/navigation";
+
+import { requireRentalProviderSession, getCurrentRentalProvider } from "@/lib/rental-access";
+import { listHostItems } from "@/lib/rental-host";
+import { RENTAL_CATEGORY_LABEL } from "@/lib/rental-category-labels";
+
+export const dynamic = "force-dynamic";
+
+export default async function HostItemsPage() {
+  await requireRentalProviderSession();
+  const provider = await getCurrentRentalProvider();
+  if (!provider) redirect("/admin/rental-providers");
+
+  const items = await listHostItems(provider.id);
+
+  return (
+    <main className="mx-auto max-w-6xl px-6 py-10">
+      <header className="mb-5 flex flex-wrap items-end justify-between gap-3">
+        <div>
+          <Link href="/espace-prestataire" className="text-xs text-zinc-500 hover:text-zinc-900">
+            ← Dashboard
+          </Link>
+          <h1 className="mt-1 text-2xl font-semibold text-zinc-900">Mes items locables</h1>
+          <p className="mt-1 text-sm text-zinc-500">{items.length} item{items.length > 1 ? "s" : ""}</p>
+        </div>
+        <Link
+          href="/espace-prestataire/items/new"
+          className="rounded-md bg-emerald-600 px-3 py-1.5 text-sm font-semibold text-white hover:bg-emerald-700"
+        >
+          + Nouvel item
+        </Link>
+      </header>
+
+      {items.length === 0 ? (
+        <div className="rounded-lg border border-dashed border-zinc-300 px-6 py-12 text-center text-sm text-zinc-500">
+          Pas encore d&apos;item.{" "}
+          <Link href="/espace-prestataire/items/new" className="text-emerald-700 underline">
+            Créer mon premier item
+          </Link>
+        </div>
+      ) : (
+        <div className="overflow-hidden rounded-lg border border-zinc-200 bg-white">
+          <table className="w-full text-sm">
+            <thead className="border-b border-zinc-200 bg-zinc-50 text-xs uppercase tracking-wider text-zinc-500">
+              <tr>
+                <th className="px-4 py-2 text-left font-semibold">Nom</th>
+                <th className="px-4 py-2 text-left font-semibold">Catégorie</th>
+                <th className="px-4 py-2 text-right font-semibold">€/j</th>
+                <th className="px-4 py-2 text-right font-semibold">Stock</th>
+                <th className="px-4 py-2 text-right font-semibold">Caution</th>
+                <th className="px-4 py-2 text-right font-semibold">Résa</th>
+                <th className="px-4 py-2 text-left font-semibold">État</th>
+              </tr>
+            </thead>
+            <tbody className="divide-y divide-zinc-100">
+              {items.map((i) => (
+                <tr key={i.id} className="hover:bg-zinc-50">
+                  <td className="px-4 py-2">
+                    <Link href={`/espace-prestataire/items/${i.id}`} className="font-medium text-zinc-900 hover:underline">
+                      {i.name}
+                    </Link>
+                    <div className="text-[11px] text-zinc-500">
+                      {i.withMotor ? "⚙️ moteur · " : ""}
+                      {i.requiresLicense ? "🪪 permis · " : ""}
+                      {i.fuelIncluded ? "⛽ essence " : ""}
+                    </div>
+                  </td>
+                  <td className="px-4 py-2 text-zinc-700">{RENTAL_CATEGORY_LABEL[i.category]}</td>
+                  <td className="px-4 py-2 text-right font-mono text-zinc-700">{Number(i.pricePerDay).toFixed(0)}</td>
+                  <td className="px-4 py-2 text-right font-mono text-zinc-700">{i.totalQty}</td>
+                  <td className="px-4 py-2 text-right font-mono text-zinc-700">{Number(i.deposit).toFixed(0)}</td>
+                  <td className="px-4 py-2 text-right font-mono text-zinc-700">{i._count.lines}</td>
+                  <td className="px-4 py-2">
+                    {i.active ? (
+                      <span className="rounded-full bg-emerald-100 px-2 py-0.5 text-[10px] font-semibold uppercase tracking-wider text-emerald-800 ring-1 ring-inset ring-emerald-300">
+                        Actif
+                      </span>
+                    ) : (
+                      <span className="rounded-full bg-zinc-100 px-2 py-0.5 text-[10px] font-semibold uppercase tracking-wider text-zinc-500 ring-1 ring-inset ring-zinc-300">
+                        Inactif
+                      </span>
+                    )}
+                  </td>
+                </tr>
+              ))}
+            </tbody>
+          </table>
+        </div>
+      )}
+    </main>
+  );
+}

src/app/espace-prestataire/layout.tsx

@@ -0,0 +1,6 @@
+import { requirePluginOr404 } from "@/lib/plugins/guard";
+
+export default async function ProviderLayout({ children }: { children: React.ReactNode }) {
+  await requirePluginOr404("gear-rental");
+  return <>{children}</>;
+}

src/app/espace-prestataire/page.tsx

@@ -0,0 +1,153 @@
+import Link from "next/link";
+import { redirect } from "next/navigation";
+
+import { requireRentalProviderSession, getCurrentRentalProvider } from "@/lib/rental-access";
+import { getHostRentalKpis } from "@/lib/rental-host";
+
+export const dynamic = "force-dynamic";
+
+function fmtEur(amount: string | number): string {
+  const n = Number(amount);
+  return n.toLocaleString("fr-FR", { style: "currency", currency: "EUR" });
+}
+
+const dateFmt = new Intl.DateTimeFormat("fr-FR", {
+  day: "2-digit",
+  month: "long",
+  year: "numeric",
+});
+
+export default async function ProviderDashboardPage() {
+  await requireRentalProviderSession();
+  const provider = await getCurrentRentalProvider();
+  if (!provider) {
+    // Admin sans providerId ciblé : redirect vers liste admin
+    redirect("/admin/rental-providers");
+  }
+
+  const kpis = await getHostRentalKpis(provider.id);
+
+  return (
+    <main className="mx-auto max-w-6xl px-6 py-10">
+      <header className="mb-6 flex flex-wrap items-end justify-between gap-3">
+        <div>
+          <h1 className="text-3xl font-semibold text-zinc-900">Espace prestataire</h1>
+          <p className="mt-1 text-sm text-zinc-600">
+            {provider.name}
+            {provider.isSystemD ? " · Fournisseur officiel Karbé" : ""}
+          </p>
+        </div>
+        <div className="flex gap-2">
+          <Link
+            href="/espace-prestataire/items/new"
+            className="rounded-md bg-emerald-600 px-3 py-1.5 text-sm font-semibold text-white hover:bg-emerald-700"
+          >
+            + Nouvel item
+          </Link>
+          <Link
+            href="/espace-prestataire/items"
+            className="rounded-md border border-zinc-300 bg-white px-3 py-1.5 text-sm text-zinc-700 hover:bg-zinc-50"
+          >
+            Mes items
+          </Link>
+          <Link
+            href="/espace-prestataire/reservations"
+            className="rounded-md border border-zinc-300 bg-white px-3 py-1.5 text-sm text-zinc-700 hover:bg-zinc-50"
+          >
+            Réservations
+          </Link>
+        </div>
+      </header>
+
+      {!provider.approved ? (
+        <div className="mb-6 rounded-lg border border-amber-300 bg-amber-50 p-4">
+          <div className="text-xs uppercase tracking-wider text-amber-900">Compte en attente de validation</div>
+          <p className="mt-1 text-sm text-amber-900">
+            Vos items ne sont <strong>pas encore visibles</strong> sur le catalogue public.
+            L&apos;équipe Karbé contactera bientôt {provider.contactEmail ?? "votre email"} pour finaliser
+            votre adhésion. Vous pouvez toutefois préparer vos items dès maintenant.
+          </p>
+        </div>
+      ) : null}
+
+      <section className="mb-6 grid grid-cols-2 gap-3 sm:grid-cols-3 lg:grid-cols-6">
+        <Kpi label="CA total" value={fmtEur(kpis.revenueTotal)} />
+        <Kpi label="CA 30 j" value={fmtEur(kpis.revenue30d)} />
+        <Kpi
+          label="À confirmer"
+          value={String(kpis.bookingsPending)}
+          tone={kpis.bookingsPending > 0 ? "warn" : "neutral"}
+        />
+        <Kpi label="Confirmées à venir" value={String(kpis.bookingsConfirmed)} />
+        <Kpi label="Items au catalogue" value={String(kpis.itemsActive)} />
+        <Kpi label="Items total" value={String(kpis.itemsTotal)} />
+      </section>
+
+      {kpis.nextHandover ? (
+        <section className="mb-6 rounded-lg border border-emerald-300 bg-emerald-50 p-4">
+          <div className="text-xs uppercase tracking-wider text-emerald-700">Prochaine remise</div>
+          <div className="mt-1 text-base font-semibold text-emerald-900">
+            {kpis.nextHandover.tenantName} · {kpis.nextHandover.lineCount} ligne(s)
+          </div>
+          <div className="text-sm text-emerald-800">
+            {dateFmt.format(kpis.nextHandover.startDate)}
+          </div>
+          <Link
+            href={`/espace-prestataire/reservations`}
+            className="mt-2 inline-block text-xs font-semibold text-emerald-900 underline"
+          >
+            Voir le détail →
+          </Link>
+        </section>
+      ) : null}
+
+      <section>
+        <h2 className="mb-3 text-sm font-semibold uppercase tracking-wider text-zinc-500">Mon activité</h2>
+        <ul className="space-y-2 text-sm">
+          <li className="rounded border border-zinc-200 bg-white px-3 py-2">
+            <span className="text-zinc-500">Fleuves desservis :</span>{" "}
+            <strong className="text-zinc-900">{provider.rivers.join(", ") || "—"}</strong>
+          </li>
+          <li className="rounded border border-zinc-200 bg-white px-3 py-2">
+            <span className="text-zinc-500">Commission Karbé :</span>{" "}
+            <strong className="text-zinc-900">{Number(provider.commissionPct).toFixed(1)}%</strong>
+          </li>
+          <li className="rounded border border-zinc-200 bg-white px-3 py-2">
+            <span className="text-zinc-500">Statut :</span>{" "}
+            <strong className="text-zinc-900">{provider.active ? "Actif" : "Inactif"}</strong>
+            {" · "}
+            <strong className="text-zinc-900">{provider.approved ? "Approuvé" : "En attente"}</strong>
+          </li>
+        </ul>
+      </section>
+    </main>
+  );
+}
+
+function Kpi({
+  label,
+  value,
+  tone = "neutral",
+}: {
+  label: string;
+  value: string;
+  tone?: "neutral" | "warn";
+}) {
+  return (
+    <div
+      className={
+        "rounded-lg border bg-white p-3 shadow-sm " +
+        (tone === "warn" ? "border-amber-300" : "border-zinc-200")
+      }
+    >
+      <div className="text-[11px] uppercase tracking-wider text-zinc-500">{label}</div>
+      <div
+        className={
+          "mt-1 text-xl font-semibold " + (tone === "warn" ? "text-amber-700" : "text-zinc-900")
+        }
+      >
+        {value}
+      </div>
+    </div>
+  );
+}

src/app/espace-prestataire/reservations/_components/BookingDecision.tsx

@@ -0,0 +1,96 @@
+"use client";
+
+import { useState, useTransition } from "react";
+import { useRouter } from "next/navigation";
+
+import { RentalBookingStatus } from "@/generated/prisma/enums";
+
+import { updateBookingStatusAction } from "../../actions";
+
+const btnBase =
+  "rounded-md px-3 py-1.5 text-xs font-semibold transition disabled:opacity-50";
+
+export function BookingDecision({ bookingId, status }: { bookingId: string; status: string }) {
+  const router = useRouter();
+  const [pending, startTransition] = useTransition();
+  const [error, setError] = useState<string | null>(null);
+  const [confirmCancel, setConfirmCancel] = useState(false);
+
+  function set(next: string) {
+    setError(null);
+    startTransition(async () => {
+      const res = await updateBookingStatusAction(bookingId, next);
+      if (res && res.ok === false) setError(res.error);
+      setConfirmCancel(false);
+      router.refresh();
+    });
+  }
+
+  return (
+    <div className="flex flex-wrap items-center gap-2">
+      {status === RentalBookingStatus.PENDING ? (
+        <button
+          type="button"
+          onClick={() => set(RentalBookingStatus.CONFIRMED)}
+          disabled={pending}
+          className={`${btnBase} bg-emerald-600 text-white hover:bg-emerald-700`}
+        >
+          Confirmer
+        </button>
+      ) : null}
+      {status === RentalBookingStatus.CONFIRMED ? (
+        <button
+          type="button"
+          onClick={() => set(RentalBookingStatus.HANDED_OVER)}
+          disabled={pending}
+          className={`${btnBase} bg-emerald-600 text-white hover:bg-emerald-700`}
+        >
+          Marquer remis client
+        </button>
+      ) : null}
+      {status === RentalBookingStatus.HANDED_OVER ? (
+        <button
+          type="button"
+          onClick={() => set(RentalBookingStatus.RETURNED)}
+          disabled={pending}
+          className={`${btnBase} bg-emerald-600 text-white hover:bg-emerald-700`}
+        >
+          Marquer retourné
+        </button>
+      ) : null}
+      {status !== RentalBookingStatus.CANCELLED && status !== RentalBookingStatus.RETURNED ? (
+        confirmCancel ? (
+          <div className="flex items-center gap-1.5 rounded border border-rose-300 bg-rose-50 px-2 py-1">
+            <span className="text-xs text-rose-900">Annuler ?</span>
+            <button
+              type="button"
+              onClick={() => set(RentalBookingStatus.CANCELLED)}
+              disabled={pending}
+              className="rounded bg-rose-700 px-2 py-1 text-[11px] font-semibold text-white hover:bg-rose-800 disabled:opacity-50"
+            >
+              Oui
+            </button>
+            <button
+              type="button"
+              onClick={() => setConfirmCancel(false)}
+              disabled={pending}
+              className="text-[11px] text-zinc-500 hover:text-zinc-900"
+            >
+              Non
+            </button>
+          </div>
+        ) : (
+          <button
+            type="button"
+            onClick={() => setConfirmCancel(true)}
+            disabled={pending}
+            className={`${btnBase} border border-rose-300 bg-white text-rose-700 hover:bg-rose-50`}
+          >
+            Annuler
+          </button>
+        )
+      ) : null}
+      {error ? <span className="text-xs text-rose-700">{error}</span> : null}
+    </div>
+  );
+}

src/app/espace-prestataire/reservations/page.tsx

@@ -0,0 +1,137 @@
+import Link from "next/link";
+import { redirect } from "next/navigation";
+
+import { RentalBookingStatus } from "@/generated/prisma/enums";
+import { requireRentalProviderSession, getCurrentRentalProvider } from "@/lib/rental-access";
+import { listHostBookings } from "@/lib/rental-host";
+import { RENTAL_STATUS_LABEL } from "@/lib/admin/rental-bookings";
+
+import { BookingDecision } from "./_components/BookingDecision";
+
+export const dynamic = "force-dynamic";
+
+const STATUS_VALUES = new Set<string>([
+  RentalBookingStatus.PENDING,
+  RentalBookingStatus.CONFIRMED,
+  RentalBookingStatus.HANDED_OVER,
+  RentalBookingStatus.RETURNED,
+  RentalBookingStatus.CANCELLED,
+]);
+
+type PageProps = {
+  searchParams: Promise<{ status?: string }>;
+};
+
+const dateFmt = new Intl.DateTimeFormat("fr-FR", {
+  day: "2-digit",
+  month: "short",
+  year: "2-digit",
+});
+
+export default async function HostReservationsPage({ searchParams }: PageProps) {
+  await requireRentalProviderSession();
+  const provider = await getCurrentRentalProvider();
+  if (!provider) redirect("/admin/rental-providers");
+  const sp = await searchParams;
+  const status = STATUS_VALUES.has(sp.status ?? "")
+    ? (sp.status as RentalBookingStatus)
+    : undefined;
+
+  const bookings = await listHostBookings(provider.id, { status });
+
+  return (
+    <main className="mx-auto max-w-6xl px-6 py-10">
+      <header className="mb-5 flex flex-wrap items-end justify-between gap-3">
+        <div>
+          <Link href="/espace-prestataire" className="text-xs text-zinc-500 hover:text-zinc-900">
+            ← Dashboard
+          </Link>
+          <h1 className="mt-1 text-2xl font-semibold text-zinc-900">Réservations</h1>
+          <p className="mt-1 text-sm text-zinc-500">{bookings.length} résultat{bookings.length > 1 ? "s" : ""}</p>
+        </div>
+        <form method="get" className="flex items-center gap-2 text-sm">
+          <select
+            name="status"
+            defaultValue={status ?? ""}
+            className="rounded-md border border-zinc-300 bg-white px-2 py-1.5 text-sm focus:border-emerald-500 focus:outline-none"
+          >
+            <option value="">Tous statuts</option>
+            {Object.values(RentalBookingStatus).map((s) => (
+              <option key={s} value={s}>{RENTAL_STATUS_LABEL[s]}</option>
+            ))}
+          </select>
+          <button type="submit" className="rounded-md bg-zinc-900 px-3 py-1.5 text-sm font-medium text-white hover:bg-zinc-800">
+            Filtrer
+          </button>
+        </form>
+      </header>
+
+      {bookings.length === 0 ? (
+        <div className="rounded-lg border border-dashed border-zinc-300 px-6 py-12 text-center text-sm text-zinc-500">
+          Aucune réservation matériel.
+        </div>
+      ) : (
+        <ul className="space-y-3">
+          {bookings.map((b) => (
+            <li key={b.id} className="rounded-lg border border-zinc-200 bg-white p-4 shadow-sm">
+              <div className="flex flex-wrap items-baseline justify-between gap-2">
+                <div>
+                  <h2 className="text-base font-semibold text-zinc-900">
+                    {b.tenant.firstName} {b.tenant.lastName}
+                  </h2>
+                  <p className="text-xs text-zinc-500">
+                    {b.tenant.email}
+                    {b.tenant.phone ? ` · ${b.tenant.phone}` : ""}
+                  </p>
+                  {b.booking ? (
+                    <p className="mt-0.5 text-xs text-emerald-700">
+                      🏠 Lié à la résa carbet :{" "}
+                      <Link href={`/reservations/${b.booking.id}`} className="underline">
+                        {b.booking.carbet.title}
+                      </Link>
+                    </p>
+                  ) : (
+                    <p className="mt-0.5 text-xs text-zinc-500">Location standalone (sans carbet)</p>
+                  )}
+                </div>
+                <div className="text-right">
+                  <div className="text-xs text-zinc-500">
+                    {dateFmt.format(b.startDate)} → {dateFmt.format(b.endDate)}
+                  </div>
+                  <div className="font-mono text-base font-semibold text-zinc-900">
+                    {Number(b.amount).toFixed(2)} {b.currency}
+                  </div>
+                </div>
+              </div>
+
+              <ul className="mt-2 space-y-1 border-t border-zinc-100 pt-2 text-sm text-zinc-700">
+                {b.lines.map((l) => (
+                  <li key={l.id} className="flex items-center justify-between">
+                    <span>
+                      {l.qty}× <strong>{l.item.name}</strong>
+                    </span>
+                    <span className="font-mono text-xs text-zinc-600">
+                      {Number(l.lineTotal).toFixed(2)} €
+                    </span>
+                  </li>
+                ))}
+              </ul>
+
+              <div className="mt-3 flex flex-wrap items-center justify-between gap-2 border-t border-zinc-100 pt-2">
+                <div className="flex flex-wrap items-center gap-2 text-xs">
+                  <span className="rounded-full bg-zinc-100 px-2 py-0.5 font-semibold uppercase tracking-wider text-zinc-700 ring-1 ring-inset ring-zinc-300">
+                    {RENTAL_STATUS_LABEL[b.status]}
+                  </span>
+                  <span className="rounded-full bg-zinc-100 px-2 py-0.5 font-semibold uppercase tracking-wider text-zinc-700 ring-1 ring-inset ring-zinc-300">
+                    {b.paymentStatus}
+                  </span>
+                </div>
+                <BookingDecision bookingId={b.id} status={b.status} />
+              </div>
+            </li>
+          ))}
+        </ul>
+      )}
+    </main>
+  );
+}

src/app/inscription/_components/SignupForm.tsx

@@ -0,0 +1,220 @@
+"use client";
+
+import { useState, useTransition } from "react";
+import { useRouter } from "next/navigation";
+import { signIn } from "next-auth/react";
+
+type Props = { next: string };
+
+export function SignupForm({ next }: Props) {
+  const router = useRouter();
+  const [pending, startTransition] = useTransition();
+  const [error, setError] = useState<string | null>(null);
+  const [role, setRole] = useState<"TOURIST" | "OWNER" | "RENTAL_PROVIDER">("TOURIST");
+  const [providerName, setProviderName] = useState("");
+  const [providerRivers, setProviderRivers] = useState("");
+
+  function onSubmit(formData: FormData) {
+    setError(null);
+    const email = (formData.get("email") as string | null)?.trim() ?? "";
+    const password = (formData.get("password") as string | null) ?? "";
+    const firstName = (formData.get("firstName") as string | null)?.trim() ?? "";
+    const lastName = (formData.get("lastName") as string | null)?.trim() ?? "";
+    const phone = (formData.get("phone") as string | null)?.trim() ?? "";
+
+    if (password.length < 8) {
+      setError("Le mot de passe doit faire au moins 8 caractères.");
+      return;
+    }
+    if (role === "RENTAL_PROVIDER" && providerName.trim().length < 2) {
+      setError("Le nom de votre activité de loueur est requis.");
+      return;
+    }
+
+    startTransition(async () => {
+      const body: Record<string, unknown> = {
+        email,
+        password,
+        firstName,
+        lastName,
+        phone: phone || null,
+        role,
+      };
+      if (role === "RENTAL_PROVIDER") {
+        body.providerName = providerName.trim();
+        body.providerRivers = providerRivers
+          .split(/[,;\n]/)
+          .map((s) => s.trim())
+          .filter((s) => s.length > 0);
+      }
+      const res = await fetch("/api/signup", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify(body),
+      });
+      const json = await res.json().catch(() => ({}));
+      if (!res.ok) {
+        setError(json?.error || `Erreur ${res.status}`);
+        return;
+      }
+      const result = await signIn("credentials", {
+        email,
+        password,
+        redirect: false,
+      });
+      if (result?.error) {
+        setError("Compte créé mais connexion impossible. Essayez la page de connexion.");
+        return;
+      }
+      router.push(next);
+      router.refresh();
+    });
+  }
+
+  const inputCls =
+    "w-full rounded-md border border-zinc-300 px-3 py-2 text-sm focus:border-zinc-900 focus:outline-none";
+
+  return (
+    <form action={onSubmit} className="space-y-3">
+      <fieldset disabled={pending} className="space-y-3">
+        <div className="grid grid-cols-2 gap-2">
+          <label className="block">
+            <span className="text-xs text-zinc-600">Prénom</span>
+            <input name="firstName" type="text" required maxLength={100} className={inputCls + " mt-0.5"} />
+          </label>
+          <label className="block">
+            <span className="text-xs text-zinc-600">Nom</span>
+            <input name="lastName" type="text" required maxLength={100} className={inputCls + " mt-0.5"} />
+          </label>
+        </div>
+
+        <label className="block">
+          <span className="text-xs text-zinc-600">Email</span>
+          <input name="email" type="email" required maxLength={200} className={inputCls + " mt-0.5"} />
+        </label>
+
+        <label className="block">
+          <span className="text-xs text-zinc-600">Mot de passe (8 caractères min.)</span>
+          <input
+            name="password"
+            type="password"
+            required
+            minLength={8}
+            maxLength={200}
+            className={inputCls + " mt-0.5"}
+          />
+        </label>
+
+        <label className="block">
+          <span className="text-xs text-zinc-600">Téléphone (optionnel)</span>
+          <input name="phone" type="tel" maxLength={40} className={inputCls + " mt-0.5"} />
+        </label>
+
+        <fieldset className="space-y-1">
+          <legend className="text-xs text-zinc-600">Type de compte</legend>
+          <div className="grid grid-cols-1 gap-2 pt-1 sm:grid-cols-3">
+            <label
+              className={
+                "flex cursor-pointer flex-col items-start rounded-md border px-3 py-2 text-sm " +
+                (role === "TOURIST"
+                  ? "border-zinc-900 bg-zinc-50 ring-1 ring-zinc-900"
+                  : "border-zinc-300 hover:bg-zinc-50")
+              }
+            >
+              <input
+                type="radio"
+                name="role"
+                value="TOURIST"
+                checked={role === "TOURIST"}
+                onChange={() => setRole("TOURIST")}
+                className="sr-only"
+              />
+              <span className="font-semibold text-zinc-900">Voyageur</span>
+              <span className="text-[11px] text-zinc-500">Réserver un séjour.</span>
+            </label>
+            <label
+              className={
+                "flex cursor-pointer flex-col items-start rounded-md border px-3 py-2 text-sm " +
+                (role === "OWNER"
+                  ? "border-zinc-900 bg-zinc-50 ring-1 ring-zinc-900"
+                  : "border-zinc-300 hover:bg-zinc-50")
+              }
+            >
+              <input
+                type="radio"
+                name="role"
+                value="OWNER"
+                checked={role === "OWNER"}
+                onChange={() => setRole("OWNER")}
+                className="sr-only"
+              />
+              <span className="font-semibold text-zinc-900">Hôte</span>
+              <span className="text-[11px] text-zinc-500">Publier un carbet.</span>
+            </label>
+            <label
+              className={
+                "flex cursor-pointer flex-col items-start rounded-md border px-3 py-2 text-sm " +
+                (role === "RENTAL_PROVIDER"
+                  ? "border-zinc-900 bg-zinc-50 ring-1 ring-zinc-900"
+                  : "border-zinc-300 hover:bg-zinc-50")
+              }
+            >
+              <input
+                type="radio"
+                name="role"
+                value="RENTAL_PROVIDER"
+                checked={role === "RENTAL_PROVIDER"}
+                onChange={() => setRole("RENTAL_PROVIDER")}
+                className="sr-only"
+              />
+              <span className="font-semibold text-zinc-900">Loueur matériel</span>
+              <span className="text-[11px] text-zinc-500">Hamac, pirogue, kayak…</span>
+            </label>
+          </div>
+        </fieldset>
+
+        {role === "RENTAL_PROVIDER" ? (
+          <div className="space-y-2 rounded-md border border-emerald-200 bg-emerald-50/30 p-3">
+            <p className="text-[11px] text-emerald-900">
+              Votre compte sera créé en <strong>attente de validation</strong>. Un admin Karbé
+              vous contactera pour confirmer votre activité avant publication de vos items.
+            </p>
+            <label className="block">
+              <span className="text-xs text-zinc-600">Nom de votre activité</span>
+              <input
+                type="text"
+                value={providerName}
+                onChange={(e) => setProviderName(e.target.value)}
+                placeholder="ex. Pirogues du Bas-Oyapock"
+                maxLength={200}
+                className={inputCls + " mt-0.5"}
+              />
+            </label>
+            <label className="block">
+              <span className="text-xs text-zinc-600">Fleuves desservis (séparés par virgule)</span>
+              <input
+                type="text"
+                value={providerRivers}
+                onChange={(e) => setProviderRivers(e.target.value)}
+                placeholder="Maroni, Oyapock"
+                maxLength={300}
+                className={inputCls + " mt-0.5"}
+              />
+            </label>
+          </div>
+        ) : null}
+
+        {error ? (
+          <div className="rounded border border-rose-200 bg-rose-50 px-3 py-2 text-sm text-rose-700">{error}</div>
+        ) : null}
+
+        <button
+          type="submit"
+          className="w-full rounded-md bg-zinc-900 px-3 py-2 text-sm font-semibold text-white hover:bg-zinc-800 disabled:opacity-50"
+        >
+          {pending ? "Création…" : "Créer mon compte"}
+        </button>
+      </fieldset>
+    </form>
+  );
+}

src/app/inscription/page.tsx

@@ -0,0 +1,40 @@
+import { redirect } from "next/navigation";
+import Link from "next/link";
+
+import { auth } from "@/auth";
+import { SignupForm } from "./_components/SignupForm";
+
+export const dynamic = "force-dynamic";
+
+type PageProps = {
+  searchParams: Promise<{ next?: string }>;
+};
+
+export default async function SignupPage({ searchParams }: PageProps) {
+  const session = await auth();
+  const sp = await searchParams;
+  const next = sp.next && sp.next.startsWith("/") ? sp.next : "/";
+  if (session?.user?.id) redirect(next);
+
+  return (
+    <main className="mx-auto flex min-h-[70vh] max-w-md items-center px-6 py-12">
+      <div className="w-full space-y-4 rounded-xl border border-zinc-200 bg-white p-6 shadow-sm">
+        <header>
+          <h1 className="text-2xl font-semibold text-zinc-900">Créer un compte</h1>
+          <p className="mt-1 text-sm text-zinc-500">
+            Un compte vous permet de réserver un séjour ou, en tant qu&apos;hôte, de publier votre carbet.
+          </p>
+        </header>
+
+        <SignupForm next={next} />
+
+        <p className="border-t border-zinc-100 pt-3 text-center text-sm text-zinc-500">
+          Déjà un compte ?{" "}
+          <Link href={`/connexion${next !== "/" ? `?next=${encodeURIComponent(next)}` : ""}`} className="text-zinc-900 underline">
+            Se connecter
+          </Link>
+        </p>
+      </div>
+    </main>
+  );
+}