PMPR-44 : fix missing newline

Add role_write permission to permissions table and update migrations.
Update e2e tests to use DB integration and seed permissions.
Add seedPermissions helper.

.dockerignore

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

CLAUDE.md

@@ -18,8 +18,8 @@ role-based administration.
 
 ### Current Status
 
-🚧 **In Progress** - Application is far from complete. The schema below is the
+🚧 **In Progress** - API layer largely complete, UI pages not yet built. The
-**final/definitive schema** that should guide all development.
+schema below is the **final/definitive schema** that guides all development.
 
 ---
 
@@ -133,15 +133,11 @@ erDiagram
   AJUSTEMENT }o--|| UE : "dans"
 ```
 
-### Current Schema (Incomplete)
+### Current Schema
 
-The current Drizzle ORM schema in `/databases/schema.ts` only implements:
+The Drizzle ORM schema in `/databases/schema.ts` implements all tables: `roles`,
-
+`permissions`, `rolePermissions`, `users`, `promotions`, `students`, `modules`,
-- `promotions`
+`enseignements`, `ues`, `ueModules`, `notes`, `ajustements`, `mobility`.
-- `students`
-- `mobility`
-
-**Migration needed**: Update schema to match the final ER diagram above.
 
 ---
 
@@ -186,71 +182,73 @@ The current Drizzle ORM schema in `/databases/schema.ts` only implements:
 
 ### API Endpoints
 
+Legend: ✅ implemented & tested | 📋 not yet implemented
+
 **Students API**
 
-- 📋 GET `/students` (#7)
+- ✅ GET `/students` (#7)
-- 📋 POST `/students` (#8)
+- ✅ POST `/students` (#8)
-- 📋 POST `/students/import-csv` (#9)
+- ✅ POST `/students/import-csv` (#9)
-- 📋 GET `/students/{numEtud}` (#10)
+- ✅ GET `/students/{numEtud}` (#10)
-- 📋 PUT `/students/{numEtud}` (#11)
+- ✅ PUT `/students/{numEtud}` (#11)
-- 📋 DELETE `/students/{numEtud}` (#12)
+- ✅ DELETE `/students/{numEtud}` (#12)
-- 📋 GET `/promotions` (#13)
+- ✅ GET `/promotions` (#13)
-- 📋 POST `/promotions` (#14)
+- ✅ POST `/promotions` (#14)
-- 📋 GET `/promotions/{idPromo}` (#15)
+- ✅ GET `/promotions/{idPromo}` (#15)
-- 📋 PUT `/promotions/{idPromo}` (#16)
+- ✅ PUT `/promotions/{idPromo}` (#16)
-- 📋 DELETE `/promotions/{idPromo}` (#17)
+- ✅ DELETE `/promotions/{idPromo}` (#17)
 
 **Administration API - Modules & Enseignements**
 
-- 📋 GET `/modules` (#23)
+- ✅ GET `/modules` (#23)
-- 📋 POST `/modules` (#24)
+- ✅ POST `/modules` (#24)
-- 📋 GET `/modules/{idModule}` (#25)
+- ✅ GET `/modules/{idModule}` (#25)
-- 📋 PUT `/modules/{idModule}` (#26)
+- ✅ PUT `/modules/{idModule}` (#26)
-- 📋 DELETE `/modules/{idModule}` (#27)
+- ✅ DELETE `/modules/{idModule}` (#27)
-- 📋 POST `/enseignements` (#29)
+- ✅ POST `/enseignements` (#29)
-- 📋 GET `/enseignements/{idProf}/{idModule}/{idPromo}` (#30)
+- ✅ GET `/enseignements/{idProf}/{idModule}/{idPromo}` (#30)
-- 📋 DELETE `/enseignements/{idProf}/{idModule}/{idPromo}` (#31)
+- ✅ DELETE `/enseignements/{idProf}/{idModule}/{idPromo}` (#31)
 
 **Notes API - UEs & UE-Modules**
 
-- 📋 GET `/ues` (#32)
+- ✅ GET `/ues` (#32)
-- 📋 POST `/ues` (#33)
+- ✅ POST `/ues` (#33)
-- 📋 GET `/ues/{idUE}` (#34)
+- ✅ GET `/ues/{idUE}` (#34)
-- 📋 PUT `/ues/{idUE}` (#35)
+- ✅ PUT `/ues/{idUE}` (#35)
-- 📋 DELETE `/ues/{idUE}` (#36)
+- ✅ DELETE `/ues/{idUE}` (#36)
-- 📋 GET `/ue-modules` (#37)
+- ✅ GET `/ue-modules` (#37)
-- 📋 POST `/ue-modules` (#38)
+- ✅ POST `/ue-modules` (#38)
-- 📋 GET `/ue-modules/{idModule}/{idUE}/{idPromo}` (#39)
+- ✅ GET `/ue-modules/{idModule}/{idUE}/{idPromo}` (#39)
-- 📋 PUT `/ue-modules/{idModule}/{idUE}/{idPromo}` (#40)
+- ✅ PUT `/ue-modules/{idModule}/{idUE}/{idPromo}` (#40)
-- 📋 DELETE `/ue-modules/{idModule}/{idUE}/{idPromo}` (#41)
+- ✅ DELETE `/ue-modules/{idModule}/{idUE}/{idPromo}` (#41)
 
 **Notes API - Notes & Ajustements**
 
-- 📋 GET `/notes` (#42)
+- ✅ GET `/notes` (#42)
-- 📋 POST `/notes` (#43)
+- ✅ POST `/notes` (#43)
 - 📋 POST `/notes/import-xlsx` (#44)
-- 📋 GET `/notes/{numEtud}/{idModule}` (#45)
+- ✅ GET `/notes/{numEtud}/{idModule}` (#45)
-- 📋 PUT `/notes/{numEtud}/{idModule}` (#46)
+- ✅ PUT `/notes/{numEtud}/{idModule}` (#46)
-- 📋 DELETE `/notes/{numEtud}/{idModule}` (#47)
+- ✅ DELETE `/notes/{numEtud}/{idModule}` (#47)
-- 📋 GET `/ajustements` (#48)
+- ✅ GET `/ajustements` (#48)
-- 📋 POST `/ajustements` (#49)
+- ✅ POST `/ajustements` (#49)
-- 📋 GET `/ajustements/{numEtud}/{idUE}` (#50)
+- ✅ GET `/ajustements/{numEtud}/{idUE}` (#50)
-- 📋 PUT `/ajustements/{numEtud}/{idUE}` (#51)
+- ✅ PUT `/ajustements/{numEtud}/{idUE}` (#51)
-- 📋 DELETE `/ajustements/{numEtud}/{idUE}` (#52)
+- ✅ DELETE `/ajustements/{numEtud}/{idUE}` (#52)
 
 **Administration API - Users, Roles & Permissions**
 
-- 📋 GET `/users` (#60)
+- ✅ GET `/users` (#60)
-- 📋 POST `/users` (#61)
+- ✅ POST `/users` (#61)
-- 📋 GET `/users/{id}` (#62)
+- ✅ GET `/users/{id}` (#62)
-- 📋 PUT `/users/{id}` (#63)
+- ✅ PUT `/users/{id}` (#63)
-- 📋 DELETE `/users/{id}` (#64)
+- ✅ DELETE `/users/{id}` (#64)
-- 📋 GET `/roles` (#65)
+- ✅ GET `/roles` (#65)
-- 📋 POST `/roles` (#66)
+- ✅ POST `/roles` (#66)
-- 📋 GET `/roles/{idRole}` (#67)
+- ✅ GET `/roles/{idRole}` (#67)
-- 📋 PUT `/roles/{idRole}` (#68)
+- ✅ PUT `/roles/{idRole}` (#68)
-- 📋 DELETE `/roles/{idRole}` (#69)
+- ✅ DELETE `/roles/{idRole}` (#69)
-- 📋 GET `/permissions` (#70)
+- ✅ GET `/permissions` (#70)
 
 ---
 
@@ -298,10 +296,26 @@ deno task check
 
 ### Testing
 
-- Write unit tests for business logic
+3-level architecture — all 149 tests pass:
-- Integration tests for API endpoints
+
-- E2E tests with HappyDOM for UI interactions
+- **Unit** (`tests/unit/`) — pure logic with mock DB + mock API, no real DB
-- Mock database with provided helpers
+- **Integration** (`tests/integration/`) — Drizzle ORM direct on real DB
+- **E2E** (`tests/e2e/`) — Fresh handler + real DB (handler-level, not browser)
+
+Helpers in `tests/helpers/`:
+
+- `handler.ts` — builds fake Fresh contexts (`makeEmployeeContext`,
+  `makeJsonRequest`…)
+- `db_integration.ts` — seed functions + `truncateAll()` for test isolation
+- `db_mock.ts` / `api_mock.ts` — in-memory mocks for unit tests
+
+```bash
+deno task test                  # run all tests
+deno task test:coverage         # coverage report (terminal)
+deno task test:coverage:html    # coverage report (HTML → coverage/html/index.html)
+nix run nixpkgs#act -- -j unit --no-cache-server        # unit tests via GitHub Actions
+nix run nixpkgs#act -- -j integration --no-cache-server # integration + e2e via GitHub Actions
+```
 
 ---
 
@@ -327,12 +341,14 @@ deno task check
 
 ## 💡 Important Notes
 
-1. **Current Limitation**: The database schema in `/databases/schema.ts` does
+1. **Only missing API**: `POST /notes/import-xlsx` (#44) — all other endpoints
-   NOT match the final ER diagram. This is a priority migration task.
+   are implemented.
-2. **Design System**: Follow the Figma prototype for all UI work.
+2. **Next priority**: UI pages (none built yet) — follow the Figma prototype.
 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`).
+6. **Drizzle `.where()` pitfall**: Always wrap multiple conditions with `and()`.
+   `.where(eq(a), eq(b))` silently ignores the second argument.

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,38 @@
+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
+    depends_on:
+      migrate:
+        condition: service_completed_successfully
+
+volumes:
+  db_data:

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:

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/meta/_journal.json

@@ -8,6 +8,20 @@
       "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
     }
   ]
 }

fresh.gen.ts

@@ -4,18 +4,53 @@
 
 import * as $_apps_layout from "./routes/(apps)/_layout.tsx";
 import * as $_apps_middleware from "./routes/(apps)/_middleware.ts";
+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_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_partials_enseignements from "./routes/(apps)/admin/partials/enseignements.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_roles from "./routes/(apps)/admin/partials/roles.tsx";
+import * as $_apps_admin_partials_users from "./routes/(apps)/admin/partials/users.tsx";
 import * as $_apps_mobility_api_insert_mobility from "./routes/(apps)/mobility/api/insert_mobility.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_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_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_ue_modules from "./routes/(apps)/notes/api/ue-modules.ts";
+import * as $_apps_notes_api_ue_modules_idModule_idUE_idPromo_ from "./routes/(apps)/notes/api/ue-modules/[idModule]/[idUE]/[idPromo].ts";
+import * as $_apps_notes_api_ues from "./routes/(apps)/notes/api/ues.ts";
+import * as $_apps_notes_api_ues_idUE_ from "./routes/(apps)/notes/api/ues/[idUE].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_recap_numEtud_ from "./routes/(apps)/notes/recap/[numEtud].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_admin_ues from "./routes/(apps)/notes/partials/(admin)/ues.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_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_promotions from "./routes/(apps)/students/partials/(admin)/promotions.tsx";
 import * as $_apps_students_partials_admin_upload from "./routes/(apps)/students/partials/(admin)/upload.tsx";
 import * as $_apps_students_partials_index from "./routes/(apps)/students/partials/index.tsx";
 import * as $_apps_students_types_d from "./routes/(apps)/students/types.d.ts";
