refactor(props): comment out my-mobility page until student page is fixed

docs: remove CLAUDE.md

chore(compose): delete compose.yml file

.dockerignore

@@ -0,0 +1,4 @@
+node_modules
+.git
+coverage
+.env

.env.template

@@ -0,0 +1,8 @@
+#Local mode, set to true to access admin pages with any users
+LOCAL=true
+
+POSTGRES_HOST = db
+POSTGRES_PORT = 5432
+POSTGRES_PASS = astrongpass
+POSTGRES_USER = postgres
+POSTGRES_DB = polympr

.gitea/workflows/test.yml

@@ -56,6 +56,10 @@ jobs:
         run: |
           sed 's/--> statement-breakpoint/;/g' databases/migrations/0000_square_jetstream.sql | \
             PGPASSWORD=test psql -h 127.0.0.1 -U test -d polympr_test
+          sed 's/--> statement-breakpoint/;/g' databases/migrations/0003_add_session2_and_malus.sql | \
+            PGPASSWORD=test psql -h 127.0.0.1 -U test -d polympr_test
+          sed 's/--> statement-breakpoint/;/g' databases/migrations/0004_add_stages_and_mobilites.sql | \
+            PGPASSWORD=test psql -h 127.0.0.1 -U test -d polympr_test
 
       - name: Install dependencies
         run: npm install --ignore-scripts && deno install

.github/workflows/test.yml

@@ -1,79 +0,0 @@
-name: "Tests"
-
-on:
-  pull_request:
-    branches:
-      - main
-      - develop
-  push:
-    branches:
-      - develop
-
-jobs:
-  unit:
-    name: "Unit tests"
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v4
-
-      - uses: denoland/setup-deno@v2
-        with:
-          deno-version: v2.x
-
-      - name: Install dependencies
-        run: deno install
-
-      - name: Run unit tests
-        run: deno task test:unit
-
-  integration:
-    name: "Integration tests"
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v4
-
-      - uses: actions/setup-node@v4
-        with:
-          node-version: "20"
-
-      - uses: denoland/setup-deno@v2
-        with:
-          deno-version: v2.x
-
-      - name: Start postgres
-        run: |
-          sudo apt-get update -qq && sudo apt-get install -y -qq postgresql > /dev/null
-          PG_VER=$(ls /etc/postgresql/)
-          sudo sed -i "s/^#*listen_addresses\s*=.*/listen_addresses = '127.0.0.1'/" /etc/postgresql/$PG_VER/main/postgresql.conf
-          echo "host all all 127.0.0.1/32 md5" | sudo tee -a /etc/postgresql/$PG_VER/main/pg_hba.conf
-          sudo pg_ctlcluster $PG_VER main restart
-          until sudo -u postgres pg_isready -h 127.0.0.1; do sleep 1; done
-          sudo -u postgres psql -c "CREATE USER test WITH PASSWORD 'test';"
-          sudo -u postgres psql -c "CREATE DATABASE polympr_test OWNER test;"
-          sudo -u postgres psql -d polympr_test -c "GRANT ALL ON SCHEMA public TO test;"
-
-      - name: Apply migrations
-        run: |
-          sed 's/--> statement-breakpoint/;/g' databases/migrations/0000_square_jetstream.sql | \
-            PGPASSWORD=test psql -h 127.0.0.1 -U test -d polympr_test
-
-      - name: Install dependencies
-        run: npm install --ignore-scripts && deno install
-
-      - name: Run integration tests
-        env:
-          POSTGRES_HOST: 127.0.0.1
-          POSTGRES_PORT: 5432
-          POSTGRES_USER: test
-          POSTGRES_PASS: test
-          POSTGRES_DB: polympr_test
-        run: deno task test:integration
-
-      - name: Run e2e tests
-        env:
-          POSTGRES_HOST: 127.0.0.1
-          POSTGRES_PORT: 5432
-          POSTGRES_USER: test
-          POSTGRES_PASS: test
-          POSTGRES_DB: polympr_test
-        run: deno task test:e2e

CLAUDE.md

@@ -1,338 +0,0 @@
-# PolyMPR - Claude Code Context
-
-## 📋 Project Overview
-
-**PolyMPR** (Poly Management Platform for Resources) is a modular HR management
-system built with **Deno + Fresh** framework. It's designed to help
-organizations manage HR, student records, notes, mobility programs, and
-role-based administration.
-
-### Stack
-
-- **Runtime**: Deno
-- **Framework**: Fresh (edge-ready web framework)
-- **Database**: PostgreSQL with Drizzle ORM
-- **Frontend**: Preact with signals
-- **Authentication**: JWT-based via cookies
-- **Testing**: Deno test framework with HappyDOM for DOM testing
-
-### Current Status
-
-🚧 **In Progress** - Application is far from complete. The schema below is the
-**final/definitive schema** that should guide all development.
-
----
-
-## 🏗️ Architecture
-
-### Module Structure
-
-The application uses a **modulith architecture** with the following modules:
-
-```
-routes/(apps)/
-├── students/      - Student management & promotions
-├── notes/         - Grade management & academic records
-├── mobility/      - Mobility programs & exchanges
-└── admin/         - Role & permission management
-```
-
-### Key Directories
-
-- `/routes` - Fresh routes and components
-- `/databases` - Database connection, schema, and migrations
-- `/defaults` - Interfaces and shared types
-- `/tests` - Unit, integration, and E2E tests
-- `/static` - Public assets
-
-### Authentication Flow
-
-1. User authenticates via CAS (Polytech)
-2. JWT token stored in `sessionToken` cookie
-3. Middleware validates token on each request
-4. Public routes: `/`, `/login`, `/logout`, `/about`, `/contact`
-5. All other routes require authentication
-
----
-
-## 📊 Database Schema (Final/Definitive)
-
-```mermaid
-erDiagram
-  USER {
-    string id PK
-    string nom
-    string prenom
-    int idRole FK
-  }
-  ROLE {
-    int id PK
-    string nom
-  }
-  PERMISSION {
-    int id PK
-    string nom
-  }
-  ROLE_PERMISSION {
-    int idRole PK,FK
-    int idPermission PK,FK
-  }
-  STUDENT {
-    int numEtud PK
-    string nom
-    string prenom
-    string idPromo FK
-  }
-  PROMOTION {
-    string idPromo PK
-    string annee
-  }
-  MODULE {
-    string id PK
-    string nom
-  }
-  ENSEIGNEMENT {
-    string idProf PK,FK
-    string idModule PK,FK
-    string idPromo PK,FK
-  }
-  UE {
-    int id PK
-    string nom
-  }
-  UE_MODULE {
-    string idModule PK,FK
-    int idUE PK,FK
-    string idPromo PK,FK
-    float coeff
-  }
-  NOTE {
-    int numEtud PK,FK
-    string idModule PK,FK
-    float note
-  }
-  AJUSTEMENT {
-    int numEtud PK,FK
-    int idUE PK,FK
-    float valeur
-  }
-
-  USER }o--|| ROLE : "a"
-  ROLE_PERMISSION }o--|| ROLE : "accorde"
-  ROLE_PERMISSION }o--|| PERMISSION : "inclut"
-  ENSEIGNEMENT }o--|| USER : "réalisé par"
-  ENSEIGNEMENT }o--|| MODULE : "porte sur"
-  ENSEIGNEMENT }o--|| PROMOTION : "concerne"
-  STUDENT }o--|| PROMOTION : "appartient à"
-  UE_MODULE }o--|| MODULE : "associe"
-  UE_MODULE }o--|| UE : "appartient à"
-  UE_MODULE }o--|| PROMOTION : "pour"
-  NOTE }o--|| STUDENT : "reçoit"
-  NOTE }o--|| MODULE : "dans"
-  AJUSTEMENT }o--|| STUDENT : "concerne"
-  AJUSTEMENT }o--|| UE : "dans"
-```
-
-### Current Schema (Incomplete)
-
-The current Drizzle ORM schema in `/databases/schema.ts` only implements:
-
-- `promotions`
-- `students`
-- `mobility`
-
-**Migration needed**: Update schema to match the final ER diagram above.
-
----
-
-## 🎯 Open Issues (69 total)
-
-### UI Pages
-
-**Catalog**
-
-- 📋 UI - Page Catalogue d'applications (#71)
-
-**Components**
-
-- 🎨 UI (composant) - Popup Résultats d'import (#75)
-
-**Students**
-
-- 📋 UI - Admin – Liste des élèves (#79)
-- 📋 UI - Admin – Gestion des promotions (#80)
-- 📋 UI - Admin – Import xlsx élèves (#81)
-- 📋 UI - Admin – Édition d'un élève (#82)
-
-**Notes**
-
-- 📋 UI - Page Élève – Mes Notes (#72)
-- 📋 UI - Admin – Consulter les notes (#73)
-- 📋 UI - Admin – Importer des notes (.xlsx) (#74)
-- 📋 UI - Admin – Édition notes d'un élève (#76)
-- 📋 UI - Admin – Récap notes élève / semestre (#77)
-- 📋 UI - Admin – Gestion des UEs (#78)
-
-**Administration**
-
-- 📋 UI - Gestion des utilisateurs (#83)
-- 📋 UI - Gestion des rôles (#84)
-- 📋 UI - Permissions d'un rôle (#85)
-- 📋 UI - Vue des permissions (#86)
-- 📋 UI - Gestion des modules (#87)
-- 📋 UI - Enseignements (Assignations) (#88)
-
----
-
-### API Endpoints
-
-**Students API**
-
-- 📋 GET `/students` (#7)
-- 📋 POST `/students` (#8)
-- 📋 POST `/students/import-csv` (#9)
-- 📋 GET `/students/{numEtud}` (#10)
-- 📋 PUT `/students/{numEtud}` (#11)
-- 📋 DELETE `/students/{numEtud}` (#12)
-- 📋 GET `/promotions` (#13)
-- 📋 POST `/promotions` (#14)
-- 📋 GET `/promotions/{idPromo}` (#15)
-- 📋 PUT `/promotions/{idPromo}` (#16)
-- 📋 DELETE `/promotions/{idPromo}` (#17)
-
-**Administration API - Modules & Enseignements**
-
-- 📋 GET `/modules` (#23)
-- 📋 POST `/modules` (#24)
-- 📋 GET `/modules/{idModule}` (#25)
-- 📋 PUT `/modules/{idModule}` (#26)
-- 📋 DELETE `/modules/{idModule}` (#27)
-- 📋 POST `/enseignements` (#29)
-- 📋 GET `/enseignements/{idProf}/{idModule}/{idPromo}` (#30)
-- 📋 DELETE `/enseignements/{idProf}/{idModule}/{idPromo}` (#31)
-
-**Notes API - UEs & UE-Modules**
-
-- 📋 GET `/ues` (#32)
-- 📋 POST `/ues` (#33)
-- 📋 GET `/ues/{idUE}` (#34)
-- 📋 PUT `/ues/{idUE}` (#35)
-- 📋 DELETE `/ues/{idUE}` (#36)
-- 📋 GET `/ue-modules` (#37)
-- 📋 POST `/ue-modules` (#38)
-- 📋 GET `/ue-modules/{idModule}/{idUE}/{idPromo}` (#39)
-- 📋 PUT `/ue-modules/{idModule}/{idUE}/{idPromo}` (#40)
-- 📋 DELETE `/ue-modules/{idModule}/{idUE}/{idPromo}` (#41)
-
-**Notes API - Notes & Ajustements**
-
-- 📋 GET `/notes` (#42)
-- 📋 POST `/notes` (#43)
-- 📋 POST `/notes/import-xlsx` (#44)
-- 📋 GET `/notes/{numEtud}/{idModule}` (#45)
-- 📋 PUT `/notes/{numEtud}/{idModule}` (#46)
-- 📋 DELETE `/notes/{numEtud}/{idModule}` (#47)
-- 📋 GET `/ajustements` (#48)
-- 📋 POST `/ajustements` (#49)
-- 📋 GET `/ajustements/{numEtud}/{idUE}` (#50)
-- 📋 PUT `/ajustements/{numEtud}/{idUE}` (#51)
-- 📋 DELETE `/ajustements/{numEtud}/{idUE}` (#52)
-
-**Administration API - Users, Roles & Permissions**
-
-- 📋 GET `/users` (#60)
-- 📋 POST `/users` (#61)
-- 📋 GET `/users/{id}` (#62)
-- 📋 PUT `/users/{id}` (#63)
-- 📋 DELETE `/users/{id}` (#64)
-- 📋 GET `/roles` (#65)
-- 📋 POST `/roles` (#66)
-- 📋 GET `/roles/{idRole}` (#67)
-- 📋 PUT `/roles/{idRole}` (#68)
-- 📋 DELETE `/roles/{idRole}` (#69)
-- 📋 GET `/permissions` (#70)
-
----
-
-## 🎨 Design Reference
-
-**Figma Prototype**:
-https://www.figma.com/design/La79bsUsWnJCtMsrrt2zGd/Prototype?node-id=0-1
-
-This is the **final design specification** for the UI. All UI implementations
-should follow this design.
-
----
-
-## 🚀 Development Guidelines
-
-### Getting Started
-
-```bash
-# Run tests
-deno task test
-
-# Start development server
-deno task start
-
-# Build for production
-deno task build
-
-# Format & lint
-deno task check
-```
-
-### Git Workflow
-
-1. Create branch: `git checkout -b PMPR-{ISSUE_ID}`
-2. Implement changes
-3. Run tests and linting
-4. Submit PR
-
-### Code Style
-
-- Format: Follow Deno defaults (enforced via `deno fmt`)
-- Linting: Fresh recommended rules
-- TypeScript strict mode enabled
-- Use Drizzle ORM for database operations
-
-### Testing
-
-- Write unit tests for business logic
-- Integration tests for API endpoints
-- E2E tests with HappyDOM for UI interactions
-- Mock database with provided helpers
-
----
-
-## 📦 Key Dependencies
-
-- **fresh@1.7.3** - Web framework
-- **drizzle-orm@0.45.2** - ORM
-- **pg@8.20.0** - PostgreSQL driver
-- **@popov/jwt@1.0.1** - JWT utilities
-- **preact@10.22.0** - UI library
-- **happy-dom@16.0.0** - DOM testing
-
----
-
-## 🔗 Related Resources
-
-- **Repository**: https://git.polytech.djalim.fr/djalim/PolyMPR
-- **Issue Tracker**: Gitea (via `tea` CLI)
-- **Wiki**: Check CONTRIBUTING.md for dev setup
-- **Database**: PostgreSQL (configured in `.env`)
-
----
-
-## 💡 Important Notes
-
-1. **Current Limitation**: The database schema in `/databases/schema.ts` does
-   NOT match the final ER diagram. This is a priority migration task.
-2. **Design System**: Follow the Figma prototype for all UI work.
-3. **Module Pattern**: Each module should follow the same pattern: routes, API
-   endpoints, components, and tests.
-4. **Permissions**: All admin operations should respect the ROLE_PERMISSION
-   system.
-5. **Fresh Conventions**: Routes use Fresh's file-based routing convention
-   (e.g., `routes/path/index.tsx`).

Dockerfile

@@ -1,7 +1,12 @@
 FROM denoland/deno:alpine
 
+RUN apk add --no-cache nodejs npm
+
 WORKDIR /app
 
+COPY package.json ./
+RUN npm install --omit=dev
+
 COPY . .
 RUN deno cache main.ts --allow-import
 RUN deno task build

compose.prod.yml

@@ -0,0 +1,41 @@
+services:
+  db:
+    image: postgres:17-alpine
+    restart: unless-stopped
+    environment:
+      POSTGRES_PASSWORD: ${POSTGRES_PASS}
+      POSTGRES_USER: ${POSTGRES_USER:-postgres}
+      POSTGRES_DB: ${POSTGRES_DB:-polympr}
+    volumes:
+      - db_data:/var/lib/postgresql/data
+    healthcheck:
+      test: ["CMD-SHELL", "pg_isready -U ${POSTGRES_USER:-postgres}"]
+      interval: 5s
+      timeout: 5s
+      retries: 10
+
+  migrate:
+    image: registry.docker.polytech.djalim.fr/polympr:latest
+    working_dir: /app
+    restart: "no"
+    command: ["node", "node_modules/.bin/drizzle-kit", "migrate"]
+    env_file: .env
+    depends_on:
+      db:
+        condition: service_healthy
+
+  app:
+    image: registry.docker.polytech.djalim.fr/polympr:latest
+    restart: unless-stopped
+    ports:
+      - "4430:443"
+    env_file: .env
+    volumes:
+      - contracts:/app/uploads/contracts
+    depends_on:
+      migrate:
+        condition: service_completed_successfully
+
+volumes:
+  db_data:
+  contracts:

compose.test.yml

@@ -0,0 +1,56 @@
+services:
+  db:
+    image: postgres:17-alpine
+    restart: unless-stopped
+    environment:
+      POSTGRES_PASSWORD: testpass
+      POSTGRES_USER: postgres
+      POSTGRES_DB: polympr_test
+    volumes:
+      - db_data_test:/var/lib/postgresql/data
+    healthcheck:
+      test: ["CMD-SHELL", "pg_isready -U postgres"]
+      interval: 5s
+      timeout: 5s
+      retries: 10
+
+  migrate:
+    image: node:alpine
+    working_dir: /app
+    restart: "no"
+    volumes:
+      - .:/app
+    command: node_modules/.bin/drizzle-kit migrate
+    environment:
+      POSTGRES_HOST: db
+      POSTGRES_PORT: "5432"
+      POSTGRES_USER: postgres
+      POSTGRES_PASS: testpass
+      POSTGRES_DB: polympr_test
+    depends_on:
+      db:
+        condition: service_healthy
+
+  app:
+    image: denoland/deno:alpine
+    working_dir: /app
+    volumes:
+      - .:/app
+      - deno_cache:/deno-dir
+    command: run -A --unstable-ffi main.ts
+    ports:
+      - "4430:443"
+    environment:
+      POSTGRES_HOST: db
+      POSTGRES_PORT: "5432"
+      POSTGRES_USER: postgres
+      POSTGRES_PASS: testpass
+      POSTGRES_DB: polympr_test
+      LOCAL: "true"
+    depends_on:
+      migrate:
+        condition: service_completed_successfully
+
+volumes:
+  db_data_test:
+  deno_cache:

compose.yml

@@ -1,24 +0,0 @@
-services:
-  app:
-    image: registry.docker.polytech.djalim.fr/polympr:latest
-    ports:
-      - "8008:80"
-      - "4430:443"
-    volumes:
-      - /home/kevin/PolyMPR/:/app
-    command: deno run -A main.ts
-    deploy:
-      replicas: 1
-      placement:
-        constraints: [node.role == manager]
-
-  db:
-    image: postgres
-    restart: always
-    shm_size: 128mb
-    environment:
-      POSTGRES_PASSWORD: ${POSTGRES_PASS}
-    deploy:
-      replicas: 1
-      placement:
-        constraints: [node.role == manager]

databases/docker-init.sh

@@ -0,0 +1,10 @@
+#!/bin/sh
+# Applied by postgres on first container startup via /docker-entrypoint-initdb.d.
+# drizzle-kit migration files use "--> statement-breakpoint" markers which are
+# not valid SQL — strip them before applying.
+set -e
+for f in /migrations/*.sql; do
+  echo "Applying $f..."
+  sed '/^-->/d' "$f" | psql -v ON_ERROR_STOP=1 --username "$POSTGRES_USER" --dbname "$POSTGRES_DB"
+done
+echo "All migrations applied."

databases/migrations/0001_seed_permissions.sql

@@ -0,0 +1,11 @@
+--> statement-breakpoint
+INSERT INTO "permissions" ("id", "nom") VALUES
+  ('note_read',    'Consulter les notes des étudiants'),
+  ('note_write',   'Saisir et modifier les notes'),
+  ('student_read', 'Consulter la liste des étudiants'),
+  ('student_write','Gérer les étudiants (ajout, modification, suppression)'),
+  ('module_read',  'Consulter les modules et enseignements'),
+  ('module_write', 'Gérer les modules et enseignements'),
+  ('user_read',    'Consulter les utilisateurs et leurs rôles'),
+  ('user_write',   'Gérer les utilisateurs et leurs rôles'),
+  ('role_write',   'Gérer les rôles et leurs permissions');

databases/migrations/0002_update_permission_names.sql

@@ -0,0 +1,14 @@
+-- Update permission names to French
+-- This migration inserts or updates the permission labels used by the API.
+--> statement-breakpoint
+INSERT INTO "permissions" ("id", "nom") VALUES
+  ('note_read',    'Consulter les notes des étudiants'),
+  ('note_write',   'Saisir et modifier les notes'),
+  ('student_read', 'Consulter la liste des étudiants'),
+  ('student_write','Gérer les étudiants (ajout, modification, suppression)'),
+  ('module_read',  'Consulter les modules et enseignements'),
+  ('module_write', 'Gérer les modules et enseignements'),
+  ('user_read',    'Consulter les utilisateurs et leurs rôles'),
+  ('user_write',   'Gérer les utilisateurs et leurs rôles'),
+  ('role_write',   'Gérer les rôles et leurs permissions')
+ON CONFLICT ("id") DO UPDATE SET "nom" = EXCLUDED."nom";

databases/migrations/0003_add_session2_and_malus.sql

@@ -0,0 +1,3 @@
+ALTER TABLE "notes" ADD COLUMN "noteSession2" double precision;
+--> statement-breakpoint
+ALTER TABLE "ajustements" ADD COLUMN "malus" integer NOT NULL DEFAULT 0;

databases/migrations/0004_add_stages_and_mobilites.sql

@@ -0,0 +1,28 @@
+DROP TABLE IF EXISTS "mobility";
+--> statement-breakpoint
+CREATE TYPE "mobility_status" AS ENUM ('contracts_received', 'under_revision', 'done', 'validated', 'canceled');
+--> statement-breakpoint
+CREATE TABLE "stages" (
+	"idStage" serial PRIMARY KEY NOT NULL,
+	"numEtud" integer NOT NULL,
+	"duree" integer NOT NULL,
+	"nomEntreprise" text NOT NULL,
+	"mission" text
+);
+--> statement-breakpoint
+CREATE TABLE "mobilites" (
+	"idMob" serial PRIMARY KEY NOT NULL,
+	"numEtud" integer NOT NULL,
+	"duree" integer NOT NULL,
+	"contratMob" text,
+	"ecole" text,
+	"pays" text,
+	"status" "mobility_status" NOT NULL DEFAULT 'contracts_received',
+	"idStage" integer
+);
+--> statement-breakpoint
+ALTER TABLE "stages" ADD CONSTRAINT "stages_numEtud_students_numEtud_fk" FOREIGN KEY ("numEtud") REFERENCES "public"."students"("numEtud") ON DELETE no action ON UPDATE no action;
+--> statement-breakpoint
+ALTER TABLE "mobilites" ADD CONSTRAINT "mobilites_numEtud_students_numEtud_fk" FOREIGN KEY ("numEtud") REFERENCES "public"."students"("numEtud") ON DELETE no action ON UPDATE no action;
+--> statement-breakpoint
+ALTER TABLE "mobilites" ADD CONSTRAINT "mobilites_idStage_stages_idStage_fk" FOREIGN KEY ("idStage") REFERENCES "public"."stages"("idStage") ON DELETE no action ON UPDATE no action;

databases/migrations/meta/_journal.json

@@ -8,6 +8,34 @@
       "when": 1777155028708,
       "tag": "0000_square_jetstream",
       "breakpoints": true
+    },
+    {
+      "idx": 1,
+      "version": "7",
+      "when": 1777155028709,
+      "tag": "0001_seed_permissions",
+      "breakpoints": true
+    },
+    {
+      "idx": 2,
+      "version": "7",
+      "when": 1777155028710,
+      "tag": "0002_update_permission_names",
+      "breakpoints": true
+    },
+    {
+      "idx": 3,
+      "version": "7",
+      "when": 1777155028711,
+      "tag": "0003_add_session2_and_malus",
+      "breakpoints": true
+    },
+    {
+      "idx": 4,
+      "version": "7",
+      "when": 1777155028712,
+      "tag": "0004_add_stages_and_mobilites",
+      "breakpoints": true
     }
   ]
 }

databases/schema.ts

@@ -1,7 +1,7 @@
 import {
-  date,
   doublePrecision,
   integer,
+  pgEnum,
   pgTable,
   primaryKey,
   serial,
@@ -75,6 +75,7 @@ export const notes = pgTable("notes", {
   numEtud: integer("numEtud").notNull().references(() => students.numEtud),
   idModule: text("idModule").notNull().references(() => modules.id),
   note: doublePrecision("note").notNull(),
+  noteSession2: doublePrecision("noteSession2"),
 }, (t) => ({
   pk: primaryKey({ columns: [t.numEtud, t.idModule] }),
 }));
@@ -83,17 +84,34 @@ export const ajustements = pgTable("ajustements", {
   numEtud: integer("numEtud").notNull().references(() => students.numEtud),
   idUE: integer("idUE").notNull().references(() => ues.id),
   valeur: doublePrecision("valeur").notNull(),
+  malus: integer("malus").notNull().default(0),
 }, (t) => ({
   pk: primaryKey({ columns: [t.numEtud, t.idUE] }),
 }));
 
-export const mobility = pgTable("mobility", {
-  id: serial("id").primaryKey(),
-  studentId: integer("studentId").references(() => students.numEtud),
-  startDate: date("startDate"),
-  endDate: date("endDate"),
-  weeksCount: integer("weeksCount"),
-  destinationCountry: text("destinationCountry"),
-  destinationName: text("destinationName"),
-  mobilityStatus: text("mobilityStatus").default("N/A"),
+export const stages = pgTable("stages", {
+  id: serial("idStage").primaryKey(),
+  numEtud: integer("numEtud").notNull().references(() => students.numEtud),
+  duree: integer("duree").notNull(),
+  nomEntreprise: text("nomEntreprise").notNull(),
+  mission: text("mission"),
+});
+
+export const mobilityStatusEnum = pgEnum("mobility_status", [
+  "contracts_received",
+  "under_revision",
+  "done",
+  "validated",
+  "canceled",
+]);
+
+export const mobilites = pgTable("mobilites", {
+  id: serial("idMob").primaryKey(),
+  numEtud: integer("numEtud").notNull().references(() => students.numEtud),
+  duree: integer("duree").notNull(),
+  contratMob: text("contratMob"),
+  ecole: text("ecole"),
+  pays: text("pays"),
+  status: mobilityStatusEnum("status").notNull().default("contracts_received"),
+  idStage: integer("idStage").references(() => stages.id),
 });

defaults/ImportResultPopup.tsx

@@ -0,0 +1,102 @@
+import { useState } from "preact/hooks";
+
+export type ImportResult = {
+  added: number;
+  modified: number;
+  ignored: number;
+  errors: number;
+  details: ImportDetail[];
+};
+
+export type ImportDetail = {
+  type: "change" | "error";
+  message: string;
+};
+
+type Props = {
+  result: ImportResult;
+  onClose: () => void;
+};
+
+export default function ImportResultPopup({ result, onClose }: Props) {
+  const [showDetails, setShowDetails] = useState(false);
+  const hasErrors = result.errors > 0;
+  const changes = result.details.filter((d) => d.type === "change");
+  const errors = result.details.filter((d) => d.type === "error");
+
+  return (
+    <div class="import-popup-overlay" onClick={onClose}>
+      <div class="import-popup" onClick={(e) => e.stopPropagation()}>
+        <div class="import-popup-header">
+          <h3 class="import-popup-title">Resultats de l'import</h3>
+          <span
+            class={`import-popup-badge ${
+              hasErrors ? "badge-error" : "badge-success"
+            }`}
+          >
+            {hasErrors ? "Erreur" : "Succes"}
+          </span>
+        </div>
+
+        <div class="import-popup-stats">
+          <div class="import-stat-row">
+            <span class="import-stat-label">Ajoutes</span>
+            <span class="import-stat-value stat-added">
+              {result.added} note{result.added !== 1 ? "s" : ""}
+            </span>
+          </div>
+          <div class="import-stat-row">
+            <span class="import-stat-label">Modifies</span>
+            <span class="import-stat-value stat-modified">
+              {result.modified} note{result.modified !== 1 ? "s" : ""}
+            </span>
+          </div>
+          <div class="import-stat-row">
+            <span class="import-stat-label">Ignores</span>
+            <span class="import-stat-value stat-ignored">
+              {result.ignored} note{result.ignored !== 1 ? "s" : ""}
+            </span>
+          </div>
+          <div class="import-stat-row">
+            <span class="import-stat-label">Erreurs</span>
+            <span class="import-stat-value stat-errors">
+              {result.errors} note{result.errors !== 1 ? "s" : ""}
+            </span>
+          </div>
+        </div>
+
+        <div class="import-popup-actions">
+          {result.details.length > 0 && (
+            <button
+              type="button"
+              class="btn btn-secondary"
+              onClick={() => setShowDetails(!showDetails)}
+            >
+              Details {showDetails ? "\u25B3" : "\u25BD"}
+            </button>
+          )}
+          <button
+            type="button"
+            class="btn btn-primary"
+            onClick={onClose}
+          >
+            Ok
+          </button>
+        </div>
+
+        {showDetails && result.details.length > 0 && (
+          <div class="import-popup-details">
+            {changes.length > 0 &&
+              changes.map((d, i) => (
+                <p key={`c-${i}`} class="import-detail-change">{d.message}</p>
+              ))}
+            {errors.length > 0 &&
+              errors.map((d, i) => (
+                <p key={`e-${i}`} class="import-detail-error">{d.message}</p>
+              ))}
+          </div>
+        )}
+      </div>
+    </div>
+  );
+}

defaults/interfaces.ts

@@ -19,6 +19,8 @@ export interface AppProperties {
   icon: string;
   pages: Record<string, string>;
   adminOnly: string[];
+  studentOnly?: string[];
+  employeeOnly?: boolean;
   hint: string;
 }
 

defaults/makeSlug.ts

@@ -0,0 +1,62 @@
+import { FreshContext } from "$fresh/server.ts";
+import { Route, State } from "$root/defaults/interfaces.ts";
+import { ComponentChildren } from "preact";
+
+/**
+ * Generates a catch-all [slug] route that dynamically loads partials.
+ * This enables direct URL navigation to sub-pages (e.g. /admin/modules).
+ * @param basePath The base path of the module, should be `import.meta.dirname!`.
+ * @returns A route handler that loads the partial matching the slug.
+ */
+export default function makeSlug(basePath: string): Route {
+  return async function SlugRoute(
+    request: Request,
+    context: FreshContext<State>,
+  ): Promise<ComponentChildren | Response> {
+    const slug = context.params.slug;
+
+    // Try partials/<slug>.tsx, then partials/(admin)/<slug>.tsx
+    let page: Route | undefined;
+    try {
+      page = (await import(`${basePath}/partials/${slug}.tsx`)).Page;
+    } catch {
+      try {
+        page = (await import(`${basePath}/partials/(admin)/${slug}.tsx`)).Page;
+      } catch {
+        // No partial found for this slug
+      }
+    }
+
+    // For multi-segment slugs (e.g. "overview/12345"), try
+    // partials/<dir>/[param].tsx and inject the param into context.params
+    if (!page && slug.includes("/")) {
+      const idx = slug.indexOf("/");
+      const dir = slug.slice(0, idx);
+      const param = slug.slice(idx + 1);
+
+      // Discover the dynamic segment name from the file system
+      try {
+        const entries: string[] = [];
+        for await (const entry of Deno.readDir(`${basePath}/partials/${dir}`)) {
+          if (entry.isFile) entries.push(entry.name);
+        }
+        const dynFile = entries.find((n) =>
+          n.startsWith("[") && n.endsWith("].tsx")
+        );
+        if (dynFile) {
+          const paramName = dynFile.slice(1, -5); // "[numEtud].tsx" → "numEtud"
+          context.params[paramName] = param;
+          page = (await import(`${basePath}/partials/${dir}/${dynFile}`)).Page;
+        }
+      } catch {
+        // directory doesn't exist or no dynamic file
+      }
+    }
+
+    if (!page) {
+      return context.renderNotFound();
+    }
+
+    return page(request, context);
+  };
+}

deno.json

@@ -14,6 +14,8 @@
     "test:unit": "deno test -A --no-check tests/unit/",
     "test:integration": "deno test -A --no-check tests/integration/",
     "test:e2e": "deno test -A --no-check tests/e2e/",
+    "test:coverage": "deno test -A --no-check --coverage=coverage tests/ && deno coverage coverage --exclude=tests/",
+    "test:coverage:html": "deno test -A --no-check --coverage=coverage tests/ && deno coverage coverage --exclude=tests/ --html",
     "migrate": "node_modules/.bin/drizzle-kit migrate"
   },
   "lint": {

fresh.gen.ts

@@ -4,16 +4,71 @@
 
 import * as $_apps_layout from "./routes/(apps)/_layout.tsx";
 import * as $_apps_middleware from "./routes/(apps)/_middleware.ts";
-import * as $_apps_mobility_api_insert_mobility from "./routes/(apps)/mobility/api/insert_mobility.ts";
+import * as $_apps_admin_slug_ from "./routes/(apps)/admin/[slug].tsx";
+import * as $_apps_admin_api_enseignements from "./routes/(apps)/admin/api/enseignements.ts";
+import * as $_apps_admin_api_enseignements_idProf_idModule_idPromo_ from "./routes/(apps)/admin/api/enseignements/[idProf]/[idModule]/[idPromo].ts";
+import * as $_apps_admin_api_example from "./routes/(apps)/admin/api/example.ts";
+import * as $_apps_admin_api_modules from "./routes/(apps)/admin/api/modules.ts";
+import * as $_apps_admin_api_modules_idModule_ from "./routes/(apps)/admin/api/modules/[idModule].ts";
+import * as $_apps_admin_api_permissions from "./routes/(apps)/admin/api/permissions.ts";
+import * as $_apps_admin_api_roles from "./routes/(apps)/admin/api/roles.ts";
+import * as $_apps_admin_api_roles_idRole_ from "./routes/(apps)/admin/api/roles/[idRole].ts";
+import * as $_apps_admin_api_ue_modules from "./routes/(apps)/admin/api/ue-modules.ts";
+import * as $_apps_admin_api_ue_modules_idModule_idUE_idPromo_ from "./routes/(apps)/admin/api/ue-modules/[idModule]/[idUE]/[idPromo].ts";
+import * as $_apps_admin_api_ues from "./routes/(apps)/admin/api/ues.ts";
+import * as $_apps_admin_api_ues_idUE_ from "./routes/(apps)/admin/api/ues/[idUE].ts";
+import * as $_apps_admin_api_users from "./routes/(apps)/admin/api/users.ts";
+import * as $_apps_admin_api_users_id_ from "./routes/(apps)/admin/api/users/[id].ts";
+import * as $_apps_admin_index from "./routes/(apps)/admin/index.tsx";
+import * as $_apps_admin_modules_idModule_ from "./routes/(apps)/admin/modules/[idModule].tsx";
+import * as $_apps_admin_partials_enseignements from "./routes/(apps)/admin/partials/enseignements.tsx";
+import * as $_apps_admin_partials_import_maquette from "./routes/(apps)/admin/partials/import-maquette.tsx";
+import * as $_apps_admin_partials_index from "./routes/(apps)/admin/partials/index.tsx";
+import * as $_apps_admin_partials_modules from "./routes/(apps)/admin/partials/modules.tsx";
+import * as $_apps_admin_partials_permissions from "./routes/(apps)/admin/partials/permissions.tsx";
+import * as $_apps_admin_partials_promotions from "./routes/(apps)/admin/partials/promotions.tsx";
+import * as $_apps_admin_partials_roles from "./routes/(apps)/admin/partials/roles.tsx";
+import * as $_apps_admin_partials_ues from "./routes/(apps)/admin/partials/ues.tsx";
+import * as $_apps_admin_partials_users from "./routes/(apps)/admin/partials/users.tsx";
+import * as $_apps_admin_users_id_ from "./routes/(apps)/admin/users/[id].tsx";
+import * as $_apps_mobility_slug_ from "./routes/(apps)/mobility/[...slug].tsx";
+import * as $_apps_mobility_api_mobilites from "./routes/(apps)/mobility/api/mobilites.ts";
+import * as $_apps_mobility_api_mobilites_idMob_ from "./routes/(apps)/mobility/api/mobilites/[idMob].ts";
+import * as $_apps_mobility_api_mobilites_idMob_contrat from "./routes/(apps)/mobility/api/mobilites/[idMob]/contrat.ts";
 import * as $_apps_mobility_index from "./routes/(apps)/mobility/index.tsx";
-import * as $_apps_mobility_partials_admin_edit_mobility from "./routes/(apps)/mobility/partials/(admin)/edit_mobility.tsx";
 import * as $_apps_mobility_partials_index from "./routes/(apps)/mobility/partials/index.tsx";
 import * as $_apps_mobility_partials_overview from "./routes/(apps)/mobility/partials/overview.tsx";
+import * as $_apps_mobility_partials_overview_numEtud_ from "./routes/(apps)/mobility/partials/overview/[numEtud].tsx";
+import * as $_apps_notes_slug_ from "./routes/(apps)/notes/[slug].tsx";
+import * as $_apps_notes_api_ajustements from "./routes/(apps)/notes/api/ajustements.ts";
+import * as $_apps_notes_api_ajustements_numEtud_idUE_ from "./routes/(apps)/notes/api/ajustements/[numEtud]/[idUE].ts";
+import * as $_apps_notes_api_modules from "./routes/(apps)/notes/api/modules.ts";
+import * as $_apps_notes_api_notes from "./routes/(apps)/notes/api/notes.ts";
+import * as $_apps_notes_api_notes_numEtud_idModule_ from "./routes/(apps)/notes/api/notes/[numEtud]/[idModule].ts";
+import * as $_apps_notes_api_notes_import_xlsx from "./routes/(apps)/notes/api/notes/import-xlsx.ts";
+import * as $_apps_notes_api_ue_modules from "./routes/(apps)/notes/api/ue-modules.ts";
+import * as $_apps_notes_api_ues from "./routes/(apps)/notes/api/ues.ts";
+import * as $_apps_notes_edition_numEtud_ from "./routes/(apps)/notes/edition/[numEtud].tsx";
 import * as $_apps_notes_index from "./routes/(apps)/notes/index.tsx";
 import * as $_apps_notes_partials_admin_courses from "./routes/(apps)/notes/partials/(admin)/courses.tsx";
+import * as $_apps_notes_partials_admin_import from "./routes/(apps)/notes/partials/(admin)/import.tsx";
 import * as $_apps_notes_partials_index from "./routes/(apps)/notes/partials/index.tsx";
 import * as $_apps_notes_partials_notes from "./routes/(apps)/notes/partials/notes.tsx";
+import * as $_apps_notes_recap_numEtud_ from "./routes/(apps)/notes/recap/[numEtud].tsx";
+import * as $_apps_stages_slug_ from "./routes/(apps)/stages/[...slug].tsx";
+import * as $_apps_stages_api_stages from "./routes/(apps)/stages/api/stages.ts";
+import * as $_apps_stages_api_stages_idStage_ from "./routes/(apps)/stages/api/stages/[idStage].ts";
+import * as $_apps_stages_index from "./routes/(apps)/stages/index.tsx";
+import * as $_apps_stages_partials_index from "./routes/(apps)/stages/partials/index.tsx";
+import * as $_apps_stages_partials_overview from "./routes/(apps)/stages/partials/overview.tsx";
+import * as $_apps_stages_partials_overview_numEtud_ from "./routes/(apps)/stages/partials/overview/[numEtud].tsx";
+import * as $_apps_students_slug_ from "./routes/(apps)/students/[slug].tsx";
+import * as $_apps_students_api_promotions from "./routes/(apps)/students/api/promotions.ts";
+import * as $_apps_students_api_promotions_idPromo_ from "./routes/(apps)/students/api/promotions/[idPromo].ts";
 import * as $_apps_students_api_students from "./routes/(apps)/students/api/students.ts";
+import * as $_apps_students_api_students_numEtud_ from "./routes/(apps)/students/api/students/[numEtud].ts";
+import * as $_apps_students_api_students_import_csv from "./routes/(apps)/students/api/students/import-csv.ts";
+import * as $_apps_students_edit_numEtud_ from "./routes/(apps)/students/edit/[numEtud].tsx";
 import * as $_apps_students_index from "./routes/(apps)/students/index.tsx";
 import * as $_apps_students_partials_admin_consult from "./routes/(apps)/students/partials/(admin)/consult.tsx";
 import * as $_apps_students_partials_admin_upload from "./routes/(apps)/students/partials/(admin)/upload.tsx";
@@ -24,14 +79,28 @@ import * as $_app from "./routes/_app.tsx";
 import * as $_middleware from "./routes/_middleware.ts";
 import * as $about from "./routes/about.tsx";
 import * as $apps from "./routes/apps.tsx";
+import * as $dev_login from "./routes/dev-login.ts";
 import * as $index from "./routes/index.tsx";
 import * as $login from "./routes/login.tsx";
 import * as $logout from "./routes/logout.tsx";
 import * as $_islands_AppNavigator from "./routes/(_islands)/AppNavigator.tsx";
 import * as $_islands_Navbar from "./routes/(_islands)/Navbar.tsx";
-import * as $_apps_mobility_islands_ConsultMobility from "./routes/(apps)/mobility/(_islands)/ConsultMobility.tsx";
-import * as $_apps_mobility_islands_EditMobility from "./routes/(apps)/mobility/(_islands)/EditMobility.tsx";
-import * as $_apps_mobility_islands_ImportFile from "./routes/(apps)/mobility/(_islands)/ImportFile.tsx";
+import * as $_apps_admin_islands_AdminEnseignements from "./routes/(apps)/admin/(_islands)/AdminEnseignements.tsx";
+import * as $_apps_admin_islands_AdminModules from "./routes/(apps)/admin/(_islands)/AdminModules.tsx";
+import * as $_apps_admin_islands_AdminPermissions from "./routes/(apps)/admin/(_islands)/AdminPermissions.tsx";
+import * as $_apps_admin_islands_AdminPromotions from "./routes/(apps)/admin/(_islands)/AdminPromotions.tsx";
+import * as $_apps_admin_islands_AdminRoles from "./routes/(apps)/admin/(_islands)/AdminRoles.tsx";
+import * as $_apps_admin_islands_AdminUEs from "./routes/(apps)/admin/(_islands)/AdminUEs.tsx";
+import * as $_apps_admin_islands_AdminUsers from "./routes/(apps)/admin/(_islands)/AdminUsers.tsx";
+import * as $_apps_admin_islands_EditModule from "./routes/(apps)/admin/(_islands)/EditModule.tsx";
+import * as $_apps_admin_islands_EditUser from "./routes/(apps)/admin/(_islands)/EditUser.tsx";
+import * as $_apps_admin_islands_ImportMaquette from "./routes/(apps)/admin/(_islands)/ImportMaquette.tsx";
+import * as $_apps_mobility_islands_MobilityOverview from "./routes/(apps)/mobility/(_islands)/MobilityOverview.tsx";
+import * as $_apps_notes_islands_AdminConsultNotes from "./routes/(apps)/notes/(_islands)/AdminConsultNotes.tsx";
+import * as $_apps_notes_islands_ImportNotes from "./routes/(apps)/notes/(_islands)/ImportNotes.tsx";
+import * as $_apps_notes_islands_NoteRecap from "./routes/(apps)/notes/(_islands)/NoteRecap.tsx";
+import * as $_apps_notes_islands_NotesView from "./routes/(apps)/notes/(_islands)/NotesView.tsx";
+import * as $_apps_stages_islands_StagesOverview from "./routes/(apps)/stages/(_islands)/StagesOverview.tsx";
 import * as $_apps_students_islands_ConsultStudents from "./routes/(apps)/students/(_islands)/ConsultStudents.tsx";
 import * as $_apps_students_islands_EditStudents from "./routes/(apps)/students/(_islands)/EditStudents.tsx";
 import * as $_apps_students_islands_UploadStudents from "./routes/(apps)/students/(_islands)/UploadStudents.tsx";
@@ -41,21 +110,100 @@ const manifest = {
   routes: {
     "./routes/(apps)/_layout.tsx": $_apps_layout,
     "./routes/(apps)/_middleware.ts": $_apps_middleware,
-    "./routes/(apps)/mobility/api/insert_mobility.ts":
-      $_apps_mobility_api_insert_mobility,
+    "./routes/(apps)/admin/[slug].tsx": $_apps_admin_slug_,
+    "./routes/(apps)/admin/api/enseignements.ts":
+      $_apps_admin_api_enseignements,
+    "./routes/(apps)/admin/api/enseignements/[idProf]/[idModule]/[idPromo].ts":
+      $_apps_admin_api_enseignements_idProf_idModule_idPromo_,
+    "./routes/(apps)/admin/api/example.ts": $_apps_admin_api_example,
+    "./routes/(apps)/admin/api/modules.ts": $_apps_admin_api_modules,
+    "./routes/(apps)/admin/api/modules/[idModule].ts":
+      $_apps_admin_api_modules_idModule_,
+    "./routes/(apps)/admin/api/permissions.ts": $_apps_admin_api_permissions,
+    "./routes/(apps)/admin/api/roles.ts": $_apps_admin_api_roles,
+    "./routes/(apps)/admin/api/roles/[idRole].ts":
+      $_apps_admin_api_roles_idRole_,
+    "./routes/(apps)/admin/api/ue-modules.ts": $_apps_admin_api_ue_modules,
+    "./routes/(apps)/admin/api/ue-modules/[idModule]/[idUE]/[idPromo].ts":
+      $_apps_admin_api_ue_modules_idModule_idUE_idPromo_,
+    "./routes/(apps)/admin/api/ues.ts": $_apps_admin_api_ues,
+    "./routes/(apps)/admin/api/ues/[idUE].ts": $_apps_admin_api_ues_idUE_,
+    "./routes/(apps)/admin/api/users.ts": $_apps_admin_api_users,
+    "./routes/(apps)/admin/api/users/[id].ts": $_apps_admin_api_users_id_,
+    "./routes/(apps)/admin/index.tsx": $_apps_admin_index,
+    "./routes/(apps)/admin/modules/[idModule].tsx":
+      $_apps_admin_modules_idModule_,
+    "./routes/(apps)/admin/partials/enseignements.tsx":
+      $_apps_admin_partials_enseignements,
+    "./routes/(apps)/admin/partials/import-maquette.tsx":
+      $_apps_admin_partials_import_maquette,
+    "./routes/(apps)/admin/partials/index.tsx": $_apps_admin_partials_index,
+    "./routes/(apps)/admin/partials/modules.tsx": $_apps_admin_partials_modules,
+    "./routes/(apps)/admin/partials/permissions.tsx":
+      $_apps_admin_partials_permissions,
+    "./routes/(apps)/admin/partials/promotions.tsx":
+      $_apps_admin_partials_promotions,
+    "./routes/(apps)/admin/partials/roles.tsx": $_apps_admin_partials_roles,
+    "./routes/(apps)/admin/partials/ues.tsx": $_apps_admin_partials_ues,
+    "./routes/(apps)/admin/partials/users.tsx": $_apps_admin_partials_users,
+    "./routes/(apps)/admin/users/[id].tsx": $_apps_admin_users_id_,
+    "./routes/(apps)/mobility/[...slug].tsx": $_apps_mobility_slug_,
+    "./routes/(apps)/mobility/api/mobilites.ts": $_apps_mobility_api_mobilites,
+    "./routes/(apps)/mobility/api/mobilites/[idMob].ts":
+      $_apps_mobility_api_mobilites_idMob_,
+    "./routes/(apps)/mobility/api/mobilites/[idMob]/contrat.ts":
+      $_apps_mobility_api_mobilites_idMob_contrat,
     "./routes/(apps)/mobility/index.tsx": $_apps_mobility_index,
-    "./routes/(apps)/mobility/partials/(admin)/edit_mobility.tsx":
-      $_apps_mobility_partials_admin_edit_mobility,
     "./routes/(apps)/mobility/partials/index.tsx":
       $_apps_mobility_partials_index,
     "./routes/(apps)/mobility/partials/overview.tsx":
       $_apps_mobility_partials_overview,
+    "./routes/(apps)/mobility/partials/overview/[numEtud].tsx":
+      $_apps_mobility_partials_overview_numEtud_,
+    "./routes/(apps)/notes/[slug].tsx": $_apps_notes_slug_,
+    "./routes/(apps)/notes/api/ajustements.ts": $_apps_notes_api_ajustements,
+    "./routes/(apps)/notes/api/ajustements/[numEtud]/[idUE].ts":
+      $_apps_notes_api_ajustements_numEtud_idUE_,
+    "./routes/(apps)/notes/api/modules.ts": $_apps_notes_api_modules,
+    "./routes/(apps)/notes/api/notes.ts": $_apps_notes_api_notes,
+    "./routes/(apps)/notes/api/notes/[numEtud]/[idModule].ts":
+      $_apps_notes_api_notes_numEtud_idModule_,
+    "./routes/(apps)/notes/api/notes/import-xlsx.ts":
+      $_apps_notes_api_notes_import_xlsx,
+    "./routes/(apps)/notes/api/ue-modules.ts": $_apps_notes_api_ue_modules,
+    "./routes/(apps)/notes/api/ues.ts": $_apps_notes_api_ues,
+    "./routes/(apps)/notes/edition/[numEtud].tsx":
+      $_apps_notes_edition_numEtud_,
     "./routes/(apps)/notes/index.tsx": $_apps_notes_index,
     "./routes/(apps)/notes/partials/(admin)/courses.tsx":
       $_apps_notes_partials_admin_courses,
+    "./routes/(apps)/notes/partials/(admin)/import.tsx":
+      $_apps_notes_partials_admin_import,
     "./routes/(apps)/notes/partials/index.tsx": $_apps_notes_partials_index,
     "./routes/(apps)/notes/partials/notes.tsx": $_apps_notes_partials_notes,
+    "./routes/(apps)/notes/recap/[numEtud].tsx": $_apps_notes_recap_numEtud_,
+    "./routes/(apps)/stages/[...slug].tsx": $_apps_stages_slug_,
+    "./routes/(apps)/stages/api/stages.ts": $_apps_stages_api_stages,
+    "./routes/(apps)/stages/api/stages/[idStage].ts":
+      $_apps_stages_api_stages_idStage_,
+    "./routes/(apps)/stages/index.tsx": $_apps_stages_index,
+    "./routes/(apps)/stages/partials/index.tsx": $_apps_stages_partials_index,
+    "./routes/(apps)/stages/partials/overview.tsx":
+      $_apps_stages_partials_overview,
+    "./routes/(apps)/stages/partials/overview/[numEtud].tsx":
+      $_apps_stages_partials_overview_numEtud_,
+    "./routes/(apps)/students/[slug].tsx": $_apps_students_slug_,
+    "./routes/(apps)/students/api/promotions.ts":
+      $_apps_students_api_promotions,
+    "./routes/(apps)/students/api/promotions/[idPromo].ts":
+      $_apps_students_api_promotions_idPromo_,
     "./routes/(apps)/students/api/students.ts": $_apps_students_api_students,
+    "./routes/(apps)/students/api/students/[numEtud].ts":
+      $_apps_students_api_students_numEtud_,
+    "./routes/(apps)/students/api/students/import-csv.ts":
+      $_apps_students_api_students_import_csv,
+    "./routes/(apps)/students/edit/[numEtud].tsx":
+      $_apps_students_edit_numEtud_,
     "./routes/(apps)/students/index.tsx": $_apps_students_index,
     "./routes/(apps)/students/partials/(admin)/consult.tsx":
       $_apps_students_partials_admin_consult,
@@ -69,6 +217,7 @@ const manifest = {
     "./routes/_middleware.ts": $_middleware,
     "./routes/about.tsx": $about,
     "./routes/apps.tsx": $apps,
+    "./routes/dev-login.ts": $dev_login,
     "./routes/index.tsx": $index,
     "./routes/login.tsx": $login,
     "./routes/logout.tsx": $logout,
@@ -76,12 +225,38 @@ const manifest = {
   islands: {
     "./routes/(_islands)/AppNavigator.tsx": $_islands_AppNavigator,
     "./routes/(_islands)/Navbar.tsx": $_islands_Navbar,
-    "./routes/(apps)/mobility/(_islands)/ConsultMobility.tsx":
-      $_apps_mobility_islands_ConsultMobility,
-    "./routes/(apps)/mobility/(_islands)/EditMobility.tsx":
-      $_apps_mobility_islands_EditMobility,
-    "./routes/(apps)/mobility/(_islands)/ImportFile.tsx":
-      $_apps_mobility_islands_ImportFile,
+    "./routes/(apps)/admin/(_islands)/AdminEnseignements.tsx":
+      $_apps_admin_islands_AdminEnseignements,
+    "./routes/(apps)/admin/(_islands)/AdminModules.tsx":
+      $_apps_admin_islands_AdminModules,
+    "./routes/(apps)/admin/(_islands)/AdminPermissions.tsx":
+      $_apps_admin_islands_AdminPermissions,
+    "./routes/(apps)/admin/(_islands)/AdminPromotions.tsx":
+      $_apps_admin_islands_AdminPromotions,
+    "./routes/(apps)/admin/(_islands)/AdminRoles.tsx":
+      $_apps_admin_islands_AdminRoles,
+    "./routes/(apps)/admin/(_islands)/AdminUEs.tsx":
+      $_apps_admin_islands_AdminUEs,
+    "./routes/(apps)/admin/(_islands)/AdminUsers.tsx":
+      $_apps_admin_islands_AdminUsers,
+    "./routes/(apps)/admin/(_islands)/EditModule.tsx":
+      $_apps_admin_islands_EditModule,
+    "./routes/(apps)/admin/(_islands)/EditUser.tsx":
+      $_apps_admin_islands_EditUser,
+    "./routes/(apps)/admin/(_islands)/ImportMaquette.tsx":
+      $_apps_admin_islands_ImportMaquette,
+    "./routes/(apps)/mobility/(_islands)/MobilityOverview.tsx":
+      $_apps_mobility_islands_MobilityOverview,
+    "./routes/(apps)/notes/(_islands)/AdminConsultNotes.tsx":
+      $_apps_notes_islands_AdminConsultNotes,
+    "./routes/(apps)/notes/(_islands)/ImportNotes.tsx":
+      $_apps_notes_islands_ImportNotes,
+    "./routes/(apps)/notes/(_islands)/NoteRecap.tsx":
+      $_apps_notes_islands_NoteRecap,
+    "./routes/(apps)/notes/(_islands)/NotesView.tsx":
+      $_apps_notes_islands_NotesView,
+    "./routes/(apps)/stages/(_islands)/StagesOverview.tsx":
+      $_apps_stages_islands_StagesOverview,
     "./routes/(apps)/students/(_islands)/ConsultStudents.tsx":
       $_apps_students_islands_ConsultStudents,
     "./routes/(apps)/students/(_islands)/EditStudents.tsx":

package.json

@@ -1,12 +1,12 @@
 {
   "dependencies": {
     "dotenv": "^17.4.0",
+    "drizzle-kit": "^0.31.10",
     "drizzle-orm": "^0.45.2",
     "pg": "^8.20.0"
   },
   "devDependencies": {
     "@types/pg": "^8.20.0",
-    "drizzle-kit": "^0.31.10",
     "tsx": "^4.21.0"
   }
 }

routes/(_components)/Footer.tsx

@@ -6,7 +6,7 @@ export default function Footer(_props: FooterProps) {
   return (
     <footer>
       <p>
-        &copy; 2025 PolyMPR - <a href="/about" f-client-nav={false}>About</a>
+        &copy; 2026 PolyMPR - <a href="/about" f-client-nav={false}>About</a>
       </p>
     </footer>
   );

routes/(_components)/Header.tsx

@@ -11,6 +11,14 @@ export default function Header(props: HeaderProps) {
       <nav>
         <a href="/apps" f-client-nav={false}>Catalog</a>
         <a href={`/log${props.link}`} f-client-nav={false}>Log {props.link}</a>
+        <button
+          id="theme-toggle"
+          type="button"
+          title="Changer de theme"
+          style="background:none;border:none;cursor:pointer;font-size:1.2rem;padding:0;line-height:1;"
+        >
+          <span class="material-symbols-outlined">dark_mode</span>
+        </button>
       </nav>
     </header>
   );

routes/(apps)/_middleware.ts

@@ -21,14 +21,29 @@ export const handler: MiddlewareHandler<AuthenticatedState>[] = [
       `./${currentApp}/(_props)/props.ts`
     )).default;
 
-    context.state.availablePages = properties.pages;
-    if (
-      context.state.session.eduPersonPrimaryAffiliation == "student" &&
-      Deno.env.get("LOCAL") != "true"
-    ) {
+    const isStudent =
+      context.state.session.eduPersonPrimaryAffiliation === "student";
+    const isLocal = Deno.env.get("LOCAL") === "true";
+
+    // Block students from accessing employeeOnly modules entirely
+    if (isStudent && properties.employeeOnly) {
+      return new Response(null, { status: 403 });
+    }
+
+    context.state.availablePages = { ...properties.pages };
+
+    if (isStudent) {
+      // Students only see studentOnly pages (+ non-restricted pages)
       properties.adminOnly.forEach((page) =>
         delete context.state.availablePages[page]
       );
+    } else if (isLocal) {
+      // In local mode, employees see all pages (admin + student)
+    } else {
+      // In prod, employees don't see studentOnly pages
+      properties.studentOnly?.forEach((page) =>
+        delete context.state.availablePages[page]
+      );
     }
 
     return await context.next();

routes/(apps)/admin/(_islands)/AdminEnseignements.tsx

@@ -0,0 +1,331 @@
+import { useEffect, useState } from "preact/hooks";
+
+type Enseignement = { idProf: string; idModule: string; idPromo: string };
+type Module = { id: string; nom: string };
+type Promo = { id: string; annee: string };
+
+export default function AdminEnseignements() {
+  const [enseignements, setEnseignements] = useState<Enseignement[]>([]);
+  const [modules, setModules] = useState<Module[]>([]);
+  const [promos, setPromos] = useState<Promo[]>([]);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState<string | null>(null);
+
+  // Filters
+  const [filterPromo, setFilterPromo] = useState("");
+  const [filterModule, setFilterModule] = useState("");
+  const [filterEnseignant, setFilterEnseignant] = useState("");
+
+  // Add form
+  const [showAdd, setShowAdd] = useState(false);
+  const [addPromo, setAddPromo] = useState("");
+  const [addModule, setAddModule] = useState("");
+  const [addProf, setAddProf] = useState("");
+  const [adding, setAdding] = useState(false);
+  const [addError, setAddError] = useState<string | null>(null);
+
+  async function load() {
+    try {
+      const [eRes, mRes, pRes] = await Promise.all([
+        fetch("/admin/api/enseignements"),
+        fetch("/admin/api/modules"),
+        fetch("/students/api/promotions"),
+      ]);
+      if (!eRes.ok) throw new Error("Impossible de charger les enseignements");
+      setEnseignements(await eRes.json());
+      if (mRes.ok) setModules(await mRes.json());
+      if (pRes.ok) setPromos(await pRes.json());
+    } catch (e) {
+      setError(e instanceof Error ? e.message : "Erreur");
+    } finally {
+      setLoading(false);
+    }
+  }
+
+  useEffect(() => {
+    load();
+  }, []);
+
+  async function deleteEnseignement(
+    idProf: string,
+    idModule: string,
+    idPromo: string,
+  ) {
+    if (
+      !confirm(
+        `Supprimer l'assignation ${idProf} → ${idModule} / ${idPromo} ?`,
+      )
+    ) return;
+    try {
+      const res = await fetch(
+        `/admin/api/enseignements/${encodeURIComponent(idProf)}/${
+          encodeURIComponent(idModule)
+        }/${encodeURIComponent(idPromo)}`,
+        { method: "DELETE" },
+      );
+      if (!res.ok) throw new Error("Suppression échouée");
+      await load();
+    } catch (e) {
+      setError(e instanceof Error ? e.message : "Erreur");
+    }
+  }
+
+  async function addEnseignement() {
+    if (!addProf.trim() || !addModule || !addPromo) {
+      setAddError("Tous les champs sont requis");
+      return;
+    }
+    setAdding(true);
+    setAddError(null);
+    try {
+      const res = await fetch("/admin/api/enseignements", {
+        method: "POST",
+        headers: { "content-type": "application/json" },
+        body: JSON.stringify({
+          idProf: addProf.trim(),
+          idModule: addModule,
+          idPromo: addPromo,
+        }),
+      });
+      if (!res.ok) {
+        const body = await res.json().catch(() => ({}));
+        throw new Error(body.error ?? "Création échouée");
+      }
+      setAddProf("");
+      setAddModule("");
+      setAddPromo("");
+      setShowAdd(false);
+      await load();
+    } catch (e) {
+      setAddError(e instanceof Error ? e.message : "Erreur");
+    } finally {
+      setAdding(false);
+    }
+  }
+
+  const moduleMap = Object.fromEntries(modules.map((m) => [m.id, m]));
+
+  const filtered = enseignements.filter((e) => {
+    const matchPromo = !filterPromo || e.idPromo === filterPromo;
+    const matchModule = !filterModule || e.idModule === filterModule;
+    const matchEns = !filterEnseignant ||
+      e.idProf.toLowerCase().includes(filterEnseignant.toLowerCase());
+    return matchPromo && matchModule && matchEns;
+  });
+
+  return (
+    <div class="page-content">
+      <h2 class="page-title">Assignations Enseignant → ECUE / Promo</h2>
+
+      {error && <p class="state-error">{error}</p>}
+
+      <div class="filters">
+        <select
+          class="filter-select"
+          value={filterPromo}
+          onChange={(e) =>
+            setFilterPromo((e.target as HTMLSelectElement).value)}
+        >
+          <option value="">Promo ▾</option>
+          {promos.map((p) => <option key={p.id} value={p.id}>{p.id}</option>)}
+        </select>
+        <select
+          class="filter-select"
+          value={filterModule}
+          onChange={(e) =>
+            setFilterModule((e.target as HTMLSelectElement).value)}
+        >
+          <option value="">ECUE ▾</option>
+          {modules.map((m) => (
+            <option key={m.id} value={m.id}>{m.id} – {m.nom}</option>
+          ))}
+        </select>
+        <input
+          class="filter-input"
+          placeholder="Enseignant ▾"
+          value={filterEnseignant}
+          onInput={(e) =>
+            setFilterEnseignant((e.target as HTMLInputElement).value)}
+        />
+        <button
+          type="button"
+          class="btn btn-secondary"
+          onClick={() => {
+            setFilterPromo("");
+            setFilterModule("");
+            setFilterEnseignant("");
+          }}
+        >
+          Filtrer
+        </button>
+        <button
+          type="button"
+          class="btn btn-primary"
+          onClick={() => setShowAdd((v) => !v)}
+          style="margin-left: auto"
+        >
+          + Assigner
+        </button>
+      </div>
+
+      {showAdd && (
+        <div class="modal-overlay" onClick={() => setShowAdd(false)}>
+          <div class="modal-box" onClick={(e) => e.stopPropagation()}>
+            <p class="modal-title">Assigner un enseignement</p>
+            {addError && (
+              <p class="state-error" style="padding: 0.3rem 0.5rem">
+                {addError}
+              </p>
+            )}
+            <div class="modal-form">
+              <div class="form-field">
+                <label>Promo</label>
+                <select
+                  class="filter-select"
+                  value={addPromo}
+                  onChange={(e) =>
+                    setAddPromo((e.target as HTMLSelectElement).value)}
+                  style="min-width: 0; width: 100%"
+                >
+                  <option value="">Promo...</option>
+                  {promos.map((p) => (
+                    <option key={p.id} value={p.id}>{p.id}</option>
+                  ))}
+                </select>
+              </div>
+              <div class="form-field">
+                <label>ECUE</label>
+                <select
+                  class="filter-select"
+                  value={addModule}
+                  onChange={(e) =>
+                    setAddModule((e.target as HTMLSelectElement).value)}
+                  style="min-width: 0; width: 100%"
+                >
+                  <option value="">ECUE...</option>
+                  {modules.map((m) => (
+                    <option key={m.id} value={m.id}>
+                      {m.id} -- {m.nom}
+                    </option>
+                  ))}
+                </select>
+              </div>
+              <div class="form-field">
+                <label>User ID enseignant</label>
+                <input
+                  class="form-input"
+                  placeholder="User ID enseignant..."
+                  value={addProf}
+                  onInput={(e) =>
+                    setAddProf((e.target as HTMLInputElement).value)}
+                  style="min-width: 0; width: 100%"
+                />
+              </div>
+            </div>
+            <div class="modal-actions">
+              <button
+                type="button"
+                class="btn btn-secondary"
+                onClick={() => setShowAdd(false)}
+              >
+                Annuler
+              </button>
+              <button
+                type="button"
+                class="btn btn-primary"
+                onClick={addEnseignement}
+                disabled={adding}
+              >
+                {adding ? "..." : "+ Assigner"}
+              </button>
+            </div>
+          </div>
+        </div>
+      )}
+
+      {loading
+        ? <p class="state-loading">Chargement…</p>
+        : (
+          <div class="data-table-wrap">
+            <table class="data-table">
+              <thead>
+                <tr>
+                  <th>Promo</th>
+                  <th>ECUE</th>
+                  <th>Enseignant (User.id)</th>
+                  <th>Actions</th>
+                </tr>
+              </thead>
+              <tbody>
+                {filtered.length === 0
+                  ? (
+                    <tr>
+                      <td colspan={4} class="state-empty">
+                        Aucun enseignement trouvé
+                      </td>
+                    </tr>
+                  )
+                  : filtered.map((e) => {
+                    const mod = moduleMap[e.idModule];
+                    return (
+                      <tr key={`${e.idProf}-${e.idModule}-${e.idPromo}`}>
+                        <td>
+                          <span class="promo-chip">{e.idPromo}</span>
+                        </td>
+                        <td class="col-promo">
+                          {mod ? `${mod.id} – ${mod.nom}` : e.idModule}
+                        </td>
+                        <td>{e.idProf}</td>
+                        <td>
+                          <div class="col-actions">
+                            <button
+                              type="button"
+                              class="btn btn-sm btn-danger"
+                              onClick={() =>
+                                deleteEnseignement(
+                                  e.idProf,
+                                  e.idModule,
+                                  e.idPromo,
+                                )}
+                            >
+                              <svg
+                                width="14"
+                                height="14"
+                                viewBox="0 0 24 24"
+                                fill="none"
+                                stroke="currentColor"
+                                stroke-width="2"
+                              >
+                                <path d="M3 6h18" />
+                                <path d="M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" />
+                                <rect
+                                  x="5"
+                                  y="6"
+                                  width="14"
+                                  height="16"
+                                  rx="1"
+                                />
+                              </svg>
+                            </button>
+                          </div>
+                        </td>
+                      </tr>
+                    );
+                  })}
+              </tbody>
+            </table>
+          </div>
+        )}
+
+      <div class="info-note">
+        <p>
+          Un même ECUE peut être enseigné par plusieurs utilisateurs sur une
+          même promo.
+        </p>
+        <p class="info-note-dim">
+          Clé composite = idProf (User.Id) + idModule + idPromo
+        </p>
+      </div>
+    </div>
+  );
+}

routes/(apps)/admin/(_islands)/AdminModules.tsx

@@ -0,0 +1,254 @@
+import { useEffect, useState } from "preact/hooks";
+
+type Module = { id: string; nom: string };
+type Enseignement = { idProf: string; idModule: string; idPromo: string };
+type User = { id: string; nom: string; prenom: string };
+
+export default function AdminModules() {
+  const [modules, setModules] = useState<Module[]>([]);
+  const [enseignements, setEnseignements] = useState<Enseignement[]>([]);
+  const [users, setUsers] = useState<User[]>([]);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState<string | null>(null);
+  const [newId, setNewId] = useState("");
+  const [newNom, setNewNom] = useState("");
+  const [creating, setCreating] = useState(false);
+  const [filterNom, setFilterNom] = useState("");
+
+  async function load() {
+    try {
+      const [mRes, eRes, uRes] = await Promise.all([
+        fetch("/admin/api/modules"),
+        fetch("/admin/api/enseignements"),
+        fetch("/admin/api/users"),
+      ]);
+      if (!mRes.ok) throw new Error("Impossible de charger les ECUEs");
+      setModules(await mRes.json());
+      if (eRes.ok) setEnseignements(await eRes.json());
+      if (uRes.ok) setUsers(await uRes.json());
+    } catch (e) {
+      setError(e instanceof Error ? e.message : "Erreur");
+    } finally {
+      setLoading(false);
+    }
+  }
+
+  useEffect(() => {
+    load();
+  }, []);
+
+  async function createModule() {
+    if (!newId.trim() || !newNom.trim()) return;
+    setCreating(true);
+    try {
+      const res = await fetch("/admin/api/modules", {
+        method: "POST",
+        headers: { "content-type": "application/json" },
+        body: JSON.stringify({ id: newId.trim(), nom: newNom.trim() }),
+      });
+      if (!res.ok) {
+        const body = await res.json().catch(() => ({}));
+        throw new Error(body.error ?? "Création échouée");
+      }
+      setNewId("");
+      setNewNom("");
+      await load();
+    } catch (e) {
+      setError(e instanceof Error ? e.message : "Erreur");
+    } finally {
+      setCreating(false);
+    }
+  }
+
+  async function deleteModule(id: string) {
+    if (!confirm(`Supprimer l'ECUE ${id} ?`)) return;
+    try {
+      const res = await fetch(
+        `/admin/api/modules/${encodeURIComponent(id)}`,
+        { method: "DELETE" },
+      );
+      if (!res.ok) throw new Error("Suppression échouée");
+      await load();
+    } catch (e) {
+      setError(e instanceof Error ? e.message : "Erreur");
+    }
+  }
+
+  const userMap = Object.fromEntries(
+    users.map((u) => [u.id, u]),
+  );
+
+  function enseignantsForModule(moduleId: string): string {
+    const profs = [
+      ...new Set(
+        enseignements
+          .filter((e) => e.idModule === moduleId)
+          .map((e) => e.idProf),
+      ),
+    ];
+    if (profs.length === 0) return "";
+    return profs
+      .map((id) => {
+        const u = userMap[id];
+        return u ? `${u.nom} ${u.prenom.charAt(0)}.` : id;
+      })
+      .join(", ");
+  }
+
+  const filtered = modules.filter((m) =>
+    !filterNom ||
+    `${m.id} ${m.nom}`.toLowerCase().includes(filterNom.toLowerCase())
+  );
+
+  return (
+    <div class="page-content">
+      <h2 class="page-title">Gestion des ECUEs</h2>
+
+      {error && <p class="state-error">{error}</p>}
+
+      <div class="filters">
+        <input
+          class="filter-input"
+          placeholder="Rechercher..."
+          value={filterNom}
+          onInput={(e) => setFilterNom((e.target as HTMLInputElement).value)}
+        />
+        <button
+          type="button"
+          class="btn btn-primary"
+          onClick={() => {
+            const el = document.getElementById("new-module-section");
+            if (el) el.scrollIntoView({ behavior: "smooth" });
+          }}
+          style="margin-left: auto"
+        >
+          + Ajouter ECUE
+        </button>
+      </div>
+
+      {loading
+        ? <p class="state-loading">Chargement...</p>
+        : (
+          <div class="data-table-wrap">
+            <table class="data-table">
+              <thead>
+                <tr>
+                  <th>id (code)</th>
+                  <th>Nom de l'ECUE</th>
+                  <th>Enseignants assignes</th>
+                  <th>Actions</th>
+                </tr>
+              </thead>
+              <tbody>
+                {filtered.length === 0
+                  ? (
+                    <tr>
+                      <td colspan={4} class="state-empty">
+                        Aucun ECUE enregistré
+                      </td>
+                    </tr>
+                  )
+                  : filtered.map((m) => {
+                    const profs = enseignantsForModule(m.id);
+                    return (
+                      <tr key={m.id}>
+                        <td class="col-dim">{m.id}</td>
+                        <td>{m.nom}</td>
+                        <td>
+                          {profs
+                            ? (
+                              <span style="font-size: 0.78rem">
+                                {profs}
+                              </span>
+                            )
+                            : <span class="col-dim">--</span>}
+                        </td>
+                        <td>
+                          <div class="col-actions">
+                            <a
+                              class="btn btn-sm btn-secondary"
+                              href={`/admin/modules/${
+                                encodeURIComponent(m.id)
+                              }`}
+                              f-client-nav={false}
+                            >
+                              <svg
+                                width="14"
+                                height="14"
+                                viewBox="0 0 24 24"
+                                fill="none"
+                                stroke="currentColor"
+                                stroke-width="2"
+                              >
+                                <path d="M17 3a2.85 2.85 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z" />
+                              </svg>{" "}
+                              edit
+                            </a>
+                            <button
+                              type="button"
+                              class="btn btn-sm btn-danger"
+                              onClick={() => deleteModule(m.id)}
+                            >
+                              <svg
+                                width="14"
+                                height="14"
+                                viewBox="0 0 24 24"
+                                fill="none"
+                                stroke="currentColor"
+                                stroke-width="2"
+                              >
+                                <path d="M3 6h18" />
+                                <path d="M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" />
+                                <rect
+                                  x="5"
+                                  y="6"
+                                  width="14"
+                                  height="16"
+                                  rx="1"
+                                />
+                              </svg>
+                            </button>
+                          </div>
+                        </td>
+                      </tr>
+                    );
+                  })}
+              </tbody>
+            </table>
+          </div>
+        )}
+
+      {/* Nouvel ECUE */}
+      <div
+        id="new-module-section"
+        class="edit-section"
+        style="margin-top: 1.5rem"
+      >
+        <p class="edit-section-title">Nouvel ECUE</p>
+        <div class="form-row">
+          <input
+            class="form-input"
+            placeholder="Code"
+            value={newId}
+            onInput={(e) => setNewId((e.target as HTMLInputElement).value)}
+            style="min-width: 8rem; max-width: 10rem"
+          />
+          <input
+            class="form-input"
+            placeholder="Nom de l'ECUE"
+            value={newNom}
+            onInput={(e) => setNewNom((e.target as HTMLInputElement).value)}
+          />
+          <button
+            type="button"
+            class="btn btn-primary"
+            onClick={createModule}
+            disabled={creating}
+          >
+            {creating ? "..." : "+ Créer"}
+          </button>
+        </div>
+      </div>
+    </div>
+  );
+}

routes/(apps)/admin/(_islands)/AdminPermissions.tsx

@@ -0,0 +1,128 @@
+import { useEffect, useState } from "preact/hooks";
+
+type Perm = { id: string; nom: string };
+type Role = { id: number; nom: string; permissions: string[] };
+
+const ROLE_COLORS = [
+  "#22c55e",
+  "#d4a017",
+  "#e07020",
+  "#8b5cf6",
+  "#06b6d4",
+  "#ec4899",
+];
+
+function roleColor(roleId: number): string {
+  return ROLE_COLORS[(roleId - 1) % ROLE_COLORS.length];
+}
+
+export default function AdminPermissions() {
+  const [permissions, setPermissions] = useState<Perm[]>([]);
+  const [roles, setRoles] = useState<Role[]>([]);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState<string | null>(null);
+
+  useEffect(() => {
+    async function load() {
+      try {
+        const [pRes, rRes] = await Promise.all([
+          fetch("/admin/api/permissions"),
+          fetch("/admin/api/roles"),
+        ]);
+        if (!pRes.ok) throw new Error("Impossible de charger les permissions");
+        setPermissions(await pRes.json());
+        if (rRes.ok) setRoles(await rRes.json());
+      } catch (e) {
+        setError(e instanceof Error ? e.message : "Erreur");
+      } finally {
+        setLoading(false);
+      }
+    }
+    load();
+  }, []);
+
+  function rolesForPerm(permId: string): Role[] {
+    return roles.filter((r) => r.permissions.includes(permId));
+  }
+
+  const MAX_ROLE_CHIPS = 2;
+
+  return (
+    <div class="page-content">
+      <h2 class="page-title">Permissions</h2>
+
+      <div class="info-note" style="margin-top: 0; margin-bottom: 1.25rem">
+        <p>
+          Les permissions sont définies statiquement par le serveur.
+        </p>
+        <p class="info-note-dim">
+          Elles ne peuvent pas être créées ou supprimées via l'API.
+        </p>
+      </div>
+
+      {error && <p class="state-error">{error}</p>}
+
+      {loading
+        ? <p class="state-loading">Chargement…</p>
+        : (
+          <div class="data-table-wrap">
+            <table class="data-table">
+              <thead>
+                <tr>
+                  <th>idPermission</th>
+                  <th>nomPermission</th>
+                  <th>Rôles associés</th>
+                </tr>
+              </thead>
+              <tbody>
+                {permissions.map((p) => {
+                  const associated = rolesForPerm(p.id);
+                  const shown = associated.slice(0, MAX_ROLE_CHIPS);
+                  const overflow = associated.length - MAX_ROLE_CHIPS;
+                  return (
+                    <tr key={p.id}>
+                      <td>
+                        <span
+                          class="col-promo"
+                          style="font-family: monospace"
+                        >
+                          {p.id}
+                        </span>
+                      </td>
+                      <td>{p.nom}</td>
+                      <td>
+                        <div style="display: flex; flex-wrap: wrap; align-items: center; gap: 0.1rem">
+                          {shown.map((r) => (
+                            <span
+                              key={r.id}
+                              class="role-chip"
+                              style={`border-color: ${
+                                roleColor(r.id)
+                              }; color: ${roleColor(r.id)}`}
+                            >
+                              {r.nom}
+                            </span>
+                          ))}
+                          {overflow > 0 && (
+                            <span
+                              class="col-dim"
+                              style="font-size: 0.72rem; margin-left: 0.2rem"
+                            >
+                              +{overflow}
+                            </span>
+                          )}
+                          {associated.length === 0 && (
+                            <span class="col-dim">—</span>
+                          )}
+                        </div>
+                      </td>
+                    </tr>
+                  );
+                })}
+              </tbody>
+            </table>
+          </div>
+        )}
+    </div>
+  );
+}

routes/(apps)/admin/(_islands)/AdminPromotions.tsx

@@ -0,0 +1,263 @@
+import { useEffect, useState } from "preact/hooks";
+
+type Promotion = { id: string; annee: string | null };
+type Student = { numEtud: number; idPromo: string };
+
+function parsePromo(id: string) {
+  const m = id.match(/^(\d+A)(FISE|FISA)(.+)$/);
+  if (!m) return { annee: id, filiere: "?", anneeSco: "?" };
+  return { annee: m[1], filiere: m[2], anneeSco: m[3] };
+}
+
+const ANNEES = ["3A", "4A", "5A"];
+const FILIERES = ["FISE", "FISA"];
+
+export default function AdminPromotions() {
+  const [promos, setPromos] = useState<Promotion[]>([]);
+  const [students, setStudents] = useState<Student[]>([]);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState<string | null>(null);
+  const [creating, setCreating] = useState(false);
+
+  // PromoBuilder state
+  const [selectedAnnee, setSelectedAnnee] = useState("4A");
+  const [selectedFiliere, setSelectedFiliere] = useState("FISE");
+  const [anneeSco, setAnneeSco] = useState("");
+
+  const generatedId = anneeSco.trim()
+    ? `${selectedAnnee}${selectedFiliere}${anneeSco.trim().replace(/\//g, "-")}`
+    : "";
+
+  async function load() {
+    try {
+      const [pRes, sRes] = await Promise.all([
+        fetch("/students/api/promotions"),
+        fetch("/students/api/students"),
+      ]);
+      if (!pRes.ok) throw new Error("Impossible de charger les promotions");
+      setPromos(await pRes.json());
+      if (sRes.ok) setStudents(await sRes.json());
+    } catch (e) {
+      setError(e instanceof Error ? e.message : "Erreur");
+    } finally {
+      setLoading(false);
+    }
+  }
+
+  useEffect(() => {
+    load();
+  }, []);
+
+  async function createPromo() {
+    if (!generatedId) return;
+    setCreating(true);
+    try {
+      const res = await fetch("/students/api/promotions", {
+        method: "POST",
+        headers: { "content-type": "application/json" },
+        body: JSON.stringify({
+          idPromo: generatedId,
+          annee: selectedAnnee,
+        }),
+      });
+      if (!res.ok) {
+        const body = await res.json().catch(() => ({}));
+        throw new Error(body.error ?? "Création échouée");
+      }
+      setAnneeSco("");
+      await load();
+    } catch (e) {
+      setError(e instanceof Error ? e.message : "Erreur");
+    } finally {
+      setCreating(false);
+    }
+  }
+
+  async function deletePromo(id: string) {
+    if (studentCount(id) > 0) {
+      setError(
+        `Impossible de supprimer ${id} : des étudiants y sont encore assignés. Réassignez-les d'abord.`,
+      );
+      return;
+    }
+    if (
+      !confirm(`Supprimer la promotion ${id} et toutes ses données liées ?`)
+    ) {
+      return;
+    }
+    try {
+      const res = await fetch(
+        `/students/api/promotions/${encodeURIComponent(id)}`,
+        { method: "DELETE" },
+      );
+      if (!res.ok) {
+        const body = await res.json().catch(() => ({}));
+        throw new Error(body.error ?? "Suppression échouée");
+      }
+      await load();
+    } catch (e) {
+      setError(e instanceof Error ? e.message : "Erreur");
+    }
+  }
+
+  function studentCount(idPromo: string) {
+    return students.filter((s) => s.idPromo === idPromo).length;
+  }
+
+  return (
+    <div class="page-content">
+      <h2 class="page-title">Gestion des Promotions</h2>
+
+      {error && <p class="state-error">{error}</p>}
+
+      {/* PromoBuilder */}
+      <div class="promo-builder">
+        <p class="promo-builder-title">Créer une promotion</p>
+        <p class="promo-builder-subtitle">
+          idPromo est généré automatiquement
+        </p>
+
+        <div class="promo-builder-row">
+          <div class="promo-builder-field">
+            <label>Année</label>
+            <div class="pill-group">
+              {ANNEES.map((a) => (
+                <button
+                  key={a}
+                  type="button"
+                  class={`pill-btn${selectedAnnee === a ? " active" : ""}`}
+                  onClick={() => setSelectedAnnee(a)}
+                >
+                  {a}
+                </button>
+              ))}
+            </div>
+          </div>
+
+          <div class="promo-builder-field">
+            <label>Filière</label>
+            <div class="pill-group">
+              {FILIERES.map((f) => (
+                <button
+                  key={f}
+                  type="button"
+                  class={`pill-btn${selectedFiliere === f ? " active" : ""}`}
+                  onClick={() => setSelectedFiliere(f)}
+                >
+                  {f}
+                </button>
+              ))}
+            </div>
+          </div>
+
+          <div class="promo-builder-field">
+            <label>Année scolaire</label>
+            <input
+              class="form-input"
+              placeholder="ex: 25-26, 24-27…"
+              value={anneeSco}
+              onInput={(e) => setAnneeSco((e.target as HTMLInputElement).value)}
+              style="min-width: 9rem"
+            />
+          </div>
+        </div>
+
+        <div style="display: flex; align-items: center; gap: 1rem; flex-wrap: wrap">
+          <div style="display: flex; align-items: center; gap: 0.5rem">
+            <span style="font-size: 0.78rem; color: light-dark(var(--light-foreground-dim), var(--dark-foreground-dim))">
+              idPromo généré :
+            </span>
+            <span class="promo-id-preview">
+              {generatedId || "—"}
+            </span>
+          </div>
+          <button
+            type="button"
+            class="btn btn-primary"
+            onClick={createPromo}
+            disabled={creating || !generatedId}
+          >
+            {creating ? "…" : "+ Créer la promo"}
+          </button>
+        </div>
+      </div>
+
+      {/* Existing promotions table */}
+      <p style="font-size: 0.82rem; font-weight: var(--font-weight-bold); margin-bottom: 0.5rem">
+        Promotions existantes
+      </p>
+
+      {loading
+        ? <p class="state-loading">Chargement…</p>
+        : (
+          <div class="data-table-wrap">
+            <table class="data-table">
+              <thead>
+                <tr>
+                  <th>idPromo</th>
+                  <th>Année</th>
+                  <th>Filière</th>
+                  <th>Année sco.</th>
+                  <th>Nb étudiants</th>
+                  <th>Actions</th>
+                </tr>
+              </thead>
+              <tbody>
+                {promos.length === 0
+                  ? (
+                    <tr>
+                      <td colspan={6} class="state-empty">
+                        Aucune promotion enregistrée
+                      </td>
+                    </tr>
+                  )
+                  : promos.map((p) => {
+                    const parsed = parsePromo(p.id);
+                    const count = studentCount(p.id);
+                    return (
+                      <tr key={p.id}>
+                        <td>
+                          <span class="promo-chip">{p.id}</span>
+                        </td>
+                        <td>{parsed.annee}</td>
+                        <td>
+                          <span class="filiere-chip">{parsed.filiere}</span>
+                        </td>
+                        <td>{parsed.anneeSco}</td>
+                        <td class="col-dim">
+                          {count} étudiant{count !== 1 ? "s" : ""}
+                        </td>
+                        <td>
+                          <button
+                            type="button"
+                            class="btn btn-sm btn-danger"
+                            disabled={count > 0}
+                            title={count > 0
+                              ? "Réassignez les étudiants avant de supprimer"
+                              : "Supprimer la promotion"}
+                            onClick={() => deletePromo(p.id)}
+                          >
+                            <svg
+                              width="14"
+                              height="14"
+                              viewBox="0 0 24 24"
+                              fill="none"
+                              stroke="currentColor"
+                              stroke-width="2"
+                            >
+                              <path d="M3 6h18" />
+                              <path d="M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" />
+                              <rect x="5" y="6" width="14" height="16" rx="1" />
+                            </svg>
+                          </button>
+                        </td>
+                      </tr>
+                    );
+                  })}
+              </tbody>
+            </table>
+          </div>
+        )}
+    </div>
+  );
+}

routes/(apps)/admin/(_islands)/AdminRoles.tsx

@@ -0,0 +1,323 @@
+import { useEffect, useState } from "preact/hooks";
+
+type Role = { id: number; nom: string; permissions: string[] };
+type Perm = { id: string; nom: string };
+
+const MAX_CHIPS = 3;
+
+export default function AdminRoles() {
+  const [roles, setRoles] = useState<Role[]>([]);
+  const [permissions, setPermissions] = useState<Perm[]>([]);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState<string | null>(null);
+  const [newNom, setNewNom] = useState("");
+  const [creating, setCreating] = useState(false);
+
+  // Manage-perms sub-view
+  const [managingRole, setManagingRole] = useState<Role | null>(null);
+  const [editPerms, setEditPerms] = useState<Set<string>>(new Set());
+  const [saving, setSaving] = useState(false);
+  const [saveError, setSaveError] = useState<string | null>(null);
+
+  async function load() {
+    try {
+      const [rRes, pRes] = await Promise.all([
+        fetch("/admin/api/roles"),
+        fetch("/admin/api/permissions"),
+      ]);
+      if (!rRes.ok) throw new Error("Impossible de charger les rôles");
+      setRoles(await rRes.json());
+      if (pRes.ok) setPermissions(await pRes.json());
+    } catch (e) {
+      setError(e instanceof Error ? e.message : "Erreur");
+    } finally {
+      setLoading(false);
+    }
+  }
+
+  useEffect(() => {
+    load();
+  }, []);
+
+  async function createRole() {
+    if (!newNom.trim()) return;
+    setCreating(true);
+    try {
+      const res = await fetch("/admin/api/roles", {
+        method: "POST",
+        headers: { "content-type": "application/json" },
+        body: JSON.stringify({ nom: newNom.trim() }),
+      });
+      if (!res.ok) {
+        const body = await res.json().catch(() => ({}));
+        throw new Error(body.error ?? "Création échouée");
+      }
+      setNewNom("");
+      await load();
+    } catch (e) {
+      setError(e instanceof Error ? e.message : "Erreur");
+    } finally {
+      setCreating(false);
+    }
+  }
+
+  async function deleteRole(id: number) {
+    if (!confirm("Supprimer ce rôle ?")) return;
+    try {
+      const res = await fetch(`/admin/api/roles/${id}`, { method: "DELETE" });
+      if (!res.ok) throw new Error("Suppression échouée");
+      await load();
+    } catch (e) {
+      setError(e instanceof Error ? e.message : "Erreur");
+    }
+  }
+
+  function openManage(role: Role) {
+    setManagingRole(role);
+    setEditPerms(new Set(role.permissions));
+    setSaveError(null);
+  }
+
+  function togglePerm(permId: string) {
+    setEditPerms((prev) => {
+      const next = new Set(prev);
+      if (next.has(permId)) next.delete(permId);
+      else next.add(permId);
+      return next;
+    });
+  }
+
+  async function savePerms() {
+    if (!managingRole) return;
+    setSaving(true);
+    setSaveError(null);
+    try {
+      const res = await fetch(`/admin/api/roles/${managingRole.id}`, {
+        method: "PUT",
+        headers: { "content-type": "application/json" },
+        body: JSON.stringify({
+          nom: managingRole.nom,
+          permissions: [...editPerms],
+        }),
+      });
+      if (!res.ok) throw new Error("Enregistrement échoué");
+      await load();
+      setManagingRole(null);
+    } catch (e) {
+      setSaveError(e instanceof Error ? e.message : "Erreur");
+    } finally {
+      setSaving(false);
+    }
+  }
+
+  // ---- Manage-perms view ----
+  if (managingRole) {
+    const activeCount = editPerms.size;
+    return (
+      <div class="page-content">
+        <a
+          class="back-link"
+          href="#"
+          onClick={(e) => {
+            e.preventDefault();
+            setManagingRole(null);
+          }}
+        >
+          ← Retour à la liste des rôles
+        </a>
+        <h2 class="page-title">
+          Permissions du rôle – {managingRole.nom}
+        </h2>
+
+        {saveError && <p class="state-error">{saveError}</p>}
+
+        <div class="perm-header-bar">
+          <div style="display: flex; align-items: center; gap: 0.6rem">
+            <span class="numEtud-chip">idRole : {managingRole.id}</span>
+            <span style="font-weight: var(--font-weight-bold); font-size: 0.9rem">
+              {managingRole.nom}
+            </span>
+            <span style="font-size: 0.8rem; color: light-dark(var(--light-accent-color), var(--dark-accent-color))">
+              {activeCount} permission{activeCount !== 1 ? "s" : ""} active
+              {activeCount !== 1 ? "s" : ""}
+            </span>
+          </div>
+          <button
+            type="button"
+            class="btn btn-primary"
+            onClick={savePerms}
+            disabled={saving}
+          >
+            {saving ? "..." : "Enregistrer"}
+          </button>
+        </div>
+
+        <div style="margin-bottom: 0.5rem; display: flex; justify-content: space-between">
+          <span style="font-size: 0.78rem; font-weight: var(--font-weight-bold)">
+            Permissions disponibles
+          </span>
+          <span style="font-size: 0.72rem; color: light-dark(var(--light-foreground-dim), var(--dark-foreground-dim))">
+            Activer = inclure dans le rôle
+          </span>
+        </div>
+
+        <div class="perm-toggle-grid">
+          {permissions.map((p) => {
+            const active = editPerms.has(p.id);
+            return (
+              <label
+                key={p.id}
+                class={`perm-toggle-card${active ? " active" : ""}`}
+              >
+                <div class="perm-toggle-label">
+                  <span class="perm-toggle-id">{p.id}</span>
+                  <span class="perm-toggle-nom">{p.nom}</span>
+                </div>
+                <span class="toggle-switch">
+                  <input
+                    type="checkbox"
+                    checked={active}
+                    onChange={() => togglePerm(p.id)}
+                  />
+                  <span class="toggle-slider" />
+                </span>
+              </label>
+            );
+          })}
+        </div>
+      </div>
+    );
+  }
+
+  const permMap = Object.fromEntries(permissions.map((p) => [p.id, p.nom]));
+
+  // ---- Main list view ----
+  return (
+    <div class="page-content">
+      <h2 class="page-title">Gestion des Rôles</h2>
+
+      {error && <p class="state-error">{error}</p>}
+
+      <div class="toolbar">
+        <input
+          class="form-input"
+          placeholder="Nom du rôle..."
+          value={newNom}
+          onInput={(e) => setNewNom((e.target as HTMLInputElement).value)}
+          onKeyDown={(e) => e.key === "Enter" && createRole()}
+          style="min-width: 14rem"
+        />
+        <button
+          type="button"
+          class="btn btn-primary"
+          onClick={createRole}
+          disabled={creating}
+        >
+          + Créer rôle
+        </button>
+      </div>
+
+      {loading
+        ? <p class="state-loading">Chargement...</p>
+        : (
+          <div class="data-table-wrap">
+            <table class="data-table">
+              <thead>
+                <tr>
+                  <th>idRole</th>
+                  <th>Nom du rôle</th>
+                  <th>Permissions</th>
+                  <th>Actions</th>
+                </tr>
+              </thead>
+              <tbody>
+                {roles.length === 0
+                  ? (
+                    <tr>
+                      <td colspan={4} class="state-empty">
+                        Aucun rôle enregistré
+                      </td>
+                    </tr>
+                  )
+                  : roles.map((r) => {
+                    const shown = r.permissions.slice(0, MAX_CHIPS);
+                    const overflow = r.permissions.length - MAX_CHIPS;
+                    return (
+                      <tr key={r.id}>
+                        <td class="col-dim">{r.id}</td>
+                        <td style="font-weight: var(--font-weight-bold)">
+                          {r.nom}
+                        </td>
+                        <td>
+                          <div style="display: flex; flex-wrap: wrap; align-items: center; gap: 0.1rem">
+                            {shown.map((p) => (
+                              <span key={p} class="perm-chip">
+                                {permMap[p] ?? p}
+                              </span>
+                            ))}
+                            {overflow > 0 && (
+                              <span
+                                class="col-dim"
+                                style="font-size: 0.72rem; margin-left: 0.2rem"
+                              >
+                                +{overflow}
+                              </span>
+                            )}
+                          </div>
+                        </td>
+                        <td>
+                          <div class="col-actions">
+                            <button
+                              type="button"
+                              class="btn btn-sm btn-primary"
+                              onClick={() => openManage(r)}
+                            >
+                              <svg
+                                width="14"
+                                height="14"
+                                viewBox="0 0 24 24"
+                                fill="none"
+                                stroke="currentColor"
+                                stroke-width="2"
+                              >
+                                <circle cx="12" cy="12" r="3" />
+                                <path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1Z" />
+                              </svg>{" "}
+                              Gérer perms
+                            </button>
+                            <button
+                              type="button"
+                              class="btn btn-sm btn-danger"
+                              onClick={() => deleteRole(r.id)}
+                            >
+                              <svg
+                                width="14"
+                                height="14"
+                                viewBox="0 0 24 24"
+                                fill="none"
+                                stroke="currentColor"
+                                stroke-width="2"
+                              >
+                                <path d="M3 6h18" />
+                                <path d="M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" />
+                                <rect
+                                  x="5"
+                                  y="6"
+                                  width="14"
+                                  height="16"
+                                  rx="1"
+                                />
+                              </svg>
+                            </button>
+                          </div>
+                        </td>
+                      </tr>
+                    );
+                  })}
+              </tbody>
+            </table>
+          </div>
+        )}
+    </div>
+  );
+}

routes/(apps)/admin/(_islands)/AdminUEs.tsx

@@ -0,0 +1,516 @@
+import { useEffect, useState } from "preact/hooks";
+
+type UE = { id: number; nom: string };
+type UEModule = {
+  idModule: string;
+  idUE: number;
+  idPromo: string;
+  coeff: number;
+};
+type Module = { id: string; nom: string };
+type Promo = { id: string; annee: string };
+
+export default function AdminUEs() {
+  const [ues, setUes] = useState<UE[]>([]);
+  const [ueModules, setUeModules] = useState<UEModule[]>([]);
+  const [modules, setModules] = useState<Module[]>([]);
+  const [promos, setPromos] = useState<Promo[]>([]);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState<string | null>(null);
+
+  const [selectedUe, setSelectedUe] = useState<UE | null>(null);
+  const [filterPromo, setFilterPromo] = useState("");
+
+  // New UE form
+  const [newUeNom, setNewUeNom] = useState("");
+  const [creatingUe, setCreatingUe] = useState(false);
+
+  // Add UE-module form
+  const [addModuleId, setAddModuleId] = useState("");
+  const [addPromoId, setAddPromoId] = useState("");
+  const [addCoeff, setAddCoeff] = useState("1");
+  const [adding, setAdding] = useState(false);
+  const [addError, setAddError] = useState<string | null>(null);
+
+  // Inline coeff editing
+  const [editingCoeff, setEditingCoeff] = useState<string | null>(null);
+  const [editCoeffValue, setEditCoeffValue] = useState("");
+
+  async function load() {
+    try {
+      const [uRes, umRes, mRes, pRes] = await Promise.all([
+        fetch("/admin/api/ues"),
+        fetch("/admin/api/ue-modules"),
+        fetch("/admin/api/modules"),
+        fetch("/students/api/promotions"),
+      ]);
+      if (!uRes.ok) throw new Error("Impossible de charger les UEs");
+      const uesData: UE[] = await uRes.json();
+      setUes(uesData);
+      if (umRes.ok) setUeModules(await umRes.json());
+      if (mRes.ok) setModules(await mRes.json());
+      if (pRes.ok) setPromos(await pRes.json());
+      // Keep selection in sync
+      setSelectedUe((prev) =>
+        prev ? uesData.find((u) => u.id === prev.id) ?? null : null
+      );
+    } catch (e) {
+      setError(e instanceof Error ? e.message : "Erreur");
+    } finally {
+      setLoading(false);
+    }
+  }
+
+  useEffect(() => {
+    load();
+  }, []);
+
+  async function createUE() {
+    if (!newUeNom.trim()) return;
+    setCreatingUe(true);
+    try {
+      const res = await fetch("/admin/api/ues", {
+        method: "POST",
+        headers: { "content-type": "application/json" },
+        body: JSON.stringify({ nom: newUeNom.trim() }),
+      });
+      if (!res.ok) throw new Error("Création échouée");
+      setNewUeNom("");
+      await load();
+    } catch (e) {
+      setError(e instanceof Error ? e.message : "Erreur");
+    } finally {
+      setCreatingUe(false);
+    }
+  }
+
+  async function deleteUE(ue: UE) {
+    if (!confirm(`Supprimer la UE "${ue.nom}" et tous ses liens ?`)) return;
+    try {
+      const res = await fetch(`/admin/api/ues/${ue.id}`, { method: "DELETE" });
+      if (!res.ok) {
+        const body = await res.json().catch(() => ({}));
+        throw new Error(body.error ?? "Suppression échouée");
+      }
+      if (selectedUe?.id === ue.id) setSelectedUe(null);
+      await load();
+    } catch (e) {
+      setError(e instanceof Error ? e.message : "Erreur");
+    }
+  }
+
+  async function deleteUeModule(
+    idModule: string,
+    idUE: number,
+    idPromo: string,
+  ) {
+    if (!confirm("Supprimer cet ECUE de la UE ?")) return;
+    try {
+      const res = await fetch(
+        `/admin/api/ue-modules/${encodeURIComponent(idModule)}/${idUE}/${
+          encodeURIComponent(idPromo)
+        }`,
+        { method: "DELETE" },
+      );
+      if (!res.ok) throw new Error("Suppression échouée");
+      await load();
+    } catch (e) {
+      setError(e instanceof Error ? e.message : "Erreur");
+    }
+  }
+
+  async function addUeModule() {
+    if (!selectedUe || !addModuleId || !addPromoId) {
+      setAddError("ECUE et Promo sont requis");
+      return;
+    }
+    const coeff = parseFloat(addCoeff);
+    if (isNaN(coeff) || coeff <= 0) {
+      setAddError("Coefficient invalide");
+      return;
+    }
+    setAdding(true);
+    setAddError(null);
+    try {
+      const res = await fetch("/admin/api/ue-modules", {
+        method: "POST",
+        headers: { "content-type": "application/json" },
+        body: JSON.stringify({
+          idModule: addModuleId,
+          idUE: selectedUe.id,
+          idPromo: addPromoId,
+          coeff,
+        }),
+      });
+      if (!res.ok) {
+        const body = await res.json().catch(() => ({}));
+        throw new Error(body.error ?? "Création échouée");
+      }
+      setAddModuleId("");
+      setAddPromoId("");
+      setAddCoeff("1");
+      await load();
+    } catch (e) {
+      setAddError(e instanceof Error ? e.message : "Erreur");
+    } finally {
+      setAdding(false);
+    }
+  }
+
+  async function updateCoeff(
+    idModule: string,
+    idUE: number,
+    idPromo: string,
+    coeff: number,
+  ) {
+    try {
+      const res = await fetch(
+        `/admin/api/ue-modules/${encodeURIComponent(idModule)}/${idUE}/${
+          encodeURIComponent(idPromo)
+        }`,
+        {
+          method: "PUT",
+          headers: { "content-type": "application/json" },
+          body: JSON.stringify({ coeff }),
+        },
+      );
+      if (!res.ok) throw new Error("Modification échouée");
+      await load();
+    } catch (e) {
+      setError(e instanceof Error ? e.message : "Erreur");
+    } finally {
+      setEditingCoeff(null);
+    }
+  }
+
+  const moduleMap = Object.fromEntries(modules.map((m) => [m.id, m]));
+
+  // Filter UEs by promo: keep UEs that have at least one ue_module for that promo
+  const filteredUes = filterPromo
+    ? ues.filter((ue) =>
+      ueModules.some((um) => um.idUE === ue.id && um.idPromo === filterPromo)
+    )
+    : ues;
+
+  const selectedUeModules = selectedUe
+    ? ueModules.filter((um) => um.idUE === selectedUe.id)
+    : [];
+
+  return (
+    <div class="page-content">
+      <h2 class="page-title">Gestion des UEs</h2>
+      <p
+        class="col-dim"
+        style="font-size: 0.78rem; margin: -0.5rem 0 1rem"
+      >
+        UE = Unité d'Enseignement regroupant plusieurs ECUEs
+      </p>
+
+      {error && <p class="state-error">{error}</p>}
+
+      {loading
+        ? <p class="state-loading">Chargement…</p>
+        : (
+          <div class="ue-split">
+            {/* Left panel – UE list */}
+            <div class="ue-panel-left">
+              <div class="panel-box">
+                <p class="panel-box-title">UEs existantes</p>
+                <select
+                  class="filter-select"
+                  value={filterPromo}
+                  onChange={(e) =>
+                    setFilterPromo(
+                      (e.target as HTMLSelectElement).value,
+                    )}
+                  style="width: 100%; margin-bottom: 0.5rem"
+                >
+                  <option value="">Toutes les promos</option>
+                  {promos.map((p) => (
+                    <option key={p.id} value={p.id}>{p.id}</option>
+                  ))}
+                </select>
+                <div class="form-row" style="margin-bottom: 0.75rem">
+                  <input
+                    class="form-input"
+                    placeholder="Nom de la nouvelle UE…"
+                    value={newUeNom}
+                    onInput={(e) =>
+                      setNewUeNom((e.target as HTMLInputElement).value)}
+                    onKeyDown={(e) => e.key === "Enter" && createUE()}
+                    style="min-width: 0; flex: 1"
+                  />
+                </div>
+                <button
+                  type="button"
+                  class="btn btn-primary"
+                  onClick={createUE}
+                  disabled={creatingUe}
+                  style="width: 100%; justify-content: center; margin-bottom: 0.5rem"
+                >
+                  + Nouvelle UE
+                </button>
+                <div>
+                  {filteredUes.map((ue) => (
+                    <div
+                      key={ue.id}
+                      class={`ue-list-item${
+                        selectedUe?.id === ue.id ? " active" : ""
+                      }`}
+                      style="display: flex; align-items: center; justify-content: space-between"
+                    >
+                      <span
+                        style="flex: 1; cursor: pointer"
+                        onClick={() => {
+                          setSelectedUe(ue);
+                          setAddError(null);
+                        }}
+                      >
+                        {ue.nom}
+                      </span>
+                      <button
+                        type="button"
+                        class="btn btn-sm btn-danger"
+                        onClick={(e) => {
+                          e.stopPropagation();
+                          deleteUE(ue);
+                        }}
+                        title="Supprimer cette UE"
+                      >
+                        <svg
+                          width="14"
+                          height="14"
+                          viewBox="0 0 24 24"
+                          fill="none"
+                          stroke="currentColor"
+                          stroke-width="2"
+                        >
+                          <path d="M3 6h18" />
+                          <path d="M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" />
+                          <rect
+                            x="5"
+                            y="6"
+                            width="14"
+                            height="16"
+                            rx="1"
+                          />
+                        </svg>
+                      </button>
+                    </div>
+                  ))}
+                  {filteredUes.length === 0 && (
+                    <p class="state-empty" style="padding: 1rem 0">
+                      {filterPromo ? "Aucune UE pour cette promo" : "Aucune UE"}
+                    </p>
+                  )}
+                </div>
+              </div>
+            </div>
+
+            {/* Right panel – UE detail */}
+            <div class="ue-panel-right">
+              {selectedUe
+                ? (
+                  <div class="panel-box">
+                    <p class="panel-box-title">{selectedUe.nom}</p>
+                    <p style="font-size: 0.78rem; font-weight: var(--font-weight-bold); margin: 0 0 0.5rem">
+                      ECUEs assignés (UE_Module)
+                    </p>
+                    <div class="data-table-wrap" style="margin-bottom: 1rem">
+                      <table class="data-table">
+                        <thead>
+                          <tr>
+                            <th>ECUE</th>
+                            <th>Promo</th>
+                            <th>Coeff</th>
+                            <th>Actions</th>
+                          </tr>
+                        </thead>
+                        <tbody>
+                          {selectedUeModules.length === 0
+                            ? (
+                              <tr>
+                                <td colspan={4} class="state-empty">
+                                  Aucun ECUE assigné
+                                </td>
+                              </tr>
+                            )
+                            : selectedUeModules.map((um) => {
+                              const mod = moduleMap[um.idModule];
+                              return (
+                                <tr
+                                  key={`${um.idModule}-${um.idPromo}`}
+                                >
+                                  <td class="col-promo">
+                                    {mod
+                                      ? `${mod.id} – ${mod.nom}`
+                                      : um.idModule}
+                                  </td>
+                                  <td>
+                                    <span class="promo-chip">{um.idPromo}</span>
+                                  </td>
+                                  <td
+                                    onClick={() => {
+                                      const key =
+                                        `${um.idModule}-${um.idUE}-${um.idPromo}`;
+                                      setEditingCoeff(key);
+                                      setEditCoeffValue(String(um.coeff));
+                                    }}
+                                    style="cursor: pointer"
+                                  >
+                                    {editingCoeff ===
+                                        `${um.idModule}-${um.idUE}-${um.idPromo}`
+                                      ? (
+                                        <input
+                                          type="number"
+                                          class="form-input"
+                                          value={editCoeffValue}
+                                          min="0.1"
+                                          step="0.5"
+                                          style="width: 5rem; padding: 0.2rem 0.4rem; font-size: 0.82rem"
+                                          autoFocus
+                                          onInput={(e) =>
+                                            setEditCoeffValue(
+                                              (e.target as HTMLInputElement)
+                                                .value,
+                                            )}
+                                          onBlur={() => {
+                                            const v = parseFloat(
+                                              editCoeffValue,
+                                            );
+                                            if (!isNaN(v) && v > 0) {
+                                              updateCoeff(
+                                                um.idModule,
+                                                um.idUE,
+                                                um.idPromo,
+                                                v,
+                                              );
+                                            } else {
+                                              setEditingCoeff(null);
+                                            }
+                                          }}
+                                          onKeyDown={(e) => {
+                                            if (e.key === "Enter") {
+                                              (e.target as HTMLInputElement)
+                                                .blur();
+                                            }
+                                            if (e.key === "Escape") {
+                                              setEditingCoeff(null);
+                                            }
+                                          }}
+                                        />
+                                      )
+                                      : um.coeff}
+                                  </td>
+                                  <td>
+                                    <button
+                                      type="button"
+                                      class="btn btn-sm btn-danger"
+                                      onClick={() =>
+                                        deleteUeModule(
+                                          um.idModule,
+                                          um.idUE,
+                                          um.idPromo,
+                                        )}
+                                    >
+                                      <svg
+                                        width="14"
+                                        height="14"
+                                        viewBox="0 0 24 24"
+                                        fill="none"
+                                        stroke="currentColor"
+                                        stroke-width="2"
+                                      >
+                                        <path d="M3 6h18" />
+                                        <path d="M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" />
+                                        <rect
+                                          x="5"
+                                          y="6"
+                                          width="14"
+                                          height="16"
+                                          rx="1"
+                                        />
+                                      </svg>
+                                    </button>
+                                  </td>
+                                </tr>
+                              );
+                            })}
+                        </tbody>
+                      </table>
+                    </div>
+
+                    <p style="font-size: 0.78rem; font-weight: var(--font-weight-bold); margin: 0 0 0.5rem">
+                      Ajouter un ECUE à cette UE
+                    </p>
+                    {addError && (
+                      <p class="state-error" style="padding: 0.3rem 0.5rem">
+                        {addError}
+                      </p>
+                    )}
+                    <div class="form-row">
+                      <select
+                        class="filter-select"
+                        value={addModuleId}
+                        onChange={(e) =>
+                          setAddModuleId(
+                            (e.target as HTMLSelectElement).value,
+                          )}
+                        style="min-width: 12rem"
+                      >
+                        <option value="">ECUE ▾</option>
+                        {modules.map((m) => (
+                          <option key={m.id} value={m.id}>
+                            {m.id} – {m.nom}
+                          </option>
+                        ))}
+                      </select>
+                      <select
+                        class="filter-select"
+                        value={addPromoId}
+                        onChange={(e) =>
+                          setAddPromoId(
+                            (e.target as HTMLSelectElement).value,
+                          )}
+                        style="min-width: 9rem"
+                      >
+                        <option value="">Promo ▾</option>
+                        {promos.map((p) => (
+                          <option key={p.id} value={p.id}>{p.id}</option>
+                        ))}
+                      </select>
+                      <input
+                        type="number"
+                        class="form-input"
+                        placeholder="Coeff"
+                        value={addCoeff}
+                        min="0.1"
+                        step="0.5"
+                        onInput={(e) =>
+                          setAddCoeff((e.target as HTMLInputElement).value)}
+                        style="min-width: 5rem; max-width: 6rem"
+                      />
+                      <button
+                        type="button"
+                        class="btn btn-primary"
+                        onClick={addUeModule}
+                        disabled={adding}
+                      >
+                        {adding ? "…" : "+ Ajouter"}
+                      </button>
+                    </div>
+                  </div>
+                )
+                : (
+                  <div class="panel-box">
+                    <p class="state-empty" style="padding: 2rem 0">
+                      Sélectionnez une UE pour voir ses ECUEs
+                    </p>
+                  </div>
+                )}
+            </div>
+          </div>
+        )}
+    </div>
+  );
+}

routes/(apps)/admin/(_islands)/AdminUsers.tsx

@@ -0,0 +1,308 @@
+import { useEffect, useState } from "preact/hooks";
+
+type User = { id: string; nom: string; prenom: string; idRole: number | null };
+type Role = { id: number; nom: string };
+
+const ROLE_COLORS = [
+  "#22c55e",
+  "#d4a017",
+  "#e07020",
+  "#8b5cf6",
+  "#06b6d4",
+  "#ec4899",
+];
+
+function roleColor(roleId: number): string {
+  return ROLE_COLORS[(roleId - 1) % ROLE_COLORS.length];
+}
+
+export default function AdminUsers() {
+  const [users, setUsers] = useState<User[]>([]);
+  const [roles, setRoles] = useState<Role[]>([]);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState<string | null>(null);
+  const [showCreate, setShowCreate] = useState(false);
+  const [newId, setNewId] = useState("");
+  const [newNom, setNewNom] = useState("");
+  const [newPrenom, setNewPrenom] = useState("");
+  const [newIdRole, setNewIdRole] = useState("");
+  const [creating, setCreating] = useState(false);
+
+  const [filterNom, setFilterNom] = useState("");
+  const [filterRole, setFilterRole] = useState("");
+
+  async function load() {
+    try {
+      const [uRes, rRes] = await Promise.all([
+        fetch("/admin/api/users"),
+        fetch("/admin/api/roles"),
+      ]);
+      if (!uRes.ok) throw new Error("Impossible de charger les utilisateurs");
+      setUsers(await uRes.json());
+      if (rRes.ok) setRoles(await rRes.json());
+    } catch (e) {
+      setError(e instanceof Error ? e.message : "Erreur");
+    } finally {
+      setLoading(false);
+    }
+  }
+
+  useEffect(() => {
+    load();
+  }, []);
+
+  async function createUser() {
+    if (!newId.trim() || !newNom.trim() || !newPrenom.trim()) return;
+    setCreating(true);
+    try {
+      const res = await fetch("/admin/api/users", {
+        method: "POST",
+        headers: { "content-type": "application/json" },
+        body: JSON.stringify({
+          id: newId.trim(),
+          nom: newNom.trim(),
+          prenom: newPrenom.trim(),
+          idRole: newIdRole ? Number(newIdRole) : null,
+        }),
+      });
+      if (!res.ok) {
+        const body = await res.json().catch(() => ({}));
+        throw new Error(body.error ?? "Création échouée");
+      }
+      setNewId("");
+      setNewNom("");
+      setNewPrenom("");
+      setNewIdRole("");
+      setShowCreate(false);
+      await load();
+    } catch (e) {
+      setError(e instanceof Error ? e.message : "Erreur");
+    } finally {
+      setCreating(false);
+    }
+  }
+
+  async function deleteUser(id: string) {
+    if (!confirm(`Supprimer l'utilisateur ${id} ?`)) return;
+    try {
+      const res = await fetch(`/admin/api/users/${encodeURIComponent(id)}`, {
+        method: "DELETE",
+      });
+      if (!res.ok) throw new Error("Suppression échouée");
+      await load();
+    } catch (e) {
+      setError(e instanceof Error ? e.message : "Erreur");
+    }
+  }
+
+  const roleMap = Object.fromEntries(roles.map((r) => [r.id, r.nom]));
+
+  const filtered = users.filter((u) => {
+    const matchNom = !filterNom ||
+      `${u.nom} ${u.prenom} ${u.id}`.toLowerCase().includes(
+        filterNom.toLowerCase(),
+      );
+    const matchRole = !filterRole || String(u.idRole) === filterRole;
+    return matchNom && matchRole;
+  });
+
+  return (
+    <div class="page-content">
+      <h2 class="page-title">Gestion des Utilisateurs</h2>
+
+      {error && <p class="state-error">{error}</p>}
+
+      <div class="filters">
+        <input
+          class="filter-input"
+          placeholder="Rechercher..."
+          value={filterNom}
+          onInput={(e) => setFilterNom((e.target as HTMLInputElement).value)}
+        />
+        <select
+          class="filter-select"
+          value={filterRole}
+          onChange={(e) => setFilterRole((e.target as HTMLSelectElement).value)}
+        >
+          <option value="">Role</option>
+          {roles.map((r) => <option key={r.id} value={r.id}>{r.nom}</option>)}
+        </select>
+        <button
+          type="button"
+          class="btn btn-primary"
+          onClick={() => setShowCreate(true)}
+          style="margin-left: auto"
+        >
+          + Créer utilisateur
+        </button>
+      </div>
+
+      {/* Creation modal */}
+      {showCreate && (
+        <div
+          class="modal-overlay"
+          onClick={() => setShowCreate(false)}
+        >
+          <div class="modal-box" onClick={(e) => e.stopPropagation()}>
+            <p class="modal-title">Créer un utilisateur</p>
+            <div class="modal-form">
+              <div class="form-field">
+                <label>Login (uid)</label>
+                <input
+                  class="form-input"
+                  placeholder="Login (uid)"
+                  value={newId}
+                  onInput={(e) =>
+                    setNewId((e.target as HTMLInputElement).value)}
+                  style="min-width: 0; width: 100%"
+                />
+              </div>
+              <div class="form-field">
+                <label>Nom</label>
+                <input
+                  class="form-input"
+                  placeholder="Nom"
+                  value={newNom}
+                  onInput={(e) =>
+                    setNewNom((e.target as HTMLInputElement).value)}
+                  style="min-width: 0; width: 100%"
+                />
+              </div>
+              <div class="form-field">
+                <label>Prénom</label>
+                <input
+                  class="form-input"
+                  placeholder="Prénom"
+                  value={newPrenom}
+                  onInput={(e) =>
+                    setNewPrenom((e.target as HTMLInputElement).value)}
+                  style="min-width: 0; width: 100%"
+                />
+              </div>
+              <div class="form-field">
+                <label>Rôle</label>
+                <select
+                  class="filter-select"
+                  value={newIdRole}
+                  onChange={(e) =>
+                    setNewIdRole((e.target as HTMLSelectElement).value)}
+                  style="min-width: 0; width: 100%"
+                >
+                  <option value="">Aucun rôle</option>
+                  {roles.map((r) => (
+                    <option key={r.id} value={r.id}>{r.nom}</option>
+                  ))}
+                </select>
+              </div>
+            </div>
+            <div class="modal-actions">
+              <button
+                type="button"
+                class="btn btn-secondary"
+                onClick={() => setShowCreate(false)}
+              >
+                Annuler
+              </button>
+              <button
+                type="button"
+                class="btn btn-primary"
+                onClick={createUser}
+                disabled={creating}
+              >
+                {creating ? "..." : "+ Créer"}
+              </button>
+            </div>
+          </div>
+        </div>
+      )}
+
+      {loading
+        ? <p class="state-loading">Chargement...</p>
+        : (
+          <div class="data-table-wrap">
+            <table class="data-table">
+              <thead>
+                <tr>
+                  <th>id (login)</th>
+                  <th>Nom</th>
+                  <th>Prénom</th>
+                  <th>Rôle(s)</th>
+                  <th>Actions</th>
+                </tr>
+              </thead>
+              <tbody>
+                {filtered.length === 0
+                  ? (
+                    <tr>
+                      <td colspan={5} class="state-empty">
+                        Aucun utilisateur trouvé
+                      </td>
+                    </tr>
+                  )
+                  : filtered.map((u) => (
+                    <tr key={u.id}>
+                      <td class="col-dim">{u.id}</td>
+                      <td>{u.nom}</td>
+                      <td>{u.prenom}</td>
+                      <td>
+                        {u.idRole
+                          ? (
+                            <span
+                              class="role-chip"
+                              style={`border-color: ${
+                                roleColor(u.idRole)
+                              }; color: ${roleColor(u.idRole)}`}
+                            >
+                              {roleMap[u.idRole] ?? `#${u.idRole}`}
+                            </span>
+                          )
+                          : <span class="col-dim">--</span>}
+                      </td>
+                      <td>
+                        <div class="col-actions">
+                          <a
+                            class="btn btn-sm btn-secondary"
+                            href={`/admin/users/${encodeURIComponent(u.id)}`}
+                            f-client-nav={false}
+                          >
+                            <svg
+                              width="14"
+                              height="14"
+                              viewBox="0 0 24 24"
+                              fill="none"
+                              stroke="currentColor"
+                              stroke-width="2"
+                            >
+                              <path d="M17 3a2.85 2.85 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z" />
+                            </svg>{" "}
+                            edit
+                          </a>
+                          <button
+                            type="button"
+                            class="btn btn-sm btn-danger"
+                            onClick={() => deleteUser(u.id)}
+                          >
+                            <svg
+                              width="14"
+                              height="14"
+                              viewBox="0 0 24 24"
+                              fill="none"
+                              stroke="currentColor"
+                              stroke-width="2"
+                            >
+                              <path d="M3 6h18" />
+                              <path d="M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" />
+                              <rect x="5" y="6" width="14" height="16" rx="1" />
+                            </svg>
+                          </button>
+                        </div>
+                      </td>
+                    </tr>
+                  ))}
+              </tbody>
+            </table>
+          </div>
+        )}
+    </div>
+  );
+}

routes/(apps)/admin/(_islands)/EditModule.tsx

@@ -0,0 +1,344 @@
+import { useEffect, useState } from "preact/hooks";
+
+type Module = { id: string; nom: string };
+type Enseignement = { idProf: string; idModule: string; idPromo: string };
+type User = { id: string; nom: string; prenom: string };
+type Promo = { id: string; annee: string };
+
+type Props = { moduleId: string };
+
+export default function EditModule({ moduleId }: Props) {
+  const [mod, setMod] = useState<Module | null>(null);
+  const [enseignements, setEnseignements] = useState<Enseignement[]>([]);
+  const [users, setUsers] = useState<User[]>([]);
+  const [promos, setPromos] = useState<Promo[]>([]);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState<string | null>(null);
+  const [saveMsg, setSaveMsg] = useState<string | null>(null);
+  const [saving, setSaving] = useState(false);
+
+  const [nom, setNom] = useState("");
+
+  // Add enseignement
+  const [addProf, setAddProf] = useState("");
+  const [addPromo, setAddPromo] = useState("");
+  const [adding, setAdding] = useState(false);
+  const [addError, setAddError] = useState<string | null>(null);
+
+  async function load() {
+    try {
+      const [mRes, eRes, uRes, pRes] = await Promise.all([
+        fetch(`/admin/api/modules/${encodeURIComponent(moduleId)}`),
+        fetch("/admin/api/enseignements"),
+        fetch("/admin/api/users"),
+        fetch("/students/api/promotions"),
+      ]);
+      if (!mRes.ok) throw new Error("ECUE introuvable");
+      const m: Module = await mRes.json();
+      setMod(m);
+      setNom(m.nom);
+      if (eRes.ok) {
+        const all: Enseignement[] = await eRes.json();
+        setEnseignements(all.filter((e) => e.idModule === moduleId));
+      }
+      if (uRes.ok) setUsers(await uRes.json());
+      if (pRes.ok) setPromos(await pRes.json());
+    } catch (e) {
+      setError(e instanceof Error ? e.message : "Erreur");
+    } finally {
+      setLoading(false);
+    }
+  }
+
+  useEffect(() => {
+    load();
+  }, [moduleId]);
+
+  async function saveInfos() {
+    if (!mod) return;
+    setSaving(true);
+    setSaveMsg(null);
+    try {
+      const res = await fetch(
+        `/admin/api/modules/${encodeURIComponent(moduleId)}`,
+        {
+          method: "PUT",
+          headers: { "content-type": "application/json" },
+          body: JSON.stringify({ nom: nom.trim() }),
+        },
+      );
+      if (!res.ok) throw new Error("Modification échouée");
+      const updated: Module = await res.json();
+      setMod(updated);
+      setSaveMsg("ECUE enregistré.");
+    } catch (e) {
+      setError(e instanceof Error ? e.message : "Erreur");
+    } finally {
+      setSaving(false);
+    }
+  }
+
+  async function deleteModule() {
+    if (!confirm(`Supprimer définitivement l'ECUE ${moduleId} ?`)) return;
+    try {
+      const res = await fetch(
+        `/admin/api/modules/${encodeURIComponent(moduleId)}`,
+        { method: "DELETE" },
+      );
+      if (!res.ok) throw new Error("Suppression échouée");
+      globalThis.location.href = "/admin/modules";
+    } catch (e) {
+      setError(e instanceof Error ? e.message : "Erreur");
+    }
+  }
+
+  async function addEnseignement() {
+    if (!addProf || !addPromo) {
+      setAddError("Enseignant et Promo sont requis");
+      return;
+    }
+    setAdding(true);
+    setAddError(null);
+    try {
+      const res = await fetch("/admin/api/enseignements", {
+        method: "POST",
+        headers: { "content-type": "application/json" },
+        body: JSON.stringify({
+          idProf: addProf,
+          idModule: moduleId,
+          idPromo: addPromo,
+        }),
+      });
+      if (!res.ok) {
+        const body = await res.json().catch(() => ({}));
+        throw new Error(body.error ?? "Création échouée");
+      }
+      setAddProf("");
+      setAddPromo("");
+      await load();
+    } catch (e) {
+      setAddError(e instanceof Error ? e.message : "Erreur");
+    } finally {
+      setAdding(false);
+    }
+  }
+
+  async function removeEnseignement(idProf: string, idPromo: string) {
+    if (!confirm("Retirer cet enseignement ?")) return;
+    try {
+      const res = await fetch(
+        `/admin/api/enseignements/${encodeURIComponent(idProf)}/${
+          encodeURIComponent(moduleId)
+        }/${encodeURIComponent(idPromo)}`,
+        { method: "DELETE" },
+      );
+      if (!res.ok) throw new Error("Suppression échouée");
+      await load();
+    } catch (e) {
+      setError(e instanceof Error ? e.message : "Erreur");
+    }
+  }
+
+  const userMap = Object.fromEntries(users.map((u) => [u.id, u]));
+
+  if (loading) {
+    return (
+      <div class="page-content">
+        <p class="state-loading">Chargement...</p>
+      </div>
+    );
+  }
+
+  if (error && !mod) {
+    return (
+      <div class="page-content">
+        <p class="state-error">{error}</p>
+      </div>
+    );
+  }
+
+  if (!mod) return null;
+
+  return (
+    <div class="page-content">
+      <a
+        class="back-link"
+        href="/admin/modules"
+        f-partial="/admin/partials/modules"
+      >
+        &larr; Retour a la liste
+      </a>
+
+      <h2
+        class="page-title"
+        style="border-bottom: none; margin-bottom: 0.5rem"
+      >
+        ECUE -- {mod.id}
+      </h2>
+
+      <div class="info-bar">
+        <span class="module-chip">{mod.id}</span>
+        <span>{mod.nom}</span>
+      </div>
+
+      {error && <p class="state-error">{error}</p>}
+      {saveMsg && (
+        <p style="font-size: 0.82rem; color: light-dark(var(--light-accent-color), var(--dark-accent-color)); margin-bottom: 0.5rem">
+          {saveMsg}
+        </p>
+      )}
+
+      {/* Section 1: Infos */}
+      <div class="edit-section">
+        <p class="edit-section-title">Informations</p>
+        <div class="form-grid">
+          <div class="form-field">
+            <label>Code</label>
+            <input
+              class="form-input"
+              value={mod.id}
+              disabled
+              style="opacity: 0.6"
+            />
+          </div>
+          <div class="form-field">
+            <label>Nom de l'ECUE</label>
+            <input
+              class="form-input"
+              value={nom}
+              onInput={(e) => setNom((e.target as HTMLInputElement).value)}
+            />
+          </div>
+        </div>
+        <div style="display: flex; gap: 0.5rem; justify-content: space-between; flex-wrap: wrap">
+          <button
+            type="button"
+            class="btn btn-primary"
+            onClick={saveInfos}
+            disabled={saving}
+          >
+            {saving ? "..." : "Enregistrer"}
+          </button>
+          <button
+            type="button"
+            class="btn btn-danger"
+            onClick={deleteModule}
+          >
+            Supprimer l'ECUE
+          </button>
+        </div>
+      </div>
+
+      {/* Section 2: Enseignements */}
+      <div class="edit-section">
+        <p class="edit-section-title">Enseignants assignes</p>
+
+        {enseignements.length > 0
+          ? (
+            <div class="data-table-wrap" style="margin-bottom: 1rem">
+              <table class="data-table">
+                <thead>
+                  <tr>
+                    <th>Enseignant</th>
+                    <th>Promo</th>
+                    <th>Actions</th>
+                  </tr>
+                </thead>
+                <tbody>
+                  {enseignements.map((e) => {
+                    const u = userMap[e.idProf];
+                    return (
+                      <tr key={`${e.idProf}-${e.idPromo}`}>
+                        <td>
+                          {u ? `${u.nom} ${u.prenom.charAt(0)}.` : e.idProf}
+                        </td>
+                        <td>
+                          <span class="promo-chip">{e.idPromo}</span>
+                        </td>
+                        <td>
+                          <button
+                            type="button"
+                            class="btn btn-sm btn-danger"
+                            onClick={() =>
+                              removeEnseignement(e.idProf, e.idPromo)}
+                          >
+                            <svg
+                              width="14"
+                              height="14"
+                              viewBox="0 0 24 24"
+                              fill="none"
+                              stroke="currentColor"
+                              stroke-width="2"
+                            >
+                              <path d="M3 6h18" />
+                              <path d="M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" />
+                              <rect
+                                x="5"
+                                y="6"
+                                width="14"
+                                height="16"
+                                rx="1"
+                              />
+                            </svg>
+                          </button>
+                        </td>
+                      </tr>
+                    );
+                  })}
+                </tbody>
+              </table>
+            </div>
+          )
+          : (
+            <p
+              class="state-empty"
+              style="padding: 1rem 0; text-align: left"
+            >
+              Aucun enseignant assigne.
+            </p>
+          )}
+
+        <p style="font-size: 0.78rem; font-weight: var(--font-weight-bold); margin: 0 0 0.5rem">
+          Ajouter un enseignant
+        </p>
+        {addError && (
+          <p class="state-error" style="padding: 0.3rem 0.5rem">
+            {addError}
+          </p>
+        )}
+        <div class="form-row">
+          <select
+            class="filter-select"
+            value={addProf}
+            onChange={(e) => setAddProf((e.target as HTMLSelectElement).value)}
+            style="min-width: 12rem"
+          >
+            <option value="">Enseignant</option>
+            {users.map((u) => (
+              <option key={u.id} value={u.id}>
+                {u.nom} {u.prenom} ({u.id})
+              </option>
+            ))}
+          </select>
+          <select
+            class="filter-select"
+            value={addPromo}
+            onChange={(e) => setAddPromo((e.target as HTMLSelectElement).value)}
+            style="min-width: 9rem"
+          >
+            <option value="">Promo</option>
+            {promos.map((p) => <option key={p.id} value={p.id}>{p.id}</option>)}
+          </select>
+          <button
+            type="button"
+            class="btn btn-primary"
+            onClick={addEnseignement}
+            disabled={adding}
+          >
+            {adding ? "..." : "+ Ajouter"}
+          </button>
+        </div>
+      </div>
+    </div>
+  );
+}

routes/(apps)/admin/(_islands)/EditUser.tsx

@@ -0,0 +1,391 @@
+import { useEffect, useState } from "preact/hooks";
+
+type User = { id: string; nom: string; prenom: string; idRole: number | null };
+type Role = { id: number; nom: string };
+type Enseignement = { idProf: string; idModule: string; idPromo: string };
+type Module = { id: string; nom: string };
+type Promo = { id: string; annee: string };
+
+type Props = { userId: string };
+
+export default function EditUser({ userId }: Props) {
+  const [user, setUser] = useState<User | null>(null);
+  const [roles, setRoles] = useState<Role[]>([]);
+  const [enseignements, setEnseignements] = useState<Enseignement[]>([]);
+  const [modules, setModules] = useState<Module[]>([]);
+  const [promos, setPromos] = useState<Promo[]>([]);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState<string | null>(null);
+  const [saveMsg, setSaveMsg] = useState<string | null>(null);
+  const [saving, setSaving] = useState(false);
+
+  const [nom, setNom] = useState("");
+  const [prenom, setPrenom] = useState("");
+  const [idRole, setIdRole] = useState("");
+
+  // Add enseignement form
+  const [addModule, setAddModule] = useState("");
+  const [addPromo, setAddPromo] = useState("");
+  const [adding, setAdding] = useState(false);
+  const [addError, setAddError] = useState<string | null>(null);
+
+  async function load() {
+    try {
+      const [uRes, rRes, eRes, mRes, pRes] = await Promise.all([
+        fetch(`/admin/api/users/${encodeURIComponent(userId)}`),
+        fetch("/admin/api/roles"),
+        fetch("/admin/api/enseignements"),
+        fetch("/admin/api/modules"),
+        fetch("/students/api/promotions"),
+      ]);
+      if (!uRes.ok) throw new Error("Utilisateur introuvable");
+      const u: User = await uRes.json();
+      setUser(u);
+      setNom(u.nom);
+      setPrenom(u.prenom);
+      setIdRole(u.idRole !== null ? String(u.idRole) : "");
+      if (rRes.ok) setRoles(await rRes.json());
+      if (eRes.ok) {
+        const allEns: Enseignement[] = await eRes.json();
+        setEnseignements(allEns.filter((e) => e.idProf === userId));
+      }
+      if (mRes.ok) setModules(await mRes.json());
+      if (pRes.ok) setPromos(await pRes.json());
+    } catch (e) {
+      setError(e instanceof Error ? e.message : "Erreur");
+    } finally {
+      setLoading(false);
+    }
+  }
+
+  useEffect(() => {
+    load();
+  }, [userId]);
+
+  async function saveInfos() {
+    if (!user) return;
+    setSaving(true);
+    setSaveMsg(null);
+    try {
+      const res = await fetch(
+        `/admin/api/users/${encodeURIComponent(userId)}`,
+        {
+          method: "PUT",
+          headers: { "content-type": "application/json" },
+          body: JSON.stringify({
+            nom: nom.trim(),
+            prenom: prenom.trim(),
+            idRole: idRole ? Number(idRole) : null,
+          }),
+        },
+      );
+      if (!res.ok) throw new Error("Modification échouée");
+      const updated: User = await res.json();
+      setUser(updated);
+      setSaveMsg("Informations enregistrées.");
+    } catch (e) {
+      setError(e instanceof Error ? e.message : "Erreur");
+    } finally {
+      setSaving(false);
+    }
+  }
+
+  async function deleteUser() {
+    if (!confirm(`Supprimer définitivement l'utilisateur ${userId} ?`)) return;
+    try {
+      const res = await fetch(
+        `/admin/api/users/${encodeURIComponent(userId)}`,
+        { method: "DELETE" },
+      );
+      if (!res.ok) throw new Error("Suppression échouée");
+      globalThis.location.href = "/admin/users";
+    } catch (e) {
+      setError(e instanceof Error ? e.message : "Erreur");
+    }
+  }
+
+  async function addEnseignement() {
+    if (!addModule || !addPromo) {
+      setAddError("ECUE et Promo sont requis");
+      return;
+    }
+    setAdding(true);
+    setAddError(null);
+    try {
+      const res = await fetch("/admin/api/enseignements", {
+        method: "POST",
+        headers: { "content-type": "application/json" },
+        body: JSON.stringify({
+          idProf: userId,
+          idModule: addModule,
+          idPromo: addPromo,
+        }),
+      });
+      if (!res.ok) {
+        const body = await res.json().catch(() => ({}));
+        throw new Error(body.error ?? "Création échouée");
+      }
+      setAddModule("");
+      setAddPromo("");
+      await load();
+    } catch (e) {
+      setAddError(e instanceof Error ? e.message : "Erreur");
+    } finally {
+      setAdding(false);
+    }
+  }
+
+  async function removeEnseignement(idModule: string, idPromo: string) {
+    if (!confirm("Retirer cet enseignement ?")) return;
+    try {
+      const res = await fetch(
+        `/admin/api/enseignements/${encodeURIComponent(userId)}/${
+          encodeURIComponent(idModule)
+        }/${encodeURIComponent(idPromo)}`,
+        { method: "DELETE" },
+      );
+      if (!res.ok) throw new Error("Suppression échouée");
+      await load();
+    } catch (e) {
+      setError(e instanceof Error ? e.message : "Erreur");
+    }
+  }
+
+  const moduleMap = Object.fromEntries(modules.map((m) => [m.id, m]));
+  const roleMap = Object.fromEntries(roles.map((r) => [r.id, r.nom]));
+
+  if (loading) {
+    return (
+      <div class="page-content">
+        <p class="state-loading">Chargement...</p>
+      </div>
+    );
+  }
+
+  if (error && !user) {
+    return (
+      <div class="page-content">
+        <p class="state-error">{error}</p>
+      </div>
+    );
+  }
+
+  if (!user) return null;
+
+  return (
+    <div class="page-content">
+      <a
+        class="back-link"
+        href="/admin/users"
+        f-partial="/admin/partials/users"
+      >
+        &larr; Retour a la liste
+      </a>
+
+      <h2
+        class="page-title"
+        style="border-bottom: none; margin-bottom: 0.5rem"
+      >
+        Edition -- {user.prenom} {user.nom}
+      </h2>
+
+      <div class="info-bar">
+        <span class="numEtud-chip">{user.id}</span>
+        <span>
+          {user.idRole
+            ? (roleMap[user.idRole] ?? `Role #${user.idRole}`)
+            : "Aucun role"}
+        </span>
+      </div>
+
+      {error && <p class="state-error">{error}</p>}
+      {saveMsg && (
+        <p style="font-size: 0.82rem; color: light-dark(var(--light-accent-color), var(--dark-accent-color)); margin-bottom: 0.5rem">
+          {saveMsg}
+        </p>
+      )}
+
+      {/* Section 1: Informations generales */}
+      <div class="edit-section">
+        <p class="edit-section-title">Informations generales</p>
+
+        <div class="form-grid">
+          <div class="form-field">
+            <label>Nom</label>
+            <input
+              class="form-input"
+              value={nom}
+              onInput={(e) => setNom((e.target as HTMLInputElement).value)}
+            />
+          </div>
+          <div class="form-field">
+            <label>Prenom</label>
+            <input
+              class="form-input"
+              value={prenom}
+              onInput={(e) => setPrenom((e.target as HTMLInputElement).value)}
+            />
+          </div>
+          <div class="form-field">
+            <label>Login</label>
+            <input
+              class="form-input"
+              value={user.id}
+              disabled
+              style="opacity: 0.6"
+            />
+          </div>
+          <div class="form-field">
+            <label>Role</label>
+            <select
+              class="filter-select"
+              value={idRole}
+              onChange={(e) => setIdRole((e.target as HTMLSelectElement).value)}
+              style="min-width: 0"
+            >
+              <option value="">Aucun role</option>
+              {roles.map((r) => <option key={r.id} value={r.id}>{r.nom}
+              </option>)}
+            </select>
+          </div>
+        </div>
+
+        <div style="display: flex; gap: 0.5rem; justify-content: space-between; flex-wrap: wrap">
+          <button
+            type="button"
+            class="btn btn-primary"
+            onClick={saveInfos}
+            disabled={saving}
+          >
+            {saving ? "..." : "Enregistrer"}
+          </button>
+          <button
+            type="button"
+            class="btn btn-danger"
+            onClick={deleteUser}
+          >
+            Supprimer l'utilisateur
+          </button>
+        </div>
+      </div>
+
+      {/* Section 2: Enseignements */}
+      <div class="edit-section">
+        <p class="edit-section-title">Enseignements</p>
+        <p
+          class="col-dim"
+          style="font-size: 0.75rem; margin: 0 0 0.75rem"
+        >
+          ECUEs enseignes par cet utilisateur
+        </p>
+
+        {enseignements.length > 0
+          ? (
+            <div class="data-table-wrap" style="margin-bottom: 1rem">
+              <table class="data-table">
+                <thead>
+                  <tr>
+                    <th>ECUE</th>
+                    <th>Promo</th>
+                    <th>Actions</th>
+                  </tr>
+                </thead>
+                <tbody>
+                  {enseignements.map((e) => {
+                    const mod = moduleMap[e.idModule];
+                    return (
+                      <tr key={`${e.idModule}-${e.idPromo}`}>
+                        <td class="col-promo">
+                          {mod ? `${mod.id} -- ${mod.nom}` : e.idModule}
+                        </td>
+                        <td>
+                          <span class="promo-chip">{e.idPromo}</span>
+                        </td>
+                        <td>
+                          <button
+                            type="button"
+                            class="btn btn-sm btn-danger"
+                            onClick={() =>
+                              removeEnseignement(e.idModule, e.idPromo)}
+                          >
+                            <svg
+                              width="14"
+                              height="14"
+                              viewBox="0 0 24 24"
+                              fill="none"
+                              stroke="currentColor"
+                              stroke-width="2"
+                            >
+                              <path d="M3 6h18" />
+                              <path d="M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" />
+                              <rect
+                                x="5"
+                                y="6"
+                                width="14"
+                                height="16"
+                                rx="1"
+                              />
+                            </svg>
+                          </button>
+                        </td>
+                      </tr>
+                    );
+                  })}
+                </tbody>
+              </table>
+            </div>
+          )
+          : (
+            <p
+              class="state-empty"
+              style="padding: 1rem 0; text-align: left"
+            >
+              Aucun enseignement assigne.
+            </p>
+          )}
+
+        <p style="font-size: 0.78rem; font-weight: var(--font-weight-bold); margin: 0 0 0.5rem">
+          Ajouter un enseignement
+        </p>
+        {addError && (
+          <p class="state-error" style="padding: 0.3rem 0.5rem">
+            {addError}
+          </p>
+        )}
+        <div class="form-row">
+          <select
+            class="filter-select"
+            value={addModule}
+            onChange={(e) =>
+              setAddModule((e.target as HTMLSelectElement).value)}
+            style="min-width: 12rem"
+          >
+            <option value="">ECUE</option>
+            {modules.map((m) => (
+              <option key={m.id} value={m.id}>
+                {m.id} -- {m.nom}
+              </option>
+            ))}
+          </select>
+          <select
+            class="filter-select"
+            value={addPromo}
+            onChange={(e) => setAddPromo((e.target as HTMLSelectElement).value)}
+            style="min-width: 9rem"
+          >
+            <option value="">Promo</option>
+            {promos.map((p) => <option key={p.id} value={p.id}>{p.id}</option>)}
+          </select>
+          <button
+            type="button"
+            class="btn btn-primary"
+            onClick={addEnseignement}
+            disabled={adding}
+          >
+            {adding ? "..." : "+ Ajouter"}
+          </button>
+        </div>
+      </div>
+    </div>
+  );
+}

routes/(apps)/admin/(_islands)/ImportMaquette.tsx

@@ -0,0 +1,557 @@
+// @deno-types="https://cdn.sheetjs.com/xlsx-0.20.3/package/types/index.d.ts"
+import * as XLSX from "https://cdn.sheetjs.com/xlsx-0.20.3/package/xlsx.mjs";
+import { useEffect, useRef } from "preact/hooks";
+import { useSignal } from "@preact/signals";
+import ImportResultPopup, {
+  type ImportDetail,
+  type ImportResult,
+} from "$root/defaults/ImportResultPopup.tsx";
+
+type ParsedUE = {
+  code: string | null;
+  name: string;
+  ects: number | null;
+  modules: ParsedModule[];
+};
+
+type ParsedModule = {
+  code: string;
+  name: string;
+  coeff: number;
+};
+
+type ParsedYear = {
+  label: string;
+  ues: ParsedUE[];
+};
+
+type Promo = { id: string; annee: string | null };
+
+function parseMaquette(workbook: XLSX.WorkBook): ParsedYear[] {
+  const sheet = workbook.Sheets[workbook.SheetNames[0]];
+  const rows = XLSX.utils.sheet_to_json<(string | number | null)[]>(sheet, {
+    header: 1,
+  });
+
+  const years: ParsedYear[] = [];
+  let currentYear: ParsedYear | null = null;
+  let currentUE: ParsedUE | null = null;
+  let moduleIndex = 0;
+
+  for (const row of rows) {
+    if (!row || row.length === 0) continue;
+
+    const col0 = row[0] != null ? String(row[0]).trim() : "";
+
+    // Detect year row: INFO3A, INFO4A, INFO5A, INFOAPP3A, INFOAPP4A, etc.
+    if (/^(INFO|INFOAPP)\s*\d+A$/i.test(col0)) {
+      currentYear = { label: col0, ues: [] };
+      years.push(currentYear);
+      currentUE = null;
+      continue;
+    }
+
+    // Detect UE row: col[0] === "UE" or starts with "UE" (e.g., "UE51")
+    if (col0 === "UE" || (col0.startsWith("UE") && /^UE\d/.test(col0))) {
+      const ueCode = row[1] != null ? String(row[1]).trim() : null;
+      const ueName = row[2] != null ? String(row[2]).trim() : "UE sans nom";
+      const ects = typeof row[4] === "number" ? row[4] : null;
+
+      currentUE = { code: ueCode, name: ueName, ects, modules: [] };
+      if (currentYear) {
+        currentYear.ues.push(currentUE);
+      } else {
+        // No year detected yet — create a default one
+        currentYear = { label: "Maquette", ues: [currentUE] };
+        years.push(currentYear);
+      }
+      moduleIndex = 0;
+      continue;
+    }
+
+    // Detect semester header rows — just skip, don't reset UE
+    if (/^SEM\s*\d/i.test(col0)) {
+      currentUE = null;
+      continue;
+    }
+
+    // Detect module row: inside a UE, col[3] has a name, col[5] is a number (coeff)
+    if (currentUE && row[3] != null && typeof row[5] === "number") {
+      const modName = String(row[3]).trim();
+      if (!modName) continue;
+
+      let modCode = row[1] != null ? String(row[1]).trim() : "";
+      if (!modCode) {
+        const uePrefix = (currentUE.code || "MOD").replace(/[^A-Z0-9]/gi, "");
+        modCode = `${uePrefix}_${String(moduleIndex).padStart(2, "0")}`;
+      }
+
+      currentUE.modules.push({ code: modCode, name: modName, coeff: row[5] });
+      moduleIndex++;
+    }
+  }
+
+  return years;
+}
+
+export default function ImportMaquette() {
+  const file = useSignal<File | null>(null);
+  const dragging = useSignal(false);
+  const uploading = useSignal(false);
+  const error = useSignal<string | null>(null);
+  const importResult = useSignal<ImportResult | null>(null);
+  const preview = useSignal<ParsedYear[] | null>(null);
+  const promos = useSignal<Promo[]>([]);
+  // Map: year label -> selected promo id
+  const yearPromos = useSignal<Record<string, string>>({});
+  // Inline promo creation
+  const newPromoId = useSignal("");
+  const newPromoAnnee = useSignal("");
+  const creatingPromo = useSignal(false);
+  const inputRef = useRef<HTMLInputElement>(null);
+
+  useEffect(() => {
+    fetch("/students/api/promotions")
+      .then((r) => (r.ok ? r.json() : []))
+      .then((data) => (promos.value = data));
+  }, []);
+
+  function pickFile(f: File) {
+    if (!f.name.match(/\.xlsx?$/i)) {
+      error.value = "Fichier invalide — format attendu : .xlsx";
+      return;
+    }
+    file.value = f;
+    error.value = null;
+    importResult.value = null;
+    preview.value = null;
+    yearPromos.value = {};
+
+    f.arrayBuffer().then((buf) => {
+      try {
+        const wb = XLSX.read(buf, { type: "array" });
+        preview.value = parseMaquette(wb);
+      } catch {
+        error.value = "Impossible de lire le fichier.";
+      }
+    });
+  }
+
+  async function createPromo() {
+    if (!newPromoId.value.trim() || !newPromoAnnee.value.trim()) return;
+    creatingPromo.value = true;
+    try {
+      const res = await fetch("/students/api/promotions", {
+        method: "POST",
+        headers: { "content-type": "application/json" },
+        body: JSON.stringify({
+          idPromo: newPromoId.value.trim(),
+          annee: newPromoAnnee.value.trim(),
+        }),
+      });
+      if (res.ok) {
+        const created = await res.json();
+        promos.value = [...promos.value, {
+          id: created.id,
+          annee: created.annee,
+        }];
+        newPromoId.value = "";
+        newPromoAnnee.value = "";
+      } else {
+        error.value = "Erreur lors de la creation de la promotion.";
+      }
+    } finally {
+      creatingPromo.value = false;
+    }
+  }
+
+  function setYearPromo(yearLabel: string, promoId: string) {
+    yearPromos.value = { ...yearPromos.value, [yearLabel]: promoId };
+  }
+
+  // Check that at least one year has a promo assigned
+  function canImport(): boolean {
+    if (!preview.value || uploading.value) return false;
+    return preview.value.some((y) => yearPromos.value[y.label]);
+  }
+
+  async function doImport() {
+    if (!preview.value) return;
+    uploading.value = true;
+    error.value = null;
+    importResult.value = null;
+
+    let added = 0;
+    let ignored = 0;
+    let errCount = 0;
+    const details: ImportDetail[] = [];
+
+    try {
+      for (const year of preview.value) {
+        const promoId = yearPromos.value[year.label];
+        if (!promoId) {
+          ignored += year.ues.reduce((s, ue) => s + ue.modules.length + 1, 0);
+          details.push({
+            type: "error",
+            message: `${year.label} : ignoree (pas de promo selectionnee)`,
+          });
+          continue;
+        }
+
+        for (const ue of year.ues) {
+          const ueRes = await fetch("/admin/api/ues", {
+            method: "POST",
+            headers: { "content-type": "application/json" },
+            body: JSON.stringify({ nom: ue.name }),
+          });
+          if (!ueRes.ok) {
+            errCount++;
+            details.push({
+              type: "error",
+              message: `UE "${ue.name}" : creation echouee`,
+            });
+            continue;
+          }
+          const createdUE = await ueRes.json();
+          added++;
+          details.push({
+            type: "change",
+            message: `UE "${ue.name}" creee (id: ${createdUE.id})`,
+          });
+
+          for (const mod of ue.modules) {
+            const modRes = await fetch("/admin/api/modules", {
+              method: "POST",
+              headers: { "content-type": "application/json" },
+              body: JSON.stringify({ id: mod.code, nom: mod.name }),
+            });
+            if (modRes.ok) {
+              added++;
+              details.push({
+                type: "change",
+                message: `ECUE ${mod.code} "${mod.name}" cree`,
+              });
+            } else if (modRes.status !== 409) {
+              errCount++;
+              details.push({
+                type: "error",
+                message: `ECUE "${mod.code}" : creation echouee`,
+              });
+              continue;
+            }
+
+            const linkRes = await fetch("/admin/api/ue-modules", {
+              method: "POST",
+              headers: { "content-type": "application/json" },
+              body: JSON.stringify({
+                idModule: mod.code,
+                idUE: createdUE.id,
+                idPromo: promoId,
+                coeff: mod.coeff,
+              }),
+            });
+            if (linkRes.ok) {
+              added++;
+            } else {
+              errCount++;
+              details.push({
+                type: "error",
+                message: `Lien ${mod.code} -> UE ${ue.name} : echoue`,
+              });
+            }
+          }
+        }
+      }
+
+      importResult.value = {
+        added,
+        modified: 0,
+        ignored,
+        errors: errCount,
+        details,
+      };
+    } catch {
+      error.value = "Erreur lors de l'import.";
+    } finally {
+      uploading.value = false;
+    }
+  }
+
+  function downloadTemplate() {
+    globalThis.open("/templates/modele_maquette.xlsx", "_blank");
+  }
+
+  function _downloadExport() {
+    Promise.all([
+      fetch("/admin/api/ues").then((r) => r.json()),
+      fetch("/admin/api/ue-modules").then((r) => r.json()),
+      fetch("/admin/api/modules").then((r) => r.json()),
+    ]).then(([uesData, ueModulesData, modulesData]) => {
+      const modMap = Object.fromEntries(
+        modulesData.map((m: { id: string; nom: string }) => [m.id, m]),
+      );
+
+      const data: (string | number | null)[][] = [
+        [
+          "Annee\nSemestres",
+          "Codes APOGEE",
+          null,
+          null,
+          "Credits\nECTS",
+          "Coeff.",
+        ],
+      ];
+
+      for (const ue of uesData) {
+        const mods = ueModulesData.filter(
+          (um: { idUE: number }) => um.idUE === ue.id,
+        );
+        const totalCoeff = mods.reduce(
+          (s: number, um: { coeff: number }) => s + um.coeff,
+          0,
+        );
+        data.push(["UE", null, ue.nom, null, totalCoeff]);
+        for (const um of mods) {
+          const mod = modMap[um.idModule];
+          data.push([
+            null,
+            um.idModule,
+            null,
+            mod ? mod.nom : um.idModule,
+            null,
+            um.coeff,
+          ]);
+        }
+        data.push([]);
+      }
+
+      const wb = XLSX.utils.book_new();
+      const ws = XLSX.utils.aoa_to_sheet(data);
+      XLSX.utils.book_append_sheet(wb, ws, "Maquette");
+      const buf = XLSX.write(wb, { bookType: "xlsx", type: "array" });
+      const blob = new Blob([buf], {
+        type:
+          "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
+      });
+      const url = URL.createObjectURL(blob);
+      const a = document.createElement("a");
+      a.href = url;
+      a.download = "export_maquette.xlsx";
+      a.style.display = "none";
+      document.body.appendChild(a);
+      a.click();
+      document.body.removeChild(a);
+      setTimeout(() => URL.revokeObjectURL(url), 100);
+    });
+  }
+
+  return (
+    <div>
+      <input
+        ref={inputRef}
+        type="file"
+        accept=".xlsx,.xls"
+        style="display:none"
+        onChange={(e) => {
+          const f = (e.target as HTMLInputElement).files?.[0];
+          if (f) pickFile(f);
+        }}
+      />
+
+      <div
+        class={`drop-zone${dragging.value ? " dragging" : ""}`}
+        onDragOver={(e) => {
+          e.preventDefault();
+          dragging.value = true;
+        }}
+        onDragLeave={() => (dragging.value = false)}
+        onDrop={(e) => {
+          e.preventDefault();
+          dragging.value = false;
+          const f = e.dataTransfer?.files?.[0];
+          if (f) pickFile(f);
+        }}
+        onClick={() => inputRef.current?.click()}
+      >
+        <span class="drop-zone-icon">⬇</span>
+        {file.value ? <span class="drop-zone-file">{file.value.name}</span> : (
+          <>
+            <span class="drop-zone-text">
+              Glisser le fichier maquette .xlsx ici
+            </span>
+            <span class="drop-zone-hint">ou cliquer pour parcourir</span>
+          </>
+        )}
+      </div>
+
+      {error.value && <p class="state-error">{error.value}</p>}
+
+      {importResult.value && (
+        <ImportResultPopup
+          result={importResult.value}
+          onClose={() => (importResult.value = null)}
+        />
+      )}
+
+      {/* Create promo inline */}
+      <div class="create-promo-inline">
+        <label style="font-size: 0.82rem; font-weight: 600; display: block; margin-bottom: 0.25rem">
+          Creer une promotion
+        </label>
+        <div style="display: flex; gap: 0.5rem; align-items: center; flex-wrap: wrap">
+          <input
+            type="text"
+            class="filter-select"
+            placeholder="ID (ex: 3AFISE24-25)"
+            value={newPromoId.value}
+            onInput={(
+              e,
+            ) => (newPromoId.value = (e.target as HTMLInputElement).value)}
+            style="min-width: 10rem"
+          />
+          <input
+            type="text"
+            class="filter-select"
+            placeholder="Annee (ex: 2024-2025)"
+            value={newPromoAnnee.value}
+            onInput={(
+              e,
+            ) => (newPromoAnnee.value = (e.target as HTMLInputElement).value)}
+            style="min-width: 8rem"
+          />
+          <button
+            type="button"
+            class="btn btn-secondary"
+            onClick={createPromo}
+            disabled={creatingPromo.value || !newPromoId.value.trim() ||
+              !newPromoAnnee.value.trim()}
+            style="white-space: nowrap"
+          >
+            {creatingPromo.value ? "..." : "+ Creer"}
+          </button>
+        </div>
+      </div>
+
+      {/* Preview grouped by year */}
+      {preview.value && preview.value.length > 0 && (
+        <div style="margin-bottom: 1rem">
+          {preview.value.map((year) => {
+            const totalMods = year.ues.reduce(
+              (s, ue) => s + ue.modules.length,
+              0,
+            );
+            return (
+              <div key={year.label} style="margin-bottom: 1.25rem">
+                <div style="display: flex; gap: 1rem; align-items: center; margin-bottom: 0.5rem; flex-wrap: wrap">
+                  <p style="font-size: 0.85rem; font-weight: 700; margin: 0">
+                    {year.label}
+                    <span class="col-dim" style="font-weight: 400">
+                      — {year.ues.length} UE, {totalMods} ECUEs
+                    </span>
+                  </p>
+                  <select
+                    class="filter-select"
+                    value={yearPromos.value[year.label] || ""}
+                    onChange={(e) =>
+                      setYearPromo(
+                        year.label,
+                        (e.target as HTMLSelectElement).value,
+                      )}
+                  >
+                    <option value="">— Ignorer —</option>
+                    {promos.value.map((p) => (
+                      <option key={p.id} value={p.id}>{p.id}</option>
+                    ))}
+                  </select>
+                </div>
+
+                <div
+                  class="data-table-wrap"
+                  style="max-height: 15rem; overflow-y: auto"
+                >
+                  <table class="data-table">
+                    <thead>
+                      <tr>
+                        <th>UE</th>
+                        <th>ECUE</th>
+                        <th>Code</th>
+                        <th>Coeff</th>
+                      </tr>
+                    </thead>
+                    <tbody>
+                      {year.ues.map((ue, i) =>
+                        ue.modules.length === 0
+                          ? (
+                            <tr key={`ue-${i}`}>
+                              <td style="font-weight: 600">{ue.name}</td>
+                              <td class="col-dim" colspan={3}>
+                                Aucun ECUE
+                              </td>
+                            </tr>
+                          )
+                          : ue.modules.map((mod, j) => (
+                            <tr key={`${i}-${j}`}>
+                              {j === 0 && (
+                                <td
+                                  rowSpan={ue.modules.length}
+                                  style="font-weight: 600; vertical-align: top"
+                                >
+                                  {ue.name}
+                                  {ue.ects != null && (
+                                    <span class="col-dim">
+                                      ({ue.ects} ECTS)
+                                    </span>
+                                  )}
+                                </td>
+                              )}
+                              <td>{mod.name}</td>
+                              <td class="col-dim">{mod.code}</td>
+                              <td>{mod.coeff}</td>
+                            </tr>
+                          ))
+                      )}
+                    </tbody>
+                  </table>
+                </div>
+              </div>
+            );
+          })}
+        </div>
+      )}
+
+      <div class="upload-actions">
+        <button
+          type="button"
+          class="btn btn-primary"
+          onClick={doImport}
+          disabled={!canImport()}
+        >
+          {uploading.value ? "..." : "+ Importer"}
+        </button>
+        <button
+          type="button"
+          class="btn btn-secondary"
+          onClick={downloadTemplate}
+        >
+          Telecharger Modele
+        </button>
+        {
+          /* TODO: fix blob download in Fresh
+        <button
+          type="button"
+          class="btn btn-secondary"
+          onClick={downloadExport}
+        >
+          Exporter Maquette
+        </button>
+        */
+        }
+      </div>
+
+      <p class="upload-format">
+        Format : fichier maquette FISE / FISA avec lignes <strong>UE</strong>
+        et <strong>ECUEs</strong> (colonnes code, nom, coefficient)
+      </p>
+    </div>
+  );
+}

routes/(apps)/admin/(_props)/props.ts

@@ -4,10 +4,28 @@ const properties: AppProperties = {
   name: "Admin",
   icon: "school",
   pages: {
-    index: "Homepage",
+    index: "Accueil",
+    users: "Utilisateurs",
+    roles: "Rôles",
+    permissions: "Permissions",
+    modules: "ECUEs",
+    enseignements: "Enseignements",
+    promotions: "Promotions",
+    ues: "UEs",
+    "import-maquette": "Import Maquette",
   },
-  adminOnly: [],
-  hint: "PolyMPR module",
+  adminOnly: [
+    "users",
+    "roles",
+    "permissions",
+    "modules",
+    "enseignements",
+    "promotions",
+    "ues",
+    "import-maquette",
+  ],
+  employeeOnly: true,
+  hint: "PolyMPR ECUE",
 };
 
 export default properties;

routes/(apps)/admin/[slug].tsx

@@ -0,0 +1,2 @@
+import makeSlug from "$root/defaults/makeSlug.ts";
+export default makeSlug(import.meta.dirname!);

routes/(apps)/admin/api/enseignements.ts

@@ -4,33 +4,52 @@ import { enseignements } from "$root/databases/schema.ts";
 import { AuthenticatedState } from "$root/defaults/interfaces.ts";
 import { and, eq } from "npm:drizzle-orm@0.45.2";
 
-const _NOT_FOUND = new Response(
-  JSON.stringify({ error: "Ressource introuvable" }),
-  { status: 404, headers: { "content-type": "application/json" } },
-);
+const _NOT_FOUND = () =>
+  new Response(
+    JSON.stringify({ error: "Ressource introuvable" }),
+    { status: 404, headers: { "content-type": "application/json" } },
+  );
 
-const FORBIDDEN = new Response(null, { status: 403 });
+const FORBIDDEN = () => new Response(null, { status: 403 });
 
-const CONFLICT = new Response(
-  JSON.stringify({ error: "Cet enseignement existe déjà." }),
-  { status: 409, headers: { "content-type": "application/json" } },
-);
+const CONFLICT = () =>
+  new Response(
+    JSON.stringify({ error: "Cet enseignement existe déjà." }),
+    { status: 409, headers: { "content-type": "application/json" } },
+  );
 
 export const handler: Handlers<null, AuthenticatedState> = {
+  // GET /enseignements
+  async GET(
+    _request: Request,
+    context: FreshContext<AuthenticatedState>,
+  ): Promise<Response> {
+    if (context.state.session.eduPersonPrimaryAffiliation !== "employee") {
+      return new Response(JSON.stringify([]), {
+        headers: { "content-type": "application/json" },
+      });
+    }
+    const rows = await db.select().from(enseignements);
+    return new Response(JSON.stringify(rows), {
+      headers: { "content-type": "application/json" },
+    });
+  },
+
   // #29 POST /enseignements
   async POST(
     request: Request,
     context: FreshContext<AuthenticatedState>,
   ): Promise<Response> {
     if (context.state.session.eduPersonPrimaryAffiliation !== "employee") {
-      return FORBIDDEN;
+      return FORBIDDEN();
     }
 
-    const body: {
-      idProf: string;
-      idModule: string;
-      idPromo: string;
-    } = await request.json();
+    let body: { idProf: string; idModule: string; idPromo: string };
+    try {
+      body = await request.json();
+    } catch {
+      return new Response(null, { status: 500 });
+    }
 
     if (!body.idProf || !body.idModule || !body.idPromo) {
       return new Response(null, { status: 400 });
@@ -50,7 +69,7 @@ export const handler: Handlers<null, AuthenticatedState> = {
       .then((rows) => rows[0] ?? null);
 
     if (existing) {
-      return CONFLICT;
+      return CONFLICT();
     }
 
     const [created] = await db

routes/(apps)/admin/api/enseignements/[idProf]/[idModule]/[idPromo].ts

@@ -4,12 +4,13 @@ import { enseignements } from "$root/databases/schema.ts";
 import { AuthenticatedState } from "$root/defaults/interfaces.ts";
 import { and, eq } from "npm:drizzle-orm@0.45.2";
 
-const NOT_FOUND = new Response(
-  JSON.stringify({ error: "Ressource introuvable" }),
-  { status: 404, headers: { "content-type": "application/json" } },
-);
+const NOT_FOUND = () =>
+  new Response(
+    JSON.stringify({ error: "Ressource introuvable" }),
+    { status: 404, headers: { "content-type": "application/json" } },
+  );
 
-const FORBIDDEN = new Response(null, { status: 403 });
+const FORBIDDEN = () => new Response(null, { status: 403 });
 
 export const handler: Handlers<null, AuthenticatedState> = {
   // #30 GET /enseignements/{idProf}/{idModule}/{idPromo}
@@ -18,7 +19,7 @@ export const handler: Handlers<null, AuthenticatedState> = {
     context: FreshContext<AuthenticatedState>,
   ): Promise<Response> {
     if (context.state.session.eduPersonPrimaryAffiliation !== "employee") {
-      return FORBIDDEN;
+      return FORBIDDEN();
     }
 
     const idProf = context.params.idProf;
@@ -37,7 +38,7 @@ export const handler: Handlers<null, AuthenticatedState> = {
       )
       .then((rows) => rows[0] ?? null);
 
-    if (!enseignement) return NOT_FOUND;
+    if (!enseignement) return NOT_FOUND();
 
     return new Response(JSON.stringify(enseignement), {
       headers: { "content-type": "application/json" },
@@ -50,7 +51,7 @@ export const handler: Handlers<null, AuthenticatedState> = {
     context: FreshContext<AuthenticatedState>,
   ): Promise<Response> {
     if (context.state.session.eduPersonPrimaryAffiliation !== "employee") {
-      return FORBIDDEN;
+      return FORBIDDEN();
     }
 
     const idProf = context.params.idProf;
@@ -68,7 +69,7 @@ export const handler: Handlers<null, AuthenticatedState> = {
       )
       .returning();
 
-    if (!deleted) return NOT_FOUND;
+    if (!deleted) return NOT_FOUND();
 
     return new Response(null, { status: 204 });
   },

routes/(apps)/admin/api/modules.ts

@@ -8,14 +8,8 @@ export const handler: Handlers<null, AuthenticatedState> = {
   // #23 GET /modules
   async GET(
     _request: Request,
-    context: FreshContext<AuthenticatedState>,
+    _context: FreshContext<AuthenticatedState>,
   ): Promise<Response> {
-    if (context.state.session.eduPersonPrimaryAffiliation !== "employee") {
-      return new Response(JSON.stringify([]), {
-        headers: { "content-type": "application/json" },
-      });
-    }
-
     const rows = await db.select().from(modules);
     return new Response(JSON.stringify(rows), {
       headers: { "content-type": "application/json" },
@@ -31,9 +25,14 @@ export const handler: Handlers<null, AuthenticatedState> = {
       return new Response(null, { status: 403 });
     }
 
-    const body: { id: string; nom: string } = await request.json();
+    let body: { id: string; nom: string };
+    try {
+      body = await request.json();
+    } catch {
+      return new Response(null, { status: 500 });
+    }
 
-    if (!body.id || !body.nom) {
+    if (!body.id || !body.id.trim() || !body.nom || !body.nom.trim()) {
       return new Response(null, { status: 400 });
     }
 
@@ -45,7 +44,7 @@ export const handler: Handlers<null, AuthenticatedState> = {
 
     if (existing) {
       return new Response(
-        JSON.stringify({ error: "Un module avec cet identifiant existe déjà" }),
+        JSON.stringify({ error: "Un ECUE avec cet identifiant existe déjà" }),
         { status: 409, headers: { "content-type": "application/json" } },
       );
     }

routes/(apps)/admin/api/modules/[idModule].ts

@@ -1,13 +1,19 @@
 import { FreshContext, Handlers } from "$fresh/server.ts";
 import { db } from "$root/databases/db.ts";
-import { modules } from "$root/databases/schema.ts";
+import {
+  enseignements,
+  modules,
+  notes,
+  ueModules,
+} from "$root/databases/schema.ts";
 import { AuthenticatedState } from "$root/defaults/interfaces.ts";
 import { eq } from "npm:drizzle-orm@0.45.2";
 
-const NOT_FOUND = new Response(
-  JSON.stringify({ error: "Ressource introuvable" }),
-  { status: 404, headers: { "content-type": "application/json" } },
-);
+const NOT_FOUND = () =>
+  new Response(
+    JSON.stringify({ error: "Ressource introuvable" }),
+    { status: 404, headers: { "content-type": "application/json" } },
+  );
 
 export const handler: Handlers<null, AuthenticatedState> = {
   // #25 GET /modules/{idModule}
@@ -21,7 +27,7 @@ export const handler: Handlers<null, AuthenticatedState> = {
       .where(eq(modules.id, context.params.idModule))
       .then((rows) => rows[0] ?? null);
 
-    if (!module) return NOT_FOUND;
+    if (!module) return NOT_FOUND();
 
     return new Response(JSON.stringify(module), {
       headers: { "content-type": "application/json" },
@@ -33,7 +39,16 @@ export const handler: Handlers<null, AuthenticatedState> = {
     request: Request,
     context: FreshContext<AuthenticatedState>,
   ): Promise<Response> {
-    const body: { nom: string } = await request.json();
+    let body: { nom: string };
+    try {
+      body = await request.json();
+    } catch {
+      return new Response(null, { status: 500 });
+    }
+
+    if (typeof body.nom !== "string") {
+      return new Response(null, { status: 400 });
+    }
 
     const [updated] = await db
       .update(modules)
@@ -41,7 +56,7 @@ export const handler: Handlers<null, AuthenticatedState> = {
       .where(eq(modules.id, context.params.idModule))
       .returning();
 
-    if (!updated) return NOT_FOUND;
+    if (!updated) return NOT_FOUND();
 
     return new Response(JSON.stringify(updated), {
       headers: { "content-type": "application/json" },
@@ -49,16 +64,29 @@ export const handler: Handlers<null, AuthenticatedState> = {
   },
 
   // #27 DELETE /modules/{idModule}
+  // Cascade: deletes notes, ue_modules, enseignements for this module.
   async DELETE(
     _request: Request,
     context: FreshContext<AuthenticatedState>,
   ): Promise<Response> {
-    const [deleted] = await db
-      .delete(modules)
-      .where(eq(modules.id, context.params.idModule))
-      .returning();
+    const idModule = context.params.idModule;
 
-    if (!deleted) return NOT_FOUND;
+    const mod = await db
+      .select()
+      .from(modules)
+      .where(eq(modules.id, idModule))
+      .then((r) => r[0] ?? null);
+
+    if (!mod) return NOT_FOUND();
+
+    await db.transaction(async (tx) => {
+      await tx.delete(notes).where(eq(notes.idModule, idModule));
+      await tx.delete(ueModules).where(eq(ueModules.idModule, idModule));
+      await tx.delete(enseignements).where(
+        eq(enseignements.idModule, idModule),
+      );
+      await tx.delete(modules).where(eq(modules.id, idModule));
+    });
 
     return new Response(null, { status: 204 });
   },

routes/(apps)/admin/api/permissions.ts

@@ -1,21 +1,15 @@
-import { Handlers } from "$fresh/server.ts";
+import { FreshContext, Handlers } from "$fresh/server.ts";
+import { db } from "$root/databases/db.ts";
+import { permissions } from "$root/databases/schema.ts";
 import { AuthenticatedState } from "$root/defaults/interfaces.ts";
 
-const PERMISSIONS = [
-  { id: "student_read", nom: "Consulter les élèves" },
-  { id: "student_write", nom: "Gérer les élèves" },
-  { id: "note_read", nom: "Consulter les notes" },
-  { id: "note_write", nom: "Gérer les notes" },
-  { id: "module_read", nom: "Consulter les modules" },
-  { id: "module_write", nom: "Gérer les modules" },
-  { id: "user_read", nom: "Consulter les utilisateurs" },
-  { id: "user_write", nom: "Gérer les utilisateurs" },
-  { id: "role_write", nom: "Gérer les rôles" },
-] as const;
-
 export const handler: Handlers<null, AuthenticatedState> = {
-  GET(_request, _context): Response {
-    return new Response(JSON.stringify(PERMISSIONS), {
+  async GET(
+    _request: Request,
+    _context: FreshContext<AuthenticatedState>,
+  ): Promise<Response> {
+    const result = await db.select().from(permissions);
+    return new Response(JSON.stringify(result), {
       headers: { "content-type": "application/json" },
     });
   },

routes/(apps)/admin/api/roles/[idRole].ts

@@ -1,13 +1,14 @@
 import { FreshContext, Handlers } from "$fresh/server.ts";
 import { db } from "$root/databases/db.ts";
-import { rolePermissions, roles } from "$root/databases/schema.ts";
+import { rolePermissions, roles, users } from "$root/databases/schema.ts";
 import { AuthenticatedState } from "$root/defaults/interfaces.ts";
 import { eq } from "npm:drizzle-orm@0.45.2";
 
-const NOT_FOUND = new Response(
-  JSON.stringify({ error: "Ressource introuvable" }),
-  { status: 404, headers: { "content-type": "application/json" } },
-);
+const NOT_FOUND = () =>
+  new Response(
+    JSON.stringify({ error: "Ressource introuvable" }),
+    { status: 404, headers: { "content-type": "application/json" } },
+  );
 
 async function getRoleWithPermissions(
   id: number,
@@ -41,7 +42,7 @@ export const handler: Handlers<null, AuthenticatedState> = {
     const id = Number(context.params.idRole);
     const role = await getRoleWithPermissions(id);
 
-    if (!role) return NOT_FOUND;
+    if (!role) return NOT_FOUND();
 
     return new Response(JSON.stringify(role), {
       headers: { "content-type": "application/json" },
@@ -62,7 +63,7 @@ export const handler: Handlers<null, AuthenticatedState> = {
       .where(eq(roles.id, id))
       .returning();
 
-    if (!updated) return NOT_FOUND;
+    if (!updated) return NOT_FOUND();
 
     // Reset permissions
     await db.delete(rolePermissions).where(eq(rolePermissions.idRole, id));
@@ -80,21 +81,29 @@ export const handler: Handlers<null, AuthenticatedState> = {
   },
 
   // #69 DELETE /roles/{idRole}
+  // Cascade: deletes role_permissions, detaches users (idRole set to null).
   async DELETE(
     _request: Request,
     context: FreshContext<AuthenticatedState>,
   ): Promise<Response> {
     const id = Number(context.params.idRole);
 
-    // Cascade delete role_permissions first
-    await db.delete(rolePermissions).where(eq(rolePermissions.idRole, id));
-
-    const [deleted] = await db
-      .delete(roles)
+    const role = await db
+      .select()
+      .from(roles)
       .where(eq(roles.id, id))
-      .returning();
+      .then((r) => r[0] ?? null);
 
-    if (!deleted) return NOT_FOUND;
+    if (!role) return NOT_FOUND();
+
+    await db.transaction(async (tx) => {
+      await tx.delete(rolePermissions).where(eq(rolePermissions.idRole, id));
+      await tx
+        .update(users)
+        .set({ idRole: null })
+        .where(eq(users.idRole, id));
+      await tx.delete(roles).where(eq(roles.id, id));
+    });
 
     return new Response(null, { status: 204 });
   },

routes/(apps)/admin/api/ue-modules.ts

@@ -0,0 +1,72 @@
+import { Handlers } from "$fresh/server.ts";
+import { db } from "../../../../databases/db.ts";
+import { ueModules } from "../../../../databases/schema.ts";
+import { and, eq } from "npm:drizzle-orm@0.45.2";
+
+export const handler: Handlers = {
+  // #37 GET /ue-modules
+  async GET(request) {
+    try {
+      const url = new URL(request.url);
+      const idPromo = url.searchParams.get("idPromo");
+      const idUEParam = url.searchParams.get("idUE");
+
+      const idUE = idUEParam ? parseInt(idUEParam) : null;
+
+      if (idUEParam && isNaN(idUE!)) {
+        return new Response("Paramètre idUE invalide", { status: 400 });
+      }
+
+      const result = await db.select().from(ueModules).where(
+        and(
+          idPromo ? eq(ueModules.idPromo, idPromo) : undefined,
+          idUE ? eq(ueModules.idUE, idUE) : undefined,
+        ),
+      );
+
+      return new Response(JSON.stringify(result), {
+        status: 200,
+        headers: { "Content-Type": "application/json" },
+      });
+    } catch (error) {
+      console.error("Error fetching UE-modules:", error);
+      return new Response("Failed to fetch data", { status: 500 });
+    }
+  },
+
+  // #38 POST /ue-modules
+  async POST(request) {
+    try {
+      const body = await request.json();
+      const { idModule, idUE, idPromo, coeff } = body;
+
+      if (!idModule || !idUE || !idPromo || coeff === undefined) {
+        return new Response(
+          "Champs 'idModule', 'idUE', 'idPromo' et 'coeff' requis",
+          { status: 400 },
+        );
+      }
+
+      if (typeof coeff !== "number" || coeff < 0) {
+        return new Response("Champ 'coeff' doit être un nombre >= 0", {
+          status: 400,
+        });
+      }
+
+      const result = await db.insert(ueModules).values({
+        idModule,
+        idUE,
+        idPromo,
+        coeff,
+      }).returning();
+
+      return new Response(JSON.stringify(result[0]), {
+        status: 201,
+        headers: { "Content-Type": "application/json" },
+      });
+    } catch (error) {
+      console.error("Error creating UE-ECUE:", error);
+      return new Response("Failed to create UE-ECUE", { status: 500 });
+    }
+  },
+};

routes/(apps)/admin/api/ue-modules/[idModule]/[idUE]/[idPromo].ts

@@ -4,17 +4,19 @@ import { ueModules } from "$root/databases/schema.ts";
 import { AuthenticatedState } from "$root/defaults/interfaces.ts";
 import { and, eq } from "npm:drizzle-orm@0.45.2";
 
-const NOT_FOUND = new Response(
-  JSON.stringify({ error: "Association UE-Module introuvable" }),
-  { status: 404, headers: { "content-type": "application/json" } },
-);
+const NOT_FOUND = () =>
+  new Response(
+    JSON.stringify({ error: "Association UE-ECUE introuvable" }),
+    { status: 404, headers: { "content-type": "application/json" } },
+  );
 
-const FORBIDDEN = new Response(null, { status: 403 });
+const FORBIDDEN = () => new Response(null, { status: 403 });
 
-const BAD_REQUEST = new Response(
-  JSON.stringify({ error: "Paramètres invalides" }),
-  { status: 400, headers: { "content-type": "application/json" } },
-);
+const BAD_REQUEST = () =>
+  new Response(
+    JSON.stringify({ error: "Paramètres invalides" }),
+    { status: 400, headers: { "content-type": "application/json" } },
+  );
 
 export const handler: Handlers<null, AuthenticatedState> = {
   // #39 GET /ue-modules/{idModule}/{idUE}/{idPromo}
@@ -23,7 +25,7 @@ export const handler: Handlers<null, AuthenticatedState> = {
     context: FreshContext<AuthenticatedState>,
   ): Promise<Response> {
     if (context.state.session.eduPersonPrimaryAffiliation !== "employee") {
-      return FORBIDDEN;
+      return FORBIDDEN();
     }
 
     const idModule = context.params.idModule;
@@ -31,7 +33,7 @@ export const handler: Handlers<null, AuthenticatedState> = {
     const idPromo = context.params.idPromo;
 
     if (isNaN(idUE)) {
-      return BAD_REQUEST;
+      return BAD_REQUEST();
     }
 
     const ueModuleAssociation = await db
@@ -44,7 +46,7 @@ export const handler: Handlers<null, AuthenticatedState> = {
       )
       .then((rows) => rows[0] ?? null);
 
-    if (!ueModuleAssociation) return NOT_FOUND;
+    if (!ueModuleAssociation) return NOT_FOUND();
 
     return new Response(JSON.stringify(ueModuleAssociation), {
       headers: { "content-type": "application/json" },
@@ -57,7 +59,7 @@ export const handler: Handlers<null, AuthenticatedState> = {
     context: FreshContext<AuthenticatedState>,
   ): Promise<Response> {
     if (context.state.session.eduPersonPrimaryAffiliation !== "employee") {
-      return FORBIDDEN;
+      return FORBIDDEN();
     }
 
     const idModule = context.params.idModule;
@@ -65,7 +67,7 @@ export const handler: Handlers<null, AuthenticatedState> = {
     const idPromo = context.params.idPromo;
 
     if (isNaN(idUE)) {
-      return BAD_REQUEST;
+      return BAD_REQUEST();
     }
 
     const body: { coeff: number } = await request.json();
@@ -89,7 +91,7 @@ export const handler: Handlers<null, AuthenticatedState> = {
       )
       .returning();
 
-    if (!updated) return NOT_FOUND;
+    if (!updated) return NOT_FOUND();
 
     return new Response(
       JSON.stringify({
@@ -110,7 +112,7 @@ export const handler: Handlers<null, AuthenticatedState> = {
     context: FreshContext<AuthenticatedState>,
   ): Promise<Response> {
     if (context.state.session.eduPersonPrimaryAffiliation !== "employee") {
-      return FORBIDDEN;
+      return FORBIDDEN();
     }
 
     const idModule = context.params.idModule;
@@ -118,7 +120,7 @@ export const handler: Handlers<null, AuthenticatedState> = {
     const idPromo = context.params.idPromo;
 
     if (isNaN(idUE)) {
-      return BAD_REQUEST;
+      return BAD_REQUEST();
     }
 
     const [deleted] = await db
@@ -132,7 +134,7 @@ export const handler: Handlers<null, AuthenticatedState> = {
       )
       .returning();
 
-    if (!deleted) return NOT_FOUND;
+    if (!deleted) return NOT_FOUND();
 
     return new Response(null, { status: 204 });
   },

routes/(apps)/admin/api/ues.ts

@@ -0,0 +1,42 @@
+import { Handlers } from "$fresh/server.ts";
+import { db } from "../../../../databases/db.ts";
+import { ues } from "../../../../databases/schema.ts";
+
+export const handler: Handlers = {
+  // #32 GET /ues
+  async GET() {
+    try {
+      const result = await db.select().from(ues);
+
+      return new Response(JSON.stringify(result), {
+        status: 200,
+        headers: { "Content-Type": "application/json" },
+      });
+    } catch (error) {
+      console.error("Error fetching UEs:", error);
+      return new Response("Failed to fetch data", { status: 500 });
+    }
+  },
+
+  // #33 POST /ues
+  async POST(request) {
+    try {
+      const body = await request.json();
+      const { nom } = body;
+
+      if (!nom || !nom.trim()) {
+        return new Response("Champ 'nom' manquant", { status: 400 });
+      }
+
+      const result = await db.insert(ues).values({ nom }).returning();
+
+      return new Response(JSON.stringify(result[0]), {
+        status: 201,
+        headers: { "Content-Type": "application/json" },
+      });
+    } catch (error) {
+      console.error("Error creating UE:", error);
+      return new Response("Failed to create UE", { status: 500 });
+    }
+  },
+};

routes/(apps)/admin/api/ues/[idUE].ts

@@ -1,6 +1,10 @@
 import { Handlers } from "$fresh/server.ts";
 import { db } from "../../../../../databases/db.ts";
-import { ues } from "../../../../../databases/schema.ts";
+import {
+  ajustements,
+  ueModules,
+  ues,
+} from "../../../../../databases/schema.ts";
 import { eq } from "npm:drizzle-orm@0.45.2";
 
 export const handler: Handlers = {
@@ -87,6 +91,7 @@ export const handler: Handlers = {
   },
 
   // #36 DELETE /ues/:idUE
+  // Cascade: deletes ajustements, ue_modules for this UE.
   async DELETE(_request, context) {
     try {
       const idUE = parseInt(context.params.idUE);
@@ -101,9 +106,9 @@ export const handler: Handlers = {
         );
       }
 
-      const result = await db.delete(ues).where(eq(ues.id, idUE)).returning();
+      const existing = await db.select().from(ues).where(eq(ues.id, idUE));
 
-      if (result.length === 0) {
+      if (existing.length === 0) {
         return new Response(
           JSON.stringify({ error: "Ressource introuvable" }),
           {
@@ -113,6 +118,12 @@ export const handler: Handlers = {
         );
       }
 
+      await db.transaction(async (tx) => {
+        await tx.delete(ajustements).where(eq(ajustements.idUE, idUE));
+        await tx.delete(ueModules).where(eq(ueModules.idUE, idUE));
+        await tx.delete(ues).where(eq(ues.id, idUE));
+      });
+
       return new Response(null, { status: 204 });
     } catch (error) {
       console.error("Error deleting UE:", error);

routes/(apps)/admin/api/users.ts

@@ -27,10 +27,17 @@ export const handler: Handlers<null, AuthenticatedState> = {
     request: Request,
     _context: FreshContext<AuthenticatedState>,
   ): Promise<Response> {
-    const body: { id: string; nom: string; prenom: string; idRole: number } =
-      await request.json();
+    let body: { id: string; nom: string; prenom: string; idRole: number };
+    try {
+      body = await request.json();
+    } catch {
+      return new Response(null, { status: 500 });
+    }
 
-    if (!body.id || !body.nom || !body.prenom) {
+    if (
+      !body.id || !body.id.trim() || !body.nom || !body.nom.trim() ||
+      !body.prenom || !body.prenom.trim()
+    ) {
       return new Response(null, { status: 400 });
     }
 

routes/(apps)/admin/api/users/[id].ts

@@ -1,13 +1,14 @@
 import { FreshContext, Handlers } from "$fresh/server.ts";
 import { db } from "$root/databases/db.ts";
-import { users } from "$root/databases/schema.ts";
+import { enseignements, users } from "$root/databases/schema.ts";
 import { AuthenticatedState } from "$root/defaults/interfaces.ts";
 import { eq } from "npm:drizzle-orm@0.45.2";
 
-const NOT_FOUND = new Response(
-  JSON.stringify({ error: "Ressource introuvable" }),
-  { status: 404, headers: { "content-type": "application/json" } },
-);
+const NOT_FOUND = () =>
+  new Response(
+    JSON.stringify({ error: "Ressource introuvable" }),
+    { status: 404, headers: { "content-type": "application/json" } },
+  );
 
 export const handler: Handlers<null, AuthenticatedState> = {
   // #62 GET /users/{id}
@@ -21,7 +22,7 @@ export const handler: Handlers<null, AuthenticatedState> = {
       .where(eq(users.id, context.params.id))
       .then((rows) => rows[0] ?? null);
 
-    if (!user) return NOT_FOUND;
+    if (!user) return NOT_FOUND();
 
     return new Response(JSON.stringify(user), {
       headers: { "content-type": "application/json" },
@@ -42,7 +43,7 @@ export const handler: Handlers<null, AuthenticatedState> = {
       .where(eq(users.id, context.params.id))
       .returning();
 
-    if (!updated) return NOT_FOUND;
+    if (!updated) return NOT_FOUND();
 
     return new Response(JSON.stringify(updated), {
       headers: { "content-type": "application/json" },
@@ -50,16 +51,25 @@ export const handler: Handlers<null, AuthenticatedState> = {
   },
 
   // #64 DELETE /users/{id}
+  // Cascade: deletes enseignements for this user.
   async DELETE(
     _request: Request,
     context: FreshContext<AuthenticatedState>,
   ): Promise<Response> {
-    const [deleted] = await db
-      .delete(users)
-      .where(eq(users.id, context.params.id))
-      .returning();
+    const id = context.params.id;
 
-    if (!deleted) return NOT_FOUND;
+    const user = await db
+      .select()
+      .from(users)
+      .where(eq(users.id, id))
+      .then((r) => r[0] ?? null);
+
+    if (!user) return NOT_FOUND();
+
+    await db.transaction(async (tx) => {
+      await tx.delete(enseignements).where(eq(enseignements.idProf, id));
+      await tx.delete(users).where(eq(users.id, id));
+    });
 
     return new Response(null, { status: 204 });
   },

routes/(apps)/admin/modules/[idModule].tsx

@@ -0,0 +1,11 @@
+import { FreshContext } from "$fresh/server.ts";
+import { AuthenticatedState } from "$root/defaults/interfaces.ts";
+import EditModule from "../(_islands)/EditModule.tsx";
+
+// deno-lint-ignore require-await
+export default async function EditModulePage(
+  _request: Request,
+  context: FreshContext<AuthenticatedState>,
+) {
+  return <EditModule moduleId={context.params.idModule} />;
+}

routes/(apps)/admin/partials/enseignements.tsx

@@ -0,0 +1,19 @@
+import {
+  getPartialsConfig,
+  makePartials,
+} from "$root/defaults/makePartials.tsx";
+import { FreshContext } from "$fresh/server.ts";
+import { State } from "$root/defaults/interfaces.ts";
+import AdminEnseignements from "../(_islands)/AdminEnseignements.tsx";
+
+// deno-lint-ignore require-await
+async function Enseignements(
+  _request: Request,
+  _context: FreshContext<State>,
+) {
+  return <AdminEnseignements />;
+}
+
+export { Enseignements as Page };
+export const config = getPartialsConfig();
+export default makePartials(Enseignements);

routes/(apps)/admin/partials/import-maquette.tsx

@@ -0,0 +1,24 @@
+import {
+  getPartialsConfig,
+  makePartials,
+} from "$root/defaults/makePartials.tsx";
+import { FreshContext } from "$fresh/server.ts";
+import { State } from "$root/defaults/interfaces.ts";
+import ImportMaquette from "../(_islands)/ImportMaquette.tsx";
+
+// deno-lint-ignore require-await
+async function ImportMaquettePage(
+  _request: Request,
+  _context: FreshContext<State>,
+) {
+  return (
+    <div class="page-content">
+      <h2 class="page-title">Importer une Maquette (UE & Modules)</h2>
+      <ImportMaquette />
+    </div>
+  );
+}
+
+export { ImportMaquettePage as Page };
+export const config = getPartialsConfig();
+export default makePartials(ImportMaquettePage);

routes/(apps)/admin/partials/index.tsx

@@ -3,10 +3,41 @@ import {
   makePartials,
 } from "$root/defaults/makePartials.tsx";
 import { FreshContext } from "$fresh/server.ts";
-import { State } from "$root/routes/_middleware.ts";
+import { State } from "$root/defaults/interfaces.ts";
 
-export function Index(_request: Request, _context: FreshContext<State>) {
-  return <h2>Welcome to Admin.</h2>;
+// deno-lint-ignore require-await
+export async function Index(
+  _request: Request,
+  context: FreshContext<State>,
+) {
+  return (
+    <div class="page-content">
+      <h2 class="page-title">Administration</h2>
+      <p>
+        Bienvenue{" "}
+        <strong>
+          {(context.state as unknown as { session: Record<string, string> })
+            .session.displayName}
+        </strong>
+        .
+      </p>
+      <p>
+        Gérez les{" "}
+        <a href="/admin/modules" f-partial="/admin/partials/modules">
+          modules
+        </a>
+        ,{" "}
+        <a href="/admin/users" f-partial="/admin/partials/users">
+          utilisateurs
+        </a>
+        ,{" "}
+        <a href="/admin/roles" f-partial="/admin/partials/roles">
+          rôles
+        </a>{" "}
+        depuis la barre de navigation.
+      </p>
+    </div>
+  );
 }
 
 export const config = getPartialsConfig();

routes/(apps)/admin/partials/modules.tsx

@@ -0,0 +1,19 @@
+import {
+  getPartialsConfig,
+  makePartials,
+} from "$root/defaults/makePartials.tsx";
+import { FreshContext } from "$fresh/server.ts";
+import { State } from "$root/defaults/interfaces.ts";
+import AdminModules from "../(_islands)/AdminModules.tsx";
+
+// deno-lint-ignore require-await
+async function Modules(
+  _request: Request,
+  _context: FreshContext<State>,
+) {
+  return <AdminModules />;
+}
+
+export { Modules as Page };
+export const config = getPartialsConfig();
+export default makePartials(Modules);

routes/(apps)/admin/partials/permissions.tsx

@@ -0,0 +1,19 @@
+import {
+  getPartialsConfig,
+  makePartials,
+} from "$root/defaults/makePartials.tsx";
+import { FreshContext } from "$fresh/server.ts";
+import { State } from "$root/defaults/interfaces.ts";
+import AdminPermissions from "../(_islands)/AdminPermissions.tsx";
+
+// deno-lint-ignore require-await
+async function Permissions(
+  _request: Request,
+  _context: FreshContext<State>,
+) {
+  return <AdminPermissions />;
+}
+
+export { Permissions as Page };
+export const config = getPartialsConfig();
+export default makePartials(Permissions);

routes/(apps)/admin/partials/promotions.tsx

@@ -0,0 +1,19 @@
+import {
+  getPartialsConfig,
+  makePartials,
+} from "$root/defaults/makePartials.tsx";
+import { FreshContext } from "$fresh/server.ts";
+import { State } from "$root/defaults/interfaces.ts";
+import AdminPromotions from "../(_islands)/AdminPromotions.tsx";
+
+// deno-lint-ignore require-await
+async function Promotions(
+  _request: Request,
+  _context: FreshContext<State>,
+) {
+  return <AdminPromotions />;
+}
+
+export { Promotions as Page };
+export const config = getPartialsConfig();
+export default makePartials(Promotions);

routes/(apps)/admin/partials/roles.tsx

@@ -0,0 +1,19 @@
+import {
+  getPartialsConfig,
+  makePartials,
+} from "$root/defaults/makePartials.tsx";
+import { FreshContext } from "$fresh/server.ts";
+import { State } from "$root/defaults/interfaces.ts";
+import AdminRoles from "../(_islands)/AdminRoles.tsx";
+
+// deno-lint-ignore require-await
+async function Roles(
+  _request: Request,
+  _context: FreshContext<State>,
+) {
+  return <AdminRoles />;
+}
+
+export { Roles as Page };
+export const config = getPartialsConfig();
+export default makePartials(Roles);

routes/(apps)/admin/partials/ues.tsx

@@ -0,0 +1,19 @@
+import {
+  getPartialsConfig,
+  makePartials,
+} from "$root/defaults/makePartials.tsx";
+import { FreshContext } from "$fresh/server.ts";
+import { State } from "$root/defaults/interfaces.ts";
+import AdminUEs from "../(_islands)/AdminUEs.tsx";
+
+// deno-lint-ignore require-await
+async function UEs(
+  _request: Request,
+  _context: FreshContext<State>,
+) {
+  return <AdminUEs />;
+}
+
+export { UEs as Page };
+export const config = getPartialsConfig();
+export default makePartials(UEs);

routes/(apps)/admin/partials/users.tsx

@@ -0,0 +1,19 @@
+import {
+  getPartialsConfig,
+  makePartials,
+} from "$root/defaults/makePartials.tsx";
+import { FreshContext } from "$fresh/server.ts";
+import { State } from "$root/defaults/interfaces.ts";
+import AdminUsers from "../(_islands)/AdminUsers.tsx";
+
+// deno-lint-ignore require-await
+async function Users(
+  _request: Request,
+  _context: FreshContext<State>,
+) {
+  return <AdminUsers />;
+}
+
+export { Users as Page };
+export const config = getPartialsConfig();
+export default makePartials(Users);

routes/(apps)/admin/users/[id].tsx

@@ -0,0 +1,11 @@
+import { FreshContext } from "$fresh/server.ts";
+import { AuthenticatedState } from "$root/defaults/interfaces.ts";
+import EditUser from "../(_islands)/EditUser.tsx";
+
+// deno-lint-ignore require-await
+export default async function EditUserPage(
+  _request: Request,
+  context: FreshContext<AuthenticatedState>,
+) {
+  return <EditUser userId={context.params.id} />;
+}

routes/(apps)/mobility/(_islands)/ConsultMobility.tsx

@@ -1,115 +0,0 @@
-import { useEffect, useState } from "preact/hooks";
-
-interface Promotion {
-  id: number;
-  name: string;
-}
-
-interface Student {
-  id: string;
-  firstName: string;
-  lastName: string;
-  promotionId: number;
-}
-
-interface Mobility {
-  id: number;
-  studentId: string;
-  startDate: string | null;
-  endDate: string | null;
-  weeksCount: number | null;
-  destinationCountry: string | null;
-  destinationName: string | null;
-  mobilityStatus: string;
-}
-
-export default function ConsultMobility() {
-  const [data, setData] = useState<
-    | {
-      promotions?: Promotion[];
-      students?: Student[];
-      mobilities?: Mobility[];
-    }
-    | null
-  >(null);
-  const [error, setError] = useState<string | null>(null);
-
-  useEffect(() => {
-    const fetchData = async () => {
-      console.log("ConsultMobility: Fetching data from API...");
-      try {
-        const response = await fetch("/mobility/api/insert_mobility");
-        console.log("ConsultMobility: API response status:", response.status);
-
-        if (!response.ok) {
-          throw new Error(`Error fetching data: ${response.statusText}`);
-        }
-
-        const result = await response.json();
-        console.log("ConsultMobility: Data fetched successfully:", result);
-        setData(result);
-      } catch (err) {
-        console.error("ConsultMobility: Error fetching data:", err);
-        setError("Failed to load mobility data. Please try again later.");
-      }
-    };
-
-    fetchData();
-  }, []);
-
-  if (error) {
-    return <p className="error">{error}</p>;
-  }
-
-  if (!data?.promotions) {
-    return <p>No promotions found.</p>;
-  }
-
-  return (
-    <section>
-      <h2>Consult Mobility</h2>
-      {data.promotions.map((promo) => (
-        <div key={promo.id}>
-          <h3>Promotion: {promo.name}</h3>
-          <table>
-            <thead>
-              <tr>
-                <th>ID</th>
-                <th>First Name</th>
-                <th>Last Name</th>
-                <th>Start Date</th>
-                <th>End Date</th>
-                <th>Weeks Count</th>
-                <th>Destination Country</th>
-                <th>Destination Name</th>
-                <th>Status</th>
-              </tr>
-            </thead>
-            <tbody>
-              {data.students
-                ?.filter((student) => student.promotionId === promo.id)
-                .map((student) => {
-                  const mobility = data.mobilities?.find((mob) =>
-                    mob.studentId === student.id
-                  );
-                  return (
-                    <tr key={student.id}>
-                      <td>{student.id}</td>
-                      <td>{student.firstName}</td>
-                      <td>{student.lastName}</td>
-                      <td>{mobility?.startDate || "N/A"}</td>
-                      <td>{mobility?.endDate || "N/A"}</td>
-                      <td>{mobility?.weeksCount ?? "N/A"}</td>
-                      <td>{mobility?.destinationCountry || "N/A"}</td>
-                      <td>{mobility?.destinationName || "N/A"}</td>
-                      <td>{mobility?.mobilityStatus || "N/A"}</td>
-                    </tr>
-                  );
-                })}
-            </tbody>
-          </table>
-        </div>
-      ))}
-    </section>
-  );
-}

routes/(apps)/mobility/(_islands)/ConsultStudents_test.tsx

@@ -1,75 +0,0 @@
-import { useEffect, useState } from "preact/hooks";
-
-interface Promotion {
-  id: number;
-  name: string;
-}
-
-interface Student {
-  id: number;
-  firstName: string;
-  lastName: string;
-  mail: string;
-  promotionId: number;
-  promotionName: string;
-}
-
-export default function ConsultStudents_test() {
-  const [data, setData] = useState<
-    { promotions: Promotion[]; students: Student[] } | null
-  >(null);
-  const [error, setError] = useState<string | null>(null);
-
-  useEffect(() => {
-    const fetchData = async () => {
-      try {
-        const response = await fetch("/students/api/insert_students");
-        if (!response.ok) {
-          throw new Error(`Error fetching data: ${response.statusText}`);
-        }
-
-        const result = await response.json();
-        setData(result);
-      } catch (err) {
-        console.error("Error fetching data:", err);
-        setError("Failed to load data. Please try again later.");
-      }
-    };
-
-    fetchData();
-  }, []);
-
-  return (
-    <section>
-      <h2>Consult Students</h2>
-      {error && <p className="error">{error}</p>}
-      {data?.promotions.map((promo) => (
-        <div key={promo.id}>
-          <h3>Promotion: {promo.id}</h3>
-          <table>
-            <thead>
-              <tr>
-                <th>ID</th>
-                <th>First Name</th>
-                <th>Last Name</th>
-                <th>Email</th>
-              </tr>
-            </thead>
-            <tbody>
-              {data.students
-                .filter((student) => student.promotionId === promo.id)
-                .map((student) => (
-                  <tr key={student.id}>
-                    <td>{student.id}</td>
-                    <td>{student.firstName}</td>
-                    <td>{student.lastName}</td>
-                    <td>{student.mail}</td>
-                  </tr>
-                ))}
-            </tbody>
-          </table>
-        </div>
-      ))}
-    </section>
-  );
-}

routes/(apps)/mobility/(_islands)/EditMobility.tsx

@@ -1,248 +0,0 @@
-import { useEffect, useState } from "preact/hooks";
-
-interface Student {
-  id: string;
-  firstName: string;
-  lastName: string;
-  promotionId: number;
-}
-
-interface Promotion {
-  id: number;
-  name: string;
-}
-
-interface Mobility {
-  id: number | null;
-  studentId: string;
-  startDate: string | null;
-  endDate: string | null;
-  weeksCount: number | null;
-  destinationCountry: string | null;
-  destinationName: string | null;
-  mobilityStatus: string;
-}
-
-export default function EditMobility() {
-  const [data, setData] = useState<
-    | {
-      promotions?: Promotion[];
-      students?: Student[];
-      mobilities?: Mobility[];
-    }
-    | null
-  >(null);
-  const [error, setError] = useState<string | null>(null);
-  const [isSaving, setIsSaving] = useState(false);
-
-  useEffect(() => {
-    const fetchData = async () => {
-      console.log("EditMobility: Fetching data from API...");
-      try {
-        const response = await fetch("/mobility/api/insert_mobility");
-        console.log("EditMobility: API response status:", response.status);
-
-        if (!response.ok) {
-          throw new Error(`Error fetching data: ${response.statusText}`);
-        }
-
-        const result = await response.json();
-        console.log("EditMobility: Data fetched successfully:", result);
-        setData(result);
-      } catch (err) {
-        console.error("EditMobility: Error fetching data:", err);
-        setError("Failed to load mobility data. Please try again later.");
-      }
-    };
-
-    fetchData();
-  }, []);
-
-  const handleChange = (
-    studentId: string,
-    field: keyof Mobility,
-    value: string | number | null,
-  ) => {
-    if (!data) return;
-
-    setData((prevData) => {
-      if (!prevData) return null;
-
-      const updatedMobilities = prevData.mobilities?.map((mobility) => {
-        if (mobility.studentId === studentId) {
-          const updatedMobility = { ...mobility, [field]: value };
-
-          if (field === "startDate" || field === "endDate") {
-            const startDate = new Date(updatedMobility.startDate || "");
-            const endDate = new Date(updatedMobility.endDate || "");
-            if (startDate && endDate && startDate <= endDate) {
-              const weeks = Math.ceil(
-                (endDate.getTime() - startDate.getTime()) /
-                  (7 * 24 * 60 * 60 * 1000),
-              );
-              updatedMobility.weeksCount = weeks;
-            } else {
-              updatedMobility.weeksCount = null;
-            }
-          }
-
-          return updatedMobility;
-        }
-        return mobility;
-      }) || [];
-
-      return { ...prevData, mobilities: updatedMobilities };
-    });
-  };
-
-  const handleSave = async () => {
-    setIsSaving(true);
-
-    try {
-      const response = await fetch("/mobility/api/insert_mobility", {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({ data: data?.mobilities }),
-      });
-
-      console.log("EditMobility: Save response status:", response.status);
-
-      if (response.ok) {
-        alert("Data saved successfully!");
-        globalThis.location.reload();
-      } else {
-        throw new Error(`Failed to save data: ${response.statusText}`);
-      }
-    } catch (error) {
-      console.error("EditMobility: Error saving data:", error);
-      alert("An error occurred while saving data.");
-    } finally {
-      setIsSaving(false);
-    }
-  };
-
-  if (error) {
-    return <p className="error">{error}</p>;
-  }
-
-  if (!data?.promotions) {
-    return <p>Loading data...</p>;
-  }
-
-  return (
-    <section>
-      <h2>Edit Mobility</h2>
-      {data.promotions.map((promo) => (
-        <div key={promo.id}>
-          <h3>Promotion: {promo.name}</h3>
-          <table>
-            <thead>
-              <tr>
-                <th>ID</th>
-                <th>First Name</th>
-                <th>Last Name</th>
-                <th>Start Date</th>
-                <th>End Date</th>
-                <th>Weeks Count</th>
-                <th>Destination Country</th>
-                <th>Destination Name</th>
-                <th>Status</th>
-              </tr>
-            </thead>
-            <tbody>
-              {data.students
-                ?.filter((student) => student.promotionId === promo.id)
-                .map((student) => {
-                  const mobility = data.mobilities?.find((mob) =>
-                    mob.studentId === student.id
-                  ) || {
-                    id: null,
-                    studentId: student.id,
-                    startDate: null,
-                    endDate: null,
-                    weeksCount: null,
-                    destinationCountry: null,
-                    destinationName: null,
-                    mobilityStatus: "N/A",
-                  };
-
-                  return (
-                    <tr key={student.id}>
-                      <td>{student.id}</td>
-                      <td>{student.firstName}</td>
-                      <td>{student.lastName}</td>
-                      <td>
-                        <input
-                          type="date"
-                          value={mobility.startDate || ""}
-                          onChange={(e) =>
-                            handleChange(
-                              student.id,
-                              "startDate",
-                              e.target.value,
-                            )}
-                        />
-                      </td>
-                      <td>
-                        <input
-                          type="date"
-                          value={mobility.endDate || ""}
-                          onChange={(e) =>
-                            handleChange(student.id, "endDate", e.target.value)}
-                        />
-                      </td>
-                      <td>{mobility.weeksCount ?? "N/A"}</td>
-                      <td>
-                        <input
-                          type="text"
-                          value={mobility.destinationCountry || ""}
-                          onChange={(e) =>
-                            handleChange(
-                              student.id,
-                              "destinationCountry",
-                              e.target.value,
-                            )}
-                        />
-                      </td>
-                      <td>
-                        <input
-                          type="text"
-                          value={mobility.destinationName || ""}
-                          onChange={(e) =>
-                            handleChange(
-                              student.id,
-                              "destinationName",
-                              e.target.value,
-                            )}
-                        />
-                      </td>
-                      <td>
-                        <select
-                          value={mobility.mobilityStatus}
-                          onChange={(e) =>
-                            handleChange(
-                              student.id,
-                              "mobilityStatus",
-                              e.target.value,
-                            )}
-                        >
-                          <option value="N/A">N/A</option>
-                          <option value="Planned">Planned</option>
-                          <option value="In Progress">In Progress</option>
-                          <option value="Completed">Completed</option>
-                          <option value="Validated">Validated</option>
-                        </select>
-                      </td>
-                    </tr>
-                  );
-                })}
-            </tbody>
-          </table>
-        </div>
-      ))}
-      <button type="button" onClick={handleSave} disabled={isSaving}>
-        {isSaving ? "Saving..." : "Confirm"}
-      </button>
-    </section>
-  );
-}

routes/(apps)/mobility/(_islands)/MobilityOverview.tsx

@@ -0,0 +1,997 @@
+import { useEffect, useState } from "preact/hooks";
+
+type Student = {
+  numEtud: number;
+  nom: string;
+  prenom: string;
+  idPromo: string;
+};
+type Promotion = { id: string; annee: string };
+type Mobilite = {
+  id: number;
+  numEtud: number;
+  duree: number;
+  contratMob: string | null;
+  ecole: string | null;
+  pays: string | null;
+  status: string;
+  idStage: number | null;
+};
+type Stage = {
+  id: number;
+  numEtud: number;
+  duree: number;
+  nomEntreprise: string;
+  mission: string | null;
+};
+
+const REQUIRED_WEEKS = 12;
+
+const STATUS_ORDER = [
+  "contracts_received",
+  "under_revision",
+  "done",
+  "validated",
+  "canceled",
+] as const;
+
+const STATUS_LABELS: Record<string, string> = {
+  contracts_received: "Contrats reçus",
+  under_revision: "En révision",
+  done: "Signé",
+  validated: "Validé",
+  canceled: "Annulé",
+};
+
+const STATUS_COLORS: Record<string, string> = {
+  contracts_received: "#f5a623",
+  under_revision: "#dc2626",
+  done: "#22c55e",
+  validated: "light-dark(var(--light-accent-color), var(--dark-accent-color))",
+  canceled:
+    "light-dark(var(--light-foreground-dim), var(--dark-foreground-dim))",
+};
+
+function lowestStatus(mobs: Mobilite[]): string {
+  let lowest = STATUS_ORDER.length - 1;
+  for (const m of mobs) {
+    const idx = STATUS_ORDER.indexOf(m.status as typeof STATUS_ORDER[number]);
+    if (idx >= 0 && idx < lowest) lowest = idx;
+  }
+  return STATUS_ORDER[lowest];
+}
+
+function validatedWeeks(mobs: Mobilite[]): number {
+  return mobs
+    .filter((m) => m.status === "validated")
+    .reduce((sum, m) => sum + m.duree, 0);
+}
+
+export default function MobilityOverview(
+  { initialNumEtud }: { initialNumEtud?: number } = {},
+) {
+  const [students, setStudents] = useState<Student[]>([]);
+  const [promos, setPromos] = useState<Promotion[]>([]);
+  const [mobilites, setMobilites] = useState<Mobilite[]>([]);
+  const [stagesMap, setStagesMap] = useState<Record<number, Stage>>({});
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState<string | null>(null);
+
+  const [tab, setTab] = useState<"liste" | "kanban">("liste");
+  const [filterPromo, setFilterPromo] = useState("");
+  const [filterNom, setFilterNom] = useState("");
+
+  // Detail view state
+  const [detailStudent, setDetailStudent] = useState<Student | null>(null);
+  const [editingMob, setEditingMob] = useState<Mobilite | null>(null);
+  const [showAddForm, setShowAddForm] = useState(false);
+
+  async function load() {
+    try {
+      const [sRes, pRes, mRes, stRes] = await Promise.all([
+        fetch("/students/api/students"),
+        fetch("/students/api/promotions"),
+        fetch("/mobility/api/mobilites"),
+        fetch("/stages/api/stages"),
+      ]);
+      if (!sRes.ok) throw new Error("Impossible de charger les données");
+      const [sData, pData, mData, stData] = await Promise.all([
+        sRes.json(),
+        pRes.ok ? pRes.json() : [],
+        mRes.ok ? mRes.json() : [],
+        stRes.ok ? stRes.json() : [],
+      ]);
+      setStudents(sData);
+      setPromos(pData);
+      setMobilites(mData);
+      setStagesMap(
+        Object.fromEntries((stData as Stage[]).map((s) => [s.id, s])),
+      );
+      if (initialNumEtud) {
+        const s = (sData as Student[]).find((s) =>
+          s.numEtud === initialNumEtud
+        );
+        if (s) setDetailStudent(s);
+      }
+    } catch (e) {
+      setError(e instanceof Error ? e.message : "Erreur");
+    } finally {
+      setLoading(false);
+    }
+  }
+
+  useEffect(() => {
+    load();
+  }, []);
+
+  function openStudent(s: Student) {
+    setDetailStudent(s);
+    history.pushState(null, "", `/mobility/overview/${s.numEtud}`);
+  }
+
+  function closeStudent() {
+    setDetailStudent(null);
+    setEditingMob(null);
+    setShowAddForm(false);
+    history.pushState(null, "", "/mobility/overview");
+  }
+
+  // If in detail view, render that
+  if (detailStudent) {
+    return (
+      <DetailView
+        student={detailStudent}
+        mobilites={mobilites.filter((m) => m.numEtud === detailStudent.numEtud)}
+        allMobilites={mobilites}
+        stagesMap={stagesMap}
+        editingMob={editingMob}
+        setEditingMob={setEditingMob}
+        showAddForm={showAddForm}
+        setShowAddForm={setShowAddForm}
+        onBack={closeStudent}
+        onReload={load}
+      />
+    );
+  }
+
+  if (loading) {
+    return (
+      <div class="page-content">
+        <p class="state-loading">Chargement...</p>
+      </div>
+    );
+  }
+  if (error) {
+    return (
+      <div class="page-content">
+        <p class="state-error">{error}</p>
+      </div>
+    );
+  }
+
+  const filtered = students.filter((s) => {
+    const matchPromo = !filterPromo || s.idPromo === filterPromo;
+    const matchNom = !filterNom ||
+      `${s.nom} ${s.prenom}`.toLowerCase().includes(filterNom.toLowerCase());
+    return matchPromo && matchNom;
+  });
+
+  const mobsByStudent = (numEtud: number) =>
+    mobilites.filter((m) => m.numEtud === numEtud);
+
+  return (
+    <div class="page-content">
+      <h2 class="page-title">Suivi des mobilités</h2>
+
+      <div class="tabs">
+        <button
+          type="button"
+          class={`tab-btn${tab === "liste" ? " active" : ""}`}
+          onClick={() => setTab("liste")}
+        >
+          Liste
+        </button>
+        <button
+          type="button"
+          class={`tab-btn${tab === "kanban" ? " active" : ""}`}
+          onClick={() => setTab("kanban")}
+        >
+          Kanban
+        </button>
+      </div>
+
+      <div class="filters">
+        <select
+          class="filter-select"
+          value={filterPromo}
+          onChange={(e) =>
+            setFilterPromo((e.target as HTMLSelectElement).value)}
+        >
+          <option value="">Toutes les promos</option>
+          {promos.map((p) => <option key={p.id} value={p.id}>{p.id}</option>)}
+        </select>
+        <input
+          class="filter-input"
+          placeholder="Rechercher..."
+          value={filterNom}
+          onInput={(e) => setFilterNom((e.target as HTMLInputElement).value)}
+        />
+      </div>
+
+      {tab === "liste"
+        ? (
+          <ListView
+            students={filtered}
+            mobsByStudent={mobsByStudent}
+            onConsult={(s) => openStudent(s)}
+          />
+        )
+        : (
+          <KanbanView
+            students={filtered}
+            mobsByStudent={mobsByStudent}
+            onConsult={(s) => openStudent(s)}
+          />
+        )}
+    </div>
+  );
+}
+
+// ─── Liste View ─────────────────────────────────────────────
+
+function ListView(
+  { students, mobsByStudent, onConsult }: {
+    students: Student[];
+    mobsByStudent: (n: number) => Mobilite[];
+    onConsult: (s: Student) => void;
+  },
+) {
+  return (
+    <div class="data-table-wrap">
+      <table class="data-table">
+        <thead>
+          <tr>
+            <th>N° étud.</th>
+            <th>Nom</th>
+            <th>Prénom</th>
+            <th>Semaines</th>
+            <th>Actions</th>
+          </tr>
+        </thead>
+        <tbody>
+          {students.length === 0
+            ? (
+              <tr>
+                <td colspan={5} class="state-empty">Aucun élève trouvé</td>
+              </tr>
+            )
+            : students.map((s) => {
+              const mobs = mobsByStudent(s.numEtud);
+              const weeks = validatedWeeks(mobs);
+              const ok = weeks >= REQUIRED_WEEKS;
+              return (
+                <tr key={s.numEtud}>
+                  <td class="col-dim">{s.numEtud}</td>
+                  <td>{s.nom}</td>
+                  <td>{s.prenom}</td>
+                  <td>
+                    <span
+                      style={{
+                        color: ok ? "var(--ok-color,#22c55e)" : "#dc2626",
+                        fontWeight: "var(--font-weight-bold)",
+                        fontFamily: "monospace",
+                      }}
+                    >
+                      {weeks}/{REQUIRED_WEEKS}
+                    </span>
+                  </td>
+                  <td>
+                    <button
+                      type="button"
+                      class="btn btn-sm btn-primary"
+                      onClick={() => onConsult(s)}
+                    >
+                      Consulter
+                    </button>
+                  </td>
+                </tr>
+              );
+            })}
+        </tbody>
+      </table>
+    </div>
+  );
+}
+
+// ─── Kanban View ────────────────────────────────────────────
+
+function KanbanView(
+  { students, mobsByStudent, onConsult }: {
+    students: Student[];
+    mobsByStudent: (n: number) => Mobilite[];
+    onConsult: (s: Student) => void;
+  },
+) {
+  // Students who have at least one mobility
+  const studentsWithMobs = students.filter(
+    (s) => mobsByStudent(s.numEtud).length > 0,
+  );
+
+  // Group students by their lowest status
+  const columns: Record<string, Student[]> = {};
+  for (const status of STATUS_ORDER) columns[status] = [];
+
+  for (const s of studentsWithMobs) {
+    const mobs = mobsByStudent(s.numEtud);
+    // Filter out canceled for lowest-status calc (canceled is separate)
+    const activeMobs = mobs.filter((m) => m.status !== "canceled");
+    if (activeMobs.length === 0) {
+      // All canceled
+      columns["canceled"].push(s);
+    } else {
+      const lowest = lowestStatus(activeMobs);
+      columns[lowest].push(s);
+    }
+  }
+
+  return (
+    <div
+      style={{
+        display: "flex",
+        gap: "0.75rem",
+        overflowX: "auto",
+        paddingBottom: "0.5rem",
+      }}
+    >
+      {STATUS_ORDER.map((status) => (
+        <div
+          key={status}
+          style={{
+            minWidth: "14rem",
+            flex: "1",
+            borderRadius: "4px",
+            border:
+              "1px solid light-dark(var(--light-foreground-dimmer), var(--dark-foreground-dimmer))",
+            background: "light-dark(white, #141228)",
+          }}
+        >
+          <div
+            style={{
+              padding: "0.6rem 0.75rem",
+              borderBottom:
+                "1px solid light-dark(var(--light-foreground-dimmer), var(--dark-foreground-dimmer))",
+              display: "flex",
+              alignItems: "center",
+              gap: "0.5rem",
+            }}
+          >
+            <span
+              style={{
+                width: "0.6rem",
+                height: "0.6rem",
+                borderRadius: "50%",
+                background: STATUS_COLORS[status],
+                display: "inline-block",
+              }}
+            />
+            <span
+              style={{
+                fontWeight: "var(--font-weight-bold)",
+                fontSize: "0.82rem",
+              }}
+            >
+              {STATUS_LABELS[status]}
+            </span>
+            <span
+              style={{
+                fontSize: "0.7rem",
+                opacity: "0.7",
+                marginLeft: "auto",
+              }}
+            >
+              {columns[status].length}
+            </span>
+          </div>
+          <div style={{ padding: "0.5rem" }}>
+            {columns[status].length === 0
+              ? (
+                <p
+                  style={{
+                    fontSize: "0.75rem",
+                    opacity: "0.5",
+                    textAlign: "center",
+                    margin: "1rem 0",
+                  }}
+                >
+                  Aucun
+                </p>
+              )
+              : columns[status].map((s) => {
+                const mobs = mobsByStudent(s.numEtud);
+                const weeks = validatedWeeks(mobs);
+                return (
+                  <div
+                    key={s.numEtud}
+                    style={{
+                      padding: "0.5rem 0.6rem",
+                      marginBottom: "0.4rem",
+                      borderRadius: "3px",
+                      border:
+                        "1px solid light-dark(var(--light-foreground-dimmer), var(--dark-foreground-dimmer))",
+                      cursor: "pointer",
+                      fontSize: "0.8rem",
+                    }}
+                    onClick={() => onConsult(s)}
+                  >
+                    <div
+                      style={{
+                        fontWeight: "var(--font-weight-bold)",
+                        marginBottom: "0.15rem",
+                      }}
+                    >
+                      {s.nom} {s.prenom}
+                    </div>
+                    <div
+                      style={{
+                        fontSize: "0.72rem",
+                        display: "flex",
+                        justifyContent: "space-between",
+                      }}
+                    >
+                      <span style={{ opacity: "0.7" }}>{s.numEtud}</span>
+                      <span
+                        style={{
+                          color: weeks >= REQUIRED_WEEKS
+                            ? "#22c55e"
+                            : "#dc2626",
+                          fontWeight: "var(--font-weight-bold)",
+                          fontFamily: "monospace",
+                        }}
+                      >
+                        {weeks}/{REQUIRED_WEEKS} sem.
+                      </span>
+                    </div>
+                  </div>
+                );
+              })}
+          </div>
+        </div>
+      ))}
+    </div>
+  );
+}
+
+// ─── Detail View ────────────────────────────────────────────
+
+function DetailView(
+  {
+    student,
+    mobilites,
+    allMobilites,
+    stagesMap,
+    editingMob,
+    setEditingMob,
+    showAddForm,
+    setShowAddForm,
+    onBack,
+    onReload,
+  }: {
+    student: Student;
+    mobilites: Mobilite[];
+    allMobilites: Mobilite[];
+    stagesMap: Record<number, Stage>;
+    editingMob: Mobilite | null;
+    setEditingMob: (m: Mobilite | null) => void;
+    showAddForm: boolean;
+    setShowAddForm: (v: boolean) => void;
+    onBack: () => void;
+    onReload: () => Promise<void>;
+  },
+) {
+  const weeks = validatedWeeks(mobilites);
+  const ecoles = [...new Set(allMobilites.map((m) => m.ecole).filter(Boolean))];
+  const paysList = [
+    ...new Set(allMobilites.map((m) => m.pays).filter(Boolean)),
+  ];
+
+  async function deleteMob(id: number) {
+    if (!confirm("Supprimer cette mobilité ?")) return;
+    await fetch(`/mobility/api/mobilites/${id}`, { method: "DELETE" });
+    await onReload();
+  }
+
+  return (
+    <div class="page-content">
+      <button
+        type="button"
+        class="btn btn-sm btn-secondary"
+        onClick={onBack}
+        style={{ marginBottom: "0.75rem" }}
+      >
+        Retour
+      </button>
+      <h2 class="page-title">
+        Consulter : {student.prenom} {student.nom}
+        <span
+          style={{
+            fontSize: "0.8rem",
+            fontWeight: "normal",
+            marginLeft: "0.75rem",
+            color: weeks >= REQUIRED_WEEKS ? "#22c55e" : "#dc2626",
+            fontFamily: "monospace",
+          }}
+        >
+          {weeks}/{REQUIRED_WEEKS} semaines validées
+        </span>
+      </h2>
+
+      {mobilites.length === 0 && (
+        <p class="state-empty">Aucune mobilité enregistrée.</p>
+      )}
+
+      {mobilites.map((mob, i) => {
+        const stage = mob.idStage ? stagesMap[mob.idStage] : null;
+        const isEditing = editingMob?.id === mob.id;
+
+        if (isEditing) {
+          return (
+            <MobEditForm
+              key={mob.id}
+              mob={mob}
+              ecoles={ecoles}
+              paysList={paysList}
+              onCancel={() => setEditingMob(null)}
+              onSave={async () => {
+                setEditingMob(null);
+                await onReload();
+              }}
+            />
+          );
+        }
+
+        return (
+          <div key={mob.id} class="ue-card" style={{ marginBottom: "1rem" }}>
+            <div class="ue-card-header">
+              <p class="ue-card-title">
+                Mobilité {i + 1}
+                {stage ? " : Stage" : " : Étude"}
+              </p>
+              <p
+                class="ue-card-avg"
+                style={{
+                  display: "flex",
+                  gap: "0.75rem",
+                  alignItems: "center",
+                }}
+              >
+                <span
+                  class={`note-chip ${
+                    mob.status === "validated"
+                      ? "note-chip--ok"
+                      : mob.status === "canceled"
+                      ? "note-chip--fail"
+                      : "note-chip--none"
+                  }`}
+                >
+                  {STATUS_LABELS[mob.status] ?? mob.status}
+                </span>
+                <span>Durée : {mob.duree} semaine(s)</span>
+              </p>
+            </div>
+            <div style={{ padding: "0.6rem 1.1rem" }}>
+              {stage
+                ? (
+                  <p style={{ fontSize: "0.82rem", margin: "0 0 0.4rem" }}>
+                    Entreprise : <strong>{stage.nomEntreprise}</strong>
+                    {stage.mission && <span>— {stage.mission}</span>}
+                  </p>
+                )
+                : (
+                  <p style={{ fontSize: "0.82rem", margin: "0 0 0.4rem" }}>
+                    {mob.ecole && (
+                      <>
+                        École : <strong>{mob.ecole}</strong>
+                      </>
+                    )}
+                    {mob.ecole && mob.pays && <span>,</span>}
+                    {mob.pays && (
+                      <>
+                        Pays : <strong>{mob.pays}</strong>
+                      </>
+                    )}
+                  </p>
+                )}
+              <div
+                style={{
+                  display: "flex",
+                  gap: "0.5rem",
+                  flexWrap: "wrap",
+                  marginTop: "0.5rem",
+                }}
+              >
+                {mob.contratMob && (
+                  <a
+                    class="btn btn-sm btn-primary"
+                    href={`/mobility/api/mobilites/${mob.id}/contrat`}
+                    target="_blank"
+                  >
+                    Télécharger contrat
+                  </a>
+                )}
+                {!mob.idStage && (
+                  <UploadContratBtn
+                    mobId={mob.id}
+                    hasContrat={!!mob.contratMob}
+                    onDone={onReload}
+                  />
+                )}
+                <button
+                  type="button"
+                  class="btn btn-sm btn-secondary"
+                  onClick={() =>
+                    setEditingMob(mob)}
+                >
+                  Modifier
+                </button>
+                <button
+                  type="button"
+                  class="btn btn-sm btn-danger"
+                  onClick={() =>
+                    deleteMob(mob.id)}
+                >
+                  Supprimer
+                </button>
+              </div>
+            </div>
+          </div>
+        );
+      })}
+
+      {showAddForm
+        ? (
+          <MobAddForm
+            numEtud={student.numEtud}
+            ecoles={ecoles}
+            paysList={paysList}
+            availableStages={Object.values(stagesMap)
+              .filter((s) => s.numEtud === student.numEtud)
+              .filter((s) => !mobilites.some((m) => m.idStage === s.id))}
+            onCancel={() => setShowAddForm(false)}
+            onSave={async () => {
+              setShowAddForm(false);
+              await onReload();
+            }}
+          />
+        )
+        : (
+          <button
+            type="button"
+            class="btn btn-primary"
+            onClick={() => setShowAddForm(true)}
+          >
+            + Nouvelle mobilité
+          </button>
+        )}
+    </div>
+  );
+}
+
+// ─── Inline forms ───────────────────────────────────────────
+
+function MobEditForm(
+  { mob, ecoles, paysList, onCancel, onSave }: {
+    mob: Mobilite;
+    ecoles: string[];
+    paysList: string[];
+    onCancel: () => void;
+    onSave: () => Promise<void>;
+  },
+) {
+  const [duree, setDuree] = useState(String(mob.duree));
+  const [ecole, setEcole] = useState(mob.ecole ?? "");
+  const [pays, setPays] = useState(mob.pays ?? "");
+  const [status, setStatus] = useState(mob.status);
+  const [busy, setBusy] = useState(false);
+
+  async function submit() {
+    setBusy(true);
+    try {
+      const res = await fetch(`/mobility/api/mobilites/${mob.id}`, {
+        method: "PUT",
+        headers: { "content-type": "application/json" },
+        body: JSON.stringify({
+          duree: parseInt(duree),
+          ecole: ecole || null,
+          pays: pays || null,
+          status,
+        }),
+      });
+      if (!res.ok) throw new Error("Erreur");
+      await onSave();
+    } catch {
+      alert("Erreur lors de la modification");
+    } finally {
+      setBusy(false);
+    }
+  }
+
+  return (
+    <div class="edit-section" style={{ marginBottom: "1rem" }}>
+      <p class="edit-section-title">Modifier la mobilité #{mob.id}</p>
+      <div class="form-grid">
+        <div class="form-field">
+          <label>Durée (semaines)</label>
+          <input
+            class="form-input"
+            type="number"
+            min="1"
+            value={duree}
+            onInput={(e) => setDuree((e.target as HTMLInputElement).value)}
+          />
+        </div>
+        {!mob.idStage && (
+          <>
+            <div class="form-field">
+              <label>École</label>
+              <input
+                class="form-input"
+                list="edit-ecoles"
+                value={ecole}
+                onInput={(e) => setEcole((e.target as HTMLInputElement).value)}
+              />
+              <datalist id="edit-ecoles">
+                {ecoles.map((e) => <option key={e} value={e} />)}
+              </datalist>
+            </div>
+            <div class="form-field">
+              <label>Pays</label>
+              <input
+                class="form-input"
+                list="edit-pays"
+                value={pays}
+                onInput={(e) => setPays((e.target as HTMLInputElement).value)}
+              />
+              <datalist id="edit-pays">
+                {paysList.map((p) => <option key={p} value={p} />)}
+              </datalist>
+            </div>
+            <div class="form-field">
+              <label>Status</label>
+              <select
+                class="filter-select"
+                value={status}
+                onChange={(e) =>
+                  setStatus((e.target as HTMLSelectElement).value)}
+              >
+                {STATUS_ORDER.map((s) => (
+                  <option key={s} value={s}>{STATUS_LABELS[s]}</option>
+                ))}
+              </select>
+            </div>
+          </>
+        )}
+      </div>
+      <div style={{ display: "flex", gap: "0.5rem", marginTop: "0.5rem" }}>
+        <button
+          type="button"
+          class="btn btn-sm btn-primary"
+          disabled={busy}
+          onClick={submit}
+        >
+          Enregistrer
+        </button>
+        <button
+          type="button"
+          class="btn btn-sm btn-secondary"
+          onClick={onCancel}
+        >
+          Annuler
+        </button>
+      </div>
+    </div>
+  );
+}
+
+function MobAddForm(
+  { numEtud, ecoles, paysList, availableStages, onCancel, onSave }: {
+    numEtud: number;
+    ecoles: string[];
+    paysList: string[];
+    availableStages: Stage[];
+    onCancel: () => void;
+    onSave: () => Promise<void>;
+  },
+) {
+  const [duree, setDuree] = useState("4");
+  const [ecole, setEcole] = useState("");
+  const [pays, setPays] = useState("");
+  const [status, setStatus] = useState("contracts_received");
+  const [selectedStageId, setSelectedStageId] = useState("");
+  const [busy, setBusy] = useState(false);
+
+  const isStageLinked = selectedStageId !== "";
+
+  function onStageChange(value: string) {
+    setSelectedStageId(value);
+    if (value) {
+      const stage = availableStages.find((s) => s.id === Number(value));
+      if (stage) setDuree(String(stage.duree));
+    }
+  }
+
+  async function submit() {
+    setBusy(true);
+    try {
+      const res = await fetch("/mobility/api/mobilites", {
+        method: "POST",
+        headers: { "content-type": "application/json" },
+        body: JSON.stringify({
+          numEtud,
+          duree: parseInt(duree),
+          ecole: isStageLinked ? null : (ecole || null),
+          pays: isStageLinked ? null : (pays || null),
+          status: isStageLinked ? "validated" : status,
+          idStage: isStageLinked ? Number(selectedStageId) : null,
+        }),
+      });
+      if (!res.ok) throw new Error("Erreur");
+      await onSave();
+    } catch {
+      alert("Erreur lors de la création");
+    } finally {
+      setBusy(false);
+    }
+  }
+
+  return (
+    <div class="edit-section" style={{ marginBottom: "1rem" }}>
+      <p class="edit-section-title">Nouvelle mobilité</p>
+      <div class="form-grid">
+        {availableStages.length > 0 && (
+          <div class="form-field">
+            <label>Lier à un stage</label>
+            <select
+              class="filter-select"
+              value={selectedStageId}
+              onChange={(e) =>
+                onStageChange((e.target as HTMLSelectElement).value)}
+            >
+              <option value="">— Mobilité d'étude —</option>
+              {availableStages.map((s) => (
+                <option key={s.id} value={String(s.id)}>
+                  {s.nomEntreprise} ({s.duree} sem.)
+                </option>
+              ))}
+            </select>
+          </div>
+        )}
+        <div class="form-field">
+          <label>Durée (semaines)</label>
+          <input
+            class="form-input"
+            type="number"
+            min="1"
+            value={duree}
+            onInput={(e) => setDuree((e.target as HTMLInputElement).value)}
+          />
+        </div>
+        {!isStageLinked && (
+          <>
+            <div class="form-field">
+              <label>École</label>
+              <input
+                class="form-input"
+                list="add-ecoles"
+                value={ecole}
+                onInput={(e) => setEcole((e.target as HTMLInputElement).value)}
+              />
+              <datalist id="add-ecoles">
+                {ecoles.map((e) => <option key={e} value={e} />)}
+              </datalist>
+            </div>
+            <div class="form-field">
+              <label>Pays</label>
+              <input
+                class="form-input"
+                list="add-pays"
+                value={pays}
+                onInput={(e) => setPays((e.target as HTMLInputElement).value)}
+              />
+              <datalist id="add-pays">
+                {paysList.map((p) => <option key={p} value={p} />)}
+              </datalist>
+            </div>
+            <div class="form-field">
+              <label>Status</label>
+              <select
+                class="filter-select"
+                value={status}
+                onChange={(e) =>
+                  setStatus((e.target as HTMLSelectElement).value)}
+              >
+                {STATUS_ORDER.map((s) => (
+                  <option key={s} value={s}>{STATUS_LABELS[s]}</option>
+                ))}
+              </select>
+            </div>
+          </>
+        )}
+      </div>
+      {isStageLinked && (
+        <p
+          style={{
+            fontSize: "0.8rem",
+            opacity: 0.7,
+            margin: "0.4rem 0",
+          }}
+        >
+          Mobilité liée à un stage — status automatiquement « Validé »
+        </p>
+      )}
+      <div style={{ display: "flex", gap: "0.5rem", marginTop: "0.5rem" }}>
+        <button
+          type="button"
+          class="btn btn-sm btn-primary"
+          disabled={busy || !duree}
+          onClick={submit}
+        >
+          Créer
+        </button>
+        <button
+          type="button"
+          class="btn btn-sm btn-secondary"
+          onClick={onCancel}
+        >
+          Annuler
+        </button>
+      </div>
+    </div>
+  );
+}
+
+function UploadContratBtn(
+  { mobId, hasContrat, onDone }: {
+    mobId: number;
+    hasContrat: boolean;
+    onDone: () => Promise<void>;
+  },
+) {
+  const [busy, setBusy] = useState(false);
+
+  function upload() {
+    const input = document.createElement("input");
+    input.type = "file";
+    input.accept = "application/pdf";
+    input.onchange = async () => {
+      const file = input.files?.[0];
+      if (!file) return;
+      setBusy(true);
+      try {
+        const fd = new FormData();
+        fd.append("contrat", file);
+        const res = await fetch(`/mobility/api/mobilites/${mobId}/contrat`, {
+          method: "POST",
+          body: fd,
+        });
+        if (!res.ok) throw new Error("Erreur upload");
+        await onDone();
+      } catch {
+        alert("Erreur lors de l'upload du contrat");
+      } finally {
+        setBusy(false);
+      }
+    };
+    input.click();
+  }
+
+  return (
+    <button
+      type="button"
+      class="btn btn-sm btn-secondary"
+      disabled={busy}
+      onClick={upload}
+    >
+      {busy ? "..." : hasContrat ? "Remplacer contrat" : "Ajouter contrat"}
+    </button>
+  );
+}

routes/(apps)/mobility/(_props)/props.ts

@@ -3,14 +3,15 @@ import { AppProperties } from "$root/defaults/interfaces.ts";
 const properties: AppProperties = {
   name: "PolyMobility",
   icon: "flight_takeoff",
-  hint: "Student mobility management",
+  hint: "Suivi des mobilités internationales",
   pages: {
-    index: "Homepage",
-    overview: "Mobility overview",
-    edit_mobility: "Mobility management",
-    consult_students_test: "Test consult students",
+    index: "Accueil",
+    overview: "Suivi des mobilités",
+    //    "my-mobility": "Ma mobilité", // TODO Fix ma mobilité page, so it renders correctly for students
   },
-  adminOnly: ["edit_mobility", "consult_students_test"],
+  adminOnly: ["overview"],
+  studentOnly: ["my-mobility"],
+  employeeOnly: true, // TODO Fix ma mobilité page, so it renders correctly for students
 };
 
 export default properties;

routes/(apps)/mobility/[...slug].tsx

@@ -0,0 +1,2 @@
+import makeSlug from "$root/defaults/makeSlug.ts";
+export default makeSlug(import.meta.dirname!);

routes/(apps)/mobility/api/insert_mobility.ts

@@ -1,122 +0,0 @@
-import { Handlers } from "$fresh/server.ts";
-import { db } from "$root/databases/db.ts";
-import { mobility, promotions, students } from "$root/databases/schema.ts";
-import { eq } from "npm:drizzle-orm@0.45.2";
-
-export const handler: Handlers = {
-  async GET() {
-    try {
-      const studentRows = await db
-        .select({
-          id: students.userId,
-          firstName: students.firstName,
-          lastName: students.lastName,
-          promotionId: students.promotionId,
-          endyear: promotions.endyear,
-          current: promotions.current,
-        })
-        .from(students)
-        .leftJoin(promotions, eq(students.promotionId, promotions.id));
-
-      const mobilityRows = await db.select().from(mobility);
-
-      const promotionRows = await db
-        .select({
-          id: promotions.id,
-          endyear: promotions.endyear,
-          current: promotions.current,
-        })
-        .from(promotions);
-
-      return new Response(
-        JSON.stringify({
-          mobilities: mobilityRows,
-          students: studentRows,
-          promotions: promotionRows,
-        }),
-        { status: 200, headers: { "Content-Type": "application/json" } },
-      );
-    } catch (error) {
-      console.error("Error fetching mobility data:", error);
-      return new Response("Failed to fetch data", { status: 500 });
-    }
-  },
-
-  async POST(request) {
-    try {
-      const body = await request.json();
-      const { data } = body;
-
-      if (!Array.isArray(data)) {
-        throw new Error("Invalid request body");
-      }
-
-      for (const entry of data) {
-        const {
-          id,
-          studentId,
-          startDate,
-          endDate,
-          weeksCount,
-          destinationCountry,
-          destinationName,
-          mobilityStatus = "N/A",
-        } = entry;
-
-        const studentExists = await db
-          .select({ userId: students.userId })
-          .from(students)
-          .where(eq(students.userId, studentId))
-          .limit(1)
-          .then((rows) => rows.length > 0);
-
-        if (!studentExists) {
-          console.warn(`Skipping mobility for unknown studentId: ${studentId}`);
-          continue;
-        }
-
-        let calculatedWeeksCount = weeksCount;
-        if (startDate && endDate) {
-          const start = new Date(startDate);
-          const end = new Date(endDate);
-          calculatedWeeksCount = start <= end
-            ? Math.ceil(
-              (end.getTime() - start.getTime()) / (7 * 24 * 60 * 60 * 1000),
-            )
-            : null;
-        }
-
-        await db
-          .insert(mobility)
-          .values({
-            id,
-            studentId,
-            startDate,
-            endDate,
-            weeksCount: calculatedWeeksCount,
-            destinationCountry,
-            destinationName,
-            mobilityStatus,
-          })
-          .onConflictDoUpdate({
-            target: mobility.id,
-            set: {
-              startDate,
-              endDate,
-              weeksCount: calculatedWeeksCount,
-              destinationCountry,
-              destinationName,
-              mobilityStatus,
-            },
-          });
-      }
-
-      return new Response("Data inserted/updated successfully", {
-        status: 200,
-      });
-    } catch (error) {
-      console.error("Error inserting mobility data:", error);
-      return new Response("Failed to insert/update data", { status: 500 });
-    }
-  },
-};

routes/(apps)/mobility/api/mobilites.ts

@@ -0,0 +1,116 @@
+import { FreshContext, Handlers } from "$fresh/server.ts";
+import { db } from "$root/databases/db.ts";
+import { mobilites } from "$root/databases/schema.ts";
+import { AuthenticatedState } from "$root/defaults/interfaces.ts";
+import { eq } from "npm:drizzle-orm@0.45.2";
+
+const VALID_STATUSES = [
+  "contracts_received",
+  "under_revision",
+  "done",
+  "validated",
+  "canceled",
+] as const;
+
+export const handler: Handlers<null, AuthenticatedState> = {
+  // GET /mobilites — list all, optional ?numEtud filter
+  async GET(request) {
+    try {
+      const url = new URL(request.url);
+      const numEtudParam = url.searchParams.get("numEtud");
+
+      let query = db.select().from(mobilites).$dynamic();
+
+      if (numEtudParam) {
+        const numEtud = parseInt(numEtudParam);
+        if (isNaN(numEtud)) {
+          return new Response("Paramètre numEtud invalide", { status: 400 });
+        }
+        query = query.where(eq(mobilites.numEtud, numEtud));
+      }
+
+      const result = await query;
+
+      return new Response(JSON.stringify(result), {
+        status: 200,
+        headers: { "Content-Type": "application/json" },
+      });
+    } catch (error) {
+      console.error("Error fetching mobilites:", error);
+      return new Response("Failed to fetch data", { status: 500 });
+    }
+  },
+
+  // POST /mobilites — create mobility
+  async POST(
+    request: Request,
+    context: FreshContext<AuthenticatedState>,
+  ): Promise<Response> {
+    const isEmployee =
+      context.state.session.eduPersonPrimaryAffiliation === "employee";
+
+    try {
+      const body = await request.json();
+      const { numEtud, duree, ecole, pays, status, idStage } = body;
+
+      // Students can only create mobilites for themselves
+      if (!isEmployee && numEtud !== undefined) {
+        // Students cannot set idStage or status
+        if (idStage || (status && status !== "contracts_received")) {
+          return new Response(null, { status: 403 });
+        }
+      }
+
+      if (!numEtud || duree === undefined) {
+        return new Response(
+          JSON.stringify({ error: "Champs requis: numEtud, duree" }),
+          { status: 400, headers: { "content-type": "application/json" } },
+        );
+      }
+
+      if (!Number.isInteger(duree) || duree < 1) {
+        return new Response(
+          JSON.stringify({ error: "duree doit être un entier >= 1" }),
+          { status: 400, headers: { "content-type": "application/json" } },
+        );
+      }
+
+      if (
+        status !== undefined &&
+        !VALID_STATUSES.includes(status)
+      ) {
+        return new Response(
+          JSON.stringify({
+            error: `status invalide, valeurs: ${VALID_STATUSES.join(", ")}`,
+          }),
+          { status: 400, headers: { "content-type": "application/json" } },
+        );
+      }
+
+      // Stage-linked mobilities are always validated
+      const effectiveStatus = idStage
+        ? "validated"
+        : (status ?? "contracts_received");
+
+      const [created] = await db
+        .insert(mobilites)
+        .values({
+          numEtud,
+          duree,
+          ecole: ecole ?? null,
+          pays: pays ?? null,
+          status: effectiveStatus,
+          idStage: idStage ?? null,
+        })
+        .returning();
+
+      return new Response(JSON.stringify(created), {
+        status: 201,
+        headers: { "content-type": "application/json" },
+      });
+    } catch (error) {
+      console.error("Error creating mobilite:", error);
+      return new Response("Failed to create mobilite", { status: 500 });
+    }
+  },
+};

routes/(apps)/mobility/api/mobilites/[idMob].ts

@@ -0,0 +1,149 @@
+import { FreshContext, Handlers } from "$fresh/server.ts";
+import { db } from "$root/databases/db.ts";
+import { mobilites } from "$root/databases/schema.ts";
+import { AuthenticatedState } from "$root/defaults/interfaces.ts";
+import { eq } from "npm:drizzle-orm@0.45.2";
+
+const VALID_STATUSES = [
+  "contracts_received",
+  "under_revision",
+  "done",
+  "validated",
+  "canceled",
+] as const;
+
+const NOT_FOUND = () =>
+  new Response(
+    JSON.stringify({ error: "Mobilité introuvable" }),
+    { status: 404, headers: { "content-type": "application/json" } },
+  );
+
+const FORBIDDEN = () => new Response(null, { status: 403 });
+
+export const handler: Handlers<null, AuthenticatedState> = {
+  // GET /mobilites/:idMob
+  async GET(
+    _request: Request,
+    context: FreshContext<AuthenticatedState>,
+  ): Promise<Response> {
+    const idMob = Number(context.params.idMob);
+    if (isNaN(idMob)) {
+      return new Response("Paramètre idMob invalide", { status: 400 });
+    }
+
+    const row = await db
+      .select()
+      .from(mobilites)
+      .where(eq(mobilites.id, idMob))
+      .then((rows) => rows[0] ?? null);
+
+    if (!row) return NOT_FOUND();
+
+    return new Response(JSON.stringify(row), {
+      headers: { "content-type": "application/json" },
+    });
+  },
+
+  // PUT /mobilites/:idMob (employee only)
+  async PUT(
+    request: Request,
+    context: FreshContext<AuthenticatedState>,
+  ): Promise<Response> {
+    if (context.state.session.eduPersonPrimaryAffiliation !== "employee") {
+      return FORBIDDEN();
+    }
+
+    const idMob = Number(context.params.idMob);
+    if (isNaN(idMob)) {
+      return new Response("Paramètre idMob invalide", { status: 400 });
+    }
+
+    const body = await request.json();
+    const { duree, ecole, pays, status, idStage } = body;
+
+    if (
+      status !== undefined &&
+      !VALID_STATUSES.includes(status)
+    ) {
+      return new Response(
+        JSON.stringify({
+          error: `status invalide, valeurs: ${VALID_STATUSES.join(", ")}`,
+        }),
+        { status: 400, headers: { "content-type": "application/json" } },
+      );
+    }
+
+    if (duree !== undefined && (!Number.isInteger(duree) || duree < 1)) {
+      return new Response(
+        JSON.stringify({ error: "duree doit être un entier >= 1" }),
+        { status: 400, headers: { "content-type": "application/json" } },
+      );
+    }
+
+    const set: Record<string, unknown> = {};
+    if (duree !== undefined) set.duree = duree;
+    if (ecole !== undefined) set.ecole = ecole;
+    if (pays !== undefined) set.pays = pays;
+    if (status !== undefined) set.status = status;
+    if (idStage !== undefined) {
+      set.idStage = idStage;
+      if (idStage) set.status = "validated";
+    }
+
+    if (Object.keys(set).length === 0) {
+      return new Response(
+        JSON.stringify({ error: "Au moins un champ à modifier requis" }),
+        { status: 400, headers: { "content-type": "application/json" } },
+      );
+    }
+
+    const [updated] = await db
+      .update(mobilites)
+      .set(set)
+      .where(eq(mobilites.id, idMob))
+      .returning();
+
+    if (!updated) return NOT_FOUND();
+
+    return new Response(JSON.stringify(updated), {
+      headers: { "content-type": "application/json" },
+    });
+  },
+
+  // DELETE /mobilites/:idMob (employee only)
+  async DELETE(
+    _request: Request,
+    context: FreshContext<AuthenticatedState>,
+  ): Promise<Response> {
+    if (context.state.session.eduPersonPrimaryAffiliation !== "employee") {
+      return FORBIDDEN();
+    }
+
+    const idMob = Number(context.params.idMob);
+    if (isNaN(idMob)) {
+      return new Response("Paramètre idMob invalide", { status: 400 });
+    }
+
+    // Delete contract file if exists
+    const row = await db
+      .select({ contratMob: mobilites.contratMob })
+      .from(mobilites)
+      .where(eq(mobilites.id, idMob))
+      .then((rows) => rows[0] ?? null);
+
+    if (row?.contratMob) {
+      try {
+        await Deno.remove(`uploads/contracts/${row.contratMob}`);
+      } catch { /* file may not exist */ }
+    }
+
+    const [deleted] = await db
+      .delete(mobilites)
+      .where(eq(mobilites.id, idMob))
+      .returning();
+
+    if (!deleted) return NOT_FOUND();
+
+    return new Response(null, { status: 204 });
+  },
+};

routes/(apps)/mobility/api/mobilites/[idMob]/contrat.ts

@@ -0,0 +1,156 @@
+import { FreshContext, Handlers } from "$fresh/server.ts";
+import { db } from "$root/databases/db.ts";
+import { mobilites } from "$root/databases/schema.ts";
+import { AuthenticatedState } from "$root/defaults/interfaces.ts";
+import { eq } from "npm:drizzle-orm@0.45.2";
+
+const CONTRACTS_DIR = "uploads/contracts";
+
+export const handler: Handlers<null, AuthenticatedState> = {
+  // GET /mobilites/:idMob/contrat — download contract PDF
+  async GET(
+    _request: Request,
+    context: FreshContext<AuthenticatedState>,
+  ): Promise<Response> {
+    const idMob = Number(context.params.idMob);
+    if (isNaN(idMob)) {
+      return new Response("Paramètre idMob invalide", { status: 400 });
+    }
+
+    const row = await db
+      .select({ contratMob: mobilites.contratMob })
+      .from(mobilites)
+      .where(eq(mobilites.id, idMob))
+      .then((rows) => rows[0] ?? null);
+
+    if (!row) {
+      return new Response(
+        JSON.stringify({ error: "Mobilité introuvable" }),
+        { status: 404, headers: { "content-type": "application/json" } },
+      );
+    }
+
+    if (!row.contratMob) {
+      return new Response(
+        JSON.stringify({ error: "Aucun contrat pour cette mobilité" }),
+        { status: 404, headers: { "content-type": "application/json" } },
+      );
+    }
+
+    try {
+      const file = await Deno.readFile(`${CONTRACTS_DIR}/${row.contratMob}`);
+      return new Response(file, {
+        headers: {
+          "Content-Type": "application/pdf",
+          "Content-Disposition": `inline; filename="${row.contratMob}"`,
+        },
+      });
+    } catch {
+      return new Response(
+        JSON.stringify({ error: "Fichier contrat introuvable" }),
+        { status: 404, headers: { "content-type": "application/json" } },
+      );
+    }
+  },
+
+  // POST /mobilites/:idMob/contrat — upload contract PDF
+  async POST(
+    request: Request,
+    context: FreshContext<AuthenticatedState>,
+  ): Promise<Response> {
+    const idMob = Number(context.params.idMob);
+    if (isNaN(idMob)) {
+      return new Response("Paramètre idMob invalide", { status: 400 });
+    }
+
+    // Check mobility exists
+    const row = await db
+      .select({ id: mobilites.id })
+      .from(mobilites)
+      .where(eq(mobilites.id, idMob))
+      .then((rows) => rows[0] ?? null);
+
+    if (!row) {
+      return new Response(
+        JSON.stringify({ error: "Mobilité introuvable" }),
+        { status: 404, headers: { "content-type": "application/json" } },
+      );
+    }
+
+    const formData = await request.formData();
+    const file = formData.get("contrat");
+
+    if (!file || !(file instanceof File)) {
+      return new Response(
+        JSON.stringify({ error: "Fichier 'contrat' requis (PDF)" }),
+        { status: 400, headers: { "content-type": "application/json" } },
+      );
+    }
+
+    if (file.type !== "application/pdf") {
+      return new Response(
+        JSON.stringify({ error: "Le fichier doit être un PDF" }),
+        { status: 400, headers: { "content-type": "application/json" } },
+      );
+    }
+
+    const filename = `mob_${idMob}.pdf`;
+    await Deno.mkdir(CONTRACTS_DIR, { recursive: true });
+    await Deno.writeFile(
+      `${CONTRACTS_DIR}/${filename}`,
+      new Uint8Array(await file.arrayBuffer()),
+    );
+
+    const [updated] = await db
+      .update(mobilites)
+      .set({ contratMob: filename })
+      .where(eq(mobilites.id, idMob))
+      .returning();
+
+    return new Response(JSON.stringify(updated), {
+      status: 200,
+      headers: { "content-type": "application/json" },
+    });
+  },
+
+  // DELETE /mobilites/:idMob/contrat — remove contract (employee only)
+  async DELETE(
+    _request: Request,
+    context: FreshContext<AuthenticatedState>,
+  ): Promise<Response> {
+    if (context.state.session.eduPersonPrimaryAffiliation !== "employee") {
+      return new Response(null, { status: 403 });
+    }
+
+    const idMob = Number(context.params.idMob);
+    if (isNaN(idMob)) {
+      return new Response("Paramètre idMob invalide", { status: 400 });
+    }
+
+    const row = await db
+      .select({ contratMob: mobilites.contratMob })
+      .from(mobilites)
+      .where(eq(mobilites.id, idMob))
+      .then((rows) => rows[0] ?? null);
+
+    if (!row) {
+      return new Response(
+        JSON.stringify({ error: "Mobilité introuvable" }),
+        { status: 404, headers: { "content-type": "application/json" } },
+      );
+    }
+
+    if (row.contratMob) {
+      try {
+        await Deno.remove(`${CONTRACTS_DIR}/${row.contratMob}`);
+      } catch { /* file may not exist */ }
+    }
+
+    await db
+      .update(mobilites)
+      .set({ contratMob: null })
+      .where(eq(mobilites.id, idMob));
+
+    return new Response(null, { status: 204 });
+  },
+};

routes/(apps)/mobility/partials/(admin)/consult_students_test.tsx

@@ -1,21 +0,0 @@
-import ConsultStudents_test from "$root/routes/(apps)/mobility/(_islands)/ConsultStudents_test.tsx";
-import {
-  getPartialsConfig,
-  makePartials,
-} from "$root/defaults/makePartials.tsx";
-import { FreshContext } from "$fresh/server.ts";
-import { State } from "$root/routes/_middleware.ts";
-//import EditStudents from "../(_islands)/EditStudents.tsx";
-
-// deno-lint-ignore require-await
-async function Mobility(_request: Request, _context: FreshContext<State>) {
-  return (
-    <>
-      <h1>Test consult students</h1>
-      <ConsultStudents_test />
-    </>
-  );
-}
-
-export const config = getPartialsConfig();
-export default makePartials(Mobility);

routes/(apps)/mobility/partials/(admin)/edit_mobility.tsx

@@ -1,20 +0,0 @@
-import EditMobility from "$root/routes/(apps)/mobility/(_islands)/EditMobility.tsx";
-import {
-  getPartialsConfig,
-  makePartials,
-} from "$root/defaults/makePartials.tsx";
-import { FreshContext } from "$fresh/server.ts";
-import { State } from "$root/routes/_middleware.ts";
-
-// deno-lint-ignore require-await
-async function Mobility(_request: Request, _context: FreshContext<State>) {
-  return (
-    <>
-      <h1>Edit mobility</h1>
-      <EditMobility />
-    </>
-  );
-}
-
-export const config = getPartialsConfig();
-export default makePartials(Mobility);

routes/(apps)/mobility/partials/index.tsx

@@ -3,11 +3,27 @@ import {
   makePartials,
 } from "$root/defaults/makePartials.tsx";
 import { FreshContext } from "$fresh/server.ts";
-import { State } from "$root/routes/_middleware.ts";
+import { State } from "$root/defaults/interfaces.ts";
 
 // deno-lint-ignore require-await
-export async function Index(_request: Request, context: FreshContext<State>) {
-  return <h2>Welcome to {context.state.session?.displayName}.</h2>;
+export async function Index(
+  _request: Request,
+  context: FreshContext<State>,
+) {
+  return (
+    <div class="page-content">
+      <h2 class="page-title">Mobilité internationale</h2>
+      <p>
+        Bienvenue{" "}
+        <strong>
+          {(context.state as unknown as { session: Record<string, string> })
+            .session.displayName}
+        </strong>
+        .
+      </p>
+      <p>Suivi des mobilités : 12 semaines validées requises par élève.</p>
+    </div>
+  );
 }
 
 export const config = getPartialsConfig();

routes/(apps)/mobility/partials/overview.tsx

@@ -1,20 +1,19 @@
-import ConsultMobility from "$root/routes/(apps)/mobility/(_islands)/ConsultMobility.tsx";
 import {
   getPartialsConfig,
   makePartials,
 } from "$root/defaults/makePartials.tsx";
 import { FreshContext } from "$fresh/server.ts";
-import { State } from "$root/routes/_middleware.ts";
+import { State } from "$root/defaults/interfaces.ts";
+import MobilityOverview from "../(_islands)/MobilityOverview.tsx";
 
 // deno-lint-ignore require-await
-async function Mobility(_request: Request, _context: FreshContext<State>) {
-  return (
-    <>
-      <h1>Edit mobility</h1>
-      <ConsultMobility />
-    </>
-  );
+async function Overview(
+  _request: Request,
+  _context: FreshContext<State>,
+) {
+  return <MobilityOverview />;
 }
 
+export { Overview as Page };
 export const config = getPartialsConfig();
-export default makePartials(Mobility);
+export default makePartials(Overview);

routes/(apps)/mobility/partials/overview/[numEtud].tsx

@@ -0,0 +1,20 @@
+import {
+  getPartialsConfig,
+  makePartials,
+} from "$root/defaults/makePartials.tsx";
+import { FreshContext } from "$fresh/server.ts";
+import { State } from "$root/defaults/interfaces.ts";
+import MobilityOverview from "../../(_islands)/MobilityOverview.tsx";
+
+// deno-lint-ignore require-await
+async function Overview(
+  _request: Request,
+  context: FreshContext<State>,
+) {
+  const numEtud = Number(context.params.numEtud);
+  return <MobilityOverview initialNumEtud={numEtud} />;
+}
+
+export { Overview as Page };
+export const config = getPartialsConfig();
+export default makePartials(Overview);

routes/(apps)/notes/(_islands)/AdminConsultNotes.tsx

@@ -0,0 +1,155 @@
+import { useEffect, useState } from "preact/hooks";
+
+type Student = {
+  numEtud: number;
+  nom: string;
+  prenom: string;
+  idPromo: string;
+};
+type Promotion = { id: string; annee: string | null };
+
+export default function AdminConsultNotes() {
+  const [students, setStudents] = useState<Student[]>([]);
+  const [promos, setPromos] = useState<Promotion[]>([]);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState<string | null>(null);
+
+  const [filterPromo, setFilterPromo] = useState("");
+  const [filterNom, setFilterNom] = useState("");
+  const [filterPrenom, setFilterPrenom] = useState("");
+  const [applied, setApplied] = useState({
+    promo: "",
+    nom: "",
+    prenom: "",
+  });
+
+  useEffect(() => {
+    async function load() {
+      try {
+        const [sRes, pRes] = await Promise.all([
+          fetch("/students/api/students"),
+          fetch("/students/api/promotions"),
+        ]);
+        if (!sRes.ok) throw new Error("Impossible de charger les étudiants");
+        setStudents(await sRes.json());
+        if (pRes.ok) setPromos(await pRes.json());
+      } catch (e) {
+        setError(e instanceof Error ? e.message : "Erreur");
+      } finally {
+        setLoading(false);
+      }
+    }
+    load();
+  }, []);
+
+  const filtered = students.filter((s) => {
+    if (applied.promo && s.idPromo !== applied.promo) return false;
+    if (
+      applied.nom &&
+      !s.nom.toLowerCase().includes(applied.nom.toLowerCase())
+    ) return false;
+    if (
+      applied.prenom &&
+      !s.prenom.toLowerCase().includes(applied.prenom.toLowerCase())
+    ) return false;
+    return true;
+  });
+
+  function applyFilters() {
+    setApplied({ promo: filterPromo, nom: filterNom, prenom: filterPrenom });
+  }
+
+  return (
+    <div class="page-content">
+      <div class="toolbar">
+        <h2 class="page-title">Consulter les Notes</h2>
+      </div>
+
+      {error && <p class="state-error">{error}</p>}
+
+      <div class="filters">
+        <select
+          class="filter-select"
+          value={filterPromo}
+          onChange={(e) =>
+            setFilterPromo((e.target as HTMLSelectElement).value)}
+        >
+          <option value="">Toutes les promos</option>
+          {promos.map((p) => <option key={p.id} value={p.id}>{p.id}</option>)}
+        </select>
+        <input
+          class="filter-input"
+          placeholder="Nom"
+          value={filterNom}
+          onInput={(e) => setFilterNom((e.target as HTMLInputElement).value)}
+        />
+        <input
+          class="filter-input"
+          placeholder="Prénom"
+          value={filterPrenom}
+          onInput={(e) => setFilterPrenom((e.target as HTMLInputElement).value)}
+        />
+        <button type="button" class="btn btn-primary" onClick={applyFilters}>
+          Filtrer
+        </button>
+      </div>
+
+      {loading
+        ? <p class="state-loading">Chargement…</p>
+        : (
+          <div class="data-table-wrap">
+            <table class="data-table">
+              <thead>
+                <tr>
+                  <th>Promo</th>
+                  <th>Nom</th>
+                  <th>Prénom</th>
+                  <th>N° Étudiant</th>
+                  <th>Action</th>
+                </tr>
+              </thead>
+              <tbody>
+                {filtered.length === 0
+                  ? (
+                    <tr>
+                      <td colspan={5} class="state-empty">
+                        Aucun étudiant trouvé
+                      </td>
+                    </tr>
+                  )
+                  : filtered.map((s) => (
+                    <tr key={s.numEtud}>
+                      <td class="col-promo">{s.idPromo}</td>
+                      <td>{s.nom}</td>
+                      <td>{s.prenom}</td>
+                      <td class="col-dim">{s.numEtud}</td>
+                      <td>
+                        <div class="col-actions">
+                          <a
+                            class="btn btn-sm btn-secondary"
+                            href={`/notes/edition/${s.numEtud}`}
+                            f-client-nav={false}
+                          >
+                            <svg
+                              width="14"
+                              height="14"
+                              viewBox="0 0 24 24"
+                              fill="none"
+                              stroke="currentColor"
+                              stroke-width="2"
+                            >
+                              <path d="M17 3a2.85 2.85 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z" />
+                            </svg>{" "}
+                            édit
+                          </a>
+                        </div>
+                      </td>
+                    </tr>
+                  ))}
+              </tbody>
+            </table>
+          </div>
+        )}
+    </div>
+  );
+}

routes/(apps)/notes/(_islands)/ImportNotes.tsx

@@ -0,0 +1,626 @@
+// @deno-types="https://cdn.sheetjs.com/xlsx-0.20.3/package/types/index.d.ts"
+import * as XLSX from "https://cdn.sheetjs.com/xlsx-0.20.3/package/xlsx.mjs";
+import { useEffect, useRef } from "preact/hooks";
+import { useSignal } from "@preact/signals";
+import ImportResultPopup, {
+  type ImportDetail,
+  type ImportResult,
+} from "$root/defaults/ImportResultPopup.tsx";
+
+type Student = { numEtud: number; nom: string; prenom: string };
+type ColumnInfo = {
+  index: number;
+  code: string;
+  name: string;
+  coeff: number | null;
+  type: "module" | "malus" | "ue" | "semester" | "unknown";
+};
+
+function parseHeader(header: string): { code: string; name: string } {
+  const parts = header.split(" - ");
+  if (parts.length >= 2) {
+    return { code: parts[0].trim(), name: parts.slice(1).join(" - ").trim() };
+  }
+  return { code: header.trim(), name: header.trim() };
+}
+
+function detectColumnType(
+  header: string,
+  _coeff: number | null,
+): ColumnInfo["type"] {
+  const h = header.trim();
+  if (/^MALUS/i.test(h)) return "malus";
+  if (/^S\d+$/i.test(h)) return "semester";
+  // UE codes typically contain "U" followed by digits (e.g., JIN5U05, JTR5U01)
+  const { code } = parseHeader(h);
+  if (/U\d/i.test(code) && !/^MALUS/i.test(code)) return "ue";
+  return "module";
+}
+
+export default function ImportNotes() {
+  const file = useSignal<File | null>(null);
+  const dragging = useSignal(false);
+  const uploading = useSignal(false);
+  const error = useSignal<string | null>(null);
+  const importResult = useSignal<ImportResult | null>(null);
+  const inputRef = useRef<HTMLInputElement>(null);
+  const students = useSignal<Student[]>([]);
+  const columns = useSignal<ColumnInfo[]>([]);
+  const sheetNames = useSignal<string[]>([]);
+  const selectedSheet = useSignal("");
+  const session = useSignal<"1" | "2">("1");
+  const workbookRef = useRef<XLSX.WorkBook | null>(null);
+
+  useEffect(() => {
+    fetch("/students/api/students")
+      .then((r) => (r.ok ? r.json() : []))
+      .then((data) => (students.value = data));
+  }, []);
+
+  function pickFile(f: File) {
+    if (!f.name.match(/\.xlsx?$/i)) {
+      error.value = "Fichier invalide — format attendu : .xlsx";
+      return;
+    }
+    file.value = f;
+    error.value = null;
+    importResult.value = null;
+    columns.value = [];
+
+    f.arrayBuffer().then((buf) => {
+      try {
+        const wb = XLSX.read(buf, { type: "array" });
+        workbookRef.current = wb;
+        sheetNames.value = wb.SheetNames;
+        if (wb.SheetNames.length > 0) {
+          selectedSheet.value = wb.SheetNames[0];
+          parseSheet(wb, wb.SheetNames[0]);
+        }
+      } catch {
+        error.value = "Impossible de lire le fichier.";
+      }
+    });
+  }
+
+  function parseSheet(wb: XLSX.WorkBook, sheetName: string) {
+    const sheet = wb.Sheets[sheetName];
+    const rows = XLSX.utils.sheet_to_json<(string | number | null)[]>(sheet, {
+      header: 1,
+    });
+    if (rows.length < 2) {
+      columns.value = [];
+      return;
+    }
+
+    const headerRow = rows[0];
+    const coeffRow = rows[1];
+
+    const cols: ColumnInfo[] = [];
+    // First 2 columns are nom/prenom, skip them
+    for (let i = 2; i < headerRow.length; i++) {
+      const h = headerRow[i];
+      if (h == null || String(h).trim() === "") continue;
+      const header = String(h).trim();
+      const coeff = typeof coeffRow[i] === "number" ? coeffRow[i] : null;
+      const { code, name } = parseHeader(header);
+      const type = detectColumnType(header, coeff as number | null);
+      cols.push({ index: i, code, name, coeff: coeff as number | null, type });
+    }
+    columns.value = cols;
+  }
+
+  function onSheetChange(name: string) {
+    selectedSheet.value = name;
+    if (workbookRef.current) {
+      parseSheet(workbookRef.current, name);
+    }
+  }
+
+  function findStudent(
+    nom: string,
+    prenom: string,
+  ): Student | undefined {
+    const normNom = nom.toUpperCase().trim();
+    const normPrenom = prenom.toUpperCase().trim();
+    return students.value.find(
+      (s) =>
+        s.nom.toUpperCase().trim() === normNom &&
+        s.prenom.toUpperCase().trim() === normPrenom,
+    );
+  }
+
+  async function doImport() {
+    if (!workbookRef.current || !selectedSheet.value) return;
+    uploading.value = true;
+    error.value = null;
+    importResult.value = null;
+
+    try {
+      const sheet = workbookRef.current.Sheets[selectedSheet.value];
+      const rows = XLSX.utils.sheet_to_json<(string | number | null)[]>(sheet, {
+        header: 1,
+      });
+
+      const moduleCols = columns.value.filter((c) => c.type === "module");
+
+      let added = 0;
+      let modified = 0;
+      let ignored = 0;
+      let errors = 0;
+      const details: ImportDetail[] = [];
+
+      // Process data rows (skip header + coeff rows)
+      for (let r = 2; r < rows.length; r++) {
+        const row = rows[r];
+        if (!row || row.length < 3) continue;
+
+        const nom = row[0] != null ? String(row[0]).trim() : "";
+        const prenom = row[1] != null ? String(row[1]).trim() : "";
+        if (!nom || !prenom) continue;
+
+        const student = findStudent(nom, prenom);
+        if (!student) {
+          ignored++;
+          details.push({
+            type: "error",
+            message: `${nom} ${prenom} : Etudiant non trouve`,
+          });
+          continue;
+        }
+
+        // Import module notes
+        for (const col of moduleCols) {
+          const val = row[col.index];
+          if (val == null || typeof val !== "number") {
+            if (val != null && typeof val !== "number") {
+              errors++;
+              details.push({
+                type: "error",
+                message:
+                  `${student.numEtud} : ${col.code} : Note "${val}" invalide`,
+              });
+            }
+            continue;
+          }
+          if (val < 0 || val > 20) {
+            errors++;
+            details.push({
+              type: "error",
+              message:
+                `${student.numEtud} : ${col.code} : Note ${val} hors limites`,
+            });
+            continue;
+          }
+
+          const noteField = session.value === "2" ? "noteSession2" : "note";
+
+          // Try PUT first (update), then POST (create)
+          const putRes = await fetch(
+            `/notes/api/notes/${student.numEtud}/${
+              encodeURIComponent(col.code)
+            }`,
+            {
+              method: "PUT",
+              headers: { "content-type": "application/json" },
+              body: JSON.stringify({ [noteField]: val }),
+            },
+          );
+
+          if (putRes.ok) {
+            const prev = await putRes.json();
+            const oldVal = session.value === "2"
+              ? prev.noteSession2
+              : prev.note;
+            modified++;
+            details.push({
+              type: "change",
+              message: `${student.numEtud} : ${col.code} : ${
+                oldVal ?? "null"
+              } -> ${val}`,
+            });
+          } else if (putRes.status === 404) {
+            // Note doesn't exist yet, create it
+            const body: Record<string, unknown> = {
+              numEtud: student.numEtud,
+              idModule: col.code,
+              note: session.value === "1" ? val : 0,
+            };
+            if (session.value === "2") body.noteSession2 = val;
+
+            const postRes = await fetch("/notes/api/notes", {
+              method: "POST",
+              headers: { "content-type": "application/json" },
+              body: JSON.stringify(body),
+            });
+            if (postRes.ok) {
+              added++;
+              details.push({
+                type: "change",
+                message: `${student.numEtud} : ${col.code} : null -> ${val}`,
+              });
+            } else {
+              errors++;
+              details.push({
+                type: "error",
+                message:
+                  `${student.numEtud} : ${col.code} : Matiere non trouvee`,
+              });
+            }
+          } else {
+            errors++;
+            details.push({
+              type: "error",
+              message: `${student.numEtud} : ${col.code} : Erreur serveur`,
+            });
+          }
+        }
+      }
+
+      importResult.value = { added, modified, ignored, errors, details };
+    } catch {
+      error.value = "Erreur lors de l'import.";
+    } finally {
+      uploading.value = false;
+    }
+  }
+
+  function downloadTemplate() {
+    globalThis.open("/templates/modele_notes.xlsx", "_blank");
+  }
+
+  function _downloadExport() {
+    // Export notes from the API in the same format
+    Promise.all([
+      fetch("/students/api/students").then((r) => r.json()),
+      fetch("/notes/api/notes").then((r) => r.json()),
+      fetch("/notes/api/modules").then((r) => r.json()),
+      fetch("/notes/api/ue-modules").then((r) => r.json()),
+      fetch("/notes/api/ues").then((r) => r.json()),
+    ]).then(
+      ([
+        studentsData,
+        notesData,
+        modulesData,
+        ueModulesData,
+        uesData,
+      ]) => {
+        // Build module map
+        const modMap = new Map<string, string>(
+          modulesData.map((m: { id: string; nom: string }) => [m.id, m.nom]),
+        );
+
+        // Get unique module IDs from notes
+        const moduleIds = [
+          ...new Set(
+            notesData.map((n: { idModule: string }) => n.idModule),
+          ),
+        ] as string[];
+
+        // Group ue-modules by UE
+        const ueMap = new Map<number, string>(
+          uesData.map((u: { id: number; nom: string }) => [u.id, u.nom]),
+        );
+        const umByUE = new Map<number, typeof ueModulesData>();
+        for (const um of ueModulesData) {
+          if (!umByUE.has(um.idUE)) umByUE.set(um.idUE, []);
+          umByUE.get(um.idUE)!.push(um);
+        }
+
+        // Build column order: group modules by UE, add UE avg columns
+        const orderedCols: {
+          id: string;
+          header: string;
+          coeff: number | null;
+          type: "module" | "ue";
+          ueId?: number;
+        }[] = [];
+
+        const usedModules = new Set<string>();
+        for (const [ueId, ums] of umByUE) {
+          for (const um of ums) {
+            if (!moduleIds.includes(um.idModule)) continue;
+            orderedCols.push({
+              id: um.idModule,
+              header: `${um.idModule} - ${
+                modMap.get(um.idModule) || um.idModule
+              }`,
+              coeff: um.coeff,
+              type: "module",
+              ueId,
+            });
+            usedModules.add(um.idModule);
+          }
+          const ueName = ueMap.get(ueId) || `UE ${ueId}`;
+          orderedCols.push({
+            id: `ue_${ueId}`,
+            header: ueName,
+            coeff: ums.reduce(
+              (s: number, um: { coeff: number }) => s + um.coeff,
+              0,
+            ),
+            type: "ue",
+            ueId,
+          });
+        }
+        // Add modules not linked to any UE
+        for (const mId of moduleIds) {
+          if (usedModules.has(mId)) continue;
+          orderedCols.push({
+            id: mId,
+            header: `${mId} - ${modMap.get(mId) || mId}`,
+            coeff: null,
+            type: "module",
+          });
+        }
+
+        // Build note lookup: numEtud -> idModule -> note
+        const noteLookup = new Map<
+          number,
+          Map<string, { note: number; noteSession2: number | null }>
+        >();
+        for (const n of notesData) {
+          if (!noteLookup.has(n.numEtud)) noteLookup.set(n.numEtud, new Map());
+          noteLookup.get(n.numEtud)!.set(n.idModule, {
+            note: n.note,
+            noteSession2: n.noteSession2,
+          });
+        }
+
+        // Get students who have notes
+        const studentsWithNotes = studentsData.filter(
+          (s: Student) => noteLookup.has(s.numEtud),
+        );
+
+        // Build header rows
+        const headerRow: (string | null)[] = [null, null];
+        const coeffRow: (number | null)[] = [null, null];
+        for (const col of orderedCols) {
+          headerRow.push(col.header);
+          coeffRow.push(col.coeff);
+        }
+
+        // Build session 1 data rows
+        const s1Rows: (string | number | null)[][] = [];
+        for (const s of studentsWithNotes) {
+          const row: (string | number | null)[] = [s.nom, s.prenom];
+          const sNotes = noteLookup.get(s.numEtud) || new Map();
+          for (const col of orderedCols) {
+            if (col.type === "module") {
+              const n = sNotes.get(col.id);
+              row.push(n ? n.note : null);
+            } else {
+              // UE average - calculate
+              const ueMods = orderedCols.filter(
+                (c) => c.type === "module" && c.ueId === col.ueId,
+              );
+              let total = 0, coeffSum = 0;
+              for (const um of ueMods) {
+                const n = sNotes.get(um.id);
+                if (n && um.coeff) {
+                  total += n.note * um.coeff;
+                  coeffSum += um.coeff;
+                }
+              }
+              row.push(
+                coeffSum > 0
+                  ? Math.round((total / coeffSum) * 100) / 100
+                  : null,
+              );
+            }
+          }
+          s1Rows.push(row);
+        }
+
+        // Build session 2 data rows
+        const s2Rows: (string | number | null)[][] = [];
+        for (const s of studentsWithNotes) {
+          const row: (string | number | null)[] = [s.nom, s.prenom];
+          const sNotes = noteLookup.get(s.numEtud) || new Map();
+          for (const col of orderedCols) {
+            if (col.type === "module") {
+              const n = sNotes.get(col.id);
+              // Use session 2 note if available, else session 1
+              row.push(n ? (n.noteSession2 ?? n.note) : null);
+            } else {
+              const ueMods = orderedCols.filter(
+                (c) => c.type === "module" && c.ueId === col.ueId,
+              );
+              let total = 0, coeffSum = 0;
+              for (const um of ueMods) {
+                const n = sNotes.get(um.id);
+                if (n && um.coeff) {
+                  const noteVal = n.noteSession2 ?? n.note;
+                  total += noteVal * um.coeff;
+                  coeffSum += um.coeff;
+                }
+              }
+              row.push(
+                coeffSum > 0
+                  ? Math.round((total / coeffSum) * 100) / 100
+                  : null,
+              );
+            }
+          }
+          s2Rows.push(row);
+        }
+
+        const wb = XLSX.utils.book_new();
+        const ws1 = XLSX.utils.aoa_to_sheet([headerRow, coeffRow, ...s1Rows]);
+        XLSX.utils.book_append_sheet(wb, ws1, "Session 1");
+        const ws2 = XLSX.utils.aoa_to_sheet([headerRow, coeffRow, ...s2Rows]);
+        XLSX.utils.book_append_sheet(wb, ws2, "Session 2");
+        const buf = XLSX.write(wb, { bookType: "xlsx", type: "array" });
+        const blob = new Blob([buf], {
+          type:
+            "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
+        });
+        const url = URL.createObjectURL(blob);
+        const a = document.createElement("a");
+        a.href = url;
+        a.download = "export_notes.xlsx";
+        a.style.display = "none";
+        document.body.appendChild(a);
+        a.click();
+        document.body.removeChild(a);
+        setTimeout(() => URL.revokeObjectURL(url), 100);
+      },
+    );
+  }
+
+  return (
+    <div>
+      <input
+        ref={inputRef}
+        type="file"
+        accept=".xlsx,.xls"
+        style="display:none"
+        onChange={(e) => {
+          const f = (e.target as HTMLInputElement).files?.[0];
+          if (f) pickFile(f);
+        }}
+      />
+
+      <div
+        class={`drop-zone${dragging.value ? " dragging" : ""}`}
+        onDragOver={(e) => {
+          e.preventDefault();
+          dragging.value = true;
+        }}
+        onDragLeave={() => (dragging.value = false)}
+        onDrop={(e) => {
+          e.preventDefault();
+          dragging.value = false;
+          const f = e.dataTransfer?.files?.[0];
+          if (f) pickFile(f);
+        }}
+        onClick={() => inputRef.current?.click()}
+      >
+        <span class="drop-zone-icon">⬇</span>
+        {file.value ? <span class="drop-zone-file">{file.value.name}</span> : (
+          <>
+            <span class="drop-zone-text">Glisser le fichier .xlsx ici</span>
+            <span class="drop-zone-hint">ou cliquer pour parcourir</span>
+          </>
+        )}
+      </div>
+
+      {error.value && <p class="state-error">{error.value}</p>}
+
+      {importResult.value && (
+        <ImportResultPopup
+          result={importResult.value}
+          onClose={() => (importResult.value = null)}
+        />
+      )}
+
+      {/* Sheet + session selector */}
+      {sheetNames.value.length > 0 && (
+        <div style="display: flex; gap: 1rem; margin-bottom: 0.75rem; flex-wrap: wrap">
+          <div>
+            <label style="font-size: 0.82rem; font-weight: 600; display: block; margin-bottom: 0.25rem">
+              Feuille
+            </label>
+            <select
+              class="filter-select"
+              value={selectedSheet.value}
+              onChange={(e) =>
+                onSheetChange((e.target as HTMLSelectElement).value)}
+            >
+              {sheetNames.value.map((name) => (
+                <option key={name} value={name}>{name}</option>
+              ))}
+            </select>
+          </div>
+          <div>
+            <label style="font-size: 0.82rem; font-weight: 600; display: block; margin-bottom: 0.25rem">
+              Importer en tant que
+            </label>
+            <select
+              class="filter-select"
+              value={session.value}
+              onChange={(e) => (session.value = (e.target as HTMLSelectElement)
+                .value as "1" | "2")}
+            >
+              <option value="1">Session 1 (note)</option>
+              <option value="2">Session 2 (noteSession2)</option>
+            </select>
+          </div>
+        </div>
+      )}
+
+      {/* Column preview */}
+      {columns.value.length > 0 && (
+        <div style="margin-bottom: 1rem">
+          <p style="font-size: 0.82rem; font-weight: 600; margin-bottom: 0.5rem">
+            Colonnes detectees :
+          </p>
+          <div style="display: flex; flex-wrap: wrap; gap: 0.35rem">
+            {columns.value.map((col) => (
+              <span
+                key={col.index}
+                class={`numEtud-chip${
+                  col.type === "module"
+                    ? ""
+                    : col.type === "malus"
+                    ? " note-chip--fail"
+                    : " note-chip--promo"
+                }`}
+                style="font-size: 0.72rem"
+                title={`${col.type} — ${col.name}${
+                  col.coeff != null ? ` (coef ${col.coeff})` : ""
+                }`}
+              >
+                {col.type === "module"
+                  ? "M"
+                  : col.type === "ue"
+                  ? "UE"
+                  : col.type === "malus"
+                  ? "X"
+                  : "?"} {col.code}
+              </span>
+            ))}
+          </div>
+          <p class="col-dim" style="font-size: 0.72rem; margin-top: 0.35rem">
+            M = ECUE (importe) | UE = moyenne UE (ignore) | X = malus
+          </p>
+        </div>
+      )}
+
+      <div class="upload-actions">
+        <button
+          type="button"
+          class="btn btn-primary"
+          onClick={doImport}
+          disabled={!file.value || uploading.value ||
+            columns.value.filter((c) => c.type === "module").length === 0}
+        >
+          {uploading.value ? "..." : "+ Importer"}
+        </button>
+        <button
+          type="button"
+          class="btn btn-secondary"
+          onClick={downloadTemplate}
+        >
+          Telecharger Modele
+        </button>
+        {
+          /* TODO: fix blob download in Fresh
+        <button
+          type="button"
+          class="btn btn-secondary"
+          onClick={downloadExport}
+        >
+          Exporter Notes
+        </button>
+        */
+        }
+      </div>
+
+      <p class="upload-format">
+        Format : <strong>Nom</strong> | <strong>Prenom</strong> |{" "}
+        <strong>CODE - ECUE</strong> (colonnes notes){" "}
+        — les colonnes UE et MALUS sont auto-detectees
+      </p>
+    </div>
+  );
+}

routes/(apps)/notes/(_islands)/NoteRecap.tsx

@@ -0,0 +1,587 @@
+import { useEffect, useState } from "preact/hooks";
+
+type Student = {
+  numEtud: number;
+  nom: string;
+  prenom: string;
+  idPromo: string;
+};
+type UE = { id: number; nom: string };
+type UEModule = {
+  idModule: string;
+  idUE: number;
+  idPromo: string;
+  coeff: number;
+};
+type Module = { id: string; nom: string };
+type Note = {
+  numEtud: number;
+  idModule: string;
+  note: number;
+  noteSession2: number | null;
+};
+type Ajustement = {
+  numEtud: number;
+  idUE: number;
+  valeur: number;
+  malus: number;
+};
+
+type Props = { numEtud: number };
+
+function fmt(n: number): string {
+  return `${Math.round(n * 10) / 10}/20`;
+}
+
+function noteClass(n: number): string {
+  return n >= 10 ? "note-chip note-chip--ok" : "note-chip note-chip--fail";
+}
+
+/** Returns the effective note (session 2 if exists, otherwise session 1). */
+function effectiveNote(n: Note): number {
+  return n.noteSession2 ?? n.note;
+}
+
+export default function NoteRecap({ numEtud }: Props) {
+  const [student, setStudent] = useState<Student | null>(null);
+  const [ueList, setUeList] = useState<UE[]>([]);
+  const [ueModules, setUeModules] = useState<UEModule[]>([]);
+  const [moduleMap, setModuleMap] = useState<Map<string, string>>(new Map());
+  const [noteMap, setNoteMap] = useState<Map<string, Note>>(new Map());
+  const [ajustements, setAjustements] = useState<Ajustement[]>([]);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState<string | null>(null);
+  const [editingNote, setEditingNote] = useState<
+    { idModule: string; field: "note" | "noteSession2"; value: string } | null
+  >(null);
+  const [ajustInputs, setAjustInputs] = useState<
+    Record<number, { valeur: string; malus: string }>
+  >({});
+
+  async function load() {
+    try {
+      const sRes = await fetch(`/students/api/students/${numEtud}`);
+      if (!sRes.ok) throw new Error("Eleve introuvable");
+      const s: Student = await sRes.json();
+      setStudent(s);
+
+      const [uesRes, umRes, mRes, notesRes, ajustRes] = await Promise.all([
+        fetch("/notes/api/ues"),
+        fetch(
+          `/notes/api/ue-modules?idPromo=${encodeURIComponent(s.idPromo)}`,
+        ),
+        fetch("/notes/api/modules"),
+        fetch(`/notes/api/notes?numEtud=${numEtud}`),
+        fetch(`/notes/api/ajustements?numEtud=${numEtud}`),
+      ]);
+
+      if (uesRes.ok) setUeList(await uesRes.json());
+      if (umRes.ok) setUeModules(await umRes.json());
+      if (mRes.ok) {
+        const mods: Module[] = await mRes.json();
+        setModuleMap(new Map(mods.map((m) => [m.id, m.nom])));
+      }
+      if (notesRes.ok) {
+        const ns: Note[] = await notesRes.json();
+        setNoteMap(new Map(ns.map((n) => [n.idModule, n])));
+      }
+      if (ajustRes.ok) {
+        const aj: Ajustement[] = await ajustRes.json();
+        setAjustements(aj);
+        const inputs: Record<number, { valeur: string; malus: string }> = {};
+        for (const a of aj) {
+          inputs[a.idUE] = {
+            valeur: String(a.valeur),
+            malus: String(a.malus),
+          };
+        }
+        setAjustInputs(inputs);
+      }
+    } catch (e) {
+      setError(e instanceof Error ? e.message : "Erreur");
+    } finally {
+      setLoading(false);
+    }
+  }
+
+  useEffect(() => {
+    load();
+  }, [numEtud]);
+
+  function calcAvg(ueMods: UEModule[]): number | null {
+    let total = 0,
+      coeff = 0;
+    for (const um of ueMods) {
+      const n = noteMap.get(um.idModule);
+      if (n === undefined) return null;
+      const val = effectiveNote(n);
+      total += val * um.coeff;
+      coeff += um.coeff;
+    }
+    return coeff > 0 ? total / coeff : null;
+  }
+
+  async function saveNote(
+    idModule: string,
+    field: "note" | "noteSession2",
+    value: string,
+  ) {
+    if (value.trim() === "" && field === "noteSession2") {
+      // Clear session 2 note
+      const res = await fetch(
+        `/notes/api/notes/${numEtud}/${encodeURIComponent(idModule)}`,
+        {
+          method: "PUT",
+          headers: { "content-type": "application/json" },
+          body: JSON.stringify({ noteSession2: null }),
+        },
+      );
+      if (res.ok) {
+        const updated: Note = await res.json();
+        setNoteMap((prev) => new Map(prev).set(idModule, updated));
+      }
+      setEditingNote(null);
+      return;
+    }
+
+    const note = parseFloat(value.replace(",", "."));
+    if (isNaN(note) || note < 0 || note > 20) {
+      setEditingNote(null);
+      return;
+    }
+
+    const existing = noteMap.get(idModule);
+
+    if (existing) {
+      // Update
+      const res = await fetch(
+        `/notes/api/notes/${numEtud}/${encodeURIComponent(idModule)}`,
+        {
+          method: "PUT",
+          headers: { "content-type": "application/json" },
+          body: JSON.stringify({ [field]: note }),
+        },
+      );
+      if (res.ok) {
+        const updated: Note = await res.json();
+        setNoteMap((prev) => new Map(prev).set(idModule, updated));
+      }
+    } else {
+      // Create
+      const body: Record<string, unknown> = {
+        numEtud,
+        idModule,
+        note: field === "note" ? note : 0,
+      };
+      if (field === "noteSession2") body.noteSession2 = note;
+      const res = await fetch("/notes/api/notes", {
+        method: "POST",
+        headers: { "content-type": "application/json" },
+        body: JSON.stringify(body),
+      });
+      if (res.ok) {
+        const created: Note = await res.json();
+        setNoteMap((prev) => new Map(prev).set(idModule, created));
+      }
+    }
+    setEditingNote(null);
+  }
+
+  async function applyAjust(idUE: number) {
+    const inputs = ajustInputs[idUE];
+    const val = parseFloat((inputs?.valeur ?? "").replace(",", "."));
+    const malus = parseInt(inputs?.malus ?? "0");
+    if (isNaN(val) || val < 0 || val > 20) return;
+    if (isNaN(malus) || malus < 0) return;
+
+    const existing = ajustements.find((a) => a.idUE === idUE);
+    const res = existing
+      ? await fetch(`/notes/api/ajustements/${numEtud}/${idUE}`, {
+        method: "PUT",
+        headers: { "content-type": "application/json" },
+        body: JSON.stringify({ valeur: val, malus }),
+      })
+      : await fetch("/notes/api/ajustements", {
+        method: "POST",
+        headers: { "content-type": "application/json" },
+        body: JSON.stringify({ numEtud, idUE, valeur: val, malus }),
+      });
+    if (res.ok) {
+      const updated: Ajustement = await res.json();
+      setAjustements((prev) =>
+        existing
+          ? prev.map((a) => (a.idUE === idUE ? updated : a))
+          : [...prev, updated]
+      );
+    }
+  }
+
+  async function resetAjust(idUE: number) {
+    const res = await fetch(`/notes/api/ajustements/${numEtud}/${idUE}`, {
+      method: "DELETE",
+    });
+    if (res.ok) {
+      setAjustements((prev) => prev.filter((a) => a.idUE !== idUE));
+      setAjustInputs((prev) => {
+        const c = { ...prev };
+        delete c[idUE];
+        return c;
+      });
+    }
+  }
+
+  if (loading) {
+    return (
+      <div class="page-content">
+        <p class="state-loading">Chargement...</p>
+      </div>
+    );
+  }
+  if (error && !student) {
+    return (
+      <div class="page-content">
+        <p class="state-error">{error}</p>
+      </div>
+    );
+  }
+  if (!student) return null;
+
+  return (
+    <div class="page-content">
+      <a
+        class="back-link"
+        href="/notes/courses"
+        f-partial="/notes/partials/courses"
+      >
+        ← Retour a la liste
+      </a>
+
+      <h2
+        class="page-title"
+        style="border-bottom: none; margin-bottom: 0.5rem"
+      >
+        Recap notes – {student.prenom} {student.nom}
+      </h2>
+
+      <div class="info-bar" style="margin-bottom: 1.25rem">
+        <span class="numEtud-chip">{student.numEtud}</span>
+        <span style="font-weight: 600">
+          {student.prenom} {student.nom}
+        </span>
+        <span class="note-chip note-chip--promo">{student.idPromo}</span>
+      </div>
+
+      {error && <p class="state-error">{error}</p>}
+
+      {ueList.length === 0
+        ? (
+          <p class="state-empty">
+            Aucune UE configuree pour cette promotion.
+          </p>
+        )
+        : ueList.map((ue) => {
+          const ueMods = ueModules.filter((um) => um.idUE === ue.id);
+          const avg = calcAvg(ueMods);
+          const ajust = ajustements.find((a) => a.idUE === ue.id);
+
+          // Final displayed average: if ajust.valeur exists it replaces avg, then subtract malus
+          let finalAvg = avg;
+          if (ajust) {
+            finalAvg = ajust.valeur;
+            if (ajust.malus > 0) {
+              finalAvg = (finalAvg ?? 0) - ajust.malus;
+            }
+          }
+
+          return (
+            <div key={ue.id} class="edit-section">
+              {/* UE header */}
+              <div style="display: flex; align-items: center; gap: 0.75rem; margin-bottom: 0.75rem; flex-wrap: wrap">
+                <p class="edit-section-title" style="margin: 0">{ue.nom}</p>
+                {avg !== null && (
+                  <span
+                    class={noteClass(avg)}
+                    style="font-size: 0.78rem"
+                  >
+                    Moy. calculee : {fmt(avg)}
+                  </span>
+                )}
+                {ajust && (
+                  <span
+                    class="note-chip note-chip--ajust"
+                    style="font-size: 0.78rem"
+                  >
+                    Ajust. actif : {fmt(ajust.valeur)}
+                  </span>
+                )}
+                {ajust && ajust.malus > 0 && (
+                  <span
+                    class="note-chip note-chip--fail"
+                    style="font-size: 0.78rem"
+                  >
+                    Malus : -{ajust.malus}
+                  </span>
+                )}
+              </div>
+
+              {/* ECUE rows */}
+              {ueMods.length === 0
+                ? (
+                  <p
+                    class="col-dim"
+                    style="font-size: 0.8rem; padding: 0.25rem 0; margin-bottom: 0.75rem"
+                  >
+                    Aucun ECUE associe a cette UE pour cette promotion.
+                  </p>
+                )
+                : (
+                  <div style="margin-bottom: 0.75rem">
+                    {ueMods.map((um) => {
+                      const noteObj = noteMap.get(um.idModule);
+                      const noteVal = noteObj?.note;
+                      const noteS2 = noteObj?.noteSession2;
+                      const effective = noteObj
+                        ? effectiveNote(noteObj)
+                        : undefined;
+                      const nomMod = moduleMap.get(um.idModule) ?? um.idModule;
+
+                      return (
+                        <div key={um.idModule} class="note-row">
+                          <span class="note-row-label">
+                            <span class="numEtud-chip note-row-chip">
+                              {um.idModule}
+                            </span>
+                            {nomMod}
+                          </span>
+                          <span class="col-dim note-row-coef">
+                            coef {um.coeff}
+                          </span>
+
+                          {/* Session 1 note */}
+                          {editingNote?.idModule === um.idModule &&
+                              editingNote.field === "note"
+                            ? (
+                              <div style="display: flex; align-items: center; gap: 0.25rem">
+                                <input
+                                  class="form-input"
+                                  style="width: 5rem; text-align: center; font-size: 0.85rem"
+                                  value={editingNote.value}
+                                  autoFocus
+                                  onInput={(e) =>
+                                    setEditingNote({
+                                      ...editingNote,
+                                      value:
+                                        (e.target as HTMLInputElement).value,
+                                    })}
+                                  onKeyDown={(e) => {
+                                    if (e.key === "Enter") {
+                                      saveNote(
+                                        um.idModule,
+                                        "note",
+                                        editingNote.value,
+                                      );
+                                    }
+                                    if (e.key === "Escape") {
+                                      setEditingNote(null);
+                                    }
+                                  }}
+                                  onBlur={() =>
+                                    saveNote(
+                                      um.idModule,
+                                      "note",
+                                      editingNote.value,
+                                    )}
+                                />
+                                <span
+                                  class="col-dim"
+                                  style="font-size: 0.75rem"
+                                >
+                                  /20
+                                </span>
+                              </div>
+                            )
+                            : (
+                              <span
+                                class={noteVal !== undefined
+                                  ? noteClass(noteVal)
+                                  : "note-chip note-chip--none"}
+                                style="font-size: 0.78rem; cursor: pointer"
+                                title="S1 — Cliquer pour modifier"
+                                onClick={() =>
+                                  setEditingNote({
+                                    idModule: um.idModule,
+                                    field: "note",
+                                    value: noteVal !== undefined
+                                      ? String(noteVal)
+                                      : "",
+                                  })}
+                              >
+                                S1:{" "}
+                                {noteVal !== undefined ? fmt(noteVal) : "—/20"}
+                              </span>
+                            )}
+
+                          {/* Session 2 note */}
+                          {editingNote?.idModule === um.idModule &&
+                              editingNote.field === "noteSession2"
+                            ? (
+                              <div style="display: flex; align-items: center; gap: 0.25rem">
+                                <input
+                                  class="form-input"
+                                  style="width: 5rem; text-align: center; font-size: 0.85rem"
+                                  value={editingNote.value}
+                                  autoFocus
+                                  placeholder="vide = suppr"
+                                  onInput={(e) =>
+                                    setEditingNote({
+                                      ...editingNote,
+                                      value:
+                                        (e.target as HTMLInputElement).value,
+                                    })}
+                                  onKeyDown={(e) => {
+                                    if (e.key === "Enter") {
+                                      saveNote(
+                                        um.idModule,
+                                        "noteSession2",
+                                        editingNote.value,
+                                      );
+                                    }
+                                    if (e.key === "Escape") {
+                                      setEditingNote(null);
+                                    }
+                                  }}
+                                  onBlur={() =>
+                                    saveNote(
+                                      um.idModule,
+                                      "noteSession2",
+                                      editingNote.value,
+                                    )}
+                                />
+                                <span
+                                  class="col-dim"
+                                  style="font-size: 0.75rem"
+                                >
+                                  /20
+                                </span>
+                              </div>
+                            )
+                            : (
+                              <span
+                                class={noteS2 != null
+                                  ? noteClass(noteS2)
+                                  : "note-chip note-chip--none"}
+                                style="font-size: 0.78rem; cursor: pointer"
+                                title="S2 — Cliquer pour modifier (vide = pas de session 2)"
+                                onClick={() =>
+                                  setEditingNote({
+                                    idModule: um.idModule,
+                                    field: "noteSession2",
+                                    value: noteS2 != null ? String(noteS2) : "",
+                                  })}
+                              >
+                                S2: {noteS2 != null ? fmt(noteS2) : "—"}
+                              </span>
+                            )}
+
+                          {/* Effective note indicator */}
+                          {noteS2 != null && (
+                            <span
+                              class="col-dim"
+                              style="font-size: 0.72rem; font-style: italic"
+                            >
+                              → {fmt(effective!)}
+                            </span>
+                          )}
+                        </div>
+                      );
+                    })}
+                  </div>
+                )}
+
+              {/* Ajustement + Malus */}
+              <div class="ajust-section">
+                <p class="ajust-title">Ajustement de la moyenne UE</p>
+                <p class="ajust-hint">
+                  La valeur remplace la moyenne calculee. Le malus est
+                  soustrait.
+                </p>
+                <div style="display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap">
+                  <div style="display: flex; align-items: center; gap: 0.25rem">
+                    <span class="col-dim" style="font-size: 0.8rem">
+                      Val:
+                    </span>
+                    <input
+                      class="form-input"
+                      style="width: 4.5rem; text-align: center"
+                      placeholder="—"
+                      value={ajustInputs[ue.id]?.valeur ?? ""}
+                      onInput={(e) =>
+                        setAjustInputs((prev) => ({
+                          ...prev,
+                          [ue.id]: {
+                            valeur: (e.target as HTMLInputElement).value,
+                            malus: prev[ue.id]?.malus ?? "0",
+                          },
+                        }))}
+                    />
+                    <span class="col-dim" style="font-size: 0.8rem">/20</span>
+                  </div>
+                  <div style="display: flex; align-items: center; gap: 0.25rem">
+                    <span class="col-dim" style="font-size: 0.8rem">
+                      Malus:
+                    </span>
+                    <input
+                      type="number"
+                      class="form-input"
+                      style="width: 4rem; text-align: center"
+                      placeholder="0"
+                      min="0"
+                      value={ajustInputs[ue.id]?.malus ?? ""}
+                      onInput={(e) =>
+                        setAjustInputs((prev) => ({
+                          ...prev,
+                          [ue.id]: {
+                            valeur: prev[ue.id]?.valeur ?? "",
+                            malus: (e.target as HTMLInputElement).value,
+                          },
+                        }))}
+                    />
+                  </div>
+                  <button
+                    type="button"
+                    class="btn btn-sm btn-primary"
+                    onClick={() => applyAjust(ue.id)}
+                  >
+                    Appliquer
+                  </button>
+                  {ajust && (
+                    <>
+                      <button
+                        type="button"
+                        class="btn btn-sm btn-secondary"
+                        onClick={() => resetAjust(ue.id)}
+                      >
+                        Reinitialiser
+                      </button>
+                      <span
+                        class="col-dim"
+                        style="font-size: 0.75rem; font-family: monospace"
+                      >
+                        Affiche : {fmt(ajust.valeur)}
+                        {ajust.malus > 0
+                          ? ` - ${ajust.malus} = ${
+                            fmt(ajust.valeur - ajust.malus)
+                          }`
+                          : ""}
+                        {avg !== null ? ` (calculee : ${fmt(avg)})` : ""}
+                      </span>
+                    </>
+                  )}
+                </div>
+              </div>
+            </div>
+          );
+        })}
+    </div>
+  );
+}

routes/(apps)/notes/(_islands)/NotesView.tsx

@@ -0,0 +1,249 @@
+import { useEffect, useState } from "preact/hooks";
+
+type Note = {
+  numEtud: number;
+  idModule: string;
+  note: number;
+  noteSession2: number | null;
+};
+type UE = { id: number; nom: string };
+type UEModule = {
+  idModule: string;
+  idUE: number;
+  idPromo: string;
+  coeff: number;
+};
+type Module = { id: string; nom: string };
+type Ajustement = {
+  numEtud: number;
+  idUE: number;
+  valeur: number;
+  malus: number;
+};
+
+type Props = {
+  numEtud: number | null;
+  prenom: string;
+};
+
+function scoreClass(score: number | null): string {
+  if (score === null) return "score-none";
+  return score >= 10 ? "score-good" : "score-warn";
+}
+
+function avgClass(avg: number | null): string {
+  if (avg === null) return "";
+  return avg >= 10 ? "avg-good" : "avg-warn";
+}
+
+/** Returns the effective note (session 2 if exists, otherwise session 1). */
+function effectiveNote(n: Note): number {
+  return n.noteSession2 ?? n.note;
+}
+
+export default function NotesView({ numEtud, prenom }: Props) {
+  const [notes, setNotes] = useState<Note[]>([]);
+  const [ues, setUes] = useState<UE[]>([]);
+  const [ueModules, setUeModules] = useState<UEModule[]>([]);
+  const [modules, setModules] = useState<Module[]>([]);
+  const [ajustements, setAjustements] = useState<Ajustement[]>([]);
+  const [promos, setPromos] = useState<string[]>([]);
+  const [activePromo, setActivePromo] = useState<string | null>(null);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState<string | null>(null);
+
+  useEffect(() => {
+    if (numEtud === null) {
+      setLoading(false);
+      return;
+    }
+
+    async function load() {
+      try {
+        const [notesRes, uesRes, ueModRes, modRes, ajRes] = await Promise.all([
+          fetch(`/notes/api/notes?numEtud=${numEtud}`),
+          fetch("/notes/api/ues"),
+          fetch("/notes/api/ue-modules"),
+          fetch("/notes/api/modules"),
+          fetch(`/notes/api/ajustements?numEtud=${numEtud}`),
+        ]);
+
+        if (!notesRes.ok || !uesRes.ok || !ueModRes.ok) {
+          throw new Error("Erreur lors du chargement");
+        }
+
+        const [notesData, uesData, ueModData, modData, ajData] = await Promise
+          .all([
+            notesRes.json(),
+            uesRes.json(),
+            ueModRes.json(),
+            modRes.ok ? modRes.json() : [],
+            ajRes.ok ? ajRes.json() : [],
+          ]);
+
+        setNotes(notesData);
+        setUes(uesData);
+        setUeModules(ueModData);
+        setModules(modData);
+        setAjustements(ajData);
+
+        const noteModuleIds = new Set(notesData.map((n: Note) => n.idModule));
+        const relevantPromos = [
+          ...new Set(
+            ueModData
+              .filter((um: UEModule) => noteModuleIds.has(um.idModule))
+              .map((um: UEModule) => um.idPromo),
+          ),
+        ] as string[];
+
+        setPromos(relevantPromos);
+        if (relevantPromos.length > 0) setActivePromo(relevantPromos[0]);
+      } catch (e) {
+        setError(e instanceof Error ? e.message : "Erreur inconnue");
+      } finally {
+        setLoading(false);
+      }
+    }
+
+    load();
+  }, [numEtud]);
+
+  if (numEtud === null) {
+    return (
+      <div class="page-content">
+        <p class="state-empty">
+          Bonjour {prenom}{" "}
+          — aucun dossier etudiant n'est associe a votre compte.
+        </p>
+      </div>
+    );
+  }
+
+  if (loading) {
+    return (
+      <div class="page-content">
+        <p class="state-loading">Chargement...</p>
+      </div>
+    );
+  }
+
+  if (error) {
+    return (
+      <div class="page-content">
+        <p class="state-error">{error}</p>
+      </div>
+    );
+  }
+
+  const filteredUeModules = activePromo
+    ? ueModules.filter((um) => um.idPromo === activePromo)
+    : ueModules;
+
+  const ueIds = [...new Set(filteredUeModules.map((um) => um.idUE))];
+
+  const moduleMap = Object.fromEntries(modules.map((m) => [m.id, m]));
+  const noteMap = Object.fromEntries(
+    notes.map((n) => [n.idModule, n]),
+  );
+  const ajMap = Object.fromEntries(
+    ajustements.map((a) => [a.idUE, a]),
+  );
+
+  return (
+    <div class="page-content">
+      {promos.length > 1 && (
+        <div class="tabs">
+          {promos.map((p) => (
+            <button
+              type="button"
+              key={p}
+              class={`tab-btn${activePromo === p ? " active" : ""}`}
+              onClick={() => setActivePromo(p)}
+            >
+              {p}
+            </button>
+          ))}
+        </div>
+      )}
+
+      {ueIds.length === 0 && (
+        <p class="state-empty">Aucune note disponible pour cette periode.</p>
+      )}
+
+      {ueIds.map((ueId) => {
+        const ue = ues.find((u) => u.id === ueId);
+        if (!ue) return null;
+
+        const ueModsForUE = filteredUeModules.filter((um) => um.idUE === ueId);
+        let weightedSum = 0;
+        let coveredCoeff = 0;
+        ueModsForUE.forEach((um) => {
+          const noteObj = noteMap[um.idModule];
+          if (noteObj) {
+            const val = effectiveNote(noteObj);
+            weightedSum += val * um.coeff;
+            coveredCoeff += um.coeff;
+          }
+        });
+
+        const avg = coveredCoeff > 0 ? weightedSum / coveredCoeff : null;
+        const ajust = ajMap[ueId] ?? null;
+
+        // If ajust.valeur exists, it replaces the calculated average
+        // Then malus is subtracted
+        let finalAvg: number | null = avg;
+        if (ajust) {
+          finalAvg = ajust.valeur;
+          if (ajust.malus > 0) {
+            finalAvg = (finalAvg ?? 0) - ajust.malus;
+          }
+        }
+
+        return (
+          <div key={ueId} class="ue-card">
+            <div class="ue-card-header">
+              <p class="ue-card-title">UE : {ue.nom}</p>
+              {finalAvg !== null
+                ? (
+                  <p class={`ue-card-avg ${avgClass(finalAvg)}`}>
+                    Moyenne : {finalAvg.toFixed(2)}/20
+                    {ajust && ajust.malus > 0 && (
+                      <span>(malus : -{ajust.malus})</span>
+                    )}
+                  </p>
+                )
+                : <p class="ue-card-avg avg-warn">Notes non disponibles</p>}
+            </div>
+
+            {ueModsForUE.map((um) => {
+              const mod = moduleMap[um.idModule];
+              const noteObj = noteMap[um.idModule] ?? null;
+              const effective = noteObj ? effectiveNote(noteObj) : null;
+              const hasS2 = noteObj?.noteSession2 != null;
+
+              return (
+                <div key={um.idModule} class="ue-module-row">
+                  <span class="ue-module-name">
+                    {mod ? mod.id : um.idModule} —{" "}
+                    {mod ? mod.nom : "ECUE inconnu"} (coef {um.coeff})
+                  </span>
+                  <span class={`score-chip ${scoreClass(effective)}`}>
+                    {effective !== null ? `${effective}/20` : "—"}
+                    {hasS2 && (
+                      <span
+                        style="font-size: 0.7rem; opacity: 0.7; margin-left: 0.35rem"
+                        title={`Session 1 : ${noteObj!.note}/20`}
+                      >
+                        (S1: {noteObj!.note})
+                      </span>
+                    )}
+                  </span>
+                </div>
+              );
+            })}
+          </div>
+        );
+      })}
+    </div>
+  );
+}

routes/(apps)/notes/(_props)/props.ts

@@ -4,11 +4,13 @@ const properties: AppProperties = {
   name: "PolyNotes",
   icon: "school",
   pages: {
-    index: "Homepage",
-    notes: "Notes",
-    courses: "Courses management",
+    index: "Accueil",
+    notes: "Mes notes",
+    courses: "Consulter",
+    import: "Import Notes",
   },
-  adminOnly: ["courses", "students"],
+  adminOnly: ["courses", "import"],
+  studentOnly: ["notes"],
   hint: "Student grading management",
 };
 

routes/(apps)/notes/[slug].tsx

@@ -0,0 +1,2 @@
+import makeSlug from "$root/defaults/makeSlug.ts";
+export default makeSlug(import.meta.dirname!);

routes/(apps)/notes/api/ajustements.ts

@@ -52,8 +52,12 @@ export const handler: Handlers<null, AuthenticatedState> = {
     }
 
     try {
-      const body: { numEtud: number; idUE: number; valeur: number } =
-        await request.json();
+      const body: {
+        numEtud: number;
+        idUE: number;
+        valeur: number;
+        malus?: number;
+      } = await request.json();
 
       if (!body.numEtud || !body.idUE || body.valeur === undefined) {
         return new Response(
@@ -62,12 +66,23 @@ export const handler: Handlers<null, AuthenticatedState> = {
         );
       }
 
+      if (
+        body.malus !== undefined &&
+        (!Number.isInteger(body.malus) || body.malus < 0)
+      ) {
+        return new Response(
+          JSON.stringify({ error: "malus doit être un entier >= 0" }),
+          { status: 400, headers: { "content-type": "application/json" } },
+        );
+      }
+
       const [created] = await db
         .insert(ajustements)
         .values({
           numEtud: body.numEtud,
           idUE: body.idUE,
           valeur: body.valeur,
+          malus: body.malus ?? 0,
         })
         .returning();
 

routes/(apps)/notes/api/ajustements/[numEtud]/[idUE].ts

@@ -2,14 +2,15 @@ import { FreshContext, Handlers } from "$fresh/server.ts";
 import { db } from "$root/databases/db.ts";
 import { ajustements } from "$root/databases/schema.ts";
 import { AuthenticatedState } from "$root/defaults/interfaces.ts";
-import { eq } from "npm:drizzle-orm@0.45.2";
+import { and, eq } from "npm:drizzle-orm@0.45.2";
 
-const NOT_FOUND = new Response(
-  JSON.stringify({ error: "Ajustement introuvable" }),
-  { status: 404, headers: { "content-type": "application/json" } },
-);
+const NOT_FOUND = () =>
+  new Response(
+    JSON.stringify({ error: "Ajustement introuvable" }),
+    { status: 404, headers: { "content-type": "application/json" } },
+  );
 
-const FORBIDDEN = new Response(null, { status: 403 });
+const FORBIDDEN = () => new Response(null, { status: 403 });
 
 export const handler: Handlers<null, AuthenticatedState> = {
   // #50 GET /ajustements/{numEtud}/{idUE}
@@ -18,7 +19,7 @@ export const handler: Handlers<null, AuthenticatedState> = {
     context: FreshContext<AuthenticatedState>,
   ): Promise<Response> {
     if (context.state.session.eduPersonPrimaryAffiliation !== "employee") {
-      return FORBIDDEN;
+      return FORBIDDEN();
     }
 
     const numEtud = Number(context.params.numEtud);
@@ -31,10 +32,10 @@ export const handler: Handlers<null, AuthenticatedState> = {
     const ajustement = await db
       .select()
       .from(ajustements)
-      .where(eq(ajustements.numEtud, numEtud), eq(ajustements.idUE, idUE))
+      .where(and(eq(ajustements.numEtud, numEtud), eq(ajustements.idUE, idUE)))
       .then((rows) => rows[0] ?? null);
 
-    if (!ajustement) return NOT_FOUND;
+    if (!ajustement) return NOT_FOUND();
 
     return new Response(JSON.stringify(ajustement), {
       headers: { "content-type": "application/json" },
@@ -47,7 +48,7 @@ export const handler: Handlers<null, AuthenticatedState> = {
     context: FreshContext<AuthenticatedState>,
   ): Promise<Response> {
     if (context.state.session.eduPersonPrimaryAffiliation !== "employee") {
-      return FORBIDDEN;
+      return FORBIDDEN();
     }
 
     const numEtud = Number(context.params.numEtud);
@@ -57,7 +58,7 @@ export const handler: Handlers<null, AuthenticatedState> = {
       return new Response("Paramètres invalides", { status: 400 });
     }
 
-    const body: { valeur: number } = await request.json();
+    const body: { valeur: number; malus?: number } = await request.json();
 
     if (body.valeur === undefined) {
       return new Response(JSON.stringify({ error: "Champ requis: valeur" }), {
@@ -66,13 +67,28 @@ export const handler: Handlers<null, AuthenticatedState> = {
       });
     }
 
+    if (
+      body.malus !== undefined &&
+      (!Number.isInteger(body.malus) || body.malus < 0)
+    ) {
+      return new Response(
+        JSON.stringify({ error: "malus doit être un entier >= 0" }),
+        { status: 400, headers: { "content-type": "application/json" } },
+      );
+    }
+
+    const set: { valeur: number; malus?: number } = { valeur: body.valeur };
+    if (body.malus !== undefined) {
+      set.malus = body.malus;
+    }
+
     const [updated] = await db
       .update(ajustements)
-      .set({ valeur: body.valeur })
-      .where(eq(ajustements.numEtud, numEtud), eq(ajustements.idUE, idUE))
+      .set(set)
+      .where(and(eq(ajustements.numEtud, numEtud), eq(ajustements.idUE, idUE)))
       .returning();
 
-    if (!updated) return NOT_FOUND;
+    if (!updated) return NOT_FOUND();
 
     return new Response(JSON.stringify(updated), {
       headers: { "content-type": "application/json" },
@@ -85,7 +101,7 @@ export const handler: Handlers<null, AuthenticatedState> = {
     context: FreshContext<AuthenticatedState>,
   ): Promise<Response> {
     if (context.state.session.eduPersonPrimaryAffiliation !== "employee") {
-      return FORBIDDEN;
+      return FORBIDDEN();
     }
 
     const numEtud = Number(context.params.numEtud);
@@ -97,10 +113,10 @@ export const handler: Handlers<null, AuthenticatedState> = {
 
     const [deleted] = await db
       .delete(ajustements)
-      .where(eq(ajustements.numEtud, numEtud), eq(ajustements.idUE, idUE))
+      .where(and(eq(ajustements.numEtud, numEtud), eq(ajustements.idUE, idUE)))
       .returning();
 
-    if (!deleted) return NOT_FOUND;
+    if (!deleted) return NOT_FOUND();
 
     return new Response(null, { status: 204 });
   },

routes/(apps)/notes/api/modules.ts

@@ -0,0 +1,12 @@
+import { Handlers } from "$fresh/server.ts";
+import { db } from "$root/databases/db.ts";
+import { modules } from "$root/databases/schema.ts";
+
+export const handler: Handlers = {
+  async GET() {
+    const rows = await db.select().from(modules);
+    return new Response(JSON.stringify(rows), {
+      headers: { "content-type": "application/json" },
+    });
+  },
+};

routes/(apps)/notes/api/notes.ts

@@ -41,7 +41,7 @@ export const handler: Handlers = {
   async POST(request) {
     try {
       const body = await request.json();
-      const { note, numEtud, idModule } = body;
+      const { note, numEtud, idModule, noteSession2 } = body;
 
       if (note === undefined || !numEtud || !idModule) {
         return new Response("Champs 'note', 'numEtud' et 'idModule' requis", {
@@ -49,7 +49,38 @@ export const handler: Handlers = {
         });
       }
 
-      const result = await db.insert(notes).values({ note, numEtud, idModule })
+      if (typeof note !== "number" || note < 0 || note > 20) {
+        return new Response("Champ 'note' doit être un nombre entre 0 et 20", {
+          status: 400,
+        });
+      }
+
+      if (
+        noteSession2 !== undefined && noteSession2 !== null &&
+        (typeof noteSession2 !== "number" || noteSession2 < 0 ||
+          noteSession2 > 20)
+      ) {
+        return new Response(
+          "Champ 'noteSession2' doit être un nombre entre 0 et 20",
+          { status: 400 },
+        );
+      }
+
+      const values: {
+        note: number;
+        numEtud: number;
+        idModule: string;
+        noteSession2?: number | null;
+      } = {
+        note,
+        numEtud,
+        idModule,
+      };
+      if (noteSession2 !== undefined) {
+        values.noteSession2 = noteSession2;
+      }
+
+      const result = await db.insert(notes).values(values)
         .returning();
 
       return new Response(JSON.stringify(result[0]), {

routes/(apps)/notes/api/notes/[numEtud]/[idModule].ts

@@ -64,13 +64,39 @@ export const handler: Handlers = {
       }
 
       const body = await request.json();
-      const { note } = body;
+      const { note, noteSession2 } = body;
 
-      if (note === undefined) {
-        return new Response("Champ 'note' manquant", { status: 400 });
+      if (note === undefined && noteSession2 === undefined) {
+        return new Response("Au moins 'note' ou 'noteSession2' requis", {
+          status: 400,
+        });
       }
 
-      const result = await db.update(notes).set({ note }).where(
+      if (
+        note !== undefined &&
+        (typeof note !== "number" || note < 0 || note > 20)
+      ) {
+        return new Response("Champ 'note' doit être un nombre entre 0 et 20", {
+          status: 400,
+        });
+      }
+
+      if (
+        noteSession2 !== undefined && noteSession2 !== null &&
+        (typeof noteSession2 !== "number" || noteSession2 < 0 ||
+          noteSession2 > 20)
+      ) {
+        return new Response(
+          "Champ 'noteSession2' doit être un nombre entre 0 et 20",
+          { status: 400 },
+        );
+      }
+
+      const set: { note?: number; noteSession2?: number | null } = {};
+      if (note !== undefined) set.note = note;
+      if (noteSession2 !== undefined) set.noteSession2 = noteSession2;
+
+      const result = await db.update(notes).set(set).where(
         and(
           eq(notes.numEtud, numEtud),
           eq(notes.idModule, idModule),

routes/(apps)/notes/api/notes/import-xlsx.ts

@@ -0,0 +1,70 @@
+// @deno-types="https://cdn.sheetjs.com/xlsx-0.20.3/package/types/index.d.ts"
+import * as XLSX from "https://cdn.sheetjs.com/xlsx-0.20.3/package/xlsx.mjs";
+import { Handlers } from "$fresh/server.ts";
+import { db } from "../../../../../databases/db.ts";
+import { notes } from "../../../../../databases/schema.ts";
+
+export const handler: Handlers = {
+  //# 44 POST /notes/import-xlsx
+  async POST(request) {
+    try {
+      const formData = await request.formData();
+      const file = formData.get("file");
+      const idModule = formData.get("idModule");
+
+      if (!file || !(file instanceof File)) {
+        return new Response("Champ 'file' manquant", { status: 400 });
+      }
+
+      if (!idModule || typeof idModule !== "string") {
+        return new Response("Champ 'idModule' manquant", { status: 400 });
+      }
+
+      const buffer = await file.arrayBuffer();
+      const workbook = XLSX.read(buffer);
+      const sheet = workbook.Sheets[workbook.SheetNames[0]];
+      const rows = XLSX.utils.sheet_to_json(sheet) as {
+        numEtud: number;
+        note: number;
+        noteSession2?: number;
+      }[];
+
+      for (const row of rows) {
+        const { numEtud, note, noteSession2 } = row;
+
+        if (!numEtud || note === undefined) {
+          continue;
+        }
+
+        const values: {
+          numEtud: number;
+          idModule: string;
+          note: number;
+          noteSession2?: number | null;
+        } = {
+          numEtud,
+          idModule,
+          note,
+        };
+        const set: { note: number; noteSession2?: number | null } = { note };
+
+        if (noteSession2 !== undefined) {
+          values.noteSession2 = noteSession2;
+          set.noteSession2 = noteSession2;
+        }
+
+        await db.insert(notes)
+          .values(values)
+          .onConflictDoUpdate({
+            target: [notes.numEtud, notes.idModule],
+            set,
+          });
+      }
+
+      return new Response(null, { status: 204 });
+    } catch (error) {
+      console.error("Error importing notes:", error);
+      return new Response("Failed to import notes", { status: 500 });
+    }
+  },
+};

routes/(apps)/notes/api/ue-modules.ts

@@ -1,66 +1,28 @@
 import { Handlers } from "$fresh/server.ts";
-import { db } from "../../../../databases/db.ts";
-import { ueModules } from "../../../../databases/schema.ts";
+import { db } from "$root/databases/db.ts";
+import { ueModules } from "$root/databases/schema.ts";
 import { and, eq } from "npm:drizzle-orm@0.45.2";
 
 export const handler: Handlers = {
-  // #37 GET /ue-modules
   async GET(request) {
-    try {
-      const url = new URL(request.url);
-      const idPromo = url.searchParams.get("idPromo");
-      const idUEParam = url.searchParams.get("idUE");
+    const url = new URL(request.url);
+    const idPromo = url.searchParams.get("idPromo");
+    const idUEParam = url.searchParams.get("idUE");
+    const idUE = idUEParam ? parseInt(idUEParam) : null;
 
-      const idUE = idUEParam ? parseInt(idUEParam) : null;
-
-      if (idUEParam && isNaN(idUE!)) {
-        return new Response("Paramètre idUE invalide", { status: 400 });
-      }
-
-      const result = await db.select().from(ueModules).where(
-        and(
-          idPromo ? eq(ueModules.idPromo, idPromo) : undefined,
-          idUE ? eq(ueModules.idUE, idUE) : undefined,
-        ),
-      );
-
-      return new Response(JSON.stringify(result), {
-        status: 200,
-        headers: { "Content-Type": "application/json" },
-      });
-    } catch (error) {
-      console.error("Error fetching UE-modules:", error);
-      return new Response("Failed to fetch data", { status: 500 });
+    if (idUEParam && isNaN(idUE!)) {
+      return new Response("Paramètre idUE invalide", { status: 400 });
     }
-  },
 
-  // #38 POST /ue-modules
-  async POST(request) {
-    try {
-      const body = await request.json();
-      const { idModule, idUE, idPromo, coeff } = body;
+    const rows = await db.select().from(ueModules).where(
+      and(
+        idPromo ? eq(ueModules.idPromo, idPromo) : undefined,
+        idUE ? eq(ueModules.idUE, idUE) : undefined,
+      ),
+    );
 
-      if (!idModule || !idUE || !idPromo || coeff === undefined) {
-        return new Response(
-          "Champs 'idModule', 'idUE', 'idPromo' et 'coeff' requis",
-          { status: 400 },
-        );
-      }
-
-      const result = await db.insert(ueModules).values({
-        idModule,
-        idUE,
-        idPromo,
-        coeff,
-      }).returning();
-
-      return new Response(JSON.stringify(result[0]), {
-        status: 201,
-        headers: { "Content-Type": "application/json" },
-      });
-    } catch (error) {
-      console.error("Error creating UE-module:", error);
-      return new Response("Failed to create UE-module", { status: 500 });
-    }
+    return new Response(JSON.stringify(rows), {
+      headers: { "content-type": "application/json" },
+    });
   },
 };

routes/(apps)/notes/api/ues.ts

@@ -1,42 +1,12 @@
 import { Handlers } from "$fresh/server.ts";
-import { db } from "../../../../databases/db.ts";
-import { ues } from "../../../../databases/schema.ts";
+import { db } from "$root/databases/db.ts";
+import { ues } from "$root/databases/schema.ts";
 
 export const handler: Handlers = {
-  // #32 GET /ues
   async GET() {
-    try {
-      const result = await db.select().from(ues);
-
-      return new Response(JSON.stringify(result), {
-        status: 200,
-        headers: { "Content-Type": "application/json" },
-      });
-    } catch (error) {
-      console.error("Error fetching UEs:", error);
-      return new Response("Failed to fetch data", { status: 500 });
-    }
-  },
-
-  // #33 POST /ues
-  async POST(request) {
-    try {
-      const body = await request.json();
-      const { nom } = body;
-
-      if (!nom) {
-        return new Response("Champ 'nom' manquant", { status: 400 });
-      }
-
-      const result = await db.insert(ues).values({ nom }).returning();
-
-      return new Response(JSON.stringify(result[0]), {
-        status: 201,
-        headers: { "Content-Type": "application/json" },
-      });
-    } catch (error) {
-      console.error("Error creating UE:", error);
-      return new Response("Failed to create UE", { status: 500 });
-    }
+    const rows = await db.select().from(ues);
+    return new Response(JSON.stringify(rows), {
+      headers: { "content-type": "application/json" },
+    });
   },
 };

routes/(apps)/notes/edition/[numEtud].tsx

@@ -0,0 +1,12 @@
+import { FreshContext } from "$fresh/server.ts";
+import { AuthenticatedState } from "$root/defaults/interfaces.ts";
+import NoteRecap from "../(_islands)/NoteRecap.tsx";
+
+// deno-lint-ignore require-await
+export default async function EditionPage(
+  _request: Request,
+  context: FreshContext<AuthenticatedState>,
+) {
+  const numEtud = Number(context.params.numEtud);
+  return <NoteRecap numEtud={numEtud} />;
+}

routes/(apps)/notes/partials/(admin)/courses.tsx

@@ -3,12 +3,14 @@ import {
   makePartials,
 } from "$root/defaults/makePartials.tsx";
 import { FreshContext } from "$fresh/server.ts";
-import { State } from "$root/routes/_middleware.ts";
+import { State } from "$root/defaults/interfaces.ts";
+import AdminConsultNotes from "../../(_islands)/AdminConsultNotes.tsx";
 
 // deno-lint-ignore require-await
-async function Courses(_request: Request, context: FreshContext<State>) {
-  return <h2>Welcome to {context.state.session?.displayName}.</h2>;
+async function Courses(_request: Request, _context: FreshContext<State>) {
+  return <AdminConsultNotes />;
 }
 
+export { Courses as Page };
 export const config = getPartialsConfig();
 export default makePartials(Courses);

routes/(apps)/notes/partials/(admin)/import.tsx

@@ -0,0 +1,24 @@
+import {
+  getPartialsConfig,
+  makePartials,
+} from "$root/defaults/makePartials.tsx";
+import { FreshContext } from "$fresh/server.ts";
+import { State } from "$root/defaults/interfaces.ts";
+import ImportNotes from "../../(_islands)/ImportNotes.tsx";
+
+// deno-lint-ignore require-await
+async function ImportNotesPage(
+  _request: Request,
+  _context: FreshContext<State>,
+) {
+  return (
+    <div class="page-content">
+      <h2 class="page-title">Importer des Notes</h2>
+      <ImportNotes />
+    </div>
+  );
+}
+
+export { ImportNotesPage as Page };
+export const config = getPartialsConfig();
+export default makePartials(ImportNotesPage);

routes/(apps)/notes/partials/index.tsx

@@ -3,11 +3,53 @@ import {
   makePartials,
 } from "$root/defaults/makePartials.tsx";
 import { FreshContext } from "$fresh/server.ts";
-import { State } from "$root/routes/_middleware.ts";
+import { State } from "$root/defaults/interfaces.ts";
 
 // deno-lint-ignore require-await
-export async function Index(_request: Request, context: FreshContext<State>) {
-  return <h2>Welcome to {context.state.session?.displayName}.</h2>;
+export async function Index(
+  _request: Request,
+  context: FreshContext<State>,
+) {
+  const isEmployee =
+    (context.state as unknown as { session: Record<string, string> }).session
+      .eduPersonPrimaryAffiliation === "employee";
+
+  return (
+    <div class="page-content">
+      <h2 class="page-title">PolyNotes</h2>
+      <p>
+        Bienvenue{" "}
+        <strong>
+          {(context.state as unknown as { session: Record<string, string> })
+            .session.displayName}
+        </strong>
+        .
+      </p>
+      {isEmployee
+        ? (
+          <p>
+            Consultez les{" "}
+            <a href="/notes/courses" f-partial="/notes/partials/courses">
+              notes des élèves
+            </a>{" "}
+            ou gérez les{" "}
+            <a href="/notes/ues" f-partial="/notes/partials/ues">
+              UEs
+            </a>
+            .
+          </p>
+        )
+        : (
+          <p>
+            Consultez vos{" "}
+            <a href="/notes/notes" f-partial="/notes/partials/notes">
+              notes
+            </a>
+            .
+          </p>
+        )}
+    </div>
+  );
 }
 
 export const config = getPartialsConfig();

routes/(apps)/notes/partials/notes.tsx

@@ -1,14 +1,59 @@
+import { FreshContext } from "$fresh/server.ts";
+import { db } from "$root/databases/db.ts";
+import { students } from "$root/databases/schema.ts";
+import { and, eq } from "npm:drizzle-orm@0.45.2";
 import {
   getPartialsConfig,
   makePartials,
 } from "$root/defaults/makePartials.tsx";
-import { FreshContext } from "$fresh/server.ts";
-import { State } from "$root/routes/_middleware.ts";
+import { CasContent, State } from "$root/defaults/interfaces.ts";
+import NotesView from "../(_islands)/NotesView.tsx";
 
-// deno-lint-ignore require-await
-async function Notes(_request: Request, context: FreshContext<State>) {
-  return <h2>Welcome to {context.state.session?.displayName}.</h2>;
+async function Notes(
+  _request: Request,
+  context: FreshContext<State>,
+) {
+  const session = (context.state as unknown as { session: CasContent }).session;
+
+  let numEtud: number | null = null;
+  try {
+    if (session.eduPersonPrimaryAffiliation === "student") {
+      // Students: uid is "<letter>21212006" in AMU CAS — strip non-digit prefix
+      const etudId = parseInt(session.uid.replace(/^\D+/, ""), 10);
+      if (!isNaN(etudId)) {
+        const student = await db
+          .select()
+          .from(students)
+          .where(eq(students.numEtud, etudId))
+          .then((rows) => rows[0] ?? null);
+        numEtud = student?.numEtud ?? null;
+      }
+    } else {
+      // Employees: look up by nom/prenom
+      const student = await db
+        .select()
+        .from(students)
+        .where(
+          and(
+            eq(students.nom, session.sn),
+            eq(students.prenom, session.givenName),
+          ),
+        )
+        .then((rows) => rows[0] ?? null);
+      numEtud = student?.numEtud ?? null;
+    }
+  } catch {
+    // DB lookup failed — island will show fallback message
+  }
+
+  return (
+    <NotesView
+      numEtud={numEtud}
+      prenom={session.givenName || session.displayName}
+    />
+  );
 }
 
+export { Notes as Page };
 export const config = getPartialsConfig();
 export default makePartials(Notes);

routes/(apps)/notes/recap/[numEtud].tsx

@@ -0,0 +1,12 @@
+import { FreshContext } from "$fresh/server.ts";
+import { AuthenticatedState } from "$root/defaults/interfaces.ts";
+import NoteRecap from "../(_islands)/NoteRecap.tsx";
+
+// deno-lint-ignore require-await
+export default async function RecapPage(
+  _request: Request,
+  context: FreshContext<AuthenticatedState>,
+) {
+  const numEtud = Number(context.params.numEtud);
+  return <NoteRecap numEtud={numEtud} />;
+}

routes/(apps)/stages/(_islands)/StagesOverview.tsx

@@ -0,0 +1,558 @@
+import { useEffect, useState } from "preact/hooks";
+
+type Student = {
+  numEtud: number;
+  nom: string;
+  prenom: string;
+  idPromo: string;
+};
+type Promotion = { id: string; annee: string };
+type Stage = {
+  id: number;
+  numEtud: number;
+  duree: number;
+  nomEntreprise: string;
+  mission: string | null;
+};
+
+const REQUIRED_WEEKS = 40;
+
+export default function StagesOverview(
+  { initialNumEtud }: { initialNumEtud?: number } = {},
+) {
+  const [students, setStudents] = useState<Student[]>([]);
+  const [promos, setPromos] = useState<Promotion[]>([]);
+  const [stagesList, setStagesList] = useState<Stage[]>([]);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState<string | null>(null);
+
+  const [filterPromo, setFilterPromo] = useState("");
+  const [filterNom, setFilterNom] = useState("");
+
+  // Detail view state
+  const [detailStudent, setDetailStudent] = useState<Student | null>(null);
+  const [editingStage, setEditingStage] = useState<Stage | null>(null);
+  const [showAddForm, setShowAddForm] = useState(false);
+
+  async function load() {
+    try {
+      const [sRes, pRes, stRes] = await Promise.all([
+        fetch("/students/api/students"),
+        fetch("/students/api/promotions"),
+        fetch("/stages/api/stages"),
+      ]);
+      if (!sRes.ok) throw new Error("Impossible de charger les données");
+      const [sData, pData, stData] = await Promise.all([
+        sRes.json(),
+        pRes.ok ? pRes.json() : [],
+        stRes.ok ? stRes.json() : [],
+      ]);
+      setStudents(sData);
+      setPromos(pData);
+      setStagesList(stData);
+      if (initialNumEtud) {
+        const found = (sData as Student[]).find((s) =>
+          s.numEtud === initialNumEtud
+        );
+        if (found) setDetailStudent(found);
+      }
+    } catch (e) {
+      setError(e instanceof Error ? e.message : "Erreur");
+    } finally {
+      setLoading(false);
+    }
+  }
+
+  useEffect(() => {
+    load();
+  }, []);
+
+  function openStudent(s: Student) {
+    setDetailStudent(s);
+    history.pushState(null, "", `/stages/overview/${s.numEtud}`);
+  }
+
+  function closeStudent() {
+    setDetailStudent(null);
+    setEditingStage(null);
+    setShowAddForm(false);
+    history.pushState(null, "", "/stages/overview");
+  }
+
+  if (detailStudent) {
+    return (
+      <DetailView
+        student={detailStudent}
+        stages={stagesList.filter((s) => s.numEtud === detailStudent.numEtud)}
+        allStages={stagesList}
+        editingStage={editingStage}
+        setEditingStage={setEditingStage}
+        showAddForm={showAddForm}
+        setShowAddForm={setShowAddForm}
+        onBack={closeStudent}
+        onReload={load}
+      />
+    );
+  }
+
+  if (loading) {
+    return (
+      <div class="page-content">
+        <p class="state-loading">Chargement...</p>
+      </div>
+    );
+  }
+  if (error) {
+    return (
+      <div class="page-content">
+        <p class="state-error">{error}</p>
+      </div>
+    );
+  }
+
+  const filtered = students.filter((s) => {
+    const matchPromo = !filterPromo || s.idPromo === filterPromo;
+    const matchNom = !filterNom ||
+      `${s.nom} ${s.prenom}`.toLowerCase().includes(filterNom.toLowerCase());
+    return matchPromo && matchNom;
+  });
+
+  const stagesByStudent = (numEtud: number) =>
+    stagesList.filter((s) => s.numEtud === numEtud);
+
+  return (
+    <div class="page-content">
+      <h2 class="page-title">Suivi des stages</h2>
+
+      <div class="filters">
+        <select
+          class="filter-select"
+          value={filterPromo}
+          onChange={(e) =>
+            setFilterPromo((e.target as HTMLSelectElement).value)}
+        >
+          <option value="">Toutes les promos</option>
+          {promos.map((p) => <option key={p.id} value={p.id}>{p.id}</option>)}
+        </select>
+        <input
+          class="filter-input"
+          placeholder="Rechercher..."
+          value={filterNom}
+          onInput={(e) => setFilterNom((e.target as HTMLInputElement).value)}
+        />
+      </div>
+
+      <ListView
+        students={filtered}
+        stagesByStudent={stagesByStudent}
+        onConsult={(s) => openStudent(s)}
+      />
+    </div>
+  );
+}
+
+// ─── Liste View ─────────────────────────────────────────────
+
+function ListView(
+  { students, stagesByStudent, onConsult }: {
+    students: Student[];
+    stagesByStudent: (n: number) => Stage[];
+    onConsult: (s: Student) => void;
+  },
+) {
+  return (
+    <div class="data-table-wrap">
+      <table class="data-table">
+        <thead>
+          <tr>
+            <th>N° étud.</th>
+            <th>Nom</th>
+            <th>Prénom</th>
+            <th>Semaines</th>
+            <th>Actions</th>
+          </tr>
+        </thead>
+        <tbody>
+          {students.length === 0
+            ? (
+              <tr>
+                <td colspan={5} class="state-empty">Aucun élève trouvé</td>
+              </tr>
+            )
+            : students.map((s) => {
+              const stages = stagesByStudent(s.numEtud);
+              const weeks = stages.reduce((sum, st) => sum + st.duree, 0);
+              const ok = weeks >= REQUIRED_WEEKS;
+              return (
+                <tr key={s.numEtud}>
+                  <td class="col-dim">{s.numEtud}</td>
+                  <td>{s.nom}</td>
+                  <td>{s.prenom}</td>
+                  <td>
+                    <span
+                      style={{
+                        color: ok ? "var(--ok-color,#22c55e)" : "#dc2626",
+                        fontWeight: "var(--font-weight-bold)",
+                        fontFamily: "monospace",
+                      }}
+                    >
+                      {weeks}/{REQUIRED_WEEKS}
+                    </span>
+                  </td>
+                  <td>
+                    <button
+                      type="button"
+                      class="btn btn-sm btn-primary"
+                      onClick={() => onConsult(s)}
+                    >
+                      Consulter
+                    </button>
+                  </td>
+                </tr>
+              );
+            })}
+        </tbody>
+      </table>
+    </div>
+  );
+}
+
+// ─── Detail View ────────────────────────────────────────────
+
+function DetailView(
+  {
+    student,
+    stages,
+    allStages,
+    editingStage,
+    setEditingStage,
+    showAddForm,
+    setShowAddForm,
+    onBack,
+    onReload,
+  }: {
+    student: Student;
+    stages: Stage[];
+    allStages: Stage[];
+    editingStage: Stage | null;
+    setEditingStage: (s: Stage | null) => void;
+    showAddForm: boolean;
+    setShowAddForm: (v: boolean) => void;
+    onBack: () => void;
+    onReload: () => Promise<void>;
+  },
+) {
+  const weeks = stages.reduce((sum, s) => sum + s.duree, 0);
+  const entreprises = [
+    ...new Set(allStages.map((s) => s.nomEntreprise).filter(Boolean)),
+  ];
+
+  async function deleteStage(id: number) {
+    if (!confirm("Supprimer ce stage ?")) return;
+    await fetch(`/stages/api/stages/${id}`, { method: "DELETE" });
+    await onReload();
+  }
+
+  return (
+    <div class="page-content">
+      <button
+        type="button"
+        class="btn btn-sm btn-secondary"
+        onClick={onBack}
+        style={{ marginBottom: "0.75rem" }}
+      >
+        Retour
+      </button>
+      <h2 class="page-title">
+        Consulter : {student.prenom} {student.nom}
+        <span
+          style={{
+            fontSize: "0.8rem",
+            fontWeight: "normal",
+            marginLeft: "0.75rem",
+            color: weeks >= REQUIRED_WEEKS ? "#22c55e" : "#dc2626",
+            fontFamily: "monospace",
+          }}
+        >
+          {weeks}/{REQUIRED_WEEKS} semaines
+        </span>
+      </h2>
+
+      {stages.length === 0 && (
+        <p class="state-empty">
+          Aucun stage enregistré.
+        </p>
+      )}
+
+      {stages.map((stage, i) => {
+        const isEditing = editingStage?.id === stage.id;
+
+        if (isEditing) {
+          return (
+            <StageEditForm
+              key={stage.id}
+              stage={stage}
+              entreprises={entreprises}
+              onCancel={() => setEditingStage(null)}
+              onSave={async () => {
+                setEditingStage(null);
+                await onReload();
+              }}
+            />
+          );
+        }
+
+        return (
+          <div key={stage.id} class="ue-card" style={{ marginBottom: "1rem" }}>
+            <div class="ue-card-header">
+              <p class="ue-card-title">
+                Stage {i + 1}
+              </p>
+              <p class="ue-card-avg">
+                Durée : {stage.duree} semaine(s)
+              </p>
+            </div>
+            <div style={{ padding: "0.6rem 1.1rem" }}>
+              <p style={{ fontSize: "0.82rem", margin: "0 0 0.4rem" }}>
+                Entreprise : <strong>{stage.nomEntreprise}</strong>
+                {stage.mission && <span>— {stage.mission}</span>}
+              </p>
+              <div
+                style={{
+                  display: "flex",
+                  gap: "0.5rem",
+                  flexWrap: "wrap",
+                  marginTop: "0.5rem",
+                }}
+              >
+                <button
+                  type="button"
+                  class="btn btn-sm btn-secondary"
+                  onClick={() =>
+                    setEditingStage(stage)}
+                >
+                  Modifier
+                </button>
+                <button
+                  type="button"
+                  class="btn btn-sm btn-danger"
+                  onClick={() =>
+                    deleteStage(stage.id)}
+                >
+                  Supprimer
+                </button>
+              </div>
+            </div>
+          </div>
+        );
+      })}
+
+      {showAddForm
+        ? (
+          <StageAddForm
+            numEtud={student.numEtud}
+            entreprises={entreprises}
+            onCancel={() => setShowAddForm(false)}
+            onSave={async () => {
+              setShowAddForm(false);
+              await onReload();
+            }}
+          />
+        )
+        : (
+          <button
+            type="button"
+            class="btn btn-primary"
+            onClick={() => setShowAddForm(true)}
+          >
+            + Nouveau stage
+          </button>
+        )}
+    </div>
+  );
+}
+
+// ─── Inline forms ───────────────────────────────────────────
+
+function StageEditForm(
+  { stage, entreprises, onCancel, onSave }: {
+    stage: Stage;
+    entreprises: string[];
+    onCancel: () => void;
+    onSave: () => Promise<void>;
+  },
+) {
+  const [duree, setDuree] = useState(String(stage.duree));
+  const [nomEntreprise, setNomEntreprise] = useState(stage.nomEntreprise);
+  const [mission, setMission] = useState(stage.mission ?? "");
+  const [busy, setBusy] = useState(false);
+
+  async function submit() {
+    setBusy(true);
+    try {
+      const res = await fetch(`/stages/api/stages/${stage.id}`, {
+        method: "PUT",
+        headers: { "content-type": "application/json" },
+        body: JSON.stringify({
+          duree: parseInt(duree),
+          nomEntreprise,
+          mission: mission || null,
+        }),
+      });
+      if (!res.ok) throw new Error("Erreur");
+      await onSave();
+    } catch {
+      alert("Erreur lors de la modification");
+    } finally {
+      setBusy(false);
+    }
+  }
+
+  return (
+    <div class="edit-section" style={{ marginBottom: "1rem" }}>
+      <p class="edit-section-title">Modifier le stage #{stage.id}</p>
+      <div class="form-grid">
+        <div class="form-field">
+          <label>Durée (semaines)</label>
+          <input
+            class="form-input"
+            type="number"
+            min="1"
+            value={duree}
+            onInput={(e) => setDuree((e.target as HTMLInputElement).value)}
+          />
+        </div>
+        <div class="form-field">
+          <label>Entreprise</label>
+          <input
+            class="form-input"
+            list="edit-entreprises"
+            value={nomEntreprise}
+            onInput={(e) =>
+              setNomEntreprise((e.target as HTMLInputElement).value)}
+          />
+          <datalist id="edit-entreprises">
+            {entreprises.map((e) => <option key={e} value={e} />)}
+          </datalist>
+        </div>
+        <div class="form-field">
+          <label>Mission</label>
+          <input
+            class="form-input"
+            value={mission}
+            onInput={(e) => setMission((e.target as HTMLInputElement).value)}
+          />
+        </div>
+      </div>
+      <div style={{ display: "flex", gap: "0.5rem", marginTop: "0.5rem" }}>
+        <button
+          type="button"
+          class="btn btn-sm btn-primary"
+          disabled={busy || !nomEntreprise}
+          onClick={submit}
+        >
+          Enregistrer
+        </button>
+        <button
+          type="button"
+          class="btn btn-sm btn-secondary"
+          onClick={onCancel}
+        >
+          Annuler
+        </button>
+      </div>
+    </div>
+  );
+}
+
+function StageAddForm(
+  { numEtud, entreprises, onCancel, onSave }: {
+    numEtud: number;
+    entreprises: string[];
+    onCancel: () => void;
+    onSave: () => Promise<void>;
+  },
+) {
+  const [duree, setDuree] = useState("4");
+  const [nomEntreprise, setNomEntreprise] = useState("");
+  const [mission, setMission] = useState("");
+  const [busy, setBusy] = useState(false);
+
+  async function submit() {
+    setBusy(true);
+    try {
+      const res = await fetch("/stages/api/stages", {
+        method: "POST",
+        headers: { "content-type": "application/json" },
+        body: JSON.stringify({
+          numEtud,
+          duree: parseInt(duree),
+          nomEntreprise,
+          mission: mission || null,
+        }),
+      });
+      if (!res.ok) throw new Error("Erreur");
+      await onSave();
+    } catch {
+      alert("Erreur lors de la création");
+    } finally {
+      setBusy(false);
+    }
+  }
+
+  return (
+    <div class="edit-section" style={{ marginBottom: "1rem" }}>
+      <p class="edit-section-title">Nouveau stage</p>
+      <div class="form-grid">
+        <div class="form-field">
+          <label>Durée (semaines)</label>
+          <input
+            class="form-input"
+            type="number"
+            min="1"
+            value={duree}
+            onInput={(e) => setDuree((e.target as HTMLInputElement).value)}
+          />
+        </div>
+        <div class="form-field">
+          <label>Entreprise</label>
+          <input
+            class="form-input"
+            list="add-entreprises"
+            value={nomEntreprise}
+            onInput={(e) =>
+              setNomEntreprise((e.target as HTMLInputElement).value)}
+          />
+          <datalist id="add-entreprises">
+            {entreprises.map((e) => <option key={e} value={e} />)}
+          </datalist>
+        </div>
+        <div class="form-field">
+          <label>Mission</label>
+          <input
+            class="form-input"
+            value={mission}
+            onInput={(e) => setMission((e.target as HTMLInputElement).value)}
+          />
+        </div>
+      </div>
+      <div style={{ display: "flex", gap: "0.5rem", marginTop: "0.5rem" }}>
+        <button
+          type="button"
+          class="btn btn-sm btn-primary"
+          disabled={busy || !nomEntreprise || !duree}
+          onClick={submit}
+        >
+          Créer
+        </button>
+        <button
+          type="button"
+          class="btn btn-sm btn-secondary"
+          onClick={onCancel}
+        >
+          Annuler
+        </button>
+      </div>
+    </div>
+  );
+}

routes/(apps)/stages/(_props)/props.ts

@@ -0,0 +1,15 @@
+import { AppProperties } from "$root/defaults/interfaces.ts";
+
+const properties: AppProperties = {
+  name: "Stages",
+  icon: "work",
+  pages: {
+    index: "Accueil",
+    overview: "Suivi des stages",
+  },
+  adminOnly: ["overview"],
+  employeeOnly: true,
+  hint: "Suivi des stages et semaines",
+};
+
+export default properties;

routes/(apps)/stages/[...slug].tsx

@@ -0,0 +1,2 @@
+import makeSlug from "$root/defaults/makeSlug.ts";
+export default makeSlug(import.meta.dirname!);