@@ -24,14 +59,26 @@ 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_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_AdminRoles from "./routes/(apps)/admin/(_islands)/AdminRoles.tsx";
+import * as $_apps_admin_islands_AdminUsers from "./routes/(apps)/admin/(_islands)/AdminUsers.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_notes_islands_AdminConsultNotes from "./routes/(apps)/notes/(_islands)/AdminConsultNotes.tsx";
+import * as $_apps_notes_islands_AdminUEs from "./routes/(apps)/notes/(_islands)/AdminUEs.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_students_islands_AdminPromotions from "./routes/(apps)/students/(_islands)/AdminPromotions.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,6 +88,29 @@ const manifest = {
   routes: {
     "./routes/(apps)/_layout.tsx": $_apps_layout,
     "./routes/(apps)/_middleware.ts": $_apps_middleware,
+    "./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/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/partials/enseignements.tsx":
+      $_apps_admin_partials_enseignements,
+    "./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/roles.tsx": $_apps_admin_partials_roles,
+    "./routes/(apps)/admin/partials/users.tsx": $_apps_admin_partials_users,
     "./routes/(apps)/mobility/api/insert_mobility.ts":
       $_apps_mobility_api_insert_mobility,
     "./routes/(apps)/mobility/index.tsx": $_apps_mobility_index,
@@ -50,15 +120,45 @@ const manifest = {
       $_apps_mobility_partials_index,
     "./routes/(apps)/mobility/partials/overview.tsx":
       $_apps_mobility_partials_overview,
+    "./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/notes.ts": $_apps_notes_api_notes,
+    "./routes/(apps)/notes/api/notes/[numEtud]/[idModule].ts":
+      $_apps_notes_api_notes_numEtud_idModule_,
+    "./routes/(apps)/notes/api/ue-modules.ts": $_apps_notes_api_ue_modules,
+    "./routes/(apps)/notes/api/ue-modules/[idModule]/[idUE]/[idPromo].ts":
+      $_apps_notes_api_ue_modules_idModule_idUE_idPromo_,
+    "./routes/(apps)/notes/api/ues.ts": $_apps_notes_api_ues,
+    "./routes/(apps)/notes/api/ues/[idUE].ts": $_apps_notes_api_ues_idUE_,
+    "./routes/(apps)/notes/edition/[numEtud].tsx":
+      $_apps_notes_edition_numEtud_,
     "./routes/(apps)/notes/index.tsx": $_apps_notes_index,
+    "./routes/(apps)/notes/recap/[numEtud].tsx": $_apps_notes_recap_numEtud_,
     "./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/(admin)/ues.tsx":
+      $_apps_notes_partials_admin_ues,
     "./routes/(apps)/notes/partials/index.tsx": $_apps_notes_partials_index,
     "./routes/(apps)/notes/partials/notes.tsx": $_apps_notes_partials_notes,
+    "./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,
+    "./routes/(apps)/students/partials/(admin)/promotions.tsx":
+      $_apps_students_partials_admin_promotions,
     "./routes/(apps)/students/partials/(admin)/upload.tsx":
       $_apps_students_partials_admin_upload,
     "./routes/(apps)/students/partials/index.tsx":
@@ -69,6 +169,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 +177,34 @@ const manifest = {
   islands: {
     "./routes/(_islands)/AppNavigator.tsx": $_islands_AppNavigator,
     "./routes/(_islands)/Navbar.tsx": $_islands_Navbar,
+    "./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)/AdminRoles.tsx":
+      $_apps_admin_islands_AdminRoles,
+    "./routes/(apps)/admin/(_islands)/AdminUsers.tsx":
+      $_apps_admin_islands_AdminUsers,
     "./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)/notes/(_islands)/AdminConsultNotes.tsx":
+      $_apps_notes_islands_AdminConsultNotes,
+    "./routes/(apps)/notes/(_islands)/AdminUEs.tsx":
+      $_apps_notes_islands_AdminUEs,
+    "./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)/students/(_islands)/AdminPromotions.tsx":
+      $_apps_students_islands_AdminPromotions,
     "./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/(apps)/admin/(_islands)/AdminEnseignements.tsx

@@ -0,0 +1,292 @@
+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 → Module / 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="">Module ▾</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="form-row" style="margin-bottom: 1.25rem">
+          {addError && (
+            <span class="state-error" style="padding: 0.3rem 0.5rem">
+              {addError}
+            </span>
+          )}
+          <select
+            class="filter-select"
+            value={addPromo}
+            onChange={(e) => setAddPromo((e.target as HTMLSelectElement).value)}
+            style="min-width: 10rem"
+          >
+            <option value="">Promo…</option>
+            {promos.map((p) => <option key={p.id} value={p.id}>{p.id}</option>)}
+          </select>
+          <select
+            class="filter-select"
+            value={addModule}
+            onChange={(e) =>
+              setAddModule((e.target as HTMLSelectElement).value)}
+            style="min-width: 14rem"
+          >
+            <option value="">Module…</option>
+            {modules.map((m) => (
+              <option key={m.id} value={m.id}>{m.id} – {m.nom}</option>
+            ))}
+          </select>
+          <input
+            class="form-input"
+            placeholder="User ID enseignant…"
+            value={addProf}
+            onInput={(e) => setAddProf((e.target as HTMLInputElement).value)}
+            style="min-width: 10rem"
+          />
+          <button
+            type="button"
+            class="btn btn-primary"
+            onClick={addEnseignement}
+            disabled={adding}
+          >
+            {adding ? "…" : "Créer"}
+          </button>
+          <button
+            type="button"
+            class="btn btn-secondary"
+            onClick={() => setShowAdd(false)}
+          >
+            Annuler
+          </button>
+        </div>
+      )}
+
+      {loading
+        ? <p class="state-loading">Chargement…</p>
+        : (
+          <div class="data-table-wrap">
+            <table class="data-table">
+              <thead>
+                <tr>
+                  <th>Promo</th>
+                  <th>Module</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,
+                                )}
+                            >
+                              🗑
+                            </button>
+                          </div>
+                        </td>
+                      </tr>
+                    );
+                  })}
+              </tbody>
+            </table>
+          </div>
+        )}
+
+      <div class="info-note">
+        <p>
+          Un même module 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,204 @@
+import { useEffect, useState } from "preact/hooks";
+
+type Module = { id: string; nom: string };
+
+export default function AdminModules() {
+  const [modules, setModules] = useState<Module[]>([]);
+  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 [editId, setEditId] = useState<string | null>(null);
+  const [editNom, setEditNom] = useState("");
+
+  async function load() {
+    try {
+      const res = await fetch("/admin/api/modules");
+      if (!res.ok) throw new Error("Impossible de charger les modules");
+      setModules(await res.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 saveEdit(id: string) {
+    try {
+      const res = await fetch(`/admin/api/modules/${encodeURIComponent(id)}`, {
+        method: "PUT",
+        headers: { "content-type": "application/json" },
+        body: JSON.stringify({ nom: editNom.trim() }),
+      });
+      if (!res.ok) throw new Error("Modification échouée");
+      setEditId(null);
+      await load();
+    } catch (e) {
+      setError(e instanceof Error ? e.message : "Erreur");
+    }
+  }
+
+  async function deleteModule(id: string) {
+    if (!confirm(`Supprimer le module ${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");
+    }
+  }
+
+  return (
+    <div class="page-content">
+      <h2 class="page-title">Gestion des Modules</h2>
+
+      {error && <p class="state-error">{error}</p>}
+
+      <div class="form-row">
+        <input
+          class="form-input"
+          placeholder="Identifiant (ex: JIA3)"
+          value={newId}
+          onInput={(e) => setNewId((e.target as HTMLInputElement).value)}
+          style="min-width: 10rem"
+        />
+        <input
+          class="form-input"
+          placeholder="Nom du module"
+          value={newNom}
+          onInput={(e) => setNewNom((e.target as HTMLInputElement).value)}
+        />
+        <button
+          type="button"
+          class="btn btn-primary"
+          onClick={createModule}
+          disabled={creating}
+        >
+          + Ajouter
+        </button>
+      </div>
+
+      {loading
+        ? <p class="state-loading">Chargement…</p>
+        : (
+          <div class="data-table-wrap">
+            <table class="data-table">
+              <thead>
+                <tr>
+                  <th>Identifiant</th>
+                  <th>Nom</th>
+                  <th>Actions</th>
+                </tr>
+              </thead>
+              <tbody>
+                {modules.length === 0
+                  ? (
+                    <tr>
+                      <td colspan={3} class="state-empty">
+                        Aucun module enregistré
+                      </td>
+                    </tr>
+                  )
+                  : modules.map((m) => (
+                    <tr key={m.id}>
+                      <td class="col-dim">{m.id}</td>
+                      <td>
+                        {editId === m.id
+                          ? (
+                            <input
+                              class="form-input"
+                              value={editNom}
+                              onInput={(e) =>
+                                setEditNom(
+                                  (e.target as HTMLInputElement).value,
+                                )}
+                              style="min-width: 0; width: 100%"
+                            />
+                          )
+                          : m.nom}
+                      </td>
+                      <td>
+                        <div class="col-actions">
+                          {editId === m.id
+                            ? (
+                              <>
+                                <button
+                                  type="button"
+                                  class="btn btn-sm btn-primary"
+                                  onClick={() => saveEdit(m.id)}
+                                >
+                                  ✓
+                                </button>
+                                <button
+                                  type="button"
+                                  class="btn btn-sm btn-secondary"
+                                  onClick={() => setEditId(null)}
+                                >
+                                  ✕
+                                </button>
+                              </>
+                            )
+                            : (
+                              <>
+                                <button
+                                  type="button"
+                                  class="btn btn-sm btn-secondary"
+                                  onClick={() => {
+                                    setEditId(m.id);
+                                    setEditNom(m.nom);
+                                  }}
+                                >
+                                  ✏
+                                </button>
+                                <button
+                                  type="button"
+                                  class="btn btn-sm btn-danger"
+                                  onClick={() => deleteModule(m.id)}
+                                >
+                                  🗑
+                                </button>
+                              </>
+                            )}
+                        </div>
+                      </td>
+                    </tr>
+                  ))}
+              </tbody>
+            </table>
+          </div>
+        )}
+    </div>
+  );
+}

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

@@ -0,0 +1,107 @@
+import { useEffect, useState } from "preact/hooks";
+
+type Perm = { id: string; nom: string };
+type Role = { id: number; nom: string; permissions: string[] };
+
+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">{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)/AdminRoles.tsx

@@ -0,0 +1,294 @@
+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="toolbar"
+          style="margin-bottom: 1.25rem; align-items: center"
+        >
+          <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-foreground-dim), var(--dark-foreground-dim))">
+              {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>
+    );
+  }
+
+  // ---- 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">{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-secondary"
+                              onClick={() => openManage(r)}
+                            >
+                              ⚙ Gérer perms
+                            </button>
+                            <button
+                              type="button"
+                              class="btn btn-sm btn-danger"
+                              onClick={() => deleteRole(r.id)}
+                            >
+                              🗑
+                            </button>
+                          </div>
+                        </td>
+                      </tr>
+                    );
+                  })}
+              </tbody>
+            </table>
+          </div>
+        )}
+    </div>
+  );
+}

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

@@ -0,0 +1,201 @@
+import { useEffect, useState } from "preact/hooks";
+
+type User = { id: string; nom: string; prenom: string; idRole: number | null };
+type Role = { id: number; nom: string };
+
+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 [newId, setNewId] = useState("");
+  const [newNom, setNewNom] = useState("");
+  const [newPrenom, setNewPrenom] = useState("");
+  const [newIdRole, setNewIdRole] = useState("");
+  const [creating, setCreating] = useState(false);
+
+  const [filterNom, setFilterNom] = 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("");
+      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) =>
+    !filterNom ||
+    `${u.nom} ${u.prenom} ${u.id}`.toLowerCase().includes(
+      filterNom.toLowerCase(),
+    )
+  );
+
+  return (
+    <div class="page-content">
+      <h2 class="page-title">Gestion des Utilisateurs</h2>
+
+      {error && <p class="state-error">{error}</p>}
+
+      <div class="form-row">
+        <input
+          class="form-input"
+          placeholder="Login (uid)"
+          value={newId}
+          onInput={(e) => setNewId((e.target as HTMLInputElement).value)}
+          style="min-width: 9rem"
+        />
+        <input
+          class="form-input"
+          placeholder="Nom"
+          value={newNom}
+          onInput={(e) => setNewNom((e.target as HTMLInputElement).value)}
+        />
+        <input
+          class="form-input"
+          placeholder="Prénom"
+          value={newPrenom}
+          onInput={(e) => setNewPrenom((e.target as HTMLInputElement).value)}
+        />
+        <select
+          class="filter-select"
+          value={newIdRole}
+          onChange={(e) => setNewIdRole((e.target as HTMLSelectElement).value)}
+        >
+          <option value="">Aucun rôle</option>
+          {roles.map((r) => <option key={r.id} value={r.id}>{r.nom}</option>)}
+        </select>
+        <button
+          type="button"
+          class="btn btn-primary"
+          onClick={createUser}
+          disabled={creating}
+        >
+          + Ajouter
+        </button>
+      </div>
+
+      <div class="filters">
+        <input
+          class="filter-input"
+          placeholder="Rechercher…"
+          value={filterNom}
+          onInput={(e) => setFilterNom((e.target as HTMLInputElement).value)}
+        />
+      </div>
+
+      {loading
+        ? <p class="state-loading">Chargement…</p>
+        : (
+          <div class="data-table-wrap">
+            <table class="data-table">
+              <thead>
+                <tr>
+                  <th>Login</th>
+                  <th>Nom</th>
+                  <th>Prénom</th>
+                  <th>Rôle</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 ? (roleMap[u.idRole] ?? `#${u.idRole}`) : "—"}
+                      </td>
+                      <td>
+                        <div class="col-actions">
+                          <a
+                            class="btn btn-sm btn-secondary"
+                            href={`/admin/users/${encodeURIComponent(u.id)}`}
+                            f-client-nav={false}
+                          >
+                            ✏
+                          </a>
+                          <button
+                            type="button"
+                            class="btn btn-sm btn-danger"
+                            onClick={() => deleteUser(u.id)}
+                          >
+                            🗑
+                          </button>
+                        </div>
+                      </td>
+                    </tr>
+                  ))}
+              </tbody>
+            </table>
+          </div>
+        )}
+    </div>
+  );
+}

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

@@ -4,9 +4,14 @@ const properties: AppProperties = {
   name: "Admin",
   icon: "school",
   pages: {
-    index: "Homepage",
+    index: "Accueil",
+    users: "Utilisateurs",
+    roles: "Rôles",
+    permissions: "Permissions",
+    modules: "Modules",
+    enseignements: "Enseignements",
   },
-  adminOnly: [],
+  adminOnly: ["users", "roles", "permissions", "modules", "enseignements"],
   hint: "PolyMPR module",
 };
 

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

@@ -17,6 +17,22 @@ const CONFLICT = new Response(
 );
 
 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,

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 {
+  async GET(
-    return new Response(JSON.stringify(PERMISSIONS), {
+    _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/partials/enseignements.tsx

@@ -0,0 +1,18 @@
+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 const config = getPartialsConfig();
+export default makePartials(Enseignements);

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>) {
+// deno-lint-ignore require-await
-  return <h2>Welcome to Admin.</h2>;
+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,18 @@
+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 const config = getPartialsConfig();
+export default makePartials(Modules);

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

@@ -0,0 +1,18 @@
+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 const config = getPartialsConfig();
+export default makePartials(Permissions);

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

@@ -0,0 +1,18 @@
+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 const config = getPartialsConfig();
+export default makePartials(Roles);

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

@@ -0,0 +1,18 @@
+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 const config = getPartialsConfig();
+export default makePartials(Users);

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

@@ -0,0 +1,145 @@
+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}
+                          >
+                            ✏ édit
+                          </a>
+                        </div>
+                      </td>
+                    </tr>
+                  ))}
+              </tbody>
+            </table>
+          </div>
+        )}
+    </div>
+  );
+}

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

@@ -0,0 +1,347 @@
+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);
+
+  // 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);
+
+  async function load() {
+    try {
+      const [uRes, umRes, mRes, pRes] = await Promise.all([
+        fetch("/notes/api/ues"),
+        fetch("/notes/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("/notes/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 deleteUeModule(
+    idModule: string,
+    idUE: number,
+    idPromo: string,
+  ) {
+    if (!confirm("Supprimer ce module de la UE ?")) return;
+    try {
+      const res = await fetch(
+        `/notes/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("Module 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("/notes/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);
+    }
+  }
+
+  const moduleMap = Object.fromEntries(modules.map((m) => [m.id, m]));
+
+  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 modules
+      </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>
+                <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>
+                  {ues.map((ue) => (
+                    <div
+                      key={ue.id}
+                      class={`ue-list-item${
+                        selectedUe?.id === ue.id ? " active" : ""
+                      }`}
+                      onClick={() => {
+                        setSelectedUe(ue);
+                        setAddError(null);
+                      }}
+                    >
+                      {ue.nom}
+                    </div>
+                  ))}
+                  {ues.length === 0 && (
+                    <p class="state-empty" style="padding: 1rem 0">
+                      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">
+                      Modules assignés (UE_Module)
+                    </p>
+                    <div class="data-table-wrap" style="margin-bottom: 1rem">
+                      <table class="data-table">
+                        <thead>
+                          <tr>
+                            <th>Module</th>
+                            <th>Promo</th>
+                            <th>Coeff</th>
+                            <th>Actions</th>
+                          </tr>
+                        </thead>
+                        <tbody>
+                          {selectedUeModules.length === 0
+                            ? (
+                              <tr>
+                                <td colspan={4} class="state-empty">
+                                  Aucun module 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>{um.coeff}</td>
+                                  <td>
+                                    <button
+                                      type="button"
+                                      class="btn btn-sm btn-danger"
+                                      onClick={() =>
+                                        deleteUeModule(
+                                          um.idModule,
+                                          um.idUE,
+                                          um.idPromo,
+                                        )}
+                                    >
+                                      🗑
+                                    </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 module à 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="">Module ▾</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 modules
+                    </p>
+                  </div>
+                )}
+            </div>
+          </div>
+        )}
+    </div>
+  );
+}

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

@@ -0,0 +1,150 @@
+// @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 { useRef } from "preact/hooks";
+import { useSignal } from "@preact/signals";
+
+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 success = useSignal<string | null>(null);
+  const inputRef = useRef<HTMLInputElement>(null);
+
+  function pickFile(f: File) {
+    if (!f.name.match(/\.xlsx?$/i)) {
+      error.value = "Fichier invalide — format attendu : .xlsx";
+      return;
+    }
+    file.value = f;
+    error.value = null;
+    success.value = null;
+  }
+
+  function onDragOver(e: DragEvent) {
+    e.preventDefault();
+    dragging.value = true;
+  }
+
+  function onDragLeave() {
+    dragging.value = false;
+  }
+
+  function onDrop(e: DragEvent) {
+    e.preventDefault();
+    dragging.value = false;
+    const f = e.dataTransfer?.files?.[0];
+    if (f) pickFile(f);
+  }
+
+  function onInputChange(e: Event) {
+    const f = (e.target as HTMLInputElement).files?.[0];
+    if (f) pickFile(f);
+  }
+
+  async function doImport() {
+    if (!file.value) return;
+    uploading.value = true;
+    error.value = null;
+    success.value = null;
+
+    try {
+      const arrayBuffer = await file.value.arrayBuffer();
+      const workbook = XLSX.read(arrayBuffer, { type: "array" });
+      let imported = 0;
+      let failed = 0;
+
+      for (const sheetName of workbook.SheetNames) {
+        const sheet = workbook.Sheets[sheetName];
+        const rows = XLSX.utils.sheet_to_json<{
+          numEtud: number;
+          idModule: string;
+          note: number;
+        }>(sheet, { header: ["numEtud", "idModule", "note"], range: 1 });
+
+        for (const row of rows) {
+          const res = await fetch("/notes/api/notes", {
+            method: "POST",
+            headers: { "content-type": "application/json" },
+            body: JSON.stringify(row),
+          });
+          if (res.ok) imported++;
+          else failed++;
+        }
+      }
+
+      success.value = `Import terminé — ${imported} ajouté${
+        imported !== 1 ? "s" : ""
+      }${failed > 0 ? `, ${failed} erreur${failed !== 1 ? "s" : ""}` : ""}`;
+    } catch {
+      error.value = "Erreur lors de la lecture du fichier.";
+    } finally {
+      uploading.value = false;
+    }
+  }
+
+  function downloadTemplate() {
+    const wb = XLSX.utils.book_new();
+    const ws = XLSX.utils.aoa_to_sheet([["numEtud", "idModule", "note"]]);
+    XLSX.utils.book_append_sheet(wb, ws, "Notes");
+    XLSX.writeFile(wb, "modele_notes.xlsx");
+  }
+
+  return (
+    <div>
+      <input
+        ref={inputRef}
+        type="file"
+        accept=".xlsx,.xls"
+        style="display:none"
+        onChange={onInputChange}
+      />
+
+      <div
+        class={`drop-zone${dragging.value ? " dragging" : ""}`}
+        onDragOver={onDragOver}
+        onDragLeave={onDragLeave}
+        onDrop={onDrop}
+        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>}
+      {success.value && (
+        <p style="font-size:0.82rem; color: light-dark(var(--light-accent-color), var(--dark-accent-color)); margin-bottom: 0.75rem">
+          {success.value}
+        </p>
+      )}
+
+      <div class="upload-actions">
+        <button
+          type="button"
+          class="btn btn-primary"
+          onClick={doImport}
+          disabled={!file.value || uploading.value}
+        >
+          {uploading.value ? "…" : "⊕ Importer"}
+        </button>
+        <button
+          type="button"
+          class="btn btn-secondary"
+          onClick={downloadTemplate}
+        >
+          ⊕ Télécharger Modèle
+        </button>
+      </div>
+
+      <p class="upload-format">
+        Format : <strong>numEtud</strong> | <strong>idModule</strong> |{" "}
+        <strong>note</strong>
+      </p>
+    </div>
+  );
+}

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

@@ -0,0 +1,391 @@
+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 };
+type Ajustement = { numEtud: number; idUE: number; valeur: 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";
+}
+
+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, number>>(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; value: string } | null
+  >(null);
+  const [ajustInputs, setAjustInputs] = useState<Record<number, string>>({});
+
+  async function load() {
+    try {
+      const sRes = await fetch(`/students/api/students/${numEtud}`);
+      if (!sRes.ok) throw new Error("Élève 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("/admin/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.note])));
+      }
+      if (ajustRes.ok) {
+        const aj: Ajustement[] = await ajustRes.json();
+        setAjustements(aj);
+        const inputs: Record<number, string> = {};
+        for (const a of aj) inputs[a.idUE] = String(a.valeur);
+        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;
+      total += n * um.coeff;
+      coeff += um.coeff;
+    }
+    return coeff > 0 ? total / coeff : null;
+  }
+
+  async function saveNote(idModule: string, value: string) {
+    const note = parseFloat(value.replace(",", "."));
+    if (isNaN(note) || note < 0 || note > 20) {
+      setEditingNote(null);
+      return;
+    }
+    const res = await fetch(
+      `/notes/api/notes/${numEtud}/${encodeURIComponent(idModule)}`,
+      {
+        method: "PUT",
+        headers: { "content-type": "application/json" },
+        body: JSON.stringify({ note }),
+      },
+    );
+    if (res.ok) {
+      const updated: Note = await res.json();
+      setNoteMap((prev) => new Map(prev).set(idModule, updated.note));
+    }
+    setEditingNote(null);
+  }
+
+  async function applyAjust(idUE: number) {
+    const val = parseFloat((ajustInputs[idUE] ?? "").replace(",", "."));
+    if (isNaN(val) || val < 0 || val > 20) 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 }),
+      })
+      : await fetch("/notes/api/ajustements", {
+        method: "POST",
+        headers: { "content-type": "application/json" },
+        body: JSON.stringify({ numEtud, idUE, valeur: val }),
+      });
+    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 à la liste
+      </a>
+
+      <h2
+        class="page-title"
+        style="border-bottom: none; margin-bottom: 0.5rem"
+      >
+        Récap 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 configurée 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);
+
+          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. calculée : {fmt(avg)}
+                  </span>
+                )}
+                {ajust && (
+                  <span
+                    class="note-chip note-chip--ajust"
+                    style="font-size: 0.78rem"
+                  >
+                    ⚡ Ajust. actif : {fmt(ajust.valeur)}
+                  </span>
+                )}
+              </div>
+
+              {/* Module rows */}
+              {ueMods.length === 0
+                ? (
+                  <p
+                    class="col-dim"
+                    style="font-size: 0.8rem; padding: 0.25rem 0; margin-bottom: 0.75rem"
+                  >
+                    Aucun module associé à cette UE pour cette promotion.
+                  </p>
+                )
+                : (
+                  <div style="margin-bottom: 0.75rem">
+                    {ueMods.map((um) => {
+                      const noteVal = noteMap.get(um.idModule);
+                      const nomMod = moduleMap.get(um.idModule) ?? um.idModule;
+                      const isEditing = editingNote?.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>
+                          {isEditing
+                            ? (
+                              <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({
+                                      idModule: um.idModule,
+                                      value:
+                                        (e.target as HTMLInputElement).value,
+                                    })}
+                                  onKeyDown={(e) => {
+                                    if (e.key === "Enter") {
+                                      saveNote(
+                                        um.idModule,
+                                        editingNote!.value,
+                                      );
+                                    }
+                                    if (e.key === "Escape") {
+                                      setEditingNote(null);
+                                    }
+                                  }}
+                                  onBlur={() =>
+                                    saveNote(um.idModule, 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="Cliquer pour modifier"
+                                onClick={() =>
+                                  setEditingNote({
+                                    idModule: um.idModule,
+                                    value: noteVal !== undefined
+                                      ? String(noteVal)
+                                      : "",
+                                  })}
+                              >
+                                {noteVal !== undefined ? fmt(noteVal) : "—/20"}
+                              </span>
+                            )}
+                          <button
+                            type="button"
+                            class="btn btn-sm btn-secondary"
+                            style="font-size: 0.75rem"
+                            onClick={() =>
+                              setEditingNote({
+                                idModule: um.idModule,
+                                value: noteVal !== undefined
+                                  ? String(noteVal)
+                                  : "",
+                              })}
+                          >
+                            ✏ note
+                          </button>
+                        </div>
+                      );
+                    })}
+                  </div>
+                )}
+
+              {/* Ajustement */}
+              <div class="ajust-section">
+                <p class="ajust-title">Ajustement de la moyenne UE</p>
+                <p class="ajust-hint">
+                  Override ponctuel – laisser vide pour utiliser la moy.
+                  calculée
+                </p>
+                <div style="display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap">
+                  <div style="display: flex; align-items: center; gap: 0.25rem">
+                    <input
+                      class="form-input"
+                      style="width: 4.5rem; text-align: center"
+                      placeholder="—"
+                      value={ajustInputs[ue.id] ?? ""}
+                      onInput={(e) =>
+                        setAjustInputs((prev) => ({
+                          ...prev,
+                          [ue.id]: (e.target as HTMLInputElement).value,
+                        }))}
+                    />
+                    <span class="col-dim" style="font-size: 0.8rem">/20</span>
+                  </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)}
+                      >
+                        ✕ Réinitialiser
+                      </button>
+                      <span
+                        class="col-dim"
+                        style="font-size: 0.75rem; font-family: monospace"
+                      >
+                        Affiché à l'élève : {fmt(ajust.valeur)}
+                        {avg !== null ? ` (calculée : ${fmt(avg)})` : ""}
+                      </span>
+                    </>
+                  )}
+                </div>
+              </div>
+            </div>
+          );
+        })}
+    </div>
+  );
+}

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

@@ -0,0 +1,223 @@
+import { useEffect, useState } from "preact/hooks";
+
+type Note = { numEtud: number; idModule: string; note: number };
+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 };
+
+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";
+}
+
+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("/admin/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);
+
+        // Derive promos from UE-modules for this student's notes
+        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 étudiant n'est associé à 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>
+    );
+  }
+
+  // Filter UE-modules by active promo
+  const filteredUeModules = activePromo
+    ? ueModules.filter((um) => um.idPromo === activePromo)
+    : ueModules;
+
+  // Group UE-modules by UE
+  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.note]),
+  );
+  const ajMap = Object.fromEntries(
+    ajustements.map((a) => [a.idUE, a.valeur]),
+  );
+
+  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 période.</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 note = noteMap[um.idModule];
+          if (note !== undefined) {
+            weightedSum += note * um.coeff;
+            coveredCoeff += um.coeff;
+          }
+        });
+
+        const avg = coveredCoeff > 0 ? weightedSum / coveredCoeff : null;
+        const ajustement = ajMap[ueId] ?? null;
+        const finalAvg = avg !== null && ajustement !== null
+          ? avg + ajustement
+          : avg;
+
+        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
+                  {ajustement !== null && ajustement !== 0 && (
+                    <span>
+                      {" "}
+                      (ajustement : {ajustement > 0 ? "+" : ""}
+                      {ajustement})
+                    </span>
+                  )}
+                </p>
+              )}
+              {finalAvg === null && (
+                <p class="ue-card-avg avg-warn">Notes non disponibles</p>
+              )}
+            </div>
+
+            {ueModsForUE.map((um) => {
+              const mod = moduleMap[um.idModule];
+              const note = noteMap[um.idModule] ?? null;
+              return (
+                <div key={um.idModule} class="ue-module-row">
+                  <span class="ue-module-name">
+                    {mod ? mod.id : um.idModule} —{" "}
+                    {mod ? mod.nom : "Module inconnu"} (coef {um.coeff})
+                  </span>
+                  <span class={`score-chip ${scoreClass(note)}`}>
+                    {note !== null ? `${note}/20` : "—"}
+                  </span>
+                </div>
+              );
+            })}
+          </div>
+        );
+      })}
+    </div>
+  );
+}

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

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

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

@@ -0,0 +1,52 @@
+// @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;
+      }[];
+
+      for (const row of rows) {
+        const { numEtud, note } = row;
+
+        if (!numEtud || note === undefined) {
+          continue;
+        }
+
+        await db.insert(notes)
+          .values({ numEtud, idModule, note })
+          .onConflictDoUpdate({
+            target: [notes.numEtud, notes.idModule],
+            set: { note },
+          });
+      }
+
+      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/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,11 +3,12 @@ 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>) {
+async function Courses(_request: Request, _context: FreshContext<State>) {
-  return <h2>Welcome to {context.state.session?.displayName}.</h2>;
+  return <AdminConsultNotes />;
 }
 
 export const config = getPartialsConfig();

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

@@ -0,0 +1,29 @@
+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>
+      <p
+        class="upload-format"
+        style="margin-bottom: 1.25rem"
+      >
+        POST /notes/api/notes
+      </p>
+      <ImportNotes />
+    </div>
+  );
+}
+
+export const config = getPartialsConfig();
+export default makePartials(ImportNotesPage);

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

@@ -0,0 +1,18 @@
+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 const config = getPartialsConfig();
+export default makePartials(UEs);

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>) {
+export async function Index(
-  return <h2>Welcome to {context.state.session?.displayName}.</h2>;
+  _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,13 +1,36 @@
+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/defaults/interfaces.ts";
-import { State } from "$root/routes/_middleware.ts";
+import NotesView from "../(_islands)/NotesView.tsx";
 
-// deno-lint-ignore require-await
+async function Notes(
-async function Notes(_request: Request, context: FreshContext<State>) {
+  _request: Request,
-  return <h2>Welcome to {context.state.session?.displayName}.</h2>;
+  context: FreshContext<State>,
+) {
+  const session =
+    (context.state as unknown as { session: { sn: string; givenName: string } })
+      .session;
+  const { sn, givenName } = session;
+
+  let numEtud: number | null = null;
+  try {
+    const student = await db
+      .select()
+      .from(students)
+      .where(and(eq(students.nom, sn), eq(students.prenom, 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} />;
 }
 
 export const config = getPartialsConfig();

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)/students/(_islands)/AdminPromotions.tsx

@@ -0,0 +1,235 @@
+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()}`
+    : "";
+
+  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 (!confirm(`Supprimer la promotion ${id} ?`)) return;
+    try {
+      const res = await fetch(
+        `/students/api/promotions/${encodeURIComponent(id)}`,
+        { method: "DELETE" },
+      );
+      if (!res.ok) throw new 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">
+          POST /promotions – 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"
+                            onClick={() => deletePromo(p.id)}
+                          >
+                            🗑
+                          </button>
+                        </td>
+                      </tr>
+                    );
+                  })}
+              </tbody>
+            </table>
+          </div>
+        )}
+    </div>
+  );
+}

routes/(apps)/students/(_islands)/ConsultStudents.tsx

@@ -1,45 +1,150 @@
 import { useEffect, useState } from "preact/hooks";
-import Promotion from "$root/routes/(apps)/students/(_components)/Promotion.tsx";
 
-type SingleUserResponse = { promo: Promotion; student: Student };
+type Student = {
-type ManyUsersResponse = { promos: Promotion[]; students: Student[] };
+  numEtud: number;
-
+  nom: string;
-type APIResponse = SingleUserResponse | ManyUsersResponse;
+  prenom: string;
+  idPromo: string;
+};
+type Promotion = { id: string; annee: string };
 
 export default function ConsultStudents() {
-  const [data, setData] = useState<APIResponse | null>(null);
+  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("");
+
+  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 élèves");
+      setStudents(await sRes.json());
+      if (pRes.ok) setPromos(await pRes.json());
+    } catch (e) {
+      setError(e instanceof Error ? e.message : "Erreur");
+    } finally {
+      setLoading(false);
+    }
+  }
 
   useEffect(() => {
-    const fetchData = async () => {
+    load();
-      const response = await fetch("/students/api/students");
-      if (!response.ok) {
-        setError("Failed to load data. Please try again later.");
-      }
-
-      const result: APIResponse = await response.json();
-      setData(result);
-    };
-
-    fetchData();
   }, []);
 
+  async function deleteStudent(numEtud: number) {
+    if (!confirm(`Supprimer l'élève #${numEtud} ?`)) return;
+    try {
+      const res = await fetch(`/students/api/students/${numEtud}`, {
+        method: "DELETE",
+      });
+      if (!res.ok) throw new Error("Suppression échouée");
+      await load();
+    } catch (e) {
+      setError(e instanceof Error ? e.message : "Erreur");
+    }
+  }
+
+  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;
+  });
+
   return (
-    <>
+    <div class="page-content">
-      {error && <p className="error">{error}</p>}
+      <h2 class="page-title">Gestion des Élèves</h2>
-      {data && ((Object.hasOwn(data, "student"))
+
-        ? (
+      {error && <p class="state-error">{error}</p>}
-          <Promotion
+
-            students={[(data as SingleUserResponse).student]}
+      <div class="toolbar">
-            promo={(data as SingleUserResponse).promo}
+        <a
-          />
+          class="btn btn-primary"
-        )
+          href="/students/upload"
-        : (data as ManyUsersResponse).promos.map((promo) => (
+          f-partial="/students/partials/upload"
-          <Promotion
+        >
-            students={(data as ManyUsersResponse).students}
+          Importer xlsx
-            promo={promo}
+        </a>
-          />
+      </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} — {p.annee}</option>
+          ))}
+        </select>
+        <input
+          class="filter-input"
+          placeholder="Rechercher par nom…"
+          value={filterNom}
+          onInput={(e) => setFilterNom((e.target as HTMLInputElement).value)}
+        />
+      </div>
+
+      {loading
+        ? <p class="state-loading">Chargement…</p>
+        : (
+          <div class="data-table-wrap">
+            <table class="data-table">
+              <thead>
+                <tr>
+                  <th>N° étud.</th>
+                  <th>Nom</th>
+                  <th>Prénom</th>
+                  <th>Promo</th>
+                  <th>Actions</th>
+                </tr>
+              </thead>
+              <tbody>
+                {filtered.length === 0
+                  ? (
+                    <tr>
+                      <td colspan={5} class="state-empty">
+                        Aucun élève trouvé
+                      </td>
+                    </tr>
+                  )
+                  : filtered.map((s) => (
+                    <tr key={s.numEtud}>
+                      <td class="col-dim">{s.numEtud}</td>
+                      <td>{s.nom}</td>
+                      <td>{s.prenom}</td>
+                      <td>{s.idPromo}</td>
+                      <td>
+                        <div class="col-actions">
+                          <a
+                            class="btn btn-sm btn-secondary"
+                            href={`/students/edit/${s.numEtud}`}
+                            f-client-nav={false}
+                          >
+                            ✏
+                          </a>
+                          <button
+                            type="button"
+                            class="btn btn-sm btn-danger"
+                            onClick={() => deleteStudent(s.numEtud)}
+                          >
+                            🗑
+                          </button>
+                        </div>
+                      </td>
+                    </tr>
+                  ))}
+              </tbody>
+            </table>
+          </div>
+        )}
+    </div>
   );
 }

routes/(apps)/students/(_islands)/EditStudents.tsx

@@ -0,0 +1,247 @@
+import { useEffect, useState } from "preact/hooks";
+
+type Student = {
+  numEtud: number;
+  nom: string;
+  prenom: string;
+  idPromo: string;
+};
+type Promo = { id: string; annee: string };
+type Module = { id: string; nom: string };
+
+type Props = { numEtud: number };
+
+function anneeLabel(idPromo: string): string {
+  const m = idPromo.match(/^(\d+)A/);
+  if (!m) return "";
+  const n = m[1];
+  if (n === "3") return "3ème année";
+  if (n === "4") return "4ème année";
+  if (n === "5") return "5ème année";
+  return `${n}ème année`;
+}
+
+export default function EditStudents({ numEtud }: Props) {
+  const [student, setStudent] = useState<Student | null>(null);
+  const [promos, setPromos] = useState<Promo[]>([]);
+  const [_modules, setModules] = useState<Module[]>([]);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState<string | null>(null);
+  const [saveMsg, setSaveMsg] = useState<string | null>(null);
+  const [saving, setSaving] = useState(false);
+
+  // Edit form state
+  const [nom, setNom] = useState("");
+  const [prenom, setPrenom] = useState("");
+  const [idPromo, setIdPromo] = useState("");
+
+  useEffect(() => {
+    async function load() {
+      try {
+        const [sRes, pRes, mRes] = await Promise.all([
+          fetch(`/students/api/students/${numEtud}`),
+          fetch("/students/api/promotions"),
+          fetch("/admin/api/modules"),
+        ]);
+        if (!sRes.ok) throw new Error("Élève introuvable");
+        const s: Student = await sRes.json();
+        setStudent(s);
+        setNom(s.nom);
+        setPrenom(s.prenom);
+        setIdPromo(s.idPromo);
+        if (pRes.ok) setPromos(await pRes.json());
+        if (mRes.ok) setModules(await mRes.json());
+      } catch (e) {
+        setError(e instanceof Error ? e.message : "Erreur");
+      } finally {
+        setLoading(false);
+      }
+    }
+    load();
+  }, [numEtud]);
+
+  async function saveInfos() {
+    if (!student) return;
+    setSaving(true);
+    setSaveMsg(null);
+    try {
+      const res = await fetch(`/students/api/students/${numEtud}`, {
+        method: "PUT",
+        headers: { "content-type": "application/json" },
+        body: JSON.stringify({
+          nom: nom.trim(),
+          prenom: prenom.trim(),
+          idPromo,
+        }),
+      });
+      if (!res.ok) throw new Error("Modification échouée");
+      const updated: Student = await res.json();
+      setStudent(updated);
+      setSaveMsg("Informations enregistrées.");
+    } catch (e) {
+      setError(e instanceof Error ? e.message : "Erreur");
+    } finally {
+      setSaving(false);
+    }
+  }
+
+  async function deleteStudent() {
+    if (!confirm(`Supprimer définitivement l'élève #${numEtud} ?`)) return;
+    try {
+      const res = await fetch(`/students/api/students/${numEtud}`, {
+        method: "DELETE",
+      });
+      if (!res.ok) throw new Error("Suppression échouée");
+      globalThis.location.href = "/students/consult";
+    } catch (e) {
+      setError(e instanceof Error ? e.message : "Erreur");
+    }
+  }
+
+  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="/students/consult"
+        f-partial="/students/partials/consult"
+      >
+        ← Retour à la liste
+      </a>
+
+      <h2 class="page-title" style="border-bottom: none; margin-bottom: 0.5rem">
+        Édition – {student.prenom} {student.nom}
+      </h2>
+
+      {/* Info bar */}
+      <div class="info-bar">
+        <span class="numEtud-chip">{student.numEtud}</span>
+        <span>{student.idPromo}</span>
+        <span class="col-dim">{anneeLabel(student.idPromo)}</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 générales */}
+      <div class="edit-section">
+        <p class="edit-section-title">Informations générales</p>
+        <p class="edit-section-subtitle">PUT /students/{"{numEtud}"}</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>Prénom</label>
+            <input
+              class="form-input"
+              value={prenom}
+              onInput={(e) => setPrenom((e.target as HTMLInputElement).value)}
+            />
+          </div>
+          <div class="form-field">
+            <label>N° Étudiant</label>
+            <input
+              class="form-input"
+              value={student.numEtud}
+              disabled
+              style="opacity: 0.6"
+            />
+          </div>
+          <div class="form-field">
+            <label>Promo</label>
+            <select
+              class="filter-select"
+              value={idPromo}
+              onChange={(e) =>
+                setIdPromo((e.target as HTMLSelectElement).value)}
+              style="min-width: 0"
+            >
+              {promos.map((p) => <option key={p.id} value={p.id}>{p.id}
+              </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 infos"}
+          </button>
+          <button
+            type="button"
+            class="btn btn-danger"
+            onClick={deleteStudent}
+          >
+            Supprimer l'élève
+          </button>
+        </div>
+      </div>
+
+      {/* Section 2: Spécialisations */}
+      <div class="edit-section">
+        <p class="edit-section-title">Spécialisations</p>
+        <p class="edit-section-subtitle">
+          GET·POST·DELETE /spe5a – plusieurs modules possibles
+        </p>
+        <p
+          class="state-empty"
+          style="padding: 1rem 0; text-align: left"
+        >
+          Fonctionnalité non disponible (endpoint non implémenté).
+        </p>
+      </div>
+
+      {/* Section 3: Notes lecture seule */}
+      <div class="edit-section">
+        <p class="edit-section-title">Notes (lecture seule)</p>
+        <p class="edit-section-subtitle">
+          GET /students/{"{numEtud}"}/notes – voir récap complet
+        </p>
+        <div style="display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap">
+          <span class="col-dim" style="font-size: 0.82rem">
+            Voir le récap complet des notes et moyennes de cet étudiant →
+          </span>
+          <a
+            class="btn btn-secondary"
+            href={`/notes/recap/${numEtud}`}
+            f-client-nav={false}
+          >
+            Récap notes
+          </a>
+        </div>
+      </div>
+    </div>
+  );
+}

routes/(apps)/students/(_islands)/UploadStudents.tsx

@@ -1,111 +1,151 @@
 // @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 { Signal, useSignal } from "@preact/signals";
+import { useRef } from "preact/hooks";
+import { useSignal } from "@preact/signals";
 
-/**
+export default function UploadStudents() {
- * Create a new handler for file change that displays
+  const file = useSignal<File | null>(null);
- * messages in statusMessage and gets file data in fileData.
+  const dragging = useSignal(false);
- * @param statusMessage The status message signal.
+  const uploading = useSignal(false);
- * @param fileData The file data signal.
+  const error = useSignal<string | null>(null);
- * @returns The file change handler.
+  const success = useSignal<string | null>(null);
- */
+  const inputRef = useRef<HTMLInputElement>(null);
-function getFileChangeHandler(
-  statusMessage: Signal<string>,
-  fileData: Signal<File | null>,
-): (event: Event) => void {
-  /**
-   * Handle file change.
-   * @param event The file change event.
-   */
-  return (event: Event) => {
-    const input = event.target as HTMLInputElement;
-    if (input.files && input.files.length > 0) {
-      fileData.value = input.files[0];
-      statusMessage.value = `File selected: ${input.files[0].name}`;
-    } else {
-      fileData.value = null;
-      statusMessage.value = "No file selected";
-    }
-  };
-}
 
-/**
+  function pickFile(f: File) {
- * Create a new handler that sends data file to server.
+    if (!f.name.match(/\.xlsx?$/i)) {
- * @param statusMessage The status message signal.
+      error.value = "Fichier invalide — format attendu : .xlsx";
- * @param fileData The file data signal.
- * @returns The file confirmation handler.
- */
-function getUploadConfirmationFunction(
-  statusMessage: Signal<string>,
-  fileData: Signal<File | null>,
-): () => void {
-  /**
-   * Add students to database.
-   * @returns Confirm upload of students.
-   */
-  return () => {
-    if (!fileData.value) {
-      statusMessage.value = "Please select a file before confirming upload.";
       return;
     }
+    file.value = f;
+    error.value = null;
+    success.value = null;
+  }
 
-    const reader = new FileReader();
+  function onDragOver(e: DragEvent) {
+    e.preventDefault();
+    dragging.value = true;
+  }
 
-    /**
+  function onDragLeave() {
-     * Send all data to the server.
+    dragging.value = false;
-     * @param event The finished progress event.
+  }
-     */
+
-    reader.onload = async (event: ProgressEvent<FileReader>) => {
+  function onDrop(e: DragEvent) {
-      const arrayBuffer = event.target!.result as ArrayBuffer;
+    e.preventDefault();
+    dragging.value = false;
+    const f = e.dataTransfer?.files?.[0];
+    if (f) pickFile(f);
+  }
+
+  function onInputChange(e: Event) {
+    const f = (e.target as HTMLInputElement).files?.[0];
+    if (f) pickFile(f);
+  }
+
+  async function doImport() {
+    if (!file.value) return;
+    uploading.value = true;
+    error.value = null;
+    success.value = null;
+
+    try {
+      const arrayBuffer = await file.value.arrayBuffer();
       const workbook = XLSX.read(arrayBuffer, { type: "array" });
-      let allOK = true;
+      let imported = 0;
+      let failed = 0;
 
       for (const sheetName of workbook.SheetNames) {
         const sheet = workbook.Sheets[sheetName];
-        const data = XLSX.utils.sheet_to_json(sheet, {
+        const rows = XLSX.utils.sheet_to_json<{
-          header: ["userId", "lastName", "firstName", "mail"],
+          numEtud: number;
-          range: 1,
+          nom: string;
-        });
+          prenom: string;
+        }>(sheet, { header: ["numEtud", "nom", "prenom"], range: 1 });
 
-        const response = await fetch("/students/api/students", {
+        for (const row of rows) {
-          method: "POST",
+          const res = await fetch("/students/api/students", {
-          headers: { "Content-Type": "application/json" },
+            method: "POST",
-          body: JSON.stringify({ promoName: sheetName, data }),
+            headers: { "content-type": "application/json" },
-        });
+            body: JSON.stringify({ ...row, idPromo: sheetName }),
-
+          });
-        if (!response.ok) {
+          if (res.ok) imported++;
-          allOK = false;
+          else failed++;
         }
       }
 
-      statusMessage.value = allOK
+      success.value = `Import terminé — ${imported} ajouté${
-        ? "Failed to insert all data."
+        imported !== 1 ? "s" : ""
-        : "Data uploaded and inserted successfully!";
+      }${failed > 0 ? `, ${failed} erreur${failed !== 1 ? "s" : ""}` : ""}`;
-    };
+    } catch {
+      error.value = "Erreur lors de la lecture du fichier.";
+    } finally {
+      uploading.value = false;
+    }
+  }
 
-    /**
+  function downloadTemplate() {
-     * Display error message if any.
+    const wb = XLSX.utils.book_new();
-     */
+    const ws = XLSX.utils.aoa_to_sheet([["numEtud", "nom", "prenom"]]);
-    reader.onerror = () => {
+    XLSX.utils.book_append_sheet(wb, ws, "4A22");
-      statusMessage.value = "Error reading the file.";
+    XLSX.writeFile(wb, "modele_etudiants.xlsx");
-    };
+  }
-
-    reader.readAsArrayBuffer(fileData.value);
-  };
-}
-
-export default function UploadStudents() {
-  const statusMessage = useSignal<string>("");
-  const fileData = useSignal<File | null>(null);
-
-  const handleFileChange = getFileChangeHandler(statusMessage, fileData);
-  const confirmUpload = getUploadConfirmationFunction(statusMessage, fileData);
 
   return (
-    <>
+    <div>
-      <input type="file" accept=".xlsx, .xls" onChange={handleFileChange} />
+      <input
-      <button type="button" onClick={confirmUpload}>Confirm Upload</button>
+        ref={inputRef}
-      <p>{statusMessage.value}</p>
+        type="file"
-    </>
+        accept=".xlsx,.xls"
+        style="display:none"
+        onChange={onInputChange}
+      />
+
+      <div
+        class={`drop-zone${dragging.value ? " dragging" : ""}`}
+        onDragOver={onDragOver}
+        onDragLeave={onDragLeave}
+        onDrop={onDrop}
+        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>}
+      {success.value && (
+        <p style="font-size:0.82rem; color: light-dark(var(--light-accent-color), var(--dark-accent-color)); margin-bottom: 0.75rem">
+          {success.value}
+        </p>
+      )}
+
+      <div class="upload-actions">
+        <button
+          type="button"
+          class="btn btn-primary"
+          onClick={doImport}
+          disabled={!file.value || uploading.value}
+        >
+          {uploading.value ? "…" : "⊕ Importer"}
+        </button>
+        <button
+          type="button"
+          class="btn btn-secondary"
+          onClick={downloadTemplate}
+        >
+          ⊕ Télécharger Modèle
+        </button>
+      </div>
+
+      <p class="upload-format">
+        Format : <strong>promo</strong> (nom de la feuille) |{" "}
+        <strong>numEtud</strong> | <strong>nom</strong> |{" "}
+        <strong>prénom</strong>
+      </p>
+    </div>
   );
 }

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

@@ -4,11 +4,12 @@ const properties: AppProperties = {
   name: "Students",
   icon: "badge",
   pages: {
-    index: "Homepage",
+    index: "Accueil",
-    upload: "Upload students",
+    consult: "Élèves",
-    consult: "Consult students",
+    promotions: "Promotions",
+    upload: "Import xlsx",
   },
-  adminOnly: ["upload", "consult"],
+  adminOnly: ["consult", "promotions", "upload"],
   hint: "Create students promotion and see informations",
 };
 

routes/(apps)/students/edit/[numEtud].tsx

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

routes/(apps)/students/partials/(admin)/consult.tsx

@@ -8,12 +8,7 @@ import { State } from "$root/defaults/interfaces.ts";
 
 // deno-lint-ignore require-await
 async function Students(_request: Request, _context: FreshContext<State>) {
-  return (
+  return <ConsultStudents />;
-    <>
-      <h2>Consult students</h2>
-      <ConsultStudents />
-    </>
-  );
 }
 
 export const config = getPartialsConfig();

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

@@ -0,0 +1,18 @@
+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 const config = getPartialsConfig();
+export default makePartials(Promotions);

routes/(apps)/students/partials/(admin)/upload.tsx

@@ -9,10 +9,16 @@ import { State } from "$root/defaults/interfaces.ts";
 // deno-lint-ignore require-await
 async function Students(_request: Request, _context: FreshContext<State>) {
   return (
-    <>
+    <div class="page-content">
-      <h2>Upload Students</h2>
+      <h2 class="page-title">Importer des Élèves</h2>
+      <p
+        class="upload-format"
+        style="margin-bottom: 1.25rem"
+      >
+        POST /students/api/students/import-csv
+      </p>
       <UploadStudents />
-    </>
+    </div>
   );
 }
 

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

@@ -4,16 +4,44 @@ import {
 } from "$root/defaults/makePartials.tsx";
 import { FreshContext } from "$fresh/server.ts";
 import { State } from "$root/defaults/interfaces.ts";
-import SelfPortrait from "$root/routes/(apps)/students/(_components)/SelfPortrait.tsx";
 
 // deno-lint-ignore require-await
-export async function Index(_request: Request, context: FreshContext<State>) {
+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>Welcome {context.state.session?.givenName}!</h2>
+      <h2 class="page-title">Étudiants</h2>
-      <h3>Your amU identity</h3>
+      <p>
-      <SelfPortrait self={context.state.session!} />
+        Bienvenue{" "}
-    </>
+        <strong>
+          {(context.state as unknown as { session: Record<string, string> })
+            .session.displayName}
+        </strong>
+        .
+      </p>
+      {isEmployee && (
+        <p>
+          Consultez la{" "}
+          <a href="/students/consult" f-partial="/students/partials/consult">
+            liste des élèves
+          </a>{" "}
+          ou gérez les{" "}
+          <a
+            href="/students/promotions"
+            f-partial="/students/partials/promotions"
+          >
+            promotions
+          </a>
+          .
+        </p>
+      )}
+    </div>
   );
 }
 

routes/_app.tsx

@@ -26,8 +26,9 @@ export default async function App(
         />
         <link rel="stylesheet" href="/styles/main.css" />
         <link rel="stylesheet" href="/styles/app.css" />
-        <link rel="stylesheet" href="styles/app-cards.css" />
+        <link rel="stylesheet" href="/styles/app-cards.css" />
-        <link rel="stylesheet" href="styles/students.css" />
+        <link rel="stylesheet" href="/styles/students.css" />
+        <link rel="stylesheet" href="/styles/ui.css" />
       </head>
       <body f-client-nav>
         <Header link={link} />

routes/_middleware.ts

@@ -10,6 +10,7 @@ const PUBLIC_ROUTES = [
   "/about",
   "/partials/about",
   "/contact",
+  "/dev-login",
 ];
 
 const jwtKeyCache: Record<string, string> = {};

routes/dev-login.ts

@@ -0,0 +1,48 @@
+import { FreshContext, Handlers } from "$fresh/server.ts";
+import { CasContent, LoginJWT, State } from "$root/defaults/interfaces.ts";
+import { createJwt } from "@popov/jwt";
+import { setCookie } from "$std/http/cookie.ts";
+import { getKey } from "$root/routes/_middleware.ts";
+
+const FAKE_ADMIN: CasContent = {
+  amuCampus: "local",
+  amuComposante: "local",
+  amuDateValidation: "",
+  coGroup: "",
+  eduPersonPrimaryAffiliation: "employee",
+  eduPersonPrincipalName: "admin@local",
+  mail: "admin@local",
+  displayName: "Admin Local",
+  givenName: "Admin",
+  memberOf: [],
+  sn: "Local",
+  supannCivilite: "",
+  supannEntiteAffectation: "",
+  supannEtuAnneeInscription: "",
+  supannEtuEtape: "",
+  uid: "admin-local",
+};
+
+export const handler: Handlers<null, State> = {
+  async GET(_request: Request, _context: FreshContext<State, null>) {
+    if (Deno.env.get("LOCAL") !== "true") {
+      return new Response("Not available outside LOCAL mode.", { status: 403 });
+    }
+
+    const now = Math.floor(Date.now() / 1000);
+    const payload: LoginJWT = {
+      iss: "PolyMPR",
+      iat: now,
+      exp: now + 0xe10,
+      aud: "PolyMPR",
+      user: FAKE_ADMIN,
+    };
+
+    const token = await createJwt(payload, getKey(FAKE_ADMIN.uid));
+    const headers = new Headers();
+    setCookie(headers, { name: "sessionToken", value: token });
+    headers.set("Location", "/apps");
+
+    return new Response(null, { status: 302, headers });
+  },
+};

static/styles/main.css

@@ -29,6 +29,10 @@
   font-family: var(--font-family-text);
 }
 
+html {
+  font-size: 130%; /* scale up from browser default 16px → ~20.8px */
+}
+
 html, body {
   margin: 0;
   padding: 0;

static/styles/ui.css

@@ -0,0 +1,955 @@
+/* ui.css — Shared UI components for PolyMPR app pages */
+
+/* -------------------------------------------------------
+   Page layout
+------------------------------------------------------- */
+
+.page-content {
+  padding: 1.5rem;
+}
+
+.page-title {
+  font-size: 1.2rem;
+  font-weight: var(--font-weight-bold);
+  margin: 0 0 0.75rem 0;
+  padding-bottom: 0.75rem;
+  border-bottom: 1px solid
+    light-dark(var(--light-foreground-dimmer), var(--dark-foreground-dimmer));
+}
+
+/* -------------------------------------------------------
+   Filters bar
+------------------------------------------------------- */
+
+.filters {
+  display: flex;
+  gap: 0.5rem;
+  align-items: center;
+  flex-wrap: wrap;
+  margin-bottom: 1.25rem;
+}
+
+.filter-input,
+.filter-select {
+  padding: 0.3rem 0.5rem;
+  background: light-dark(white, #141228);
+  border: 1px solid
+    light-dark(var(--light-foreground-dimmer), var(--dark-foreground-dimmer));
+  border-radius: 3px;
+  color: light-dark(var(--light-foreground), var(--dark-foreground));
+  font-size: 0.8rem;
+  font-family: inherit;
+  min-width: 8rem;
+}
+
+.filter-input:focus,
+.filter-select:focus {
+  outline: none;
+  border-color: light-dark(
+    var(--light-accent-color),
+    var(--dark-accent-color)
+  );
+}
+
+/* -------------------------------------------------------
+   Buttons
+------------------------------------------------------- */
+
+.btn {
+  padding: 0.3rem 0.75rem;
+  border-radius: 3px;
+  font-size: 0.8rem;
+  font-family: inherit;
+  font-weight: var(--font-weight-bold);
+  cursor: pointer;
+  border: 1px solid;
+  text-decoration: none;
+  display: inline-flex;
+  align-items: center;
+  gap: 0.3rem;
+  line-height: 1.4;
+  background: transparent;
+  transition: background 100ms, color 100ms;
+}
+
+.btn::before {
+  all: unset;
+}
+
+.btn-primary {
+  border-color: light-dark(var(--light-accent-color), var(--dark-accent-color));
+  color: light-dark(var(--light-accent-color), var(--dark-accent-color));
+}
+
+.btn-primary:hover {
+  background: light-dark(var(--light-accent-color), var(--dark-accent-color));
+  color: light-dark(
+    var(--light-background-color),
+    var(--dark-background-color)
+  );
+}
+
+.btn-secondary {
+  border-color: light-dark(
+    var(--light-foreground-dimmer),
+    var(--dark-foreground-dimmer)
+  );
+  color: light-dark(var(--light-foreground-dim), var(--dark-foreground-dim));
+}
+
+.btn-secondary:hover {
+  border-color: light-dark(
+    var(--light-foreground-dim),
+    var(--dark-foreground-dim)
+  );
+  color: light-dark(var(--light-foreground), var(--dark-foreground));
+}
+
+.btn-danger {
+  border-color: #933;
+  color: light-dark(var(--light-strong-color), var(--dark-strong-color));
+}
+
+.btn-danger:hover {
+  background: #933;
+  color: white;
+}
+
+.btn-sm {
+  padding: 0.15rem 0.5rem;
+  font-size: 0.75rem;
+}
+
+/* -------------------------------------------------------
+   Data table
+------------------------------------------------------- */
+
+.data-table-wrap {
+  background: light-dark(white, #141228);
+  border: 1px solid
+    light-dark(var(--light-foreground-dimmer), var(--dark-foreground-dimmer));
+  border-radius: 4px;
+  overflow: auto;
+}
+
+.data-table {
+  width: 100%;
+  border-collapse: collapse;
+  font-size: 0.8rem;
+}
+
+.data-table th {
+  padding: 0.5rem 1rem;
+  font-size: 0.7rem;
+  font-weight: var(--font-weight-bold);
+  color: light-dark(var(--light-foreground-dim), var(--dark-foreground-dim));
+  text-align: left;
+  border-bottom: 1px solid
+    light-dark(var(--light-foreground-dimmer), var(--dark-foreground-dimmer));
+}
+
+.data-table td {
+  padding: 0.55rem 1rem;
+  border-bottom: 1px solid
+    light-dark(var(--light-foreground-dimmer), var(--dark-foreground-dimmer));
+}
+
+.data-table tr:last-child td {
+  border-bottom: none;
+}
+
+.data-table tbody tr:nth-child(even) td {
+  background: light-dark(#f5f4ff, #141229);
+}
+
+.data-table .col-promo {
+  color: light-dark(var(--light-accent-color), var(--dark-accent-color));
+  font-weight: var(--font-weight-bold);
+  font-size: 0.75rem;
+}
+
+.data-table .col-dim {
+  color: light-dark(var(--light-foreground-dim), var(--dark-foreground-dim));
+  font-size: 0.75rem;
+}
+
+.data-table .col-actions {
+  display: flex;
+  gap: 0.4rem;
+  align-items: center;
+}
+
+/* -------------------------------------------------------
+   UE card (student notes view)
+------------------------------------------------------- */
+
+.ue-card {
+  background: light-dark(white, #141228);
+  border: 1px solid
+    light-dark(var(--light-foreground-dimmer), var(--dark-foreground-dimmer));
+  border-radius: 4px;
+  margin-bottom: 1rem;
+  overflow: hidden;
+  position: relative;
+  padding-left: 3px;
+}
+
+.ue-card::before {
+  content: "";
+  position: absolute;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  width: 3px;
+  background: light-dark(var(--light-accent-color), var(--dark-accent-color));
+  transform: none;
+  transition: none;
+  border-radius: 0;
+}
+
+.ue-card-header {
+  padding: 0.65rem 1rem 0.5rem 1.1rem;
+  border-bottom: 1px solid
+    light-dark(var(--light-foreground-dimmer), var(--dark-foreground-dimmer));
+}
+
+.ue-card-title {
+  font-weight: var(--font-weight-bold);
+  font-size: 0.85rem;
+  margin: 0;
+}
+
+.ue-card-avg {
+  font-size: 0.7rem;
+  margin: 0.2rem 0 0;
+}
+
+.ue-card-avg.avg-good {
+  color: light-dark(var(--light-accent-color), var(--dark-accent-color));
+}
+
+.ue-card-avg.avg-warn {
+  color: light-dark(var(--light-strong-color), var(--dark-strong-color));
+}
+
+.ue-module-row {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 0.45rem 1rem 0.45rem 1.1rem;
+  border-bottom: 1px solid
+    light-dark(var(--light-foreground-dimmer), var(--dark-foreground-dimmer));
+}
+
+.ue-module-row:last-child {
+  border-bottom: none;
+}
+
+.ue-module-name {
+  font-size: 0.8rem;
+  color: light-dark(var(--light-foreground-dim), var(--dark-foreground-dim));
+}
+
+/* -------------------------------------------------------
+   Score chip
+------------------------------------------------------- */
+
+.score-chip {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 4.5rem;
+  padding: 0.15rem 0.5rem;
+  border-radius: 12px;
+  border: 1px solid;
+  font-size: 0.75rem;
+  font-weight: var(--font-weight-bold);
+  background: light-dark(white, #1a172d);
+}
+
+.score-chip.score-good {
+  border-color: light-dark(var(--light-accent-color), var(--dark-accent-color));
+  color: light-dark(var(--light-accent-color), var(--dark-accent-color));
+}
+
+.score-chip.score-warn {
+  border-color: light-dark(
+    var(--light-strong-color),
+    var(--dark-strong-color)
+  );
+  color: light-dark(var(--light-strong-color), var(--dark-strong-color));
+}
+
+.score-chip.score-none {
+  border-color: light-dark(
+    var(--light-foreground-dimmer),
+    var(--dark-foreground-dimmer)
+  );
+  color: light-dark(var(--light-foreground-dim), var(--dark-foreground-dim));
+}
+
+/* -------------------------------------------------------
+   Tabs
+------------------------------------------------------- */
+
+.tabs {
+  display: flex;
+  gap: 0.6rem;
+  margin-bottom: 1.25rem;
+  flex-wrap: wrap;
+}
+
+.tab-btn {
+  padding: 0.35rem 0.9rem;
+  border: 1px solid
+    light-dark(var(--light-foreground-dimmer), var(--dark-foreground-dimmer));
+  border-radius: 3px;
+  background: transparent;
+  color: light-dark(var(--light-foreground-dim), var(--dark-foreground-dim));
+  font-size: 0.82rem;
+  font-family: inherit;
+  cursor: pointer;
+}
+
+.tab-btn::before {
+  all: unset;
+}
+
+.tab-btn.active {
+  border-color: light-dark(
+    var(--light-accent-color),
+    var(--dark-accent-color)
+  );
+  color: light-dark(var(--light-accent-color), var(--dark-accent-color));
+  font-weight: var(--font-weight-bold);
+  border-bottom-width: 2px;
+}
+
+/* -------------------------------------------------------
+   Status states
+------------------------------------------------------- */
+
+.state-loading,
+.state-empty {
+  padding: 2.5rem;
+  text-align: center;
+  color: light-dark(var(--light-foreground-dim), var(--dark-foreground-dim));
+  font-size: 0.9rem;
+}
+
+.state-error {
+  padding: 1rem;
+  color: light-dark(var(--light-strong-color), var(--dark-strong-color));
+  font-size: 0.85rem;
+  border: 1px solid #933;
+  border-radius: 4px;
+  background: light-dark(#fff0f0, #1a1010);
+  margin-bottom: 1rem;
+}
+
+/* -------------------------------------------------------
+   Inline form row (for inline add/edit)
+------------------------------------------------------- */
+
+.form-row {
+  display: flex;
+  gap: 0.5rem;
+  align-items: center;
+  margin-bottom: 1rem;
+  flex-wrap: wrap;
+}
+
+.form-input {
+  padding: 0.35rem 0.5rem;
+  background: light-dark(white, #141228);
+  border: 1px solid
+    light-dark(var(--light-foreground-dimmer), var(--dark-foreground-dimmer));
+  border-radius: 3px;
+  color: light-dark(var(--light-foreground), var(--dark-foreground));
+  font-size: 0.82rem;
+  font-family: inherit;
+  min-width: 12rem;
+}
+
+.form-input:focus {
+  outline: none;
+  border-color: light-dark(
+    var(--light-accent-color),
+    var(--dark-accent-color)
+  );
+}
+
+/* -------------------------------------------------------
+   Toolbar (title + action button)
+------------------------------------------------------- */
+
+.toolbar {
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-start;
+  margin-bottom: 1rem;
+  gap: 1rem;
+}
+
+/* -------------------------------------------------------
+   Chips: perm, role, promo, module
+------------------------------------------------------- */
+
+.perm-chip {
+  display: inline-flex;
+  align-items: center;
+  padding: 0.1rem 0.45rem;
+  border-radius: 10px;
+  border: 1px solid
+    light-dark(var(--light-accent-color), var(--dark-accent-color));
+  color: light-dark(var(--light-accent-color), var(--dark-accent-color));
+  font-size: 0.68rem;
+  font-family: monospace;
+  margin: 0.1rem;
+}
+
+.role-chip {
+  display: inline-flex;
+  align-items: center;
+  padding: 0.1rem 0.5rem;
+  border-radius: 10px;
+  border: 1px solid
+    light-dark(var(--light-foreground-dimmer), var(--dark-foreground-dimmer));
+  color: light-dark(var(--light-foreground-dim), var(--dark-foreground-dim));
+  font-size: 0.72rem;
+  margin: 0.1rem;
+}
+
+.promo-chip {
+  display: inline-flex;
+  align-items: center;
+  padding: 0.1rem 0.5rem;
+  border-radius: 10px;
+  border: 1px solid #b8820a;
+  color: #d4a017;
+  font-size: 0.72rem;
+  font-weight: var(--font-weight-bold);
+}
+
+.filiere-chip {
+  display: inline-flex;
+  align-items: center;
+  padding: 0.1rem 0.5rem;
+  border-radius: 10px;
+  border: 1px solid
+    light-dark(var(--light-accent-color), var(--dark-accent-color));
+  color: light-dark(var(--light-accent-color), var(--dark-accent-color));
+  font-size: 0.72rem;
+  font-weight: var(--font-weight-bold);
+}
+
+.module-chip {
+  display: inline-flex;
+  align-items: center;
+  padding: 0.1rem 0.5rem;
+  border-radius: 10px;
+  border: 1px solid
+    light-dark(var(--light-accent-color), var(--dark-accent-color));
+  color: light-dark(var(--light-accent-color), var(--dark-accent-color));
+  font-size: 0.7rem;
+  font-family: monospace;
+}
+
+.numEtud-chip {
+  display: inline-flex;
+  align-items: center;
+  padding: 0.1rem 0.5rem;
+  border-radius: 10px;
+  border: 1px solid
+    light-dark(var(--light-foreground-dim), var(--dark-foreground-dim));
+  font-size: 0.72rem;
+  font-weight: var(--font-weight-bold);
+}
+
+/* -------------------------------------------------------
+   Permission toggle cards (role management)
+------------------------------------------------------- */
+
+.perm-toggle-grid {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 0.4rem;
+}
+
+.perm-toggle-card {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 0.55rem 0.75rem;
+  background: light-dark(white, #141228);
+  border: 1px solid
+    light-dark(var(--light-foreground-dimmer), var(--dark-foreground-dimmer));
+  border-radius: 4px;
+  cursor: pointer;
+  gap: 0.5rem;
+}
+
+.perm-toggle-card.active {
+  border-color: light-dark(
+    var(--light-accent-color),
+    var(--dark-accent-color)
+  );
+  background: light-dark(#f0fff4, #0d1f12);
+}
+
+.perm-toggle-label {
+  display: flex;
+  flex-direction: column;
+  gap: 0.1rem;
+}
+
+.perm-toggle-id {
+  font-size: 0.7rem;
+  font-weight: var(--font-weight-bold);
+  font-family: monospace;
+  color: light-dark(var(--light-accent-color), var(--dark-accent-color));
+}
+
+.perm-toggle-nom {
+  font-size: 0.78rem;
+  color: light-dark(var(--light-foreground-dim), var(--dark-foreground-dim));
+}
+
+/* Simple toggle switch */
+.toggle-switch {
+  position: relative;
+  width: 2.4rem;
+  height: 1.3rem;
+  flex-shrink: 0;
+}
+
+.toggle-switch input {
+  opacity: 0;
+  width: 0;
+  height: 0;
+  position: absolute;
+}
+
+.toggle-slider {
+  position: absolute;
+  inset: 0;
+  background: light-dark(#ccc, #444);
+  border-radius: 1rem;
+  transition: background 150ms;
+}
+
+.toggle-slider::before {
+  content: "";
+  position: absolute;
+  width: 1rem;
+  height: 1rem;
+  left: 0.15rem;
+  top: 0.15rem;
+  background: white;
+  border-radius: 50%;
+  transition: transform 150ms;
+}
+
+.toggle-switch input:checked + .toggle-slider {
+  background: light-dark(var(--light-accent-color), var(--dark-accent-color));
+}
+
+.toggle-switch input:checked + .toggle-slider::before {
+  transform: translateX(1.1rem);
+}
+
+/* -------------------------------------------------------
+   UE split layout
+------------------------------------------------------- */
+
+.ue-split {
+  display: flex;
+  gap: 1rem;
+  align-items: flex-start;
+}
+
+.ue-panel-left {
+  width: 270px;
+  flex-shrink: 0;
+}
+
+.ue-panel-right {
+  flex: 1;
+  min-width: 0;
+}
+
+.panel-box {
+  background: light-dark(white, #141228);
+  border: 1px solid
+    light-dark(var(--light-foreground-dimmer), var(--dark-foreground-dimmer));
+  border-radius: 4px;
+  padding: 0.75rem;
+}
+
+.panel-box-title {
+  font-size: 0.8rem;
+  font-weight: var(--font-weight-bold);
+  margin: 0 0 0.6rem;
+}
+
+.ue-list-item {
+  padding: 0.45rem 0.6rem;
+  cursor: pointer;
+  border-radius: 3px;
+  font-size: 0.82rem;
+  border: 1px solid transparent;
+  margin-bottom: 0.2rem;
+  color: light-dark(var(--light-foreground-dim), var(--dark-foreground-dim));
+}
+
+.ue-list-item:hover {
+  background: light-dark(#f0efff, #1a172d);
+  color: light-dark(var(--light-foreground), var(--dark-foreground));
+}
+
+.ue-list-item.active {
+  background: light-dark(var(--light-accent-color), var(--dark-accent-color));
+  color: light-dark(
+    var(--light-background-color),
+    var(--dark-background-color)
+  );
+  font-weight: var(--font-weight-bold);
+}
+
+/* -------------------------------------------------------
+   Pill buttons (PromoBuilder)
+------------------------------------------------------- */
+
+.pill-group {
+  display: flex;
+  gap: 0.4rem;
+  flex-wrap: wrap;
+}
+
+.pill-btn {
+  padding: 0.3rem 0.8rem;
+  border-radius: 20px;
+  border: 1px solid
+    light-dark(var(--light-foreground-dimmer), var(--dark-foreground-dimmer));
+  background: transparent;
+  color: light-dark(var(--light-foreground-dim), var(--dark-foreground-dim));
+  font-size: 0.82rem;
+  font-family: inherit;
+  cursor: pointer;
+}
+
+.pill-btn::before {
+  all: unset;
+}
+
+.pill-btn.active {
+  border-color: light-dark(var(--light-accent-color), var(--dark-accent-color));
+  background: light-dark(
+    var(--light-accent-color),
+    var(--dark-accent-color)
+  );
+  color: light-dark(
+    var(--light-background-color),
+    var(--dark-background-color)
+  );
+  font-weight: var(--font-weight-bold);
+}
+
+/* PromoBuilder box */
+.promo-builder {
+  background: light-dark(white, #141228);
+  border: 1px solid
+    light-dark(var(--light-accent-color), var(--dark-accent-color));
+  border-radius: 4px;
+  padding: 1rem;
+  margin-bottom: 1.5rem;
+}
+
+.promo-builder-title {
+  font-size: 0.85rem;
+  font-weight: var(--font-weight-bold);
+  margin: 0 0 0.15rem;
+}
+
+.promo-builder-subtitle {
+  font-size: 0.72rem;
+  color: light-dark(var(--light-foreground-dim), var(--dark-foreground-dim));
+  font-family: monospace;
+  margin: 0 0 0.85rem;
+}
+
+.promo-builder-row {
+  display: flex;
+  gap: 1.5rem;
+  align-items: flex-start;
+  flex-wrap: wrap;
+  margin-bottom: 0.75rem;
+}
+
+.promo-builder-field {
+  display: flex;
+  flex-direction: column;
+  gap: 0.3rem;
+}
+
+.promo-builder-field label {
+  font-size: 0.72rem;
+  color: light-dark(var(--light-foreground-dim), var(--dark-foreground-dim));
+}
+
+.promo-id-preview {
+  display: inline-flex;
+  align-items: center;
+  padding: 0.35rem 0.75rem;
+  border: 1px solid
+    light-dark(var(--light-accent-color), var(--dark-accent-color));
+  border-radius: 3px;
+  font-size: 0.85rem;
+  font-weight: var(--font-weight-bold);
+  color: light-dark(var(--light-accent-color), var(--dark-accent-color));
+  min-width: 10rem;
+  font-family: monospace;
+}
+
+/* -------------------------------------------------------
+   Edit student sections
+------------------------------------------------------- */
+
+.edit-section {
+  background: light-dark(white, #141228);
+  border: 1px solid
+    light-dark(var(--light-foreground-dimmer), var(--dark-foreground-dimmer));
+  border-radius: 4px;
+  padding: 1rem;
+  margin-bottom: 1rem;
+}
+
+.edit-section-title {
+  font-size: 0.88rem;
+  font-weight: var(--font-weight-bold);
+  margin: 0 0 0.15rem;
+}
+
+.edit-section-subtitle {
+  font-size: 0.7rem;
+  color: light-dark(var(--light-foreground-dim), var(--dark-foreground-dim));
+  font-family: monospace;
+  margin: 0 0 0.8rem;
+}
+
+.form-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
+  gap: 0.5rem;
+  margin-bottom: 0.75rem;
+}
+
+.form-field {
+  display: flex;
+  flex-direction: column;
+  gap: 0.2rem;
+}
+
+.form-field label {
+  font-size: 0.7rem;
+  color: light-dark(var(--light-foreground-dim), var(--dark-foreground-dim));
+}
+
+.info-bar {
+  display: flex;
+  align-items: center;
+  gap: 0.75rem;
+  padding: 0.5rem 0.75rem;
+  background: light-dark(white, #141228);
+  border: 1px solid
+    light-dark(var(--light-foreground-dimmer), var(--dark-foreground-dimmer));
+  border-radius: 4px;
+  margin-bottom: 1rem;
+  font-size: 0.82rem;
+}
+
+.back-link {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.3rem;
+  font-size: 0.8rem;
+  color: light-dark(var(--light-accent-color), var(--dark-accent-color));
+  text-decoration: none;
+  margin-bottom: 0.5rem;
+}
+
+.back-link:hover {
+  text-decoration: underline;
+}
+
+/* -------------------------------------------------------
+   File drop zone (import pages)
+------------------------------------------------------- */
+
+.drop-zone {
+  border: 2px dashed
+    light-dark(var(--light-foreground-dimmer), var(--dark-foreground-dimmer));
+  border-radius: 6px;
+  background: light-dark(white, #141228);
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 0.6rem;
+  padding: 3rem 2rem;
+  cursor: pointer;
+  transition: border-color 150ms, background 150ms;
+  margin-bottom: 1.25rem;
+  text-align: center;
+}
+
+.drop-zone:hover,
+.drop-zone.dragging {
+  border-color: light-dark(var(--light-accent-color), var(--dark-accent-color));
+  background: light-dark(#f0fff4, #0a1a10);
+}
+
+.drop-zone-icon {
+  font-size: 2.4rem;
+  line-height: 1;
+  opacity: 0.8;
+}
+
+.drop-zone-text {
+  font-size: 0.88rem;
+  font-weight: var(--font-weight-bold);
+}
+
+.drop-zone-hint {
+  font-size: 0.75rem;
+  font-family: monospace;
+  color: light-dark(var(--light-foreground-dim), var(--dark-foreground-dim));
+}
+
+.drop-zone-file {
+  font-size: 0.78rem;
+  font-family: monospace;
+  color: light-dark(var(--light-accent-color), var(--dark-accent-color));
+  font-weight: var(--font-weight-bold);
+}
+
+.upload-actions {
+  display: flex;
+  gap: 0.75rem;
+  align-items: center;
+  margin-bottom: 0.75rem;
+}
+
+.upload-format {
+  font-size: 0.72rem;
+  font-family: monospace;
+  color: light-dark(var(--light-foreground-dim), var(--dark-foreground-dim));
+}
+
+/* Info note box */
+.info-note {
+  padding: 0.75rem 1rem;
+  border: 1px solid
+    light-dark(var(--light-accent-color), var(--dark-accent-color));
+  border-radius: 4px;
+  background: light-dark(#f0fff4, #0a1a10);
+  margin-top: 1.5rem;
+  font-size: 0.82rem;
+}
+
+/* -------------------------------------------------------
+   Note recap chips & rows
+------------------------------------------------------- */
+.note-chip {
+  display: inline-flex;
+  align-items: center;
+  padding: 0.15rem 0.55rem;
+  border-radius: 10px;
+  border: 1px solid currentColor;
+  font-size: 0.78rem;
+  font-weight: var(--font-weight-bold);
+  font-family: monospace;
+  white-space: nowrap;
+}
+
+.note-chip--ok {
+  color: light-dark(var(--light-accent-color), var(--dark-accent-color));
+}
+
+.note-chip--fail {
+  color: light-dark(#dc2626, #f87171);
+}
+
+.note-chip--none {
+  color: light-dark(var(--light-foreground-dim), var(--dark-foreground-dim));
+}
+
+.note-chip--promo {
+  color: light-dark(var(--light-accent-color), var(--dark-accent-color));
+  background: transparent;
+}
+
+.note-chip--ajust {
+  color: #f59e0b;
+}
+
+.note-row {
+  display: flex;
+  align-items: center;
+  gap: 0.75rem;
+  padding: 0.4rem 0;
+  border-bottom: 1px solid
+    light-dark(var(--light-foreground-dimmer), var(--dark-foreground-dimmer));
+  flex-wrap: wrap;
+}
+
+.note-row-label {
+  flex: 1;
+  min-width: 10rem;
+  font-size: 0.85rem;
+  display: flex;
+  align-items: center;
+  gap: 0.4rem;
+  flex-wrap: wrap;
+}
+
+.note-row-chip {
+  font-size: 0.68rem;
+  padding: 0.1rem 0.4rem;
+}
+
+.note-row-coef {
+  font-size: 0.75rem;
+  white-space: nowrap;
+}
+
+.ajust-section {
+  margin-top: 0.75rem;
+  padding-top: 0.65rem;
+  border-top: 1px solid
+    light-dark(var(--light-foreground-dimmer), var(--dark-foreground-dimmer));
+}
+
+.ajust-title {
+  font-size: 0.78rem;
+  font-weight: var(--font-weight-bold);
+  margin: 0 0 0.15rem;
+}
+
+.ajust-hint {
+  font-size: 0.7rem;
+  color: light-dark(var(--light-foreground-dim), var(--dark-foreground-dim));
+  font-family: monospace;
+  margin: 0 0 0.5rem;
+}
+
+/* -------------------------------------------------------
+   (end note recap)
+------------------------------------------------------- */
+
+.info-note-dim {
+  font-size: 0.7rem;
+  color: light-dark(var(--light-foreground-dim), var(--dark-foreground-dim));
+  font-family: monospace;
+  margin-top: 0.25rem;
+}

tests/e2e/permissions_test.ts

@@ -1,24 +1,40 @@
 // #115 - E2E tests for GET /permissions
-// Handler statique (pas de DB), test direct du handler
 
 import { assertEquals, assertExists } from "@std/assert";
 import { makeEmployeeContext, makeGetRequest } from "../helpers/handler.ts";
+import { seedPermissions, truncateAll } from "../helpers/db_integration.ts";
 import { handler as permissionsHandler } from "$apps/admin/api/permissions.ts";
 
+const PERMISSIONS = [
+  { id: "note_read", nom: "Consulter les notes des étudiants" },
+  { id: "note_write", nom: "Saisir et modifier les notes" },
+  { id: "student_read", nom: "Consulter la liste des étudiants" },
+  {
+    id: "student_write",
+    nom: "Gérer les étudiants (ajout, modification, suppression)",
+  },
+  { id: "module_read", nom: "Consulter les modules et enseignements" },
+  { id: "module_write", nom: "Gérer les modules et enseignements" },
+  { id: "user_read", nom: "Consulter les utilisateurs et leurs rôles" },
+  { id: "user_write", nom: "Gérer les utilisateurs et leurs rôles" },
+  { id: "role_write", nom: "Gérer les rôles et leurs permissions" },
+];
+
 Deno.test({
   name: "e2e permissions: GET /permissions returns all 9 permissions",
-  fn() {
+  async fn() {
-    const res = permissionsHandler.GET!(
+    await truncateAll();
+    await seedPermissions(PERMISSIONS);
+    const res = await permissionsHandler.GET!(
       makeGetRequest("/permissions"),
       makeEmployeeContext(),
     );
     assertEquals(res.status, 200);
-    return res.text().then((text) => {
+    const text = await res.text();
-      const data = JSON.parse(text);
+    const data = JSON.parse(text);
-      assertEquals(data.length, 9);
+    assertEquals(data.length, 9);
-      assertExists(data.find((p: { id: string }) => p.id === "student_read"));
+    assertExists(data.find((p: { id: string }) => p.id === "student_read"));
-      assertExists(data.find((p: { id: string }) => p.id === "role_write"));
+    assertExists(data.find((p: { id: string }) => p.id === "role_write"));
-    });
   },
   sanitizeResources: false,
   sanitizeOps: false,
@@ -27,7 +43,9 @@ Deno.test({
 Deno.test({
   name: "e2e permissions: GET /permissions - all entries have id and nom",
   async fn() {
-    const res = permissionsHandler.GET!(
+    await truncateAll();
+    await seedPermissions(PERMISSIONS);
+    const res = await permissionsHandler.GET!(
       makeGetRequest("/permissions"),
       makeEmployeeContext(),
     );

tests/helpers/db_integration.ts

@@ -111,3 +111,9 @@ export async function seedAjustements(
 ): Promise<typeof schema.ajustements.$inferSelect[]> {
   return await testDb.insert(schema.ajustements).values(rows).returning();
 }
+
+export async function seedPermissions(
+  rows: { id: string; nom: string }[],
+): Promise<typeof schema.permissions.$inferSelect[]> {
+  return await testDb.insert(schema.permissions).values(rows).returning();
+}