- {/* ── DESKTOP — Sidebar fixe 230px ───────────────────────────── */}
-
-
- {/* ── MOBILE — Drawer overlay ────────────────────────────────── */}
-
setIsMobileMenuOpen(false)}
- className={cn(
- 'fixed inset-0 z-40 bg-black/40 transition-opacity duration-200 ease-out lg:hidden',
- isMobileMenuOpen ? 'opacity-100' : 'pointer-events-none opacity-0',
- )}
- />
-
- {/* ── MOBILE — Drawer panel ──────────────────────────────────── */}
-
-
-
- {/* ── Zone de contenu principale ─────────────────────────────── */}
- {/* pb-16 sur mobile pour ne pas être masqué par le BottomNav fixe */}
-
- setIsMobileMenuOpen(true)} />
- {/* Pas de padding ni de max-width ici : chaque page gère sa propre
- largeur de contenu et son propre padding (cf. HistoriquePage). */}
- {children}
-
-
- {/* ── MOBILE — BottomNav fixe ────────────────────────────────── */}
-
-
- )
-}
diff --git a/src/app/BottomNav.tsx b/src/app/BottomNav.tsx
deleted file mode 100644
index 40821e5..0000000
--- a/src/app/BottomNav.tsx
+++ /dev/null
@@ -1,139 +0,0 @@
-/**
- * Navigation mobile fixe — affichée uniquement en dessous de 1024px.
- *
- * 4 items : Accueil / Simuler / Progression / Compte.
- * "Simuler" ouvre une bottom sheet (EE / EO / Examen blanc).
- * Tap target 44×44px minimum (DESIGN_SYSTEM.md §7).
- *
- * Règle L : tokens du design system exclusivement.
- * Règle H : aucune logique métier — navigation uniquement.
- */
-
-import { useState } from 'react'
-import { Link, useLocation, useNavigate } from 'react-router-dom'
-import { Home, BookOpen, TrendingUp, User } from 'lucide-react'
-import { cn } from '@/shared/lib/utils'
-
-const SHEET_ITEMS = [
- { label: 'Expression Écrite', to: '/simulation/ee' },
- { label: 'Expression Orale', to: '/simulation/eo' },
- { label: 'Examen blanc', to: '/examen' },
-] as const
-
-export function BottomNav() {
- const [isSheetOpen, setIsSheetOpen] = useState(false)
- const location = useLocation()
- const navigate = useNavigate()
-
- const isActive = (prefix: string) => location.pathname.startsWith(prefix)
-
- function handleSheetNavigate(to: string) {
- setIsSheetOpen(false)
- navigate(to)
- }
-
- const navItemClasses = (active: boolean) =>
- cn(
- 'flex min-h-[44px] flex-1 flex-col items-center justify-center gap-0.5 text-[10px] font-medium transition-colors duration-150',
- active ? 'text-brand-text' : 'text-ink-tertiary hover:text-ink-primary',
- )
-
- return (
- <>
- {/* Bottom sheet overlay */}
- {isSheetOpen && (
-
setIsSheetOpen(false)}
- />
- )}
-
- {/* Bottom sheet */}
- {isSheetOpen && (
-
-
- Simuler
-
-
- {SHEET_ITEMS.map((item) => (
-
- handleSheetNavigate(item.to)}
- className="flex min-h-[44px] w-full items-center rounded-md px-3 text-sm text-ink-primary transition-colors duration-150 hover:bg-surface-hover"
- >
- {item.label}
-
-
- ))}
-
-
- )}
-
- {/* Bottom nav bar */}
-
- {/* Accueil */}
- setIsSheetOpen((v) => !v)}
- className={navItemClasses(isActive('/simulation') || isSheetOpen)}
- >
-
-
- {/* Progression */}
-
-
- )
-}
diff --git a/src/app/MaintenancePage.tsx b/src/app/MaintenancePage.tsx
deleted file mode 100644
index e6ce5a8..0000000
--- a/src/app/MaintenancePage.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-import { Logo } from '@/shared/components/Logo'
-
-export function MaintenancePage() {
- return (
-
-
-
-
Maintenance en cours
-
- Expria est temporairement indisponible. Revenez dans quelques instants.
-
-
-
- Des questions ?{' '}
-
- support@expria.ca
-
-
-
- )
-}
diff --git a/src/app/Sidebar.tsx b/src/app/Sidebar.tsx
deleted file mode 100644
index 23fe068..0000000
--- a/src/app/Sidebar.tsx
+++ /dev/null
@@ -1,233 +0,0 @@
-/**
- * Sidebar desktop — navigation principale (≥ 1024px).
- *
- * DA Charcoal : navy permanent (#0C1528), identique dark et light.
- * Règle D : le verrouillage des items passe par hasAccess(),
- * jamais par if (plan === '...').
- * Règle L : tokens du design system exclusivement.
- */
-
-import { NavLink } from 'react-router-dom'
-import {
- Activity,
- ArrowUpCircle,
- BookOpen,
- Clock,
- FileText,
- LayoutGrid,
- Lock,
- Mic,
- Pencil,
- Settings,
- User as UserIcon,
- type LucideIcon,
-} from 'lucide-react'
-import { hasAccess } from '@/entities/user/lib'
-import { Logo } from '@/shared/components/Logo'
-import { ThemeToggle } from '@/shared/components/ThemeToggle'
-import { useAuth } from '@/features/auth/hooks/useAuth'
-import { cn } from '@/shared/lib/utils'
-import type { Feature, Plan } from '@/entities/user/lib'
-import type { User } from '@/shared/lib/auth-client'
-
-interface NavItem {
- label: string
- to: string
- feature: Feature | null
- Icon: LucideIcon
- /**
- * Affiche un badge upgrade (flèche bleue) à droite du label quand
- * l'utilisateur peut encore passer à un plan supérieur. Aujourd'hui
- * utilisé uniquement sur "Mon plan".
- */
- showUpgradeWhenUpgradable?: boolean
-}
-
-const PREPARE_ITEMS: readonly NavItem[] = [
- { label: 'Tableau de bord', to: '/dashboard', feature: null, Icon: LayoutGrid },
- { label: 'Expression Écrite', to: '/simulation/ee', feature: null, Icon: Pencil },
- { label: 'Expression Orale', to: '/simulation/eo', feature: null, Icon: Mic },
- { label: 'Examen blanc', to: '/examen', feature: 'exam_mode', Icon: FileText },
- { label: 'Progression', to: '/progression', feature: 'pattern_analysis', Icon: Activity },
- { label: 'Méthodologie', to: '/methodologie', feature: null, Icon: BookOpen },
- { label: 'Historique', to: '/historique', feature: 'dashboard', Icon: Clock },
-]
-
-const ACCOUNT_ITEMS: readonly NavItem[] = [
- {
- label: 'Mon plan',
- to: '/plan',
- feature: null,
- Icon: UserIcon,
- showUpgradeWhenUpgradable: true,
- },
- { label: 'Paramètres', to: '/parametres', feature: null, Icon: Settings },
-]
-
-const PLAN_LABELS: Record
= {
- free: 'Plan Découverte',
- standard: 'Plan Standard',
- premium: 'Plan Premium',
-}
-
-/**
- * Proxy "peut encore upgrader". Examen blanc est exclusif Premium
- * (PLANS_TARIFAIRES.md §4), donc son absence d'accès = plan en dessous
- * du top-tier. Utilisé uniquement pour affichage UX, pas un check de
- * permission (Règle D respectée — on passe par hasAccess).
- */
-function isUpgradable(plan: Plan): boolean {
- return !hasAccess(plan, 'exam_mode')
-}
-
-function getInitials(user: User | null): string {
- if (!user) return '··'
- const fullName = user.user_metadata?.full_name as string | undefined
- if (fullName) {
- const parts = fullName.trim().split(/\s+/)
- if (parts.length >= 2 && parts[0] && parts[parts.length - 1]) {
- return (parts[0][0] + parts[parts.length - 1][0]).toUpperCase()
- }
- return fullName.slice(0, 2).toUpperCase()
- }
- const local = user.email?.split('@')[0] ?? ''
- return local.slice(0, 2).toUpperCase() || '··'
-}
-
-function getDisplayName(user: User | null): string {
- if (!user) return 'Invité'
- const fullName = user.user_metadata?.full_name as string | undefined
- if (fullName) return fullName
- return user.email?.split('@')[0] ?? 'Invité'
-}
-
-function SidebarItem({ item, plan }: { item: NavItem; plan: Plan }) {
- const locked = item.feature !== null && !hasAccess(plan, item.feature)
- const showUpgrade = item.showUpgradeWhenUpgradable === true && isUpgradable(plan)
- const { Icon } = item
-
- return (
-
- cn(
- 'relative flex items-center gap-2.5 rounded-lg px-2.5 py-2',
- 'text-[13px] font-medium transition-colors',
- isActive && !locked
- ? 'bg-[var(--color-sidebar-nav-active)] font-semibold text-[var(--color-sidebar-text-active)]'
- : locked
- ? 'cursor-default text-[var(--color-sidebar-text)] opacity-40'
- : 'text-[var(--color-sidebar-text)] hover:bg-[var(--color-sidebar-nav-hover)] hover:text-[var(--color-sidebar-text-hover)]',
- )
- }
- >
- {({ isActive }) => (
- <>
- {isActive && !locked && (
- {item.label}
- {locked &&
- )
-}
-
-function SidebarSection({
- label,
- items,
- plan,
- className,
-}: {
- label: string
- items: readonly NavItem[]
- plan: Plan
- className?: string
-}) {
- return (
-
-
- {label}
-
-
- {items.map((item) => (
-
-
- ))}
-
-
-
- {initials}
-
-
-
{displayName}
-
{PLAN_LABELS[plan]}
-
-
-
- {/* Logo header */}
-
-
-
-
- EX| PRIA
-
- Préparation TCF Canada
-
-
-
- {/* Navigation */}
-
-
-
- {/* Footer — avatar + user info + ThemeToggle */}
-
-
-
" (gauche).
- * - Hamburger (mobile uniquement) qui ouvre le drawer Sidebar.
- * - Barre de recherche placeholder (non fonctionnelle — visuel only).
- * - Icônes Command (raccourcis clavier) et Bell (notifications) —
- * non fonctionnelles, décoratives dans ce sprint.
- *
- * Règle L : tokens du design system exclusivement.
- * Règle H : aucune logique métier — navigation uniquement.
- */
-
-import { useLocation } from 'react-router-dom'
-import { Bell, Command, Menu, Search } from 'lucide-react'
-import { getRouteTitle } from './route-titles'
-
-interface TopbarProps {
- onMobileMenuOpen: () => void
-}
-
-export function Topbar({ onMobileMenuOpen }: TopbarProps) {
- const { pathname } = useLocation()
- const title = getRouteTitle(pathname)
-
- return (
-
- {/* Hamburger (mobile only) */}
-
-
-
- {/* Breadcrumb */}
-
-
- Expria
-
- ›
-
- {title}
-
-
-
- {/* Right cluster: search + command + bell */}
-
-
- )
-}
diff --git a/src/app/main.tsx b/src/app/main.tsx
index 31cd894..798dc2c 100644
--- a/src/app/main.tsx
+++ b/src/app/main.tsx
@@ -1,8 +1,6 @@
import { StrictMode } from 'react'
import { createRoot } from 'react-dom/client'
import { Providers } from './providers'
-import { MaintenancePage } from './MaintenancePage'
-import { isMaintenanceMode } from '@/shared/config/env'
import '../index.css'
const container = document.getElementById('root')
@@ -11,5 +9,7 @@ if (!container) {
}
createRoot(container).render(
- {isMaintenanceMode ? ,
+
+ ,
)
diff --git a/src/app/providers.tsx b/src/app/providers.tsx
index 915515d..1a6feff 100644
--- a/src/app/providers.tsx
+++ b/src/app/providers.tsx
@@ -1,39 +1,14 @@
-import { useState, useEffect } from 'react'
import { QueryClientProvider } from '@tanstack/react-query'
import { BrowserRouter } from 'react-router-dom'
import { queryClient } from '@/shared/lib/query-client'
-import {
- ThemeContext,
- type Theme,
- getInitialTheme,
- applyTheme,
- persistTheme,
-} from '@/shared/lib/theme'
import { AppRouter } from './router'
-function ThemeProvider({ children }: { children: React.ReactNode }) {
- const [theme, setThemeState] = useState(getInitialTheme)
-
- useEffect(() => {
- applyTheme(theme)
- persistTheme(theme)
- }, [theme])
-
- function setTheme(t: Theme) {
- setThemeState(t)
- }
-
- return {children}
-}
-
export function Providers() {
return (
-
-
-
-
-
-
+
+
+
+
)
}
diff --git a/src/app/route-titles.ts b/src/app/route-titles.ts
deleted file mode 100644
index 2699600..0000000
--- a/src/app/route-titles.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-/**
- * Mapping centralisé pathname → titre de page.
- *
- * Consommé par la Topbar (breadcrumb "Expria › ") et tout composant
- * qui a besoin du libellé humain d'une route. Maintient la source unique
- * — pas de duplication dans Sidebar/Topbar/helmet.
- */
-
-const STATIC_ROUTES: Readonly> = {
- '/dashboard': 'Tableau de bord',
- '/simulation/ee': 'Expression Écrite',
- '/simulation/eo': 'Expression Orale',
- '/sujets': 'Choisir un sujet',
- '/examen': 'Examen blanc',
- '/progression': 'Progression',
- '/methodologie': 'Méthodologie',
- '/historique': 'Historique',
- '/plan': 'Mon plan',
- '/parametres': 'Paramètres',
- '/login': 'Connexion',
- '/register': 'Inscription',
- '/design-system': 'Design System',
-}
-
-export function getRouteTitle(pathname: string): string {
- const exact = STATIC_ROUTES[pathname]
- if (exact) return exact
- if (pathname.startsWith('/rapport/')) return 'Rapport'
- if (pathname === '/' || pathname === '') return 'Tableau de bord'
- return 'Expria'
-}
diff --git a/src/app/router.tsx b/src/app/router.tsx
index 54ec63c..dfe0538 100644
--- a/src/app/router.tsx
+++ b/src/app/router.tsx
@@ -1,138 +1,18 @@
-import React, { Suspense } from 'react'
-import { Navigate, Outlet, Routes, Route } from 'react-router-dom'
-
-import { LoginPage } from '@/features/auth/pages/LoginPage'
-import { RegisterPage } from '@/features/auth/pages/RegisterPage'
-import { ProtectedRoute } from '@/features/auth/components/ProtectedRoute'
-import { DashboardPage } from '@/features/dashboard/pages/DashboardPage'
-import { SimulationPage } from '@/features/simulations/pages/SimulationPage'
-import { SujetsPage } from '@/features/simulations/pages/SujetsPage'
-import { RapportPage } from '@/features/simulations/pages/RapportPage'
-import { SimulationEOPage } from '@/features/simulations/pages/SimulationEOPage'
-import { SujetsEOPage } from '@/features/simulations/pages/SujetsEOPage'
-import { PreEnregistrementEOPage } from '@/features/simulations/pages/PreEnregistrementEOPage'
-import { EnregistrementEOPage } from '@/features/simulations/pages/EnregistrementEOPage'
-import { ModeChoixT1Page } from '@/features/simulations/pages/ModeChoixT1Page'
-import { QuestionnaireT1Page } from '@/features/simulations/pages/QuestionnaireT1Page'
-import { PresentationGenereeT1Page } from '@/features/simulations/pages/PresentationGenereeT1Page'
-import { HistoriquePage } from '@/features/historique/pages/HistoriquePage'
-import { ProgressionPage } from '@/features/progression/pages/ProgressionPage'
-import { PricingPage } from '@/features/billing/pages/PricingPage'
-import { ParametresPage } from '@/features/account/pages/ParametresPage'
-import { SimulationFlowProvider } from '@/features/simulations/state/SimulationFlowProvider'
-import { T2LiveProvider } from '@/features/t2-live/state/T2LiveContext'
-import { T2SujetsPage } from '@/features/t2-live/pages/T2SujetsPage'
-import { T2PreparationPage } from '@/features/t2-live/pages/T2PreparationPage'
-import { T2DialoguePage } from '@/features/t2-live/pages/T2DialoguePage'
-import { T1PreparationPage } from '@/features/t1-live/pages/T1PreparationPage'
-import { T1DialoguePage } from '@/features/t1-live/pages/T1DialoguePage'
-import { AppLayout } from './AppLayout'
-
-const DesignSystemPage = import.meta.env.DEV
- ? React.lazy(() => import('@/features/design-system/DesignSystemPage'))
- : () => null
-
-function ComingSoon() {
- return (
-
-
Page en cours de développement
-
Disponible dans une prochaine version.
-
-
-
-
- )
-}
-
-function SimulationFlowLayout() {
- return (
-
-
- )
-}
-
-function T2LiveLayout() {
- return (
-
-
- )
-}
+import { Routes, Route } from 'react-router-dom'
export function AppRouter() {
return (
- {/* ── Routes publiques ─────────────────────────────────────── */}
- Loading… }>
-
-
- }
- />
- )}
+
} />
)
}
+
+function ScaffoldPlaceholder() {
+ return (
+
+ Expria — scaffold Sprint 0
+ Aucune feature n'est encore branchée. Les routes seront ajoutées au fil des sprints.
+
+ )
+}
diff --git a/src/entities/patterns/api.ts b/src/entities/patterns/api.ts
deleted file mode 100644
index 9005b09..0000000
--- a/src/entities/patterns/api.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-/**
- * Appels API du domaine `patterns`.
- *
- * Endpoint unique : `GET /users/patterns`.
- * - Plan non-Premium → 403 PLAN_INSUFFICIENT (géré côté hook via `enabled`).
- * - < 5 productions corrigées → 200 { ready: false, minimum, current }.
- * - ≥ 5 productions → 200 { ready: true, patterns, exercises, preparation_index, ... }.
- *
- * Timeout par défaut : 10 s (largement suffisant — le backend retourne sur cache
- * sauf recompute + DeepSeek qui peut prendre jusqu'à 20 s côté serveur, mais
- * reste sous le timeout HTTP côté proxy). Retry activé par défaut sur GET.
- */
-
-import { apiFetch } from '@/shared/lib/api-client'
-import type { PatternsResponse } from './types'
-
-const PATTERNS_TIMEOUT_MS = 25_000
-
-export function getPatterns(): Promise
{
- return apiFetch('/users/patterns', {
- timeoutMs: PATTERNS_TIMEOUT_MS,
- })
-}
diff --git a/src/entities/patterns/types.ts b/src/entities/patterns/types.ts
deleted file mode 100644
index a9d5212..0000000
--- a/src/entities/patterns/types.ts
+++ /dev/null
@@ -1,52 +0,0 @@
-/**
- * Types publics du domaine `patterns` — Sprint 3.6c.
- *
- * Miroir de la réponse backend `GET /users/patterns` (cf. expria-backend
- * Sprint 3.6c, commit c48ae8d). Feature Premium uniquement — le gating se
- * fait via `hasAccess(plan, 'pattern_analysis')` côté frontend ; la route
- * backend renvoie 403 `PLAN_INSUFFICIENT` si plan non Premium (fallback
- * défensif).
- */
-
-import type { CritereCode } from '@/entities/report/types'
-
-export interface Pattern {
- code: string
- critere: CritereCode
- frequency: number // 3, 4 ou 5 (seuil d'agrégation : ≥ 3)
- description: string | null // non-null uniquement pour code === 'autre'
-}
-
-export interface PatternExercice {
- code: string
- critere: CritereCode
- diagnostic: string
- exercice: {
- consigne: string
- exemple: string // phrase incorrecte générique (pas du candidat)
- correction: string // version correcte
- astuce: string // procédé mnémotechnique / réflexe de relecture
- }
-}
-
-export interface PreparationIndex {
- score: number // 0-100 entier
- message: string // interprétation textuelle fixée par le backend
-}
-
-export interface PatternsReady {
- ready: true
- patterns: Pattern[]
- exercises: PatternExercice[]
- preparation_index: PreparationIndex
- analyzed_productions: number
- last_analysis: string // ISO timestamp
-}
-
-export interface PatternsNotReady {
- ready: false
- minimum: number // toujours 5 côté backend actuel
- current: number // nb de productions corrigées déjà réalisées
-}
-
-export type PatternsResponse = PatternsReady | PatternsNotReady
diff --git a/src/entities/presentation/__tests__/api.test.ts b/src/entities/presentation/__tests__/api.test.ts
deleted file mode 100644
index c8d5a69..0000000
--- a/src/entities/presentation/__tests__/api.test.ts
+++ /dev/null
@@ -1,59 +0,0 @@
-/**
- * Tests du domaine `presentation` — Sprint 4c-2.
- *
- * Valide :
- * - succès : retourne { presentation }
- * - erreur : ApiError propagée par apiFetch
- */
-
-import { describe, expect, it, vi, beforeEach } from 'vitest'
-
-vi.mock('@/shared/lib/api-client', () => ({
- apiFetch: vi.fn(),
-}))
-
-import { apiFetch } from '@/shared/lib/api-client'
-import { generatePresentation } from '../api'
-import type { PresentationReponses } from '../types'
-
-const mocked = vi.mocked(apiFetch)
-
-const VALID_REPONSES: PresentationReponses = {
- prenom_age_ville: 'Marie, 32 ans, Douala',
- formation_metier: 'Master en gestion, comptable',
- situation_familiale: 'Mariée, deux enfants',
- loisirs: 'Lecture, cuisine',
- motivation_canada: 'Opportunités, départ 2025',
-}
-
-describe('generatePresentation', () => {
- beforeEach(() => {
- mocked.mockReset()
- })
-
- it('retourne la présentation générée et appelle le bon endpoint', async () => {
- mocked.mockResolvedValueOnce({ presentation: 'Bonjour, je m appelle Marie...' })
-
- const result = await generatePresentation(VALID_REPONSES)
-
- expect(result.presentation).toContain('Marie')
- expect(mocked).toHaveBeenCalledWith('/presentations/generate', {
- method: 'POST',
- body: { reponses: VALID_REPONSES },
- timeoutMs: 25_000,
- retry: { max: 0, baseDelayMs: 0 },
- })
- })
-
- it('propage les ApiError du backend', async () => {
- mocked.mockRejectedValueOnce({
- error: true,
- code: 'INTERNAL_ERROR',
- message: 'DeepSeek down',
- })
-
- await expect(generatePresentation(VALID_REPONSES)).rejects.toMatchObject({
- code: 'INTERNAL_ERROR',
- })
- })
-})
diff --git a/src/entities/presentation/api.ts b/src/entities/presentation/api.ts
deleted file mode 100644
index 1b04aa4..0000000
--- a/src/entities/presentation/api.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-/**
- * Appels API du domaine `presentation` — Sprint 4c-2.
- *
- * `POST /presentations/generate` : timeout 25 s (DeepSeek peut mettre 10-20 s),
- * retry désactivé volontairement — un POST non-idempotent qui consomme un
- * appel DeepSeek ne doit pas être rejoué silencieusement sur erreur réseau.
- */
-
-import { apiFetch } from '@/shared/lib/api-client'
-import type { PresentationGenerated, PresentationReponses } from './types'
-
-const GENERATE_TIMEOUT_MS = 25_000
-
-export function generatePresentation(
- reponses: PresentationReponses,
-): Promise {
- return apiFetch('/presentations/generate', {
- method: 'POST',
- body: { reponses },
- timeoutMs: GENERATE_TIMEOUT_MS,
- retry: { max: 0, baseDelayMs: 0 },
- })
-}
diff --git a/src/entities/presentation/types.ts b/src/entities/presentation/types.ts
deleted file mode 100644
index feade68..0000000
--- a/src/entities/presentation/types.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-/**
- * Types publics du domaine `presentation` — Sprint 4c-2.
- *
- * Le domaine couvre la génération assistée d'un texte de présentation
- * personnelle (Tâche 1 EO). Aucune persistance backend : le texte généré
- * est mirroré côté client (localStorage `expria_eo_t1_presentation`) et
- * porté dans le state du `SimulationFlowProvider` pour servir de
- * référence pendant l'enregistrement.
- */
-
-/** Réponses au questionnaire — alignées sur le body du backend. */
-export interface PresentationReponses {
- prenom_age_ville: string
- formation_metier: string
- situation_familiale: string
- loisirs: string
- motivation_canada: string
-}
-
-/** Réponse de `POST /presentations/generate`. */
-export interface PresentationGenerated {
- presentation: string
-}
diff --git a/src/entities/production/api.ts b/src/entities/production/api.ts
deleted file mode 100644
index ab845cc..0000000
--- a/src/entities/production/api.ts
+++ /dev/null
@@ -1,114 +0,0 @@
-/**
- * Appels API du domaine `production`.
- *
- * Toutes les requêtes passent par `apiFetch` (Règle J / Règle F).
- * - `POST /simulations` : timeout 5s (défaut), retry désactivé (POST non-idempotent).
- * - `GET /simulations/:id` : timeout 5s, retry activé (GET idempotent).
- *
- * Erreurs notables : `QUOTA_REACHED` (Free 5/5), `PLAN_INSUFFICIENT` (exam_mode).
- */
-
-import { apiFetch } from '@/shared/lib/api-client'
-import type {
- CreateSimulationPayload,
- Production,
- SimulationState,
- SimulationsListResponse,
- SujetData,
- Tache,
-} from './types'
-
-/** Crée une nouvelle simulation. Endpoint : `POST /simulations` (HTTP 201). */
-export function createSimulation(payload: CreateSimulationPayload): Promise {
- return apiFetch('/simulations', { method: 'POST', body: payload })
-}
-
-/** Récupère une simulation existante. Endpoint : `GET /simulations/:id`. */
-export function getSimulation(id: string): Promise {
- return apiFetch(`/simulations/${id}`)
-}
-
-/**
- * Sprint 3.7 — liste paginée des simulations de l'utilisateur connecté.
- * Endpoint : `GET /simulations?page=X&limit=Y`. Tri `created_at DESC` côté backend.
- * Champs lourds exclus (contenu, rapport, exercices, modele) — cf. SimulationListItem.
- */
-export function listSimulations(page: number, limit: number): Promise {
- const qs = new URLSearchParams({ page: String(page), limit: String(limit) })
- return apiFetch(`/simulations?${qs.toString()}`)
-}
-
-/**
- * FTD-21 — récupère l'état complet d'une simulation (contenu + sujet + rapport).
- * Utilisé par `SimulationFlowProvider` pour restaurer une session depuis
- * `localStorage.expria_simulation_id` au mount.
- *
- * Si `rapport === null` → simulation en cours, restaurer `/simulation/ee`.
- * Sinon → simulation terminée, rediriger vers `/rapport/:id`.
- */
-export function getSimulationState(id: string): Promise {
- return apiFetch(`/simulations/${id}`)
-}
-
-/**
- * FTD-21 — autosave du contenu (debounce 30 s + beforeunload).
- * Endpoint : `PATCH /simulations/:id/contenu`.
- * Ne retourne rien : le client conserve déjà le texte localement.
- */
-export async function autosaveContenu(id: string, contenu: string): Promise {
- await apiFetch<{ ok: true }>(`/simulations/${id}/contenu`, {
- method: 'PATCH',
- body: { contenu },
- })
-}
-
-/**
- * FTD-21 — persiste un changement de sujet côté backend.
- * Endpoint : `PATCH /simulations/:id/sujet`.
- * Appelé depuis `SimulationFlowProvider.changeSubject` quand l'utilisateur
- * choisit un autre sujet via `/sujets`.
- */
-export async function updateSujet(id: string, sujetId: string): Promise {
- await apiFetch<{ sujet: SujetData }>(`/simulations/${id}/sujet`, {
- method: 'PATCH',
- body: { sujet_id: sujetId },
- })
-}
-
-/**
- * Mappe une Tache vers les paramètres de la route `GET /sujets`.
- * Retourne `null` pour les tâches sans catalogue de sujets côté base
- * (EO_T1 : sujet fixe connu).
- *
- * Sprint 6c : `EO_T2_LIVE` mappe vers (mode='EO', tache=2) pour récupérer
- * la grille de sujets T2 (rôle + contexte alimentés en BDD).
- */
-function mapTacheToSujetParams(tache: Tache): { mode: 'EE' | 'EO'; tacheNumber: 1 | 2 | 3 } | null {
- switch (tache) {
- case 'EE_T1':
- return { mode: 'EE', tacheNumber: 1 }
- case 'EE_T2':
- return { mode: 'EE', tacheNumber: 2 }
- case 'EE_T3':
- return { mode: 'EE', tacheNumber: 3 }
- case 'EO_T2_LIVE':
- return { mode: 'EO', tacheNumber: 2 }
- case 'EO_T3':
- return { mode: 'EO', tacheNumber: 3 }
- case 'EO_T1':
- return null
- }
-}
-
-/**
- * Récupère la liste des sujets actifs disponibles pour une tâche.
- * Endpoint : `GET /sujets?mode=XX&tache=N`.
- *
- * Retourne `[]` immédiatement pour les tâches sans catalogue (EO_T1).
- */
-export function getSujets(tache: Tache): Promise {
- const params = mapTacheToSujetParams(tache)
- if (!params) return Promise.resolve([])
- const qs = new URLSearchParams({ mode: params.mode, tache: String(params.tacheNumber) })
- return apiFetch<{ sujets: SujetData[] }>(`/sujets?${qs.toString()}`).then((r) => r.sujets)
-}
diff --git a/src/entities/production/lib.ts b/src/entities/production/lib.ts
deleted file mode 100644
index 47edaba..0000000
--- a/src/entities/production/lib.ts
+++ /dev/null
@@ -1,30 +0,0 @@
-/**
- * Helpers purs du domaine `production`.
- * Aucune logique de plan en dur — les règles d'accès passent par entities/user/lib.
- */
-
-import type { Tache } from './types'
-
-const TACHE_LABELS: Record = {
- EE_T1: 'Expression Écrite — Tâche 1',
- EE_T2: 'Expression Écrite — Tâche 2',
- EE_T3: 'Expression Écrite — Tâche 3',
- EO_T1: 'Expression Orale — Tâche 1',
- EO_T2_LIVE: 'Expression Orale — Tâche 2 Live',
- EO_T3: 'Expression Orale — Tâche 3',
-}
-
-/** Libellé long d'une tâche, à afficher dans l'UI. */
-export function formatTache(tache: Tache): string {
- return TACHE_LABELS[tache]
-}
-
-/** Vrai si la tâche est une tâche d'Expression Écrite. */
-export function isEcrit(tache: Tache): boolean {
- return tache.startsWith('EE_')
-}
-
-/** Vrai si la tâche est une tâche d'Expression Orale (T1 ou T3 — hors T2 Live). */
-export function isOral(tache: Tache): boolean {
- return tache.startsWith('EO_')
-}
diff --git a/src/entities/production/types.ts b/src/entities/production/types.ts
deleted file mode 100644
index 0cc4806..0000000
--- a/src/entities/production/types.ts
+++ /dev/null
@@ -1,166 +0,0 @@
-/**
- * Types publics du domaine `production`.
- *
- * Une `Production` correspond à une simulation créée via `POST /simulations`.
- * Le backend renvoie directement l'objet métier (pas d'enveloppe — cf. ARCHITECTURE.md §5).
- *
- * EO_T2 (T2 Live) est exclu de ce domaine : il passe par WebSocket et est géré
- * dans `features/t2-live` (Sprint 6).
- *
- * SEC-05 : les payloads de correction contiennent du texte utilisateur brut.
- * Ne jamais les injecter comme HTML — passer par react-markdown dans les composants.
- */
-
-/**
- * Identifiants des tâches disponibles en mode simulation.
- * `EO_T2_LIVE` désigne la T2 EO en dialogue live (Sprint 6).
- */
-export type Tache = 'EE_T1' | 'EE_T2' | 'EE_T3' | 'EO_T1' | 'EO_T2_LIVE' | 'EO_T3'
-
-/** Mode de la simulation — examen uniquement accessible au plan Premium. */
-export type Mode = 'entrainement' | 'examen'
-
-/**
- * Sujet d'examen (consigne + documents) associé à une production.
- *
- * Retourné par `POST /simulations` depuis la table `sujets` (filtrage actif + tâche).
- * `null` lorsque la table ne contient aucun sujet actif pour la tâche, ou pour `EO_T2_LIVE`
- * (interaction live sans sujet pré-défini). Voir TECH_DEBT FTD-21 pour la persistance
- * via `GET /simulations/:id` (pas encore branchée).
- */
-export interface SujetData {
- id: string
- consigne: string
- role: string | null
- contexte: string | null
- doc1_titre: string | null
- doc1_texte: string | null
- doc2_titre: string | null
- doc2_texte: string | null
-}
-
-/**
- * Réponse du backend pour `POST /simulations` (HTTP 201).
- * Format confirmé par l'audit backend 2026-04-17 (cf. ARCHITECTURE.md §5).
- *
- * FTD-21 : `contenu` et `sujet_id` sont persistés côté backend pour permettre
- * la restauration de session. Ils ne sont pas retournés par `POST /simulations`
- * mais peuvent être hydratés via `getSimulationState(id)` pour le resume.
- */
-export interface Production {
- id: string
- tache: Tache
- mode: Mode
- created_at: string
- sujet: SujetData | null
- contenu?: string
- sujet_id?: string
-}
-
-/** Corps de la requête `POST /simulations`. */
-export interface CreateSimulationPayload {
- tache: Tache
- mode: Mode
-}
-
-/**
- * Réponse du backend pour `GET /simulations/:id` (FTD-21).
- *
- * Contrairement au `Report` pur, cette réponse porte :
- * - le contenu textuel en cours (pour restaurer la textarea)
- * - le sujet joint (pour restaurer `SujetDisplay`)
- * - le rapport si disponible (sinon `null` → simulation en cours)
- *
- * Si `rapport === null`, le frontend restaure la session `/simulation/ee`.
- * Sinon, il redirige vers `/rapport/:id`.
- */
-export interface SimulationState {
- simulation_id: string
- tache: Tache
- mode: Mode
- created_at: string
- contenu: string | null
- sujet: SujetData | null
- rapport: SimulationRapport | null
- // Sprint 3.6a — nouveaux champs backend (null/pending si rapport non encore corrigé)
- nclc_cible: 9 | 10 | null
- exercices: SimulationExercice[] | null
- exercices_status: SimulationJobStatus
- modele: SimulationProductionModele | null
- modele_status: SimulationJobStatus
-}
-
-export type SimulationJobStatus = 'pending' | 'ready' | 'error'
-
-/**
- * Sprint 3.7 — Item léger pour la liste /historique.
- * Miroir de `ListItem` côté backend (GET /simulations — pagination).
- * Les champs lourds (contenu, rapport, exercices, modele) sont **exclus**.
- */
-export interface SimulationListItem {
- id: string
- tache: Tache
- mode: Mode
- score: number | null
- nclc: number | null
- nclc_cible: 9 | 10 | null
- created_at: string
-}
-
-export interface SimulationsListResponse {
- data: SimulationListItem[]
- pagination: {
- page: number
- limit: number
- total: number
- }
-}
-
-/**
- * Rapport tel que stocké par le backend (sans `simulation_id`, `exercices`, `modele`
- * qui sont portés par SimulationState). Miroir de `CorrectionRapport` côté backend
- * (Sprint 3.6a). Ré-exposé ici pour éviter l'import circulaire avec
- * `entities/report/types.ts`.
- */
-export interface SimulationRapport {
- score: number
- nclc: number
- nclc_cible: 9 | 10
- revelation: { croyance: string; realite: string; consequence: string }
- diagnostic: string
- criteres: {
- nom: string
- score: number
- commentaire: string
- exemple: string
- suggestion: string
- astuce: string
- }[]
- conseil_nclc: { nclc_cible: string; ecart: string; action_prioritaire: string }
- erreurs_codes: { code: string; critere: string; description: string | null }[]
-}
-
-export interface SimulationExercice {
- difficulte: 'facile' | 'intermediaire' | 'difficile'
- theme: string
- diagnostic: string
- consigne: string
- extrait: string
- indice: string
- correction: string
- explication: string
-}
-
-export interface SimulationProductionModele {
- production_modele_propre: string
- notes_pedagogiques: { passage: string; explication: string }[]
- transformations: { original: string; ameliore: string; explication: string }[]
- message: string
- nclc_modele?: number
- nclc_obtenu?: number
- score_cible?: number
- tcf_word_count?: number
- tcf_word_min?: number
- tcf_word_max?: number
- tcf_truncated?: boolean
-}
diff --git a/src/entities/report/__tests__/floutage.test.ts b/src/entities/report/__tests__/floutage.test.ts
deleted file mode 100644
index 7f39030..0000000
--- a/src/entities/report/__tests__/floutage.test.ts
+++ /dev/null
@@ -1,107 +0,0 @@
-/**
- * Tests — matrice de floutage Sprint 3.6b.
- *
- * Nouvelle matrice :
- * - Floutables : criteres (detailed_report), exercices + modele (tips)
- * - Toujours visibles : score, nclc, revelation, diagnostic, conseil_nclc
- *
- * Source de vérité : PLANS_TARIFAIRES.md §2.
- */
-
-import { describe, it, expect } from 'vitest'
-import { isSectionVisible, groupErreursByCritere, ecartVsCible, critereCodeFromNom } from '../lib'
-import type { ErreurCode } from '../types'
-
-describe('isSectionVisible — plan free', () => {
- it('criteres : non visible (detailed_report = false)', () => {
- expect(isSectionVisible('free', 'criteres')).toBe(false)
- })
-
- it('exercices : non visible (tips = false)', () => {
- expect(isSectionVisible('free', 'exercices')).toBe(false)
- })
-
- it('modele : non visible (tips = false)', () => {
- expect(isSectionVisible('free', 'modele')).toBe(false)
- })
-})
-
-describe('isSectionVisible — plan standard', () => {
- it('criteres : visible (detailed_report = true)', () => {
- expect(isSectionVisible('standard', 'criteres')).toBe(true)
- })
-
- it('exercices : visible (tips = true)', () => {
- expect(isSectionVisible('standard', 'exercices')).toBe(true)
- })
-
- it('modele : visible (tips = true)', () => {
- expect(isSectionVisible('standard', 'modele')).toBe(true)
- })
-})
-
-describe('isSectionVisible — plan premium', () => {
- it('criteres : visible', () => {
- expect(isSectionVisible('premium', 'criteres')).toBe(true)
- })
-
- it('exercices : visible', () => {
- expect(isSectionVisible('premium', 'exercices')).toBe(true)
- })
-
- it('modele : visible', () => {
- expect(isSectionVisible('premium', 'modele')).toBe(true)
- })
-})
-
-describe('groupErreursByCritere', () => {
- it('regroupe les erreurs par code critère', () => {
- const erreurs: ErreurCode[] = [
- { code: 'accord_sujet_verbe', critere: 'competence_grammaticale', description: null },
- { code: 'connecteurs_repetes', critere: 'coherence_cohesion', description: null },
- { code: 'virgule_exces', critere: 'competence_grammaticale', description: null },
- ]
- const grouped = groupErreursByCritere(erreurs)
- expect(grouped.competence_grammaticale).toHaveLength(2)
- expect(grouped.coherence_cohesion).toHaveLength(1)
- expect(grouped.competence_lexicale).toHaveLength(0)
- expect(grouped.adequation_tache).toHaveLength(0)
- })
-
- it('retourne les 4 critères même sur liste vide', () => {
- const grouped = groupErreursByCritere([])
- expect(Object.keys(grouped)).toHaveLength(4)
- expect(grouped.competence_grammaticale).toEqual([])
- })
-})
-
-describe('ecartVsCible', () => {
- it('NCLC 9 atteint (score = 14)', () => {
- expect(ecartVsCible(14, 9)).toEqual({ points: 0, atteint: true })
- })
-
- it('NCLC 9 non atteint (score = 12)', () => {
- expect(ecartVsCible(12, 9)).toEqual({ points: 2, atteint: false })
- })
-
- it('NCLC 10 atteint (score = 18)', () => {
- expect(ecartVsCible(18, 10)).toEqual({ points: 0, atteint: true })
- })
-
- it('score supérieur à cible : atteint + points=0', () => {
- expect(ecartVsCible(20, 9)).toEqual({ points: 0, atteint: true })
- })
-})
-
-describe('critereCodeFromNom', () => {
- it('mappe les 4 libellés officiels', () => {
- expect(critereCodeFromNom('Adéquation à la tâche et au registre')).toBe('adequation_tache')
- expect(critereCodeFromNom('Cohérence et cohésion du discours')).toBe('coherence_cohesion')
- expect(critereCodeFromNom('Compétence lexicale')).toBe('competence_lexicale')
- expect(critereCodeFromNom('Compétence grammaticale')).toBe('competence_grammaticale')
- })
-
- it('retourne null sur un libellé inconnu', () => {
- expect(critereCodeFromNom('Autre chose')).toBeNull()
- })
-})
diff --git a/src/entities/report/__tests__/getMaxScorePerCritere.test.ts b/src/entities/report/__tests__/getMaxScorePerCritere.test.ts
deleted file mode 100644
index 91482b6..0000000
--- a/src/entities/report/__tests__/getMaxScorePerCritere.test.ts
+++ /dev/null
@@ -1,63 +0,0 @@
-import { describe, it, expect } from 'vitest'
-import { getMaxScorePerCritere, critereCodeFromNom } from '../lib'
-import type { Critere } from '../types'
-
-function critere(nom: string, score: number): Critere {
- return { nom, score, commentaire: '', exemple: '', suggestion: '', astuce: '' }
-}
-
-describe('getMaxScorePerCritere — Sprint 4.8', () => {
- it('5 critères (EO Sprint 4.8) → maxScore = 4', () => {
- const rapport = {
- criteres: [
- critere('Adéquation à la tâche', 3),
- critere('Cohérence et cohésion', 3),
- critere('Étendue et maîtrise du lexique', 2),
- critere('Maîtrise morphosyntaxique', 3),
- critere('Phonologie', 3),
- ],
- }
- expect(getMaxScorePerCritere(rapport)).toBe(4)
- })
-
- it('4 critères (EE / EO legacy) → maxScore = 5', () => {
- const rapport = {
- criteres: [
- critere('Adéquation à la tâche et au registre', 4),
- critere('Cohérence et cohésion du discours', 3),
- critere('Compétence lexicale', 3),
- critere('Compétence grammaticale', 4),
- ],
- }
- expect(getMaxScorePerCritere(rapport)).toBe(5)
- })
-
- it('0 critère (cas limite) → maxScore = 5 (défaut sécurité)', () => {
- expect(getMaxScorePerCritere({ criteres: [] })).toBe(5)
- })
-
- it('6+ critères (cas hypothétique) → maxScore = 5 (défaut sécurité)', () => {
- const rapport = {
- criteres: Array.from({ length: 6 }, (_, i) => critere(`c${i}`, 0)),
- }
- expect(getMaxScorePerCritere(rapport)).toBe(5)
- })
-})
-
-describe('critereCodeFromNom — extension Sprint 4.8 EO', () => {
- it('mappe les libellés EO Sprint 4.8 vers les codes taxonomie', () => {
- expect(critereCodeFromNom('Adéquation à la tâche')).toBe('adequation_tache')
- expect(critereCodeFromNom('Cohérence et cohésion')).toBe('coherence_cohesion')
- expect(critereCodeFromNom('Étendue et maîtrise du lexique')).toBe('competence_lexicale')
- expect(critereCodeFromNom('Maîtrise morphosyntaxique')).toBe('competence_grammaticale')
- })
-
- it("Phonologie n'a pas de code taxonomie → null", () => {
- expect(critereCodeFromNom('Phonologie')).toBeNull()
- })
-
- it('libellés EE legacy toujours mappés (rétrocompat)', () => {
- expect(critereCodeFromNom('Adéquation à la tâche et au registre')).toBe('adequation_tache')
- expect(critereCodeFromNom('Compétence lexicale')).toBe('competence_lexicale')
- })
-})
diff --git a/src/entities/report/api.ts b/src/entities/report/api.ts
deleted file mode 100644
index 36f8bca..0000000
--- a/src/entities/report/api.ts
+++ /dev/null
@@ -1,97 +0,0 @@
-/**
- * Appels API du domaine `report`.
- *
- * Toutes les requêtes passent par `apiFetch` (Règle J / Règle F).
- * Timeout 30 s : DeepSeek (EE) et Gemini (EO) peuvent mettre jusqu'à 20-25 s.
- * Retry désactivé : POST non-idempotent — une double soumission créerait
- * deux corrections facturées sur le quota Free.
- *
- * Erreurs notables : SIMULATION_NOT_FOUND (404), AUTH_REQUIRED (401),
- * QUOTA_REACHED (403 — côté simulation, pas correction).
- */
-
-import { apiFetch } from '@/shared/lib/api-client'
-import { getSimulationState } from '@/entities/production/api'
-import type { CorrectEePayload, CorrectEoPayload, Report } from './types'
-
-/**
- * Récupère un rapport existant. Endpoint : `GET /simulations/:id`.
- *
- * FTD-21 : depuis l'assouplissement de `getById` côté backend (tolère `rapport=null`
- * pour permettre le resume), on unwrap le champ `rapport` du `SimulationState`.
- * Si la simulation est encore en cours (`rapport === null`), on lève une erreur
- * typée `REPORT_NOT_READY` que RapportPage catche pour rediriger vers /simulation/ee.
- */
-export function getReport(id: string): Promise {
- return getSimulationState(id).then((state) => {
- if (state.rapport === null) {
- throw {
- error: true,
- code: 'REPORT_NOT_READY',
- message: 'Simulation en cours — rédaction pas encore corrigée.',
- }
- }
- // Sprint 3.6b : reconstruit un Report en combinant rapport (correction) +
- // exercices / modele (jobs fire-and-forget, portés par SimulationState).
- return {
- ...state.rapport,
- simulation_id: state.simulation_id,
- tache: state.tache,
- erreurs_codes: state.rapport.erreurs_codes as Report['erreurs_codes'],
- exercices: state.exercices as Report['exercices'],
- exercices_status: state.exercices_status,
- modele: state.modele as Report['modele'],
- modele_status: state.modele_status,
- }
- })
-}
-
-// Sprint 3.6a — le nouveau prompt maître (taxonomie + revelation + diagnostic +
-// criteres×6 champs + conseil_nclc + erreurs_codes) produit un JSON long ;
-// DeepSeek met typiquement 25-45 s pour répondre. Backend abort à 55 s.
-const CORRECTION_EE_TIMEOUT_MS = 60_000
-
-// Sprint 4b.3 — EO en mode audio enchaîne Gemini transcribe (jusqu'à 60 s,
-// 30 s + 1 retry de 30 s) puis DeepSeek correction (55 s côté backend).
-// Pire cas serveur ≈ 115 s : on alloue 120 s côté client pour ne pas couper
-// avant que la mutation aboutisse (le rapport apparaissait sinon dans
-// l'historique sans navigation vers /rapport/:id).
-const CORRECTION_EO_TIMEOUT_MS = 120_000
-
-/** Soumet une production écrite pour correction. Endpoint : `POST /corrections/ee`.
- * Payload : { simulationId, contenu, tache }
- */
-export function correctEe(payload: CorrectEePayload): Promise {
- return apiFetch('/corrections/ee', {
- method: 'POST',
- body: payload,
- timeoutMs: CORRECTION_EE_TIMEOUT_MS,
- })
-}
-
-/**
- * Soumet une production orale pour correction. Endpoint : `POST /corrections/eo`.
- * Payload : { simulationId, transcript, tache } — transcript implémenté Sprint 4.
- */
-export function correctEo(payload: CorrectEoPayload): Promise {
- return apiFetch('/corrections/eo', {
- method: 'POST',
- body: payload,
- timeoutMs: CORRECTION_EO_TIMEOUT_MS,
- })
-}
-
-const IDEES_TIMEOUT_MS = 15_000
-
-/**
- * Récupère 5 suggestions d'idées DeepSeek pour prolonger la rédaction en cours.
- * Endpoint : `POST /sujets/idees`. Tâche G5.
- * Contraintes backend : sujet_consigne non vide + contenu_partiel ≥ 30 mots.
- */
-export function getIdees(consigne: string, contenu: string): Promise {
- return apiFetch<{ idees: string[] }>('/sujets/idees', {
- method: 'POST',
- body: { sujet_consigne: consigne, contenu_partiel: contenu },
- timeoutMs: IDEES_TIMEOUT_MS,
- }).then((res) => res.idees)
-}
diff --git a/src/entities/report/lib.ts b/src/entities/report/lib.ts
deleted file mode 100644
index b629e7a..0000000
--- a/src/entities/report/lib.ts
+++ /dev/null
@@ -1,128 +0,0 @@
-/**
- * Logique de floutage du domaine `report`.
- *
- * Import cross-entity volontaire et documenté :
- * entities/report → entities/user/lib (hasAccess, Plan)
- * Justification : la logique de floutage dépend intrinsèquement des permissions
- * utilisateur. Exception validée — cf. ARCHITECTURE.md §3.
- *
- * Règle D : aucun `if (plan === 'xxx')` — tout passe par hasAccess().
- * Règle H : cette logique vit ici, jamais dans les composants features/.
- *
- * Sprint 3.6b : nouvelle matrice — `revelation`, `diagnostic`, `conseil_nclc`
- * sont visibles tous plans (pas listés ici). Seuls `criteres`, `exercices`,
- * `modele` sont floutés selon le plan (cf. types.ts BlurableSection).
- */
-
-import { hasAccess } from '@/entities/user/lib'
-import type { Plan } from '@/entities/user/lib'
-import type { BlurableSection, Critere, ErreurCode, CritereCode, Report } from './types'
-
-const SECTION_FEATURE: Record = {
- criteres: 'detailed_report',
- exercices: 'tips',
- modele: 'tips',
-}
-
-/**
- * Indique si une section du rapport est visible pour un plan donné.
- *
- * @example
- * isSectionVisible('free', 'criteres') // false
- * isSectionVisible('standard', 'modele') // true
- */
-export function isSectionVisible(plan: Plan, section: BlurableSection): boolean {
- return hasAccess(plan, SECTION_FEATURE[section])
-}
-
-/**
- * Regroupe les codes d'erreurs par critère pour affichage dans les cartes critère.
- *
- * Le backend retourne `erreurs_codes` en top-level ; l'UI les affiche
- * contextualisés dans chaque carte critère correspondante.
- */
-export function groupErreursByCritere(
- erreursCodes: ErreurCode[],
-): Record {
- const acc: Record = {
- adequation_tache: [],
- coherence_cohesion: [],
- competence_lexicale: [],
- competence_grammaticale: [],
- }
- for (const err of erreursCodes) {
- acc[err.critere].push(err)
- }
- return acc
-}
-
-/**
- * Mappe le nom d'un critère (libellé humain backend) vers son code taxonomie,
- * pour rattacher `erreurs_codes` à la bonne carte critère côté UI.
- */
-const CRITERE_NOM_TO_CODE: Record = {
- // Libellés EE (CRITERE_LABELS backend)
- 'Adéquation à la tâche et au registre': 'adequation_tache',
- 'Cohérence et cohésion du discours': 'coherence_cohesion',
- 'Compétence lexicale': 'competence_lexicale',
- 'Compétence grammaticale': 'competence_grammaticale',
- // Libellés EO Sprint 4.8 (CRITERE_LABELS_EO backend) — mappés vers les
- // mêmes codes taxonomie pour rattacher les `erreurs_codes`. La 5e dimension
- // « Phonologie » n'a pas de CritereCode (aucune erreur taxonomie associée
- // côté backend) : `critereCodeFromNom('Phonologie')` retourne donc `null`.
- 'Adéquation à la tâche': 'adequation_tache',
- 'Cohérence et cohésion': 'coherence_cohesion',
- 'Étendue et maîtrise du lexique': 'competence_lexicale',
- 'Maîtrise morphosyntaxique': 'competence_grammaticale',
-}
-
-export function critereCodeFromNom(nom: string): CritereCode | null {
- return CRITERE_NOM_TO_CODE[nom] ?? null
-}
-
-/**
- * Sprint 4.8 — Détecte le score maximum par critère selon le format du rapport.
- *
- * - Rapports EO Sprint 4.8 : 5 critères × /4 (4 textuels DeepSeek + Phonologie Gemini).
- * - Rapports EE et EO legacy : 4 critères × /5.
- *
- * Détection sur la donnée elle-même (pas sur la tâche) pour rester rétrocompatible
- * avec les rapports EO en base d'avant Sprint 4.8.
- *
- * Défaut sécurité : tout autre nombre de critères → 5.
- */
-export function getMaxScorePerCritere(rapport: Pick): 4 | 5 {
- return rapport.criteres.length === 5 ? 4 : 5
-}
-
-/**
- * Calcule l'écart en points /20 entre le score obtenu et l'objectif NCLC cible.
- * Barème TCF Canada (cf. Prompt_maître.md §Barème) : NCLC 9 → 14/20, NCLC 10 → 16/20.
- */
-const NCLC_MIN_SCORE: Record = { 7: 10, 8: 12, 9: 14, 10: 16 }
-
-export function ecartVsCible(
- score: number,
- nclcCible: number,
-): {
- points: number
- atteint: boolean
-} {
- const minScore = NCLC_MIN_SCORE[nclcCible] ?? NCLC_MIN_SCORE[9]!
- const points = Math.max(0, minScore - score)
- return { points, atteint: score >= minScore }
-}
-
-export type { Critere }
-
-/**
- * Libellés officiels des 4 critères TCF Canada — miroir de backend
- * `src/lib/taxonomieErreurs.ts` CRITERE_LABELS. Utilisé par les listes de
- * patterns et tout affichage nécessitant le libellé humain à partir du code.
- */
-export const CRITERE_LABELS: Record = {
- adequation_tache: 'Adéquation à la tâche et au registre',
- coherence_cohesion: 'Cohérence et cohésion du discours',
- competence_lexicale: 'Compétence lexicale',
- competence_grammaticale: 'Compétence grammaticale',
-}
diff --git a/src/entities/report/types.ts b/src/entities/report/types.ts
deleted file mode 100644
index 1b61fff..0000000
--- a/src/entities/report/types.ts
+++ /dev/null
@@ -1,167 +0,0 @@
-/**
- * Types publics du domaine `report` — Sprint 3.6b.
- *
- * Structure alignée sur le backend Sprint 3.6a (prompt maître + production
- * modèle + exercices fire-and-forget). Aucune enveloppe : le payload est
- * retourné directement (cf. ARCHITECTURE.md §5).
- *
- * Visibilité par section selon le plan (cf. PLANS_TARIFAIRES.md §2) :
- * - score, nclc, nclc_cible, revelation, diagnostic, conseil_nclc → tous plans
- * - criteres (exemple/suggestion/astuce) → detailed_report (Standard+)
- * - exercices, modele → tips (Standard+)
- *
- * SEC-05 : textes IA rendus via react-markdown, jamais dangerouslySetInnerHTML.
- */
-
-import type { Tache } from '@/entities/production/types'
-
-/** Codes taxonomie d'erreurs — valeurs exhaustives dans `TAXONOMIE_ERREURS.md` v1.0. */
-export type CritereCode =
- | 'adequation_tache'
- | 'coherence_cohesion'
- | 'competence_lexicale'
- | 'competence_grammaticale'
-
-export interface ErreurCode {
- code: string
- critere: CritereCode
- description: string | null
-}
-
-export interface Critere {
- nom: string
- score: number // 0-4 (EO Sprint 4.8 — 5 critères) | 0-5 (EE, EO legacy 4 critères)
- commentaire: string
- exemple: string
- suggestion: string
- astuce: string
-}
-
-export interface Revelation {
- croyance: string
- realite: string
- consequence: string
-}
-
-export interface ConseilNclc {
- nclc_cible: string // ex. "NCLC 9"
- ecart: string
- action_prioritaire: string
-}
-
-export type Difficulte = 'facile' | 'intermediaire' | 'difficile'
-
-/** Libellés affichés pour chaque niveau de difficulté. */
-export const DIFFICULTE_LABEL: Record = {
- facile: 'Facile',
- intermediaire: 'Moyen',
- difficile: 'Difficile',
-}
-
-export interface Exercice {
- difficulte: Difficulte
- theme: string
- diagnostic: string
- consigne: string
- extrait: string
- indice: string
- correction: string
- explication: string
-}
-
-export interface NotePedagogique {
- passage: string
- explication: string
-}
-
-export interface Transformation {
- original: string
- ameliore: string
- explication: string
-}
-
-export interface ProductionModele {
- production_modele_propre: string
- notes_pedagogiques: NotePedagogique[]
- transformations: Transformation[]
- message: string
- // Métadonnées backend — non affichées côté UI mais exposées pour complétude.
- nclc_modele?: number
- nclc_obtenu?: number
- score_cible?: number
- tcf_word_count?: number
- tcf_word_min?: number
- tcf_word_max?: number
- tcf_truncated?: boolean
-}
-
-export type JobStatus = 'pending' | 'ready' | 'error'
-export type NclcCible = 9 | 10
-
-/**
- * Rapport de correction renvoyé par `GET /simulations/:id` (et ressources dérivées).
- */
-export interface Report {
- simulation_id: string
- /**
- * Tâche d'origine (propagée depuis `SimulationState`). Permet de router le
- * retour « Nouvelle simulation » vers la bonne sélection (EO vs EE) sans
- * plomberie de query param. Optionnel : absent des payloads `POST /corrections/*`.
- */
- tache?: Tache
- score: number // /20
- nclc: number // NCLC atteint — ex. 8
- nclc_cible: NclcCible
- revelation: Revelation
- diagnostic: string
- criteres: Critere[]
- conseil_nclc: ConseilNclc
- erreurs_codes: ErreurCode[] // top-level — regroupés par critère côté UI
- exercices: Exercice[] | null
- exercices_status: JobStatus
- modele: ProductionModele | null
- modele_status: JobStatus
-}
-
-/** Corps de `POST /corrections/ee`. */
-export interface CorrectEePayload {
- simulationId: string
- contenu: string
- tache: string
- nclc_cible?: NclcCible // défaut backend : 9
-}
-
-/**
- * Corps de `POST /corrections/eo`.
- * transcript : transcription audio envoyée au backend (implémenté Sprint 4).
- */
-/**
- * Corps de `POST /corrections/eo`.
- *
- * Modes (XOR — exactement un des deux) :
- * - `transcript` (Sprint 4) : transcription texte fournie directement par le client.
- * - `audioBase64` + `mimeType` (Sprint 4b.2) : audio brut, le backend transcrit
- * via Gemini batch puis poursuit le pipeline correction.
- */
-export interface CorrectEoPayload {
- simulationId: string
- tache: string
- /** Sprint 4a backend — cible NCLC (9 par défaut, 10 pour viser plus haut). */
- nclc_cible?: 9 | 10
- transcript?: string
- audioBase64?: string
- /** MIME du payload audio (audio/webm | audio/mp4 | audio/wav). */
- mimeType?: string
-}
-
-/**
- * Sections du rapport dont la visibilité dépend du plan (Sprint 3.6b).
- *
- * - `criteres` → gate `detailed_report` : floute les champs exemple/suggestion/astuce
- * + codes d'erreurs pour les utilisateurs Free.
- * - `exercices` / `modele` → gate `tips`.
- *
- * `revelation`, `diagnostic`, `conseil_nclc`, `score`, `nclc` ne sont **pas**
- * des `BlurableSection` : elles sont visibles pour tous les plans (cf. PLANS_TARIFAIRES.md §2).
- */
-export type BlurableSection = 'criteres' | 'exercices' | 'modele'
diff --git a/src/entities/transcription/__tests__/api.test.ts b/src/entities/transcription/__tests__/api.test.ts
deleted file mode 100644
index cd407cb..0000000
--- a/src/entities/transcription/__tests__/api.test.ts
+++ /dev/null
@@ -1,49 +0,0 @@
-/**
- * Tests du domaine `transcription` — Sprint 4c-1.
- *
- * Valide :
- * - succès : retourne le token et expires_in
- * - erreur : ApiError propagée par apiFetch
- */
-
-import { describe, expect, it, vi, beforeEach } from 'vitest'
-
-vi.mock('@/shared/lib/api-client', () => ({
- apiFetch: vi.fn(),
-}))
-
-import { apiFetch } from '@/shared/lib/api-client'
-import { requestDeepgramToken } from '../api'
-
-const mocked = vi.mocked(apiFetch)
-
-describe('requestDeepgramToken', () => {
- beforeEach(() => {
- mocked.mockReset()
- })
-
- it('retourne le token et expires_in en cas de succès', async () => {
- mocked.mockResolvedValueOnce({ token: 'dg-temp-abc', expires_in: 600 })
-
- const result = await requestDeepgramToken()
-
- expect(result).toEqual({ token: 'dg-temp-abc', expires_in: 600 })
- expect(mocked).toHaveBeenCalledWith('/transcriptions/token', {
- method: 'POST',
- timeoutMs: 10_000,
- retry: { max: 0, baseDelayMs: 0 },
- })
- })
-
- it('propage les ApiError du backend', async () => {
- mocked.mockRejectedValueOnce({
- error: true,
- code: 'AUTH_REQUIRED',
- message: 'Auth required',
- })
-
- await expect(requestDeepgramToken()).rejects.toMatchObject({
- code: 'AUTH_REQUIRED',
- })
- })
-})
diff --git a/src/entities/transcription/api.ts b/src/entities/transcription/api.ts
deleted file mode 100644
index cbc7c94..0000000
--- a/src/entities/transcription/api.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-/**
- * Appels API du domaine `transcription`.
- *
- * `POST /transcriptions/token` : timeout 10 s, retry désactivé.
- * Le retry est désactivé volontairement : un POST non-idempotent qui
- * consomme un crédit Deepgram à chaque appel ne doit pas être rejoué
- * silencieusement en cas d'erreur réseau transitoire.
- */
-
-import { apiFetch } from '@/shared/lib/api-client'
-import type { TranscriptionToken } from './types'
-
-const TOKEN_TIMEOUT_MS = 10_000
-
-export function requestDeepgramToken(): Promise {
- return apiFetch('/transcriptions/token', {
- method: 'POST',
- timeoutMs: TOKEN_TIMEOUT_MS,
- retry: { max: 0, baseDelayMs: 0 },
- })
-}
diff --git a/src/entities/transcription/types.ts b/src/entities/transcription/types.ts
deleted file mode 100644
index 6807dd3..0000000
--- a/src/entities/transcription/types.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-/**
- * Types publics du domaine `transcription`.
- *
- * Le frontend obtient un token Deepgram éphémère via le backend
- * (`POST /transcriptions/token`) puis ouvre une connexion WebSocket
- * directe vers Deepgram pour la transcription live. La clé maître
- * Deepgram reste côté backend (cf. SECURITY.md).
- */
-
-export interface TranscriptionToken {
- /** JWT éphémère Deepgram (durée de vie ~10 min). */
- token: string
- /** Durée de validité du token, en secondes. */
- expires_in: number
-}
diff --git a/src/entities/user/api.ts b/src/entities/user/api.ts
deleted file mode 100644
index 3866873..0000000
--- a/src/entities/user/api.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-/**
- * Appels API du domaine `user`.
- *
- * Toutes les requêtes passent par `apiFetch` (Règle J) qui gère auth, retry,
- * timeout et erreurs typées. Les consommateurs consomment ces fonctions via
- * TanStack Query (cf. `features/dashboard/hooks/usePlan`).
- */
-
-import { apiFetch } from '@/shared/lib/api-client'
-import type { PlanStatus } from './types'
-
-/**
- * Récupère le statut courant du plan de l'utilisateur connecté.
- *
- * Endpoint : `GET /plans/status`
- * Auth : JWT Bearer requis (ajouté automatiquement par `apiFetch`).
- *
- * @throws ApiError — notamment `AUTH_REQUIRED` si le JWT est absent/expiré.
- */
-export function getPlanStatus(): Promise {
- return apiFetch('/plans/status')
-}
diff --git a/src/entities/user/query-keys.ts b/src/entities/user/query-keys.ts
deleted file mode 100644
index 9267797..0000000
--- a/src/entities/user/query-keys.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-/**
- * Clés TanStack Query partagées pour le domaine `user`.
- *
- * Source unique — importée par `features/dashboard/hooks/usePlan`,
- * `features/simulations/pages/SimulationPage`, `features/simulations/pages/RapportPage`,
- * et tout futur consommateur du statut de plan. Une clé locale inline briserait
- * silencieusement le cache partagé de TanStack Query à la moindre faute de frappe.
- *
- * Ce module ne contient que des constantes pures — aucun import React, TanStack
- * ou autre dépendance runtime.
- */
-
-export const PLAN_QUERY_KEY = ['plan'] as const
diff --git a/src/entities/user/types.ts b/src/entities/user/types.ts
deleted file mode 100644
index e86ae34..0000000
--- a/src/entities/user/types.ts
+++ /dev/null
@@ -1,32 +0,0 @@
-/**
- * Types publics du domaine `user`.
- *
- * Porte d'entrée unique pour les consommateurs frontend : toute UI ou hook
- * qui manipule un plan ou une permission importe depuis ce fichier (ou `./lib`
- * pour les fonctions), jamais directement depuis `./access` (cf. ADR 005).
- */
-
-import type { Feature, Plan } from './access'
-
-/**
- * Réponse du backend pour `GET /plans/status`.
- *
- * Format confirmé par l'audit backend 2026-04-17 (cf. ARCHITECTURE.md §5).
- *
- * - `permissions` : dictionnaire booléen par feature. Les consommateurs
- * doivent passer par `hasAccess(plan, feature)` plutôt que lire ce champ
- * directement (Règle D / ADR 005). Il est exposé ici uniquement parce que
- * le backend le renvoie et qu'il peut servir à du debug côté DevTools.
- * - `simulations_remaining` : `null` si le plan est illimité (standard/premium),
- * sinon nombre de simulations restantes sur le quota à vie (Free : 5).
- * - `plan_expires_at` : ISO 8601 pour un plan payant actif, `null` pour Free.
- */
-export interface PlanStatus {
- plan: Plan
- permissions: Record
- simulations_used: number
- simulations_remaining: number | null
- plan_expires_at: string | null
-}
-
-export type { Feature, Plan }
diff --git a/src/features/account/pages/ParametresPage.tsx b/src/features/account/pages/ParametresPage.tsx
deleted file mode 100644
index 4499239..0000000
--- a/src/features/account/pages/ParametresPage.tsx
+++ /dev/null
@@ -1,67 +0,0 @@
-/**
- * Page Paramètres — Sprint 5d.
- *
- * Page minimale conteneur pour les sections de gestion du compte :
- * - Abonnement (`AccountBillingSection`) — Stripe.
- * - Session — bouton de déconnexion.
- * Future : préférences langue, sécurité (changement mot de passe),
- * suppression compte, etc.
- *
- * Wrapper layout standard 1100px (cohérent avec convention Sprint 4.7).
- */
-
-import { useNavigate } from 'react-router-dom'
-import { useQueryClient } from '@tanstack/react-query'
-import { LogOut } from 'lucide-react'
-import { Button } from '@/shared/ui/Button'
-import { Card } from '@/shared/ui/Card'
-import { signOut } from '@/shared/lib/auth-client'
-import { AccountBillingSection } from '@/features/billing/components/AccountBillingSection'
-
-export function ParametresPage() {
- const navigate = useNavigate()
- const queryClient = useQueryClient()
-
- async function handleSignOut() {
- await signOut()
- queryClient.clear()
- navigate('/login', { replace: true })
- }
-
- return (
-
-
-
-
-
-
-
-
-
-
-
-
- )
- }
-
- if (!isAuthenticated) {
- return (null)
- const [isLoading, setIsLoading] = useState(true)
-
- useEffect(() => {
- let cancelled = false
-
- getCurrentSession().then((session) => {
- if (cancelled) return
- setUser(session?.user ?? null)
- setIsLoading(false)
- })
-
- const unsubscribe = subscribeToAuthChanges((session) => {
- setUser(session?.user ?? null)
- setIsLoading(false)
- })
-
- return () => {
- cancelled = true
- unsubscribe()
- }
- }, [])
-
- return {
- user,
- isLoading,
- isAuthenticated: user !== null,
- }
-}
diff --git a/src/features/auth/pages/LoginPage.tsx b/src/features/auth/pages/LoginPage.tsx
deleted file mode 100644
index 5e474bf..0000000
--- a/src/features/auth/pages/LoginPage.tsx
+++ /dev/null
@@ -1,135 +0,0 @@
-/**
- * Page de connexion.
- *
- * Formulaire email + mot de passe, appel de `signIn` (Supabase via auth-client).
- * Si la session devient active (arrivée déjà connecté OU succès de signIn),
- * `useAuth` propage l'état et le useEffect redirige vers /dashboard. On évite
- * ainsi un double `navigate` concurrent depuis le handler de submit.
- */
-
-import { useEffect, useState, type FormEvent } from 'react'
-import { Link, useNavigate } from 'react-router-dom'
-import { Loader2 } from 'lucide-react'
-
-import { Button } from '@/shared/components/ui/button'
-import { Input } from '@/shared/components/ui/input'
-import { Label } from '@/shared/components/ui/label'
-import { signIn } from '@/shared/lib/auth-client'
-import { useAuth } from '../hooks/useAuth'
-
-function mapSignInError(message: string | undefined): string {
- if (!message) return 'Connexion impossible. Réessayez dans quelques instants.'
- if (message === 'Invalid login credentials') {
- return 'Email ou mot de passe incorrect.'
- }
- if (message.includes('Email not confirmed')) {
- return 'Email non confirmé. Vérifiez votre boîte mail.'
- }
- return 'Connexion impossible. Réessayez dans quelques instants.'
-}
-
-export function LoginPage() {
- const navigate = useNavigate()
- const { isAuthenticated, isLoading } = useAuth()
-
- const [email, setEmail] = useState('')
- const [password, setPassword] = useState('')
- const [isSubmitting, setIsSubmitting] = useState(false)
- const [error, setError] = useState(null)
-
- useEffect(() => {
- if (!isLoading && isAuthenticated) {
- navigate('/dashboard', { replace: true })
- }
- }, [isLoading, isAuthenticated, navigate])
-
- if (isLoading || isAuthenticated) {
- return (
-
-
- )
- }
-
- async function handleSubmit(e: FormEvent) {
- e.preventDefault()
- setError(null)
- setIsSubmitting(true)
- try {
- const { error: signInError } = await signIn(email, password)
- if (signInError) {
- setError(mapSignInError(signInError.message))
- }
- } finally {
- setIsSubmitting(false)
- }
- }
-
- return (
-
-
- Se connecter
- Accédez à votre espace Expria.
-
- {error && (
-
- {error}
-
- )}
-
-
-
-
- Pas encore de compte ?{' '}
-
-
-
- )
-}
-
-export default LoginPage
diff --git a/src/features/auth/pages/RegisterPage.tsx b/src/features/auth/pages/RegisterPage.tsx
deleted file mode 100644
index 99c0b34..0000000
--- a/src/features/auth/pages/RegisterPage.tsx
+++ /dev/null
@@ -1,201 +0,0 @@
-/**
- * Page d'inscription.
- *
- * Formulaire email + mot de passe + confirmation, validation Zod côté client,
- * appel de `signUp` (Supabase via auth-client). Supabase envoie un email de
- * confirmation par défaut : on n'a donc pas de session active après succès.
- * On affiche un message de confirmation invitant à vérifier la boîte mail,
- * puis à revenir sur /login.
- */
-
-import { useState, type FormEvent } from 'react'
-import { Link } from 'react-router-dom'
-import { Loader2 } from 'lucide-react'
-import { z } from 'zod'
-
-import { Button } from '@/shared/components/ui/button'
-import { Input } from '@/shared/components/ui/input'
-import { Label } from '@/shared/components/ui/label'
-import { signUp } from '@/shared/lib/auth-client'
-
-const registerSchema = z
- .object({
- email: z.string().email('Email invalide'),
- password: z.string().min(8, 'Le mot de passe doit contenir au moins 8 caractères'),
- confirmPassword: z.string(),
- })
- .refine((data) => data.password === data.confirmPassword, {
- path: ['confirmPassword'],
- message: 'Les mots de passe ne correspondent pas',
- })
-
-type FieldErrors = Partial>
-
-function mapSignUpError(message: string | undefined): string {
- if (!message) return 'Inscription impossible. Réessayez dans quelques instants.'
- if (message.toLowerCase().includes('already registered')) {
- return 'Un compte existe déjà avec cet email.'
- }
- if (/password/i.test(message)) {
- return 'Mot de passe refusé par le serveur. Choisissez un mot de passe plus robuste.'
- }
- return 'Inscription impossible. Réessayez dans quelques instants.'
-}
-
-export function RegisterPage() {
- const [email, setEmail] = useState('')
- const [password, setPassword] = useState('')
- const [confirmPassword, setConfirmPassword] = useState('')
- const [fieldErrors, setFieldErrors] = useState({})
- const [formError, setFormError] = useState(null)
- const [successMessage, setSuccessMessage] = useState(null)
- const [isSubmitting, setIsSubmitting] = useState(false)
-
- async function handleSubmit(e: FormEvent) {
- e.preventDefault()
- setFieldErrors({})
- setFormError(null)
-
- const parsed = registerSchema.safeParse({ email, password, confirmPassword })
- if (!parsed.success) {
- const flat = parsed.error.flatten().fieldErrors
- setFieldErrors({
- email: flat.email?.[0],
- password: flat.password?.[0],
- confirmPassword: flat.confirmPassword?.[0],
- })
- return
- }
-
- setIsSubmitting(true)
- try {
- const { error: signUpError } = await signUp(parsed.data.email, parsed.data.password)
- if (signUpError) {
- setFormError(mapSignUpError(signUpError.message))
- return
- }
- setSuccessMessage(
- 'Compte créé. Vérifiez votre email pour confirmer votre inscription, puis connectez-vous.',
- )
- } finally {
- setIsSubmitting(false)
- }
- }
-
- return (
-
-
- Créer un compte
- Commencez votre préparation TCF Canada.
-
- {successMessage ? (
- <>
-
- {successMessage}
-
-
-
-
- ) : (
- <>
- {formError && (
-
- {formError}
-
- )}
-
-
-
-
- Déjà un compte ?{' '}
-
-
- )}
-
-
- )
-}
-
-export default RegisterPage
diff --git a/src/features/billing/__tests__/AccountBillingSection.test.tsx b/src/features/billing/__tests__/AccountBillingSection.test.tsx
deleted file mode 100644
index c76b604..0000000
--- a/src/features/billing/__tests__/AccountBillingSection.test.tsx
+++ /dev/null
@@ -1,99 +0,0 @@
-import { describe, it, expect, vi, afterEach } from 'vitest'
-import { render, screen, cleanup } from '@testing-library/react'
-import userEvent from '@testing-library/user-event'
-import { MemoryRouter } from 'react-router-dom'
-import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
-
-// ─── Mocks ───────────────────────────────────────────────────────────────────
-
-const { usePlanMock, useCustomerPortalMock } = vi.hoisted(() => ({
- usePlanMock: vi.fn(),
- useCustomerPortalMock: vi.fn(),
-}))
-
-vi.mock('@/features/dashboard/hooks/usePlan', () => ({
- usePlan: usePlanMock,
-}))
-
-vi.mock('../hooks/useCustomerPortal', () => ({
- useCustomerPortal: useCustomerPortalMock,
-}))
-
-import { AccountBillingSection } from '../components/AccountBillingSection'
-
-afterEach(() => {
- cleanup()
- usePlanMock.mockReset()
- useCustomerPortalMock.mockReset()
-})
-
-function renderSection() {
- const queryClient = new QueryClient({
- defaultOptions: { queries: { retry: false }, mutations: { retry: false } },
- })
- return render(
-
-
-
- ,
- )
-}
-
-function mockPlan(plan: 'free' | 'standard' | 'premium') {
- usePlanMock.mockReturnValue({
- data: { plan, permissions: {}, simulations_used: 0, simulations_remaining: null },
- isLoading: false,
- })
-}
-
-function mockPortal(overrides: Partial> = {}) {
- const openPortal = vi.fn()
- useCustomerPortalMock.mockReturnValue({
- openPortal,
- isLoading: false,
- error: null,
- ...overrides,
- })
- return openPortal
-}
-
-// ─── Tests ───────────────────────────────────────────────────────────────────
-
-describe('AccountBillingSection — plan free', () => {
- it('affiche le badge Découverte + lien "Voir les plans" → /plan', () => {
- mockPlan('free')
- mockPortal()
- renderSection()
-
- expect(screen.getByText('Plan Découverte')).toBeInTheDocument()
- const link = screen.getByRole('link', { name: /voir les plans/i })
- expect(link).toHaveAttribute('href', '/plan')
- expect(screen.queryByRole('button', { name: /gérer mon abonnement/i })).not.toBeInTheDocument()
- })
-})
-
-describe('AccountBillingSection — plan standard', () => {
- it('clic sur "Gérer mon abonnement" appelle openPortal', async () => {
- const user = userEvent.setup()
- mockPlan('standard')
- const openPortal = mockPortal()
- renderSection()
-
- expect(screen.getByText('Plan Standard')).toBeInTheDocument()
- const btn = screen.getByRole('button', { name: /gérer mon abonnement/i })
- expect(btn).toBeEnabled()
-
- await user.click(btn)
- expect(openPortal).toHaveBeenCalledTimes(1)
- expect(screen.queryByRole('link', { name: /voir les plans/i })).not.toBeInTheDocument()
- })
-
- it("affiche un callout d'erreur quand le hook expose error", () => {
- mockPlan('premium')
- mockPortal({ error: 'Aucun abonnement actif trouvé.' })
- renderSection()
-
- expect(screen.getByRole('alert')).toHaveTextContent(/Aucun abonnement actif trouvé/i)
- })
-})
diff --git a/src/features/billing/__tests__/PricingPage.test.tsx b/src/features/billing/__tests__/PricingPage.test.tsx
deleted file mode 100644
index fa076fc..0000000
--- a/src/features/billing/__tests__/PricingPage.test.tsx
+++ /dev/null
@@ -1,154 +0,0 @@
-import { describe, it, expect, vi, afterEach } from 'vitest'
-import { render, screen, cleanup, waitFor } from '@testing-library/react'
-import userEvent from '@testing-library/user-event'
-import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
-import { MemoryRouter } from 'react-router-dom'
-
-// ─── Mocks ───────────────────────────────────────────────────────────────────
-
-const { usePlanMock, createCheckoutSessionMock, createCustomerPortalSessionMock } = vi.hoisted(
- () => ({
- usePlanMock: vi.fn(),
- createCheckoutSessionMock: vi.fn(),
- createCustomerPortalSessionMock: vi.fn(),
- }),
-)
-
-vi.mock('@/features/dashboard/hooks/usePlan', () => ({
- usePlan: usePlanMock,
-}))
-
-vi.mock('../api', () => ({
- createCheckoutSession: createCheckoutSessionMock,
- createCustomerPortalSession: createCustomerPortalSessionMock,
-}))
-
-import { PricingPage } from '../pages/PricingPage'
-
-afterEach(() => {
- cleanup()
- usePlanMock.mockReset()
- createCheckoutSessionMock.mockReset()
- createCustomerPortalSessionMock.mockReset()
-})
-
-function renderPage() {
- const queryClient = new QueryClient({
- defaultOptions: { queries: { retry: false }, mutations: { retry: false } },
- })
- return render(
-
-
-
- ,
- )
-}
-
-function mockPlan(plan: 'free' | 'standard' | 'premium') {
- usePlanMock.mockReturnValue({
- data: { plan, permissions: {}, simulations_used: 0, simulations_remaining: null },
- isLoading: false,
- isError: false,
- })
-}
-
-// ─── Tests ───────────────────────────────────────────────────────────────────
-
-describe('PricingPage — plan free', () => {
- it('CTA Standard et Premium actifs (plein tarif), Découverte = "Plan actuel" disabled', () => {
- mockPlan('free')
- renderPage()
-
- expect(
- screen.getByRole('button', { name: /Choisir Standard — 19,90 €\/4 sem\./ }),
- ).toBeEnabled()
- expect(screen.getByRole('button', { name: /Choisir Premium — 39,90 €\/4 sem\./ })).toBeEnabled()
-
- const planActuelButtons = screen.getAllByRole('button', { name: /Plan actuel/i })
- expect(planActuelButtons).toHaveLength(1)
- expect(planActuelButtons[0]).toBeDisabled()
- })
-})
-
-describe('PricingPage — plan standard', () => {
- it('Standard désactivé "Plan actuel" ; Premium actif "Passer en Premium" + hint prorata', () => {
- mockPlan('standard')
- renderPage()
-
- expect(screen.getByRole('button', { name: /Passer en Premium$/ })).toBeEnabled()
- expect(
- screen.queryByRole('button', { name: /Choisir Premium — 39,90 €/ }),
- ).not.toBeInTheDocument()
-
- expect(screen.getByText(/Stripe calculera automatiquement le prorata/i)).toBeInTheDocument()
-
- const planActuelButtons = screen.getAllByRole('button', { name: /Plan actuel/i })
- expect(planActuelButtons).toHaveLength(1)
- expect(planActuelButtons[0]).toBeDisabled()
- })
-})
-
-describe('PricingPage — plan premium', () => {
- it('tous les CTA payants désactivés', () => {
- mockPlan('premium')
- renderPage()
-
- const planActuelButtons = screen.getAllByRole('button', { name: /Plan actuel/i })
- expect(planActuelButtons).toHaveLength(1)
- expect(planActuelButtons[0]).toBeDisabled()
-
- expect(
- screen.queryByRole('button', { name: /Choisir Standard|Passer en Premium|Choisir Premium/ }),
- ).not.toBeInTheDocument()
-
- const inferieurButtons = screen.getAllByRole('button', { name: /Inférieur à votre plan/i })
- expect(inferieurButtons.length).toBeGreaterThanOrEqual(1)
- inferieurButtons.forEach((btn) => expect(btn).toBeDisabled())
- })
-})
-
-describe('PricingPage — interaction', () => {
- it('clic sur "Choisir Standard" appelle createCheckoutSession("standard")', async () => {
- const user = userEvent.setup()
- mockPlan('free')
- // Promesse non résolue : on veut juste vérifier l'appel, pas la redirection.
- createCheckoutSessionMock.mockReturnValue(new Promise(() => {}))
-
- renderPage()
- await user.click(screen.getByRole('button', { name: /Choisir Standard — 19,90 €\/4 sem\./ }))
-
- await waitFor(() => {
- expect(createCheckoutSessionMock).toHaveBeenCalledTimes(1)
- })
- // TanStack Query injecte un 2e arg (mutationContext) → on vérifie uniquement le 1er.
- expect(createCheckoutSessionMock.mock.calls[0]?.[0]).toBe('standard')
- })
-
- it('Standard user clique "Passer en Premium" → createCustomerPortalSession (PAS createCheckoutSession)', async () => {
- const user = userEvent.setup()
- mockPlan('standard')
- createCustomerPortalSessionMock.mockReturnValue(new Promise(() => {}))
-
- renderPage()
- await user.click(screen.getByRole('button', { name: /Passer en Premium$/ }))
-
- await waitFor(() => {
- expect(createCustomerPortalSessionMock).toHaveBeenCalledTimes(1)
- })
- expect(createCheckoutSessionMock).not.toHaveBeenCalled()
- })
-
- it("erreur de mutation → callout d'erreur affiché", async () => {
- const user = userEvent.setup()
- mockPlan('free')
- createCheckoutSessionMock.mockRejectedValue(new Error('Configuration Stripe manquante.'))
-
- renderPage()
- await user.click(screen.getByRole('button', { name: /Choisir Standard — 19,90 €\/4 sem\./ }))
-
- await waitFor(() => {
- expect(screen.getByRole('alert')).toHaveTextContent(/Configuration Stripe manquante/i)
- })
- })
-})
diff --git a/src/features/billing/__tests__/useCustomerPortal.test.tsx b/src/features/billing/__tests__/useCustomerPortal.test.tsx
deleted file mode 100644
index 4e510fd..0000000
--- a/src/features/billing/__tests__/useCustomerPortal.test.tsx
+++ /dev/null
@@ -1,97 +0,0 @@
-import { describe, it, expect, vi, afterEach } from 'vitest'
-import { renderHook, act, waitFor } from '@testing-library/react'
-import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
-import type { ReactNode } from 'react'
-
-// ─── Mocks ───────────────────────────────────────────────────────────────────
-
-const { createCustomerPortalSessionMock } = vi.hoisted(() => ({
- createCustomerPortalSessionMock: vi.fn(),
-}))
-
-vi.mock('../api', () => ({
- createCustomerPortalSession: createCustomerPortalSessionMock,
-}))
-
-import { useCustomerPortal } from '../hooks/useCustomerPortal'
-
-afterEach(() => {
- createCustomerPortalSessionMock.mockReset()
-})
-
-function wrapper({ children }: { children: ReactNode }) {
- const queryClient = new QueryClient({
- defaultOptions: { queries: { retry: false }, mutations: { retry: false } },
- })
- return {children}
-}
-
-// ─── Tests ───────────────────────────────────────────────────────────────────
-
-describe('useCustomerPortal', () => {
- it("openPortal() succès → window.location.href set sur l'URL portal", async () => {
- const originalLocation = window.location
- const hrefSetter = vi.fn()
- Object.defineProperty(window, 'location', {
- configurable: true,
- writable: true,
- value: {
- ...originalLocation,
- get href() {
- return originalLocation.href
- },
- set href(v: string) {
- hrefSetter(v)
- },
- },
- })
-
- createCustomerPortalSessionMock.mockResolvedValue({
- url: 'https://billing.stripe.com/p/session/abc',
- })
-
- const { result } = renderHook(() => useCustomerPortal(), { wrapper })
- act(() => {
- result.current.openPortal()
- })
-
- await waitFor(() => {
- expect(hrefSetter).toHaveBeenCalledWith('https://billing.stripe.com/p/session/abc')
- })
-
- Object.defineProperty(window, 'location', {
- configurable: true,
- writable: true,
- value: originalLocation,
- })
- })
-
- it('erreur backend → message backend propagé dans `error`', async () => {
- createCustomerPortalSessionMock.mockRejectedValue(
- new Error('Aucun abonnement actif trouvé. Souscrivez d’abord à un plan.'),
- )
- const { result } = renderHook(() => useCustomerPortal(), { wrapper })
-
- act(() => {
- result.current.openPortal()
- })
-
- await waitFor(() => {
- expect(result.current.error).toMatch(/Aucun abonnement actif trouvé/)
- })
- })
-
- it('isLoading vrai pendant la mutation pending', async () => {
- createCustomerPortalSessionMock.mockReturnValue(new Promise(() => {}))
- const { result } = renderHook(() => useCustomerPortal(), { wrapper })
-
- expect(result.current.isLoading).toBe(false)
- act(() => {
- result.current.openPortal()
- })
-
- await waitFor(() => {
- expect(result.current.isLoading).toBe(true)
- })
- })
-})
diff --git a/src/features/billing/__tests__/useStripeCheckout.test.tsx b/src/features/billing/__tests__/useStripeCheckout.test.tsx
deleted file mode 100644
index d280bbf..0000000
--- a/src/features/billing/__tests__/useStripeCheckout.test.tsx
+++ /dev/null
@@ -1,107 +0,0 @@
-import { describe, it, expect, vi, afterEach } from 'vitest'
-import { renderHook, act, waitFor } from '@testing-library/react'
-import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
-import type { ReactNode } from 'react'
-
-// ─── Mocks ───────────────────────────────────────────────────────────────────
-
-const { createCheckoutSessionMock } = vi.hoisted(() => ({
- createCheckoutSessionMock: vi.fn(),
-}))
-
-vi.mock('../api', () => ({
- createCheckoutSession: createCheckoutSessionMock,
-}))
-
-import { useStripeCheckout } from '../hooks/useStripeCheckout'
-
-afterEach(() => {
- createCheckoutSessionMock.mockReset()
-})
-
-function wrapper({ children }: { children: ReactNode }) {
- const queryClient = new QueryClient({
- defaultOptions: { queries: { retry: false }, mutations: { retry: false } },
- })
- return {children}
-}
-
-// ─── Tests ───────────────────────────────────────────────────────────────────
-
-describe('useStripeCheckout', () => {
- it('checkout(priceType) appelle createCheckoutSession avec le bon argument', async () => {
- createCheckoutSessionMock.mockReturnValue(new Promise(() => {}))
- const { result } = renderHook(() => useStripeCheckout(), { wrapper })
-
- act(() => {
- result.current.checkout('standard')
- })
-
- await waitFor(() => {
- expect(createCheckoutSessionMock).toHaveBeenCalledTimes(1)
- })
- expect(createCheckoutSessionMock.mock.calls[0]?.[0]).toBe('standard')
- })
-
- it('expose pendingPriceType pendant la mutation', async () => {
- createCheckoutSessionMock.mockReturnValue(new Promise(() => {}))
- const { result } = renderHook(() => useStripeCheckout(), { wrapper })
-
- expect(result.current.pendingPriceType).toBeNull()
- act(() => {
- result.current.checkout('premium')
- })
- expect(result.current.pendingPriceType).toBe('premium')
- })
-
- it("redirige window.location.href vers l'URL Stripe au succès", async () => {
- const originalLocation = window.location
- const hrefSetter = vi.fn()
- Object.defineProperty(window, 'location', {
- configurable: true,
- writable: true,
- value: {
- ...originalLocation,
- get href() {
- return originalLocation.href
- },
- set href(v: string) {
- hrefSetter(v)
- },
- },
- })
-
- createCheckoutSessionMock.mockResolvedValue({
- url: 'https://checkout.stripe.com/pay/cs_xyz',
- })
-
- const { result } = renderHook(() => useStripeCheckout(), { wrapper })
- act(() => {
- result.current.checkout('standard')
- })
-
- await waitFor(() => {
- expect(hrefSetter).toHaveBeenCalledWith('https://checkout.stripe.com/pay/cs_xyz')
- })
-
- Object.defineProperty(window, 'location', {
- configurable: true,
- writable: true,
- value: originalLocation,
- })
- })
-
- it("expose error et reset pendingPriceType en cas d'échec", async () => {
- createCheckoutSessionMock.mockRejectedValue(new Error('Configuration Stripe manquante.'))
- const { result } = renderHook(() => useStripeCheckout(), { wrapper })
-
- act(() => {
- result.current.checkout('standard')
- })
-
- await waitFor(() => {
- expect(result.current.error).toMatch(/Configuration Stripe manquante/)
- })
- expect(result.current.pendingPriceType).toBeNull()
- })
-})
diff --git a/src/features/billing/api.ts b/src/features/billing/api.ts
deleted file mode 100644
index 4e259a7..0000000
--- a/src/features/billing/api.ts
+++ /dev/null
@@ -1,51 +0,0 @@
-/**
- * Sprint 5b — API client billing.
- *
- * Wrappers TanStack-Query-friendly autour des endpoints Stripe :
- * - `POST /stripe/checkout` (création session paiement plein tarif)
- * - `POST /stripe/customer-portal` (Sprint 5d — Customer Portal Stripe)
- *
- * Le frontend ne stocke jamais de clé Stripe privée. Les `price_id` (publics
- * par nature, comme la clé Supabase anon) sont injectés via les variables
- * d'env `VITE_STRIPE_PRICE_*` — leur absence au runtime déclenche une erreur
- * explicite côté CTA, pas un crash silencieux.
- */
-
-import { apiFetch } from '@/shared/lib/api-client'
-import { env } from '@/shared/config/env'
-
-export type PriceType = 'standard' | 'premium'
-
-interface CheckoutResponse {
- url: string
-}
-
-interface CustomerPortalResponse {
- url: string
-}
-
-function resolvePriceId(priceType: PriceType): string {
- const id =
- priceType === 'standard' ? env.VITE_STRIPE_PRICE_STANDARD : env.VITE_STRIPE_PRICE_PREMIUM
- if (!id) {
- throw new Error(
- 'Configuration Stripe manquante. Veuillez réessayer plus tard ou contacter le support.',
- )
- }
- return id
-}
-
-export async function createCheckoutSession(priceType: PriceType): Promise {
- return apiFetch('/stripe/checkout', {
- method: 'POST',
- body: { priceId: resolvePriceId(priceType), planName: priceType },
- timeoutMs: 30_000,
- })
-}
-
-export async function createCustomerPortalSession(): Promise {
- return apiFetch('/stripe/customer-portal', {
- method: 'POST',
- timeoutMs: 15_000,
- })
-}
diff --git a/src/features/billing/components/AccountBillingSection.tsx b/src/features/billing/components/AccountBillingSection.tsx
deleted file mode 100644
index 535d5f5..0000000
--- a/src/features/billing/components/AccountBillingSection.tsx
+++ /dev/null
@@ -1,86 +0,0 @@
-/**
- * Sprint 5d — Section Abonnement de la page Paramètres.
- *
- * Affiche le plan actuel + un CTA contextuel :
- * - Plan free → lien « Voir les plans » vers `/plan`.
- * - Plan payant → bouton « Gérer mon abonnement » → Stripe Customer Portal.
- *
- * Règle D : aucune comparaison `plan === 'xxx'` exposée hors d'un mapping
- * explicite (ici la branche est binaire free vs payant).
- * Règle L : tokens DA Charcoal exclusivement.
- */
-
-import { Link } from 'react-router-dom'
-import { Button } from '@/shared/ui/Button'
-import { Card } from '@/shared/ui/Card'
-import { Badge } from '@/shared/ui/Badge'
-import { usePlan } from '@/features/dashboard/hooks/usePlan'
-import { useCustomerPortal } from '../hooks/useCustomerPortal'
-
-const PLAN_LABEL: Record<'free' | 'standard' | 'premium', string> = {
- free: 'Plan Découverte',
- standard: 'Plan Standard',
- premium: 'Plan Premium',
-}
-
-export function AccountBillingSection() {
- const { data: planData, isLoading: isPlanLoading } = usePlan()
- const { openPortal, isLoading: isPortalLoading, error: portalError } = useCustomerPortal()
-
- if (isPlanLoading || !planData) {
- return (
-
-
-
- )
- }
-
- const plan = planData.plan as 'free' | 'standard' | 'premium'
- const isSubscribed = plan !== 'free'
-
- return (
-
-
- Abonnement
-
- {PLAN_LABEL[plan]}
-
-
-
- {isSubscribed ? (
- <>
-
- Modifier votre plan, mettre à jour votre moyen de paiement, ou consulter vos factures.
-
-
- Gérer mon abonnement
-
- {portalError && (
-
- {portalError}
-
- )}
-
- ) : (
- <>
-
- Vous utilisez actuellement le plan gratuit (5 simulations à vie). Découvrez les plans
- payants pour un entraînement illimité avec correction détaillée.
-
-
-
-
- )}
-
- )
-}
diff --git a/src/features/billing/components/PlanCard.tsx b/src/features/billing/components/PlanCard.tsx
deleted file mode 100644
index 8c13c57..0000000
--- a/src/features/billing/components/PlanCard.tsx
+++ /dev/null
@@ -1,105 +0,0 @@
-/**
- * Carte plan tarifaire — Sprint 5b.
- *
- * Présentationnel pur (Règle H). Tokens DA Charcoal exclusivement (Règle L).
- * La logique CTA (qui est désactivé, qui est "Plan actuel", etc.) vit dans
- * `PricingPage.tsx`.
- */
-
-import { Check } from 'lucide-react'
-import { Button } from '@/shared/ui/Button'
-
-export interface PlanCardCta {
- label: string
- variant: 'primary' | 'secondary'
- disabled?: boolean
- loading?: boolean
- onClick?: () => void
-}
-
-interface Props {
- title: string
- price: string
- priceCadence?: string
- description?: string
- features: string[]
- highlighted?: boolean
- currentBadge?: boolean
- cta: PlanCardCta
- /** Texte additionnel sous le bouton (ex. info prorata). */
- ctaHint?: string
- /** Message d'erreur affiché en bas de carte (ex. erreur mutation Stripe). */
- errorMessage?: string
-}
-
-export function PlanCard({
- title,
- price,
- priceCadence,
- description,
- features,
- highlighted = false,
- currentBadge = false,
- cta,
- ctaHint,
- errorMessage,
-}: Props) {
- const borderClass = highlighted
- ? 'border-brand shadow-[0_0_0_1px_var(--color-brand)]'
- : 'border-border'
-
- return (
-
- {currentBadge && (
-
- Plan actuel
-
- )}
-
-
-
{title}
- {description &&
{description}
}
-
-
-
-
- {price}
-
- {priceCadence && {priceCadence} }
-
-
-
- {features.map((feature) => (
-
- {feature}
-
- ))}
-
-
-
-
- {cta.label}
-
- {ctaHint &&
{ctaHint}
}
- {errorMessage && (
-
- {errorMessage}
-
- )}
-
-
(null)
-
- const mutation = useMutation({
- mutationFn: createCustomerPortalSession,
- onSuccess: (data) => {
- // Redirect full-page : l'utilisateur reviendra sur ${APP_URL}/dashboard
- // (cf. backend `return_url`). Le query param `?upgrade=success` n'est PAS
- // ajouté par le portal — pas de banner de bienvenue dans ce flow,
- // seulement une éventuelle invalidation au refresh manuel.
- window.location.href = data.url
- },
- onError: (err: unknown) => {
- const message = err instanceof Error && err.message ? err.message : FALLBACK_ERROR_MESSAGE
- setError(message)
- },
- })
-
- function openPortal(): void {
- setError(null)
- mutation.mutate()
- }
-
- return {
- openPortal,
- isLoading: mutation.isPending,
- error,
- }
-}
diff --git a/src/features/billing/hooks/useStripeCheckout.ts b/src/features/billing/hooks/useStripeCheckout.ts
deleted file mode 100644
index 4d83c8c..0000000
--- a/src/features/billing/hooks/useStripeCheckout.ts
+++ /dev/null
@@ -1,59 +0,0 @@
-/**
- * Sprint 5c — Hook checkout Stripe.
- *
- * Encapsule la mutation `createCheckoutSession` + la redirection full-page
- * vers Stripe Checkout. Expose `pendingPriceType` pour permettre aux pages
- * (ex. PricingPage) d'afficher un loading par carte sans state local.
- *
- * Usage typique :
- * const { checkout, pendingPriceType, error } = useStripeCheckout()
- * checkout('standard')}>
- * Choisir Standard
- *
- */
-
-import { useState } from 'react'
-import { useMutation } from '@tanstack/react-query'
-import { createCheckoutSession, type PriceType } from '../api'
-
-export interface UseStripeCheckoutResult {
- checkout: (priceType: PriceType) => void
- isLoading: boolean
- pendingPriceType: PriceType | null
- error: string | null
-}
-
-const FALLBACK_ERROR_MESSAGE =
- 'Impossible de démarrer le paiement. Réessayez dans quelques instants.'
-
-export function useStripeCheckout(): UseStripeCheckoutResult {
- const [pendingPriceType, setPendingPriceType] = useState(null)
- const [error, setError] = useState(null)
-
- const mutation = useMutation({
- mutationFn: createCheckoutSession,
- onSuccess: (data) => {
- // Redirection full-page vers Stripe Checkout. L'utilisateur reviendra
- // sur /dashboard?upgrade=success après paiement réussi (cf. backend
- // success_url) ou /plan?upgrade=cancelled en cas d'annulation.
- window.location.href = data.url
- },
- onError: (err: Error) => {
- setError(err.message || FALLBACK_ERROR_MESSAGE)
- setPendingPriceType(null)
- },
- })
-
- function checkout(priceType: PriceType): void {
- setError(null)
- setPendingPriceType(priceType)
- mutation.mutate(priceType)
- }
-
- return {
- checkout,
- isLoading: mutation.isPending,
- pendingPriceType,
- error,
- }
-}
diff --git a/src/features/billing/pages/PricingPage.tsx b/src/features/billing/pages/PricingPage.tsx
deleted file mode 100644
index 326aadc..0000000
--- a/src/features/billing/pages/PricingPage.tsx
+++ /dev/null
@@ -1,240 +0,0 @@
-/**
- * Page tarifaire `/plan` — Sprint 5b.
- *
- * 3 colonnes (Découverte / Standard / Premium). Le CTA de chaque carte dépend
- * du plan actuel de l'utilisateur :
- * - free → CTA Standard et Premium actifs (plein tarif).
- * - standard → Standard désactivé "Plan actuel" ; Premium = "Passer en Premium"
- * (sans prix affiché — Stripe calcule le prorata côté serveur).
- * - premium → Tous désactivés ; Premium marqué "Plan actuel".
- *
- * Le clic sur un CTA payant déclenche `createCheckoutSession(priceType)` puis
- * redirige le navigateur en full-page vers l'URL Stripe Checkout retournée.
- *
- * Règle D : aucun `plan === 'xxx'` exposé — la sélection du CTA passe par
- * une fonction `getCtaConfig(plan)` qui mappe explicitement chaque plan vers
- * ses CTA, sans `if/else` éparpillés.
- */
-
-import { useState } from 'react'
-import { usePlan } from '@/features/dashboard/hooks/usePlan'
-import { type PriceType } from '../api'
-import { useStripeCheckout } from '../hooks/useStripeCheckout'
-import { useCustomerPortal } from '../hooks/useCustomerPortal'
-import { PlanCard, type PlanCardCta } from '../components/PlanCard'
-
-type Plan = 'free' | 'standard' | 'premium'
-
-interface PlanColumn {
- key: 'free' | 'standard' | 'premium'
- title: string
- price: string
- priceCadence?: string
- description: string
- features: string[]
- highlighted: boolean
-}
-
-const COLUMNS: PlanColumn[] = [
- {
- key: 'free',
- title: 'Découverte',
- price: 'Gratuit',
- description: 'Goûter le produit, voir comment ça marche.',
- features: [
- '5 simulations à vie',
- 'Score global et niveau NCLC',
- 'Feedback court (2-3 lignes)',
- 'Accès EE T1, T2, T3 et EO T1, T3',
- ],
- highlighted: false,
- },
- {
- key: 'standard',
- title: 'Standard',
- price: '19,90 €',
- priceCadence: '/ 4 semaines',
- description: 'Progression sérieuse — toutes les corrections détaillées.',
- features: [
- 'Simulations illimitées',
- 'Rapport détaillé par critère',
- 'Suggestions, exercices, production modèle',
- 'Historique complet et dashboard',
- 'Indice de préparation après 5 productions',
- ],
- highlighted: true,
- },
- {
- key: 'premium',
- title: 'Premium',
- price: '39,90 €',
- priceCadence: '/ 4 semaines',
- description: 'Tout Standard, plus les outils de simulation réelle.',
- features: [
- 'Tout le plan Standard',
- 'Mode Examen (60 min EE / 12 min EO)',
- 'EO Tâche 2 — dialogue live avec l’examinateur IA',
- 'Analyse des patterns sur 5 dernières productions',
- 'Exercices long terme personnalisés',
- ],
- highlighted: false,
- },
-]
-
-interface CtaConfigs {
- standard: { cta: PlanCardCta; hint?: string }
- premium: { cta: PlanCardCta; hint?: string }
-}
-
-function buildCtaConfigs(
- plan: Plan,
- isStandardPending: boolean,
- isPremiumPending: boolean,
- onUpgrade: (priceType: PriceType) => void,
-): CtaConfigs {
- const anyPending = isStandardPending || isPremiumPending
-
- if (plan === 'free') {
- return {
- standard: {
- cta: {
- label: 'Choisir Standard — 19,90 €/4 sem.',
- variant: 'primary',
- loading: isStandardPending,
- disabled: anyPending,
- onClick: () => onUpgrade('standard'),
- },
- },
- premium: {
- cta: {
- label: 'Choisir Premium — 39,90 €/4 sem.',
- variant: 'primary',
- loading: isPremiumPending,
- disabled: anyPending,
- onClick: () => onUpgrade('premium'),
- },
- },
- }
- }
-
- if (plan === 'standard') {
- return {
- standard: {
- cta: { label: 'Plan actuel', variant: 'secondary', disabled: true },
- },
- premium: {
- cta: {
- label: 'Passer en Premium',
- variant: 'primary',
- loading: isPremiumPending,
- disabled: anyPending,
- onClick: () => onUpgrade('premium'),
- },
- hint: 'Stripe calculera automatiquement le prorata sur votre abonnement en cours.',
- },
- }
- }
-
- // premium
- return {
- standard: {
- cta: { label: 'Inférieur à votre plan', variant: 'secondary', disabled: true },
- },
- premium: {
- cta: { label: 'Plan actuel', variant: 'secondary', disabled: true },
- },
- }
-}
-
-export function PricingPage() {
- const { data: planData, isLoading } = usePlan()
- const { checkout, pendingPriceType, error: checkoutError } = useStripeCheckout()
- const { openPortal, isLoading: isPortalLoading, error: portalError } = useCustomerPortal()
- // Mémorise le dernier priceType cliqué pour rattacher l'erreur (checkout OU
- // portal) à la bonne carte. L'utilisateur ne clique qu'un CTA à la fois.
- const [lastClicked, setLastClicked] = useState(null)
-
- const plan = (planData?.plan as Plan | undefined) ?? 'free'
-
- // Sprint 5d — branche Standard→Premium via Customer Portal (Stripe affiche
- // le montant prorata + confirmation native). Free→* reste sur Checkout direct.
- function handleUpgrade(priceType: PriceType) {
- setLastClicked(priceType)
- if (plan === 'standard') {
- openPortal()
- } else {
- checkout(priceType)
- }
- }
-
- // Loading par carte : combine la source pertinente selon le plan utilisateur.
- const isStandardPending = pendingPriceType === 'standard'
- const isPremiumPending = plan === 'standard' ? isPortalLoading : pendingPriceType === 'premium'
-
- const ctaConfigs = buildCtaConfigs(plan, isStandardPending, isPremiumPending, handleUpgrade)
- const effectiveError = checkoutError ?? portalError
- const errorByType: Partial> =
- effectiveError && lastClicked ? { [lastClicked]: effectiveError } : {}
-
- return (
-
-
-
-
- {COLUMNS.map((col) => {
- if (col.key === 'free') {
- return (
-
- )
- }
- const config = ctaConfigs[col.key]
- return (
-
- )
- })}
-
-
- {isLoading && (
-
- Chargement de votre plan…
-
- )}
-
- {/* Header */}
-
-
-
Bonjour, {displayName}
-
- Plan Découverte
-
-
-
- navigate('/plan')}>
- Voir les plans
-
-
-
-
- {/* Hero NCLC — placeholder en Free */}
-
-
- {/* Stat cards — NCLC et dernier score vides */}
-
-
- {/* Prochaine étape + (pas de simulations récentes en Free) */}
-
-
-
- Pour bien démarrer
-
- Votre première simulation
-
- Choisissez une tâche d'Expression Écrite pour obtenir un premier score et une estimation
- NCLC. Vos 5 simulations gratuites vous attendent.
-
-
-
-
-
-
- {/* Bannière upsell */}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
Bonjour, {displayName}
-
- Plan Standard
-
-
-
- navigate('/plan')}>
- Passer en Premium →
-
-
-
-
-
-
-
-
-
-
-
-
- Mon profil de préparation
-
-
- {isError ? 'Profil temporairement indisponible.' : 'Chargement…'}
-
-
- )
- }
-
- if (!data.ready) {
- const remaining = Math.max(0, data.minimum - data.current)
- return (
-
-
- Mon profil de préparation
-
-
- Encore {remaining} {' '}
- {remaining > 1 ? 'simulations' : 'simulation'} pour débloquer votre profil.
-
-
- {data.current}/{data.minimum} simulations corrigées
-
-
- )
- }
-
- const patternsCount = data.patterns.length
- const pct = Math.max(0, Math.min(100, data.preparation_index.score))
- const color = gaugeColor(pct)
-
- return (
-
-
-
-
- Indice de préparation
-
-
- {data.preparation_index.score}
- /100
-
-
-
- {data.preparation_index.message}
-
-
- {patternsCount === 0
- ? 'Aucune erreur récurrente identifiée — continuez !'
- : `${patternsCount} ${patternsCount > 1 ? 'erreurs récurrentes identifiées' : 'erreur récurrente identifiée'}.`}
-
-
-
-
-
- )
-}
diff --git a/src/features/dashboard/components/NclcHero.tsx b/src/features/dashboard/components/NclcHero.tsx
deleted file mode 100644
index f91c7bb..0000000
--- a/src/features/dashboard/components/NclcHero.tsx
+++ /dev/null
@@ -1,159 +0,0 @@
-/**
- * NclcHero — carte principale du Dashboard.
- *
- * Affiche :
- * - l'indice NCLC courant (via valeur passée par le parent — usePatterns
- * en Premium, dernière simu en Standard, null en Free) ;
- * - l'objectif NCLC (défaut 9) et le conseil personnalisé ;
- * - la jauge horizontale 5 → 10 avec position actuelle + marqueur cible ;
- * - le dernier score dans un anneau SVG (facultatif).
- *
- * Règle H : aucune logique métier — les valeurs sont calculées par le parent.
- * Règle L : tokens du design system exclusivement.
- */
-
-import { Card } from '@/shared/ui/Card'
-
-interface LastScore {
- value: number
- max: number
-}
-
-interface NclcHeroProps {
- /** NCLC actuel (5–10). `null` = pas de donnée (Free ou historique vide). */
- currentNclc: number | null
- /** Libellé du NCLC (ex. "NCLC estimé", "NCLC dernière simulation"). */
- nclcLabel?: string
- /** NCLC cible (défaut 9). */
- targetNclc?: number
- /** Texte conseil affiché sous le NCLC. */
- conseil: string
- /** Dernier score pour l'anneau SVG (optionnel). */
- lastScore?: LastScore | null
-}
-
-const NCLC_MIN = 5
-const NCLC_MAX = 10
-const CIRCLE_RADIUS = 44
-const CIRCLE_CIRCUMFERENCE = 2 * Math.PI * CIRCLE_RADIUS
-
-function clamp(value: number, min: number, max: number): number {
- return Math.max(min, Math.min(max, value))
-}
-
-function formatNclc(n: number): string {
- return n.toLocaleString('fr-FR', { maximumFractionDigits: 1 })
-}
-
-function nclcToPct(n: number): number {
- const clamped = clamp(n, NCLC_MIN, NCLC_MAX)
- return ((clamped - NCLC_MIN) / (NCLC_MAX - NCLC_MIN)) * 100
-}
-
-function ScoreRing({ score }: { score: LastScore }) {
- const pct = clamp((score.value / score.max) * 100, 0, 100)
- const offset = CIRCLE_CIRCUMFERENCE * (1 - pct / 100)
-
- return (
-
-
-
-
- {score.value}
- /{score.max}
-
- Dernier score
-
-
-
-
- {/* Left block */}
-
-
- Indice de préparation TCF Canada
-
-
-
-
- {hasNclc ? `NCLC ${formatNclc(currentNclc)}` : 'NCLC —'}
-
-
- Objectif NCLC {targetNclc}+
-
-
-
-
{conseil}
-
- {/* Jauge 5 → 10 */}
-
-
- NCLC {NCLC_MIN}
- NCLC {NCLC_MAX}
-
-
- {hasNclc && (
-
- )}
- {/* Marqueur cible */}
-
-
-
-
-
- {/* Right block — score ring */}
- {lastScore &&
}
-
- )
-}
diff --git a/src/features/dashboard/components/NextStepCard.tsx b/src/features/dashboard/components/NextStepCard.tsx
deleted file mode 100644
index 5b5cd4a..0000000
--- a/src/features/dashboard/components/NextStepCard.tsx
+++ /dev/null
@@ -1,65 +0,0 @@
-/**
- * NextStepCard — encart "Prochaine étape" affiché à droite des simulations.
- *
- * Contenu statique par plan pour ce sprint (pas d'endpoint "recommandation"
- * en V1). Le parent construit le texte, les tags et la route CTA.
- *
- * Règle H : aucune logique métier — affichage pur.
- * Règle L : tokens du design system exclusivement.
- */
-
-import { Link } from 'react-router-dom'
-import { ArrowRight, Sparkles } from 'lucide-react'
-import { Card } from '@/shared/ui/Card'
-
-interface NextStepCardProps {
- title: string
- conseil: string
- tags: readonly string[]
- ctaLabel: string
- ctaTo: string
-}
-
-export function NextStepCard({ title, conseil, tags, ctaLabel, ctaTo }: NextStepCardProps) {
- return (
-
-
- Recommandé
-
-
-
-
- {tags.length > 0 && (
-
- {tags.map((tag) => (
-
- {tag}
-
- ))}
-
- )}
-
-
- )
-}
diff --git a/src/features/dashboard/components/PaywallBanner.tsx b/src/features/dashboard/components/PaywallBanner.tsx
deleted file mode 100644
index b0bf7c7..0000000
--- a/src/features/dashboard/components/PaywallBanner.tsx
+++ /dev/null
@@ -1,42 +0,0 @@
-/**
- * Bannière inline affichée en bas du dashboard pour les utilisateurs Free.
- * Présente les features débloquées par Standard et oriente vers /plan.
- *
- * DA Charcoal : surface-solid + border-border, icône + dans cercle brand.
- * Intégrée dans le flux de la page (pas de modale) — cf. PARCOURS_UTILISATEURS §2.
- */
-
-import { Link } from 'react-router-dom'
-import { Plus } from 'lucide-react'
-
-export function PaywallBanner() {
- return (
-
-
-
-
-
-
- Débloque le rapport complet et l'IA de correction détaillée
-
-
- Plan Standard · simulations illimitées · suivi NCLC dans le temps · 19,90 € / 4 semaines
-
-
- )
-}
diff --git a/src/features/dashboard/components/RecentSimulations.tsx b/src/features/dashboard/components/RecentSimulations.tsx
deleted file mode 100644
index 2af42c6..0000000
--- a/src/features/dashboard/components/RecentSimulations.tsx
+++ /dev/null
@@ -1,97 +0,0 @@
-/**
- * RecentSimulations — liste des 3 dernières simulations sur le Dashboard.
- *
- * Chaque item est cliquable (→ /rapport/:id). Badge NCLC coloré selon le niveau,
- * score /20, date relative, type court (EE · T2 / EO · T1).
- *
- * Règle H : aucune logique métier — les données viennent du parent.
- * Règle L : tokens du design system exclusivement.
- */
-
-import { Link } from 'react-router-dom'
-import { ChevronRight } from 'lucide-react'
-import { Card } from '@/shared/ui/Card'
-import { formatRelativeDate } from '@/shared/lib/date'
-import { isEcrit } from '@/entities/production/lib'
-import type { SimulationListItem, Tache } from '@/entities/production/types'
-
-interface RecentSimulationsProps {
- /** Items récents (max 3 affichés). */
- items: readonly SimulationListItem[]
- /** Total historique — affiché en badge à droite du titre. */
- totalCount: number
-}
-
-function shortTacheLabel(tache: Tache): string {
- const [prefix, num] = tache.split('_')
- return `${prefix} · ${num}`
-}
-
-function nclcBadgeClasses(nclc: number | null): string {
- if (nclc === null) return 'bg-surface-hover text-ink-tertiary'
- if (nclc >= 9) return 'bg-success-soft text-success'
- if (nclc >= 7) return 'bg-brand-soft text-brand-text'
- return 'bg-warning-soft text-warning'
-}
-
-function formatNclc(n: number): string {
- return n.toLocaleString('fr-FR', { maximumFractionDigits: 1 })
-}
-
-export function RecentSimulations({ items, totalCount }: RecentSimulationsProps) {
- const visible = items.slice(0, 3)
-
- return (
-
-
-
3 dernières simulations
- {totalCount > 0 && (
-
- {totalCount} au total
-
- )}
-
-
- {visible.length === 0 ? (
-
- Aucune simulation pour l'instant.
-
- ) : (
-
- {visible.map((item) => {
- const type = isEcrit(item.tache) ? 'EE' : 'EO'
- return (
-
-
- {shortTacheLabel(item.tache)}
- · {type}
-
-
{formatRelativeDate(item.created_at)}
-
- NCLC {formatNclc(item.nclc)}
-
- )}
-
-
- {item.score === null ? '—' : `${item.score}/20`}
-
-
-
- )}
-
- )
-}
diff --git a/src/features/dashboard/components/StatCards.tsx b/src/features/dashboard/components/StatCards.tsx
deleted file mode 100644
index 53c1ede..0000000
--- a/src/features/dashboard/components/StatCards.tsx
+++ /dev/null
@@ -1,190 +0,0 @@
-/**
- * StatCards — trois cartes synthétiques affichées sur le Dashboard.
- *
- * - Simulations restantes (barre de progression pour Free, "Illimitées" ailleurs)
- * - NCLC estimé (dernière simulation)
- * - Dernier score (+ delta vs précédent)
- *
- * Règle H : aucune logique métier de gating ici — le parent décide du rendu
- * global via hasAccess. Ce composant ne fait que formater les
- * valeurs déjà fournies.
- * Règle L : tokens du design system exclusivement.
- */
-
-import { Card } from '@/shared/ui/Card'
-import { formatRelativeDate } from '@/shared/lib/date'
-import { isEcrit } from '@/entities/production/lib'
-import type { SimulationListItem } from '@/entities/production/types'
-import { hasAccess, type Plan } from '@/entities/user/lib'
-
-interface StatCardsProps {
- plan: Plan
- simulationsUsed: number
- /** null = illimité (Standard/Premium), number = reste (Free). */
- simulationsRemaining: number | null
- /** Liste des dernières simulations (index 0 = la plus récente). */
- recentSimulations: readonly SimulationListItem[]
-}
-
-function formatNclc(n: number): string {
- return n.toLocaleString('fr-FR', { maximumFractionDigits: 1 })
-}
-
-function formatScore(value: number): string {
- return value.toLocaleString('fr-FR', { maximumFractionDigits: 1 })
-}
-
-function StatShell({ label, children }: { label: string; children: React.ReactNode }) {
- return (
-
-
- {label}
-
- {children}
-
- )
-}
-
-function SimulationsRestantesCard({
- plan,
- simulationsUsed,
- simulationsRemaining,
-}: {
- plan: Plan
- simulationsUsed: number
- simulationsRemaining: number | null
-}) {
- if (simulationsRemaining === null) {
- return (
-
- Illimitées
-
- {simulationsUsed} effectuée{simulationsUsed > 1 ? 's' : ''}
-
-
- )
- }
-
- const total = simulationsUsed + simulationsRemaining
- const pct = total > 0 ? (simulationsUsed / total) * 100 : 0
-
- return (
-
-
- {simulationsRemaining}
- /{total}
-
-
- {!hasAccess(plan, 'dashboard') && (
- Renouvellement offert à l'upgrade
- )}
-
- )
-}
-
-function NclcCard({ lastSim }: { lastSim: SimulationListItem | null }) {
- if (!lastSim || lastSim.nclc === null) {
- return (
-
- —
-
- Démarrez une simulation pour estimer votre niveau.
-
-
- )
- }
-
- const nclc = lastSim.nclc
- const inTarget = nclc >= 7
-
- return (
-
- {formatNclc(nclc)}
-
- {inTarget ? 'Dans la cible CLB 7+' : 'Visez la cible CLB 7+'}
-
-
- )
-}
-
-function DernierScoreCard({
- recentSimulations,
-}: {
- recentSimulations: readonly SimulationListItem[]
-}) {
- const lastWithScore = recentSimulations.find((s) => s.score !== null) ?? null
- if (!lastWithScore || lastWithScore.score === null) {
- return (
-
- —
- Aucun score enregistré.
-
- )
- }
-
- // Précédente simulation avec score, pour calculer le delta.
- const previous =
- recentSimulations.filter((s) => s.id !== lastWithScore.id && s.score !== null).at(0) ?? null
- const delta = previous && previous.score !== null ? lastWithScore.score - previous.score : null
-
- const type = isEcrit(lastWithScore.tache) ? 'Écrit' : 'Oral'
- const relative = formatRelativeDate(lastWithScore.created_at)
-
- return (
-
-
- {formatScore(lastWithScore.score)}
- /20
-
-
- {type}
-
- ·
-
- {relative}
- {delta !== null && delta !== 0 && (
- 0 ? 'font-semibold text-success' : 'font-semibold text-warning'}>
- {delta > 0 ? '+' : ''}
- {formatScore(delta)} vs précédent
-
- )}
-
-
- )
-}
-
-export function StatCards({
- plan,
- simulationsUsed,
- simulationsRemaining,
- recentSimulations,
-}: StatCardsProps) {
- const lastSim = recentSimulations.at(0) ?? null
-
- return (
-
- )
-}
diff --git a/src/features/dashboard/components/UpgradeSuccessBanner.tsx b/src/features/dashboard/components/UpgradeSuccessBanner.tsx
deleted file mode 100644
index 7fd8bc3..0000000
--- a/src/features/dashboard/components/UpgradeSuccessBanner.tsx
+++ /dev/null
@@ -1,41 +0,0 @@
-/**
- * Sprint 5c — Banner affiché au retour de Stripe Checkout réussi.
- *
- * Présentationnel pur (Règle H). Le déclenchement et le nettoyage URL sont
- * gérés par `useUpgradeSuccessHandler` côté DashboardPage.
- *
- * Tokens DA Charcoal exclusivement (Règle L).
- */
-
-import { CheckCircle2, X } from 'lucide-react'
-
-interface Props {
- onDismiss: () => void
-}
-
-export function UpgradeSuccessBanner({ onDismiss }: Props) {
- return (
-
-
-
-
Bienvenue ! Votre plan a été mis à jour.
-
- Si certaines features semblent manquer, rafraîchissez la page dans quelques secondes — la
- confirmation Stripe peut prendre un instant.
-
-
-
-
-
)
-})
-
-afterEach(cleanup)
-
-function renderWithRouter(ui: React.ReactNode) {
- return render({ui} )
-}
-
-describe('MonProfilPreparation — gating plan', () => {
- it('plan free → ne rend rien', () => {
- const { container } = renderWithRouter()
-
- renderWithRouter()
-
- renderWithRouter()
-
- renderWithRouter()
-
- renderWithRouter()
-
- renderWithRouter(
-let queryClient: QueryClient
-
-function wrapper({ children }: { children: ReactNode }) {
- return {children}
-}
-
-function setLocation(search: string) {
- window.history.replaceState(null, '', `/dashboard${search}`)
-}
-
-beforeEach(() => {
- queryClient = new QueryClient({
- defaultOptions: { queries: { retry: false } },
- })
- invalidateSpy = vi.fn().mockResolvedValue(undefined)
- // Spy sur la méthode invalidateQueries pour vérifier la clé exacte.
- queryClient.invalidateQueries = invalidateSpy as unknown as typeof queryClient.invalidateQueries
-})
-
-afterEach(() => {
- setLocation('')
-})
-
-describe('useUpgradeSuccessHandler', () => {
- it('?upgrade=success → showSuccess=true, invalidate(PLAN_QUERY_KEY) appelé, URL nettoyée', () => {
- setLocation('?upgrade=success')
-
- const { result } = renderHook(() => useUpgradeSuccessHandler(), { wrapper })
-
- expect(result.current.showSuccess).toBe(true)
- expect(invalidateSpy).toHaveBeenCalledTimes(1)
- expect(invalidateSpy).toHaveBeenCalledWith({ queryKey: PLAN_QUERY_KEY })
- // URL nettoyée : plus de `upgrade` dans la query string.
- expect(window.location.search).toBe('')
- })
-
- it('absence de query param → showSuccess=false, invalidate non appelé', () => {
- setLocation('')
-
- const { result } = renderHook(() => useUpgradeSuccessHandler(), { wrapper })
-
- expect(result.current.showSuccess).toBe(false)
- expect(invalidateSpy).not.toHaveBeenCalled()
- })
-
- it("?upgrade=cancelled (autre valeur) → showSuccess=false, pas d'action", () => {
- setLocation('?upgrade=cancelled')
-
- const { result } = renderHook(() => useUpgradeSuccessHandler(), { wrapper })
-
- expect(result.current.showSuccess).toBe(false)
- expect(invalidateSpy).not.toHaveBeenCalled()
- // URL conservée intacte (autre valeur, hors scope du nettoyage).
- expect(window.location.search).toBe('?upgrade=cancelled')
- })
-
- it('dismiss() bascule showSuccess à false', () => {
- setLocation('?upgrade=success')
-
- const { result } = renderHook(() => useUpgradeSuccessHandler(), { wrapper })
- expect(result.current.showSuccess).toBe(true)
-
- act(() => {
- result.current.dismiss()
- })
- expect(result.current.showSuccess).toBe(false)
- })
-
- it('conserve les autres query params (utm_*, etc.) lors du nettoyage', () => {
- setLocation('?upgrade=success&utm_source=email&ref=abc')
-
- renderHook(() => useUpgradeSuccessHandler(), { wrapper })
-
- const params = new URLSearchParams(window.location.search)
- expect(params.has('upgrade')).toBe(false)
- expect(params.get('utm_source')).toBe('email')
- expect(params.get('ref')).toBe('abc')
- })
-})
diff --git a/src/features/dashboard/hooks/usePlan.ts b/src/features/dashboard/hooks/usePlan.ts
deleted file mode 100644
index 4a221ca..0000000
--- a/src/features/dashboard/hooks/usePlan.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-/**
- * Hook TanStack Query sur le statut du plan utilisateur.
- *
- * Source unique de vérité côté frontend pour `plan`, `permissions`, et
- * compteurs de simulations. Consommé par `DashboardPage`, les gardes de
- * permission dans les pages simulations/t2-live, et le router.
- *
- * `staleTime: 5 min` — le plan change peu (upgrade Stripe, expiration). Les
- * flux d'upgrade appellent `queryClient.invalidateQueries(['plan'])` pour
- * forcer un refetch immédiat après webhook.
- */
-
-import { useQuery } from '@tanstack/react-query'
-import { getPlanStatus } from '@/entities/user/api'
-import { PLAN_QUERY_KEY } from '@/entities/user/query-keys'
-
-export { PLAN_QUERY_KEY }
-
-export function usePlan() {
- return useQuery({
- queryKey: PLAN_QUERY_KEY,
- queryFn: getPlanStatus,
- staleTime: 5 * 60 * 1000,
- })
-}
diff --git a/src/features/dashboard/hooks/useUpgradeSuccessHandler.ts b/src/features/dashboard/hooks/useUpgradeSuccessHandler.ts
deleted file mode 100644
index 1873ece..0000000
--- a/src/features/dashboard/hooks/useUpgradeSuccessHandler.ts
+++ /dev/null
@@ -1,60 +0,0 @@
-/**
- * Sprint 5c — Détection retour Stripe Checkout réussi.
- *
- * Lit `?upgrade=success` au mount de la page Dashboard, déclenche :
- * 1. invalidation du cache plan (`PLAN_QUERY_KEY`) → refetch automatique
- * du plan mis à jour par le webhook backend `checkout.session.completed`,
- * 2. affichage d'un banner de succès (consommé par DashboardPage),
- * 3. nettoyage du query param via `history.replaceState` (un refresh ne
- * doit pas re-déclencher le banner).
- *
- * Indépendant de react-router (lit `window.location.search` directement)
- * pour faciliter les tests sans MemoryRouter.
- *
- * Race connue (Sprint 5c) : le webhook Stripe peut arriver après le
- * redirect frontend (latence ~1-3 s). Si l'invalidation refetch trop tôt,
- * `usePlan()` retourne encore l'ancien plan. Mitigation MVP : message
- * neutre + refresh manuel résoud. Polling/retry à tracer en FTD si
- * problème observé en production.
- */
-
-import { useEffect, useState } from 'react'
-import { useQueryClient } from '@tanstack/react-query'
-import { PLAN_QUERY_KEY } from '@/entities/user/query-keys'
-
-export interface UseUpgradeSuccessHandlerResult {
- showSuccess: boolean
- dismiss: () => void
-}
-
-const QUERY_PARAM = 'upgrade'
-const SUCCESS_VALUE = 'success'
-
-export function useUpgradeSuccessHandler(): UseUpgradeSuccessHandlerResult {
- const [showSuccess, setShowSuccess] = useState(false)
- const queryClient = useQueryClient()
-
- useEffect(() => {
- if (typeof window === 'undefined') return
-
- const params = new URLSearchParams(window.location.search)
- if (params.get(QUERY_PARAM) !== SUCCESS_VALUE) return
-
- setShowSuccess(true)
- void queryClient.invalidateQueries({ queryKey: PLAN_QUERY_KEY })
-
- // Nettoyage URL : retire UNIQUEMENT le param `upgrade`, conserve les autres
- // (utm_*, etc.). `replaceState` ne déclenche pas de remount React Router.
- params.delete(QUERY_PARAM)
- const remaining = params.toString()
- const newSearch = remaining.length > 0 ? `?${remaining}` : ''
- const newUrl = window.location.pathname + newSearch + window.location.hash
- window.history.replaceState(null, '', newUrl)
- }, [queryClient])
-
- function dismiss(): void {
- setShowSuccess(false)
- }
-
- return { showSuccess, dismiss }
-}
diff --git a/src/features/dashboard/pages/DashboardPage.tsx b/src/features/dashboard/pages/DashboardPage.tsx
deleted file mode 100644
index cbaa59a..0000000
--- a/src/features/dashboard/pages/DashboardPage.tsx
+++ /dev/null
@@ -1,102 +0,0 @@
-/**
- * DashboardPage — orchestrateur minimal : charge le plan et route vers
- * la vue appropriée (Free / Standard / Premium).
- *
- * Le routing par plan passe exclusivement par `hasAccess()` — jamais de
- * `plan === '...'` (Règles D et H).
- */
-
-import { useQueryClient } from '@tanstack/react-query'
-import { Button } from '@/shared/ui/Button'
-import { hasAccess, canSimulate } from '@/entities/user/lib'
-import { useAuth } from '@/features/auth/hooks/useAuth'
-import { usePlan, PLAN_QUERY_KEY } from '../hooks/usePlan'
-import { useUpgradeSuccessHandler } from '../hooks/useUpgradeSuccessHandler'
-import { DashboardFreeView } from '../components/DashboardFreeView'
-import { DashboardStandardView } from '../components/DashboardStandardView'
-import { DashboardPremiumView } from '../components/DashboardPremiumView'
-import { UpgradeSuccessBanner } from '../components/UpgradeSuccessBanner'
-
-function getDisplayName(
- user: { user_metadata?: { full_name?: string }; email?: string } | null,
-): string {
- const fullName = user?.user_metadata?.full_name
- if (fullName) return fullName.split(' ')[0]
- const email = user?.email
- if (email) return email.split('@')[0]
- return 'vous'
-}
-
-function DashboardSkeleton() {
- return (
-
- )
-}
-
-function DashboardContent() {
- const { user } = useAuth()
- const { data, isLoading, isError } = usePlan()
- const queryClient = useQueryClient()
-
- if (isLoading) return
-
- Impossible de charger votre tableau de bord. Réessayez dans quelques instants.
-
-
queryClient.refetchQueries({ queryKey: PLAN_QUERY_KEY })}
- >
- Réessayer
-
-
- {showSuccess &&
- )
-}
diff --git a/src/features/design-system/DesignSystemPage.tsx b/src/features/design-system/DesignSystemPage.tsx
deleted file mode 100644
index 69ca475..0000000
--- a/src/features/design-system/DesignSystemPage.tsx
+++ /dev/null
@@ -1,389 +0,0 @@
-import React, { useState } from 'react'
-import { useTheme } from '@/shared/hooks/useTheme'
-import { Button } from '@/shared/components/ui/button'
-import { Badge } from '@/shared/components/ui/badge'
-import { Input } from '@/shared/components/ui/input'
-import { Label } from '@/shared/components/ui/label'
-import { Separator } from '@/shared/components/ui/separator'
-import { Progress } from '@/shared/components/ui/progress'
-import {
- Avatar,
- AvatarFallback,
- AvatarImage,
- AvatarGroup,
- AvatarGroupCount,
-} from '@/shared/components/ui/avatar'
-import {
- Dialog,
- DialogContent,
- DialogDescription,
- DialogFooter,
- DialogHeader,
- DialogTitle,
- DialogTrigger,
-} from '@/shared/components/ui/dialog'
-
-// ─── palette data — DA Charcoal ──────────────────────────────────────────────
-
-interface PaletteEntry {
- token: string
- cssVar: string
- dark: string
- light: string
- group: 'Invariants' | 'Dark default' | 'Light override'
-}
-
-const PALETTE: PaletteEntry[] = [
- // Invariants
- {
- token: 'sidebar-bg',
- cssVar: '--color-sidebar-bg',
- dark: '#0C1528',
- light: '#0C1528',
- group: 'Invariants',
- },
- {
- token: 'brand',
- cssVar: '--color-brand',
- dark: '#1B4FD8',
- light: '#1B4FD8',
- group: 'Invariants',
- },
- {
- token: 'brand-hover',
- cssVar: '--color-brand-hover',
- dark: '#1744B8',
- light: '#1744B8',
- group: 'Invariants',
- },
- {
- token: 'brand-active',
- cssVar: '--color-brand-active',
- dark: '#13379C',
- light: '#13379C',
- group: 'Invariants',
- },
- {
- token: 'warning',
- cssVar: '--color-warning',
- dark: '#F59E0B',
- light: '#F59E0B',
- group: 'Invariants',
- },
- {
- token: 'danger',
- cssVar: '--color-danger',
- dark: '#EF4444',
- light: '#EF4444',
- group: 'Invariants',
- },
- // Dual-theme (valeurs différentes dark/light)
- {
- token: 'canvas',
- cssVar: '--color-canvas',
- dark: '#111111',
- light: '#F3F4F6',
- group: 'Dark default',
- },
- {
- token: 'surface',
- cssVar: '--color-surface',
- dark: 'rgba(255,255,255,.035)',
- light: '#FFFFFF',
- group: 'Dark default',
- },
- {
- token: 'surface-hover',
- cssVar: '--color-surface-hover',
- dark: 'rgba(255,255,255,.055)',
- light: '#F8F9FB',
- group: 'Dark default',
- },
- {
- token: 'surface-solid',
- cssVar: '--color-surface-solid',
- dark: '#1E1E1E',
- light: '#FFFFFF',
- group: 'Dark default',
- },
- {
- token: 'surface-raised',
- cssVar: '--color-surface-raised',
- dark: '#222222',
- light: '#FFFFFF',
- group: 'Dark default',
- },
- {
- token: 'border',
- cssVar: '--color-border',
- dark: 'rgba(255,255,255,.06)',
- light: 'rgba(0,0,0,.07)',
- group: 'Dark default',
- },
- {
- token: 'border-strong',
- cssVar: '--color-border-strong',
- dark: 'rgba(255,255,255,.12)',
- light: 'rgba(0,0,0,.14)',
- group: 'Dark default',
- },
- {
- token: 'ink-primary',
- cssVar: '--color-ink-primary',
- dark: '#E5E5E5',
- light: '#0F0F1A',
- group: 'Dark default',
- },
- {
- token: 'ink-secondary',
- cssVar: '--color-ink-secondary',
- dark: 'rgba(255,255,255,.55)',
- light: 'rgba(0,0,0,.55)',
- group: 'Dark default',
- },
- {
- token: 'ink-tertiary',
- cssVar: '--color-ink-tertiary',
- dark: 'rgba(255,255,255,.3)',
- light: 'rgba(0,0,0,.3)',
- group: 'Dark default',
- },
- {
- token: 'brand-soft',
- cssVar: '--color-brand-soft',
- dark: 'rgba(27,79,216,.1)',
- light: 'rgba(27,79,216,.06)',
- group: 'Dark default',
- },
- {
- token: 'brand-text',
- cssVar: '--color-brand-text',
- dark: '#7DA4F0',
- light: '#1B4FD8',
- group: 'Dark default',
- },
- {
- token: 'success',
- cssVar: '--color-success',
- dark: '#4ADE80',
- light: '#16A34A',
- group: 'Dark default',
- },
- {
- token: 'success-soft',
- cssVar: '--color-success-soft',
- dark: 'rgba(74,222,128,.12)',
- light: 'rgba(22,163,74,.1)',
- group: 'Dark default',
- },
- {
- token: 'warning-soft',
- cssVar: '--color-warning-soft',
- dark: 'rgba(245,158,11,.12)',
- light: 'rgba(245,158,11,.12)',
- group: 'Dark default',
- },
- {
- token: 'danger-soft',
- cssVar: '--color-danger-soft',
- dark: 'rgba(239,68,68,.12)',
- light: 'rgba(239,68,68,.12)',
- group: 'Dark default',
- },
-]
-
-// ─── section wrapper ─────────────────────────────────────────────────────────
-
-function Section({ title, children }: { title: string; children: React.ReactNode }) {
- return (
-
-
- {title}
-
-
- )
-}
-
-// ─── main page ───────────────────────────────────────────────────────────────
-
-export default function DesignSystemPage() {
- const { theme, setTheme } = useTheme()
- const [dialogOpen, setDialogOpen] = useState(false)
-
- return (
-
- {/* ── header ── */}
-
-
- {/* ── palette ── */}
-
-
- {PALETTE.map(({ token, cssVar, light, dark }) => (
-
-
-
-
{token}
-
☾ {dark}
-
☀ {light}
-
-
- ))}
-
-
- {/* ── typography ── */}
-
-
-
Display / 40px Bold
-
Heading 1 / 24px Semibold
-
Heading 2 / 20px Semibold
-
Heading 3 / 17px Medium
-
Body / 14px Regular — Plus Jakarta Sans
-
Small / 13px Regular — secondary copy
-
Caption / 11px Regular — labels, metadata
-
Mono / 11px — token names, code
-
-
- {/* ── buttons ── */}
-
-
-
- Default
- Secondary
- Outline
- Ghost
- Destructive
- Link
-
-
- Large
- Default
- Small
- +
-
-
- Disabled
-
- Outline disabled
-
-
-
-
- {/* ── badges ── */}
-
-
- Default
- Secondary
- Outline
- Destructive
-
-
-
- {/* ── inputs / forms ── */}
-
-
-
- Email
-
-
- Password
-
-
- Invalid field
-
-
-
-
Content below separator
-
-
- {/* ── avatar ── */}
-
-
-
-
-
-
-
- {['AB', 'CD', 'EF'].map((initials) => (
-
- {initials}
-
- ))}
- +5
-
-
group
-
-
-
- {/* ── dialog ── */}
-
-
-
-
- Open dialog
-
-
-
- Example dialog
-
- This dialog uses DA Charcoal tokens — bg-surface-solid, border-border,
- text-ink-secondary. Toggle the theme to see it adapt.
-
-
-
- setDialogOpen(false)}>Confirm
-
-
-
-
-
-
& { id: string; created_at: string },
-): SimulationListItem {
- return {
- id: overrides.id,
- tache: overrides.tache ?? 'EE_T1',
- mode: overrides.mode ?? 'entrainement',
- score: overrides.score ?? null,
- nclc: overrides.nclc ?? null,
- nclc_cible: overrides.nclc_cible ?? null,
- created_at: overrides.created_at,
- }
-}
-
-describe('applyFilters', () => {
- const items: SimulationListItem[] = [
- item({ id: 'a', tache: 'EE_T1', created_at: '2026-04-22T10:00:00Z', score: 14 }),
- item({ id: 'b', tache: 'EE_T2', created_at: '2026-04-10T10:00:00Z', score: 12 }),
- item({ id: 'c', tache: 'EO_T1', created_at: '2026-02-15T10:00:00Z', score: 16 }),
- item({ id: 'd', tache: 'EO_T3', created_at: '2025-12-01T10:00:00Z', score: 10 }),
- ]
-
- it('task=all + period=all → tous les items', () => {
- expect(applyFilters(items, { task: 'all', period: 'all' }, NOW).map((i) => i.id)).toEqual([
- 'a',
- 'b',
- 'c',
- 'd',
- ])
- })
-
- it('filtre par tâche', () => {
- expect(applyFilters(items, { task: 'EE_T1', period: 'all' }, NOW).map((i) => i.id)).toEqual([
- 'a',
- ])
- })
-
- it("period=this-month garde uniquement les items d'avril 2026", () => {
- expect(
- applyFilters(items, { task: 'all', period: 'this-month' }, NOW).map((i) => i.id),
- ).toEqual(['a', 'b'])
- })
-
- it('period=3-months exclut les items > 90 jours', () => {
- expect(applyFilters(items, { task: 'all', period: '3-months' }, NOW).map((i) => i.id)).toEqual([
- 'a',
- 'b',
- 'c',
- ])
- })
-
- it('combine tâche + période', () => {
- expect(
- applyFilters(items, { task: 'EE_T2', period: 'this-month' }, NOW).map((i) => i.id),
- ).toEqual(['b'])
- })
-})
-
-describe('computeStats', () => {
- it('dataset vide → all null', () => {
- expect(computeStats([], NOW)).toEqual({
- total: 0,
- thisMonth: 0,
- average: null,
- best: null,
- })
- })
-
- it('ignore les scores null pour average + best', () => {
- const items = [
- item({ id: 'a', created_at: '2026-04-20T10:00:00Z', score: 12 }),
- item({ id: 'b', created_at: '2026-04-21T10:00:00Z', score: null }),
- item({ id: 'c', created_at: '2026-04-22T10:00:00Z', score: 18 }),
- ]
- const s = computeStats(items, NOW)
- expect(s.total).toBe(3)
- expect(s.thisMonth).toBe(3)
- expect(s.average).toBe(15)
- expect(s.best?.score).toBe(18)
- expect(s.best?.created_at).toBe('2026-04-22T10:00:00Z')
- })
-
- it('thisMonth ne compte que le mois courant', () => {
- const items = [
- item({ id: 'a', created_at: '2026-04-22T10:00:00Z', score: 14 }),
- item({ id: 'b', created_at: '2026-03-22T10:00:00Z', score: 14 }),
- ]
- expect(computeStats(items, NOW).thisMonth).toBe(1)
- })
-})
-
-describe('computeTrend', () => {
- it('retourne null si fenêtre récente vide', () => {
- const items = [item({ id: 'a', created_at: '2026-02-15T10:00:00Z', score: 10 })]
- expect(computeTrend(items, NOW)).toBeNull()
- })
-
- it('retourne null si fenêtre précédente vide', () => {
- const items = [item({ id: 'a', created_at: '2026-04-20T10:00:00Z', score: 14 })]
- expect(computeTrend(items, NOW)).toBeNull()
- })
-
- it('détecte une tendance up', () => {
- const items = [
- // récents (0–30j) : moyenne 15
- item({ id: 'a', created_at: '2026-04-20T10:00:00Z', score: 16 }),
- item({ id: 'b', created_at: '2026-04-10T10:00:00Z', score: 14 }),
- // précédents (30–60j) : moyenne 12
- item({ id: 'c', created_at: '2026-03-20T10:00:00Z', score: 12 }),
- item({ id: 'd', created_at: '2026-03-10T10:00:00Z', score: 12 }),
- ]
- const t = computeTrend(items, NOW)
- expect(t?.direction).toBe('up')
- expect(t?.delta).toBeCloseTo(3, 5)
- })
-
- it('détecte une tendance down', () => {
- const items = [
- item({ id: 'a', created_at: '2026-04-20T10:00:00Z', score: 10 }),
- item({ id: 'b', created_at: '2026-03-15T10:00:00Z', score: 14 }),
- ]
- const t = computeTrend(items, NOW)
- expect(t?.direction).toBe('down')
- expect(t?.delta).toBeCloseTo(4, 5)
- })
-
- it('ignore les scores null', () => {
- const items = [
- item({ id: 'a', created_at: '2026-04-20T10:00:00Z', score: null }),
- item({ id: 'b', created_at: '2026-04-10T10:00:00Z', score: 14 }),
- item({ id: 'c', created_at: '2026-03-15T10:00:00Z', score: 12 }),
- ]
- const t = computeTrend(items, NOW)
- expect(t?.direction).toBe('up')
- expect(t?.delta).toBeCloseTo(2, 5)
- })
-})
-
-describe('formatShortDate', () => {
- it('formate "22 avr." en fr-FR', () => {
- expect(formatShortDate('2026-04-22T10:00:00Z')).toMatch(/22 avr/)
- })
-
- it('retourne chaîne vide pour ISO invalide', () => {
- expect(formatShortDate('not-a-date')).toBe('')
- })
-})
-
-describe('formatTaskLabel', () => {
- it('entraînement → "EE · Tâche 3"', () => {
- expect(formatTaskLabel({ tache: 'EE_T3', mode: 'entrainement' })).toBe('EE · Tâche 3')
- })
-
- it('examen EE → "Examen blanc EE"', () => {
- expect(formatTaskLabel({ tache: 'EE_T1', mode: 'examen' })).toBe('Examen blanc EE')
- })
-
- it('examen EO → "Examen blanc EO"', () => {
- expect(formatTaskLabel({ tache: 'EO_T3', mode: 'examen' })).toBe('Examen blanc EO')
- })
-})
-
-describe('nclcChipVariant', () => {
- it('≥ 9 → ok', () => {
- expect(nclcChipVariant(9)).toBe('ok')
- expect(nclcChipVariant(12)).toBe('ok')
- })
- it('7-8 → warn', () => {
- expect(nclcChipVariant(7)).toBe('warn')
- expect(nclcChipVariant(8)).toBe('warn')
- })
- it('≤ 6 → err', () => {
- expect(nclcChipVariant(6)).toBe('err')
- expect(nclcChipVariant(0)).toBe('err')
- })
-})
diff --git a/src/features/historique/components/HistoriqueFilters.tsx b/src/features/historique/components/HistoriqueFilters.tsx
deleted file mode 100644
index 4e38033..0000000
--- a/src/features/historique/components/HistoriqueFilters.tsx
+++ /dev/null
@@ -1,129 +0,0 @@
-/**
- * Filtres de la page /historique — refonte Sprint 4.7 + correction theming.
- *
- * Dropdowns custom (div + état ouvert/fermé) — zéro lib externe — pour
- * garantir la lisibilité en dark/light. Tokens DA Charcoal (Règle L).
- *
- * Accessibilité minimale : button aria-haspopup, fermeture sur clic
- * extérieur ou Escape, options atteignables au clic.
- */
-
-import { useEffect, useRef, useState } from 'react'
-import { ChevronDown } from 'lucide-react'
-import type { PeriodFilter, TaskFilter } from '../lib/historique'
-
-interface Props {
- task: TaskFilter
- period: PeriodFilter
- onTaskChange: (task: TaskFilter) => void
- onPeriodChange: (period: PeriodFilter) => void
-}
-
-const TASK_OPTIONS: { value: TaskFilter; label: string }[] = [
- { value: 'all', label: 'Toutes les tâches' },
- { value: 'EE_T1', label: 'EE T1' },
- { value: 'EE_T2', label: 'EE T2' },
- { value: 'EE_T3', label: 'EE T3' },
- { value: 'EO_T1', label: 'EO T1' },
- { value: 'EO_T3', label: 'EO T3' },
-]
-
-const PERIOD_OPTIONS: { value: PeriodFilter; label: string }[] = [
- { value: 'this-month', label: 'Ce mois' },
- { value: '3-months', label: '3 mois' },
- { value: 'all', label: 'Tout' },
-]
-
-interface DropdownProps {
- value: T
- options: { value: T; label: string }[]
- onChange: (value: T) => void
- ariaLabel: string
-}
-
-function Dropdown({ value, options, onChange, ariaLabel }: DropdownProps) {
- const [open, setOpen] = useState(false)
- const rootRef = useRef(null)
-
- useEffect(() => {
- if (!open) return
- function onDocClick(e: MouseEvent) {
- if (rootRef.current && !rootRef.current.contains(e.target as Node)) setOpen(false)
- }
- function onKey(e: KeyboardEvent) {
- if (e.key === 'Escape') setOpen(false)
- }
- document.addEventListener('mousedown', onDocClick)
- document.addEventListener('keydown', onKey)
- return () => {
- document.removeEventListener('mousedown', onDocClick)
- document.removeEventListener('keydown', onKey)
- }
- }, [open])
-
- const selected = options.find((o) => o.value === value) ?? options[0]
-
- return (
-
-
setOpen((o) => !o)}
- className="inline-flex items-center gap-1.5 rounded-lg border border-border bg-surface px-[14px] py-[7px] text-[12.5px] font-semibold text-ink-primary hover:bg-surface-hover focus-visible:outline-none focus-visible:shadow-focus"
- >
- {selected.label}
-
-
- {open && (
-
- {options.map((opt) => {
- const isActive = opt.value === value
- return (
-
- {
- onChange(opt.value)
- setOpen(false)
- }}
- className={`block w-full whitespace-nowrap px-[14px] py-2 text-left text-[12.5px] font-medium hover:bg-surface-hover focus-visible:bg-surface-hover focus-visible:outline-none ${
- isActive ? 'text-brand-text' : 'text-ink-primary'
- }`}
- >
- {opt.label}
-
-
- )
- })}
-
- )}
-
-
- )
-}
diff --git a/src/features/historique/components/HistoriqueStats.tsx b/src/features/historique/components/HistoriqueStats.tsx
deleted file mode 100644
index 52621b2..0000000
--- a/src/features/historique/components/HistoriqueStats.tsx
+++ /dev/null
@@ -1,118 +0,0 @@
-/**
- * 3 cartes métriques en haut de /historique — Sprint 4.7.
- *
- * Total simulations / Score moyen / Meilleur score. Recalculées à chaque
- * changement de filtres (les filtres sont appliqués en amont par la page).
- *
- * Règle L : tokens DA Charcoal exclusivement.
- * Règle H : purement présentationnel.
- */
-
-import {
- formatShortDate,
- formatTaskLabel,
- type HistoriqueStats,
- type Trend,
-} from '../lib/historique'
-
-interface Props {
- stats: HistoriqueStats
- trend: Trend | null
-}
-
-const NUMBER_FR = new Intl.NumberFormat('fr-FR', {
- minimumFractionDigits: 1,
- maximumFractionDigits: 1,
-})
-
-function Label({ children }: { children: React.ReactNode }) {
- return (
-
- {children}
-
- )
-}
-
-function Value({ children }: { children: React.ReactNode }) {
- return (
-
- {children}
-
- )
-}
-
-function Unit({ children }: { children: React.ReactNode }) {
- return {children}
-}
-
-function Footer({ children }: { children: React.ReactNode }) {
- return {children}
-}
-
-function TrendChip({ trend }: { trend: Trend }) {
- const isUp = trend.direction === 'up'
- const sign = isUp ? '+' : '-'
- const label = `${sign}${NUMBER_FR.format(trend.delta)} en 30j`
- const colorClasses = isUp
- ? 'bg-success-soft text-success border-success/30'
- : 'bg-danger-soft text-danger border-danger/30'
- return (
-
- {isUp ? '↑' : '↓'}
- {label}
-
- )
-}
-
-export function HistoriqueStatsCards({ stats, trend }: Props) {
- return (
-
-
-
Total simulations
-
- {stats.total}
-
-
dont {stats.thisMonth} ce mois
-
-
-
-
Score moyen
-
- {stats.average !== null ? (
- <>
- {NUMBER_FR.format(stats.average)}
- /20
-
- ) : (
- —
- )}
-
- {trend ?
:
}
-
-
-
-
Meilleur score
-
- {stats.best !== null ? (
- <>
- {stats.best.score}
- /20
-
- ) : (
- —
- )}
-
- {stats.best !== null ? (
-
- {formatTaskLabel({ tache: stats.best.tache, mode: 'entrainement' })} ·{' '}
- {formatShortDate(stats.best.created_at)}
-
- ) : (
-
- )}
-
-
NCLC {nclc}
-}
-
-export function SimulationListItem({ item, isLast }: Props) {
- const hasScore = item.score !== null && item.nclc !== null
- const borderClass = isLast ? '' : 'border-b border-border'
-
- return (
-
- {formatShortDate(item.created_at)}
-
-
-
- {formatTaskLabel(item)}
-
-
- {hasScore && item.nclc !== null ? (
- En cours
- )}
-
-
- {hasScore ? `${item.score}/20` : '—/20'}
-
-
-
-
- {PLACEHOLDER_WIDTHS.map((w, i) => (
-
- ))}
-
-
-
-
Historique disponible en Standard
-
- Voir les plans
-
-
-
- {Array.from({ length: 5 }).map((_, i) => (
-
- ))}
-
- Aucune simulation pour le moment.
-
- Lancez votre première simulation pour commencer à construire votre historique.
-
-
-
-
-
-
- )
-}
-
-function EmptyFilteredState() {
- return (
-
- Aucune simulation ne correspond à ces filtres.
-
- Essayez d'élargir la période ou de changer la tâche sélectionnée.
-
-
- )
-}
-
-function ErrorState() {
- return (
-
-
- Impossible de charger l'historique. Réessayez dans quelques instants.
-
-
- )
-}
-
-export function SimulationsList({ plan, items, isLoading, isError, isFiltered, onUpgrade }: Props) {
- if (!hasAccess(plan, 'dashboard')) {
- return
-
- {items.map((it, i) => (
-
-
- ))}
-
-
{ui} )
-}
-
-const ITEMS: SimulationListItem[] = [
- {
- id: 'p1',
- tache: 'EE_T1',
- mode: 'entrainement',
- score: 14,
- nclc: 9,
- nclc_cible: 9,
- created_at: '2026-04-22T10:00:00Z',
- },
- {
- id: 'p2',
- tache: 'EE_T2',
- mode: 'examen',
- score: 16,
- nclc: 10,
- nclc_cible: 10,
- created_at: '2026-04-22T09:00:00Z',
- },
- {
- id: 'p3',
- tache: 'EE_T3',
- mode: 'entrainement',
- score: null,
- nclc: null,
- nclc_cible: null,
- created_at: '2026-04-22T08:00:00Z',
- },
-]
-
-const NOOP = () => {}
-
-describe('SimulationsList — gating Free', () => {
- it("affiche l'aperçu flouté pour le plan Free", () => {
- renderWithRouter(
- = {
- EE_T1: 'EE · Tâche 1',
- EE_T2: 'EE · Tâche 2',
- EE_T3: 'EE · Tâche 3',
- EO_T1: 'EO · Tâche 1',
- EO_T2_LIVE: 'EO · Tâche 2 Live',
- EO_T3: 'EO · Tâche 3',
-}
-
-/**
- * Libellé court d'un item d'historique selon la maquette Sprint 4.7.
- *
- * Mode entraînement → "EE · Tâche 3"
- * Mode examen → "Examen blanc EE" / "Examen blanc EO"
- */
-export function formatTaskLabel(item: Pick): string {
- if (item.mode === 'examen') {
- return item.tache.startsWith('EE_') ? 'Examen blanc EE' : 'Examen blanc EO'
- }
- return TACHE_NUMBER[item.tache]
-}
-
-export type NclcChip = 'ok' | 'warn' | 'err'
-
-/**
- * Variante visuelle du badge NCLC selon le seuil :
- * - ≥ 9 → ok (success)
- * - 7-8 → warn (warning/gold)
- * - ≤ 6 → err (danger)
- */
-export function nclcChipVariant(nclc: number): NclcChip {
- if (nclc >= 9) return 'ok'
- if (nclc >= 7) return 'warn'
- return 'err'
-}
diff --git a/src/features/historique/pages/HistoriquePage.tsx b/src/features/historique/pages/HistoriquePage.tsx
deleted file mode 100644
index 028d9e0..0000000
--- a/src/features/historique/pages/HistoriquePage.tsx
+++ /dev/null
@@ -1,103 +0,0 @@
-/**
- * Page /historique — refonte Sprint 4.7.
- *
- * Charge en une fois les 50 simulations les plus récentes via
- * `useSimulationsList(1, 50)` puis applique les filtres (tâche + période)
- * côté frontend. Cette limite est volontaire : un MVP avec un volume modeste
- * d'utilisateurs ne nécessite pas de filtrage backend. Au-delà de 50, les
- * simulations plus anciennes ne sont pas accessibles tant que les filtres
- * ne sont pas reportés côté backend (`GET /simulations?tache=&since=`).
- *
- * Règle D : gating via `hasAccess(plan, 'dashboard')` dans `SimulationsList`.
- * Règle L : tokens DA Charcoal exclusivement.
- */
-
-import { useMemo, useState } from 'react'
-import { useNavigate } from 'react-router-dom'
-import { usePlan } from '@/features/dashboard/hooks/usePlan'
-import { useSimulationsList } from '../hooks/useSimulationsList'
-import { SimulationsList } from '../components/SimulationsList'
-import { HistoriqueStatsCards } from '../components/HistoriqueStats'
-import { HistoriqueFilters } from '../components/HistoriqueFilters'
-import {
- applyFilters,
- computeStats,
- computeTrend,
- type PeriodFilter,
- type TaskFilter,
-} from '../lib/historique'
-
-const LIMIT = 50
-
-export function HistoriquePage() {
- const navigate = useNavigate()
- const [task, setTask] = useState('all')
- const [period, setPeriod] = useState('this-month')
-
- const { data: planData, isLoading: isPlanLoading } = usePlan()
- const { data, isLoading, isError } = useSimulationsList(1, LIMIT)
-
- const now = useMemo(() => new Date(), [])
- const allItems = data?.data ?? []
- const filtered = useMemo(
- () => applyFilters(allItems, { task, period }, now),
- [allItems, task, period, now],
- )
- const stats = useMemo(() => computeStats(filtered, now), [filtered, now])
- const trend = useMemo(() => computeTrend(filtered, now), [filtered, now])
-
- const isFiltered = task !== 'all' || period !== 'all'
- const showStats = !isPlanLoading && planData && !isError
- const canSeeContent = planData && planData.plan !== 'free'
-
- // AppLayout fournit déjà mx-auto max-w-[1100px] + lg:px-9 lg:py-9 (cf.
- // AppLayout.tsx) — on limite ici à 860 px sans réintroduire de padding
- // pour éviter le double margin.
- return (
-
-
-
- {showStats && canSeeContent && (
-
-
- )}
-
- {isPlanLoading || !planData ? (
-
- ) : (
- navigate('/plan')}
- />
- )}
-
- )
-}
diff --git a/src/features/progression/components/BlurredProgression.tsx b/src/features/progression/components/BlurredProgression.tsx
deleted file mode 100644
index 5162d78..0000000
--- a/src/features/progression/components/BlurredProgression.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-/**
- * BlurredProgression — Sprint 3.6c.
- *
- * Aperçu flouté de la page /progression pour Free/Standard + CTA upgrade
- * vers Premium. Ce composant n'est JAMAIS rendu pour Premium (cf.
- * ProgressionPage) — le gating est fait en amont via hasAccess.
- *
- * Règle L : tokens Direction H exclusivement.
- */
-
-import { Lock } from 'lucide-react'
-import { Button } from '@/shared/ui/Button'
-
-interface Props {
- onUpgrade: () => void
-}
-
-const PLACEHOLDER_HEIGHTS = ['h-24', 'h-16', 'h-16', 'h-20'] as const
-
-export function BlurredProgression({ onUpgrade }: Props) {
- return (
-
-
- {PLACEHOLDER_HEIGHTS.map((h, i) => (
-
- ))}
-
-
-
-
-
- Profil de préparation — Exclusivité Premium
-
-
- Analysez vos erreurs récurrentes, recevez des exercices ciblés long terme, et suivez
- votre indice de préparation au TCF Canada.
-
-
-
- Passer en Premium
-
-
-
-
-
Profil de préparation
-
- Vous avez réalisé{' '}
-
- {current}/{minimum}
- {' '}
- simulations corrigées.{' '}
- {remaining > 0
- ? `Encore ${remaining} pour débloquer votre profil.`
- : 'Votre profil va être généré à la prochaine correction.'}
-
-
-
-
-
-
- )
-}
diff --git a/src/features/progression/components/PatternExerciceCard.tsx b/src/features/progression/components/PatternExerciceCard.tsx
deleted file mode 100644
index 4337cd0..0000000
--- a/src/features/progression/components/PatternExerciceCard.tsx
+++ /dev/null
@@ -1,91 +0,0 @@
-/**
- * PatternExerciceCard — Sprint 3.6c.
- *
- * Carte d'exercice long terme : UX **leçon** (pas interactive, contrairement à
- * `ExerciceInteractive` du rapport individuel). Le candidat a déjà répété
- * cette erreur 3+ fois — l'intention est de montrer directement le bon usage
- * + l'astuce mnémotechnique pour réflexe de relecture.
- *
- * Structure :
- * - En-tête : critère + badge taxonomie + diagnostic
- * - Bloc consigne (fond neutre)
- * - Exemple incorrect (barré rouge) → Correction (fond vert)
- * - Encart astuce avec icône ampoule + fond chaud
- *
- * Règle L : tokens Direction H exclusivement.
- * Règle H : présentation pure — contenu fourni par DeepSeek via backend.
- */
-
-import { Lightbulb } from 'lucide-react'
-import ReactMarkdown from 'react-markdown'
-import { Card } from '@/shared/ui/Card'
-import { Badge } from '@/shared/ui/Badge'
-import { CRITERE_LABELS } from '@/entities/report/lib'
-import type { PatternExercice } from '@/entities/patterns/types'
-
-interface Props {
- exercice: PatternExercice
-}
-
-export function PatternExerciceCard({ exercice }: Props) {
- const critereLabel = CRITERE_LABELS[exercice.critere]
-
- return (
-
-
-
- {critereLabel}
-
- {exercice.code.replace(/_/g, ' ')}
-
-
- {exercice.diagnostic && (
-
- {children} }}
- >
- {exercice.diagnostic}
-
-
- )}
-
-
- Consigne
-
-
{exercice.exercice.consigne}
-
-
-
- Incorrect
-
-
- {exercice.exercice.exemple}
-
-
-
-
- Correct
-
-
{exercice.exercice.correction}
-
-
-
-
-
- Astuce de relecture
-
-
{exercice.exercice.astuce}
-
-
- )
-}
diff --git a/src/features/progression/components/PatternsList.tsx b/src/features/progression/components/PatternsList.tsx
deleted file mode 100644
index 78c3ded..0000000
--- a/src/features/progression/components/PatternsList.tsx
+++ /dev/null
@@ -1,53 +0,0 @@
-/**
- * PatternsList — Sprint 3.6c.
- *
- * Liste les erreurs récurrentes détectées, groupées par critère et triées par
- * fréquence DESC (déjà fait côté backend).
- *
- * Règle L : tokens Direction H exclusivement.
- */
-
-import { Card } from '@/shared/ui/Card'
-import { Badge } from '@/shared/ui/Badge'
-import { CRITERE_LABELS } from '@/entities/report/lib'
-import type { Pattern } from '@/entities/patterns/types'
-
-interface Props {
- patterns: Pattern[]
-}
-
-function humanizeCode(code: string): string {
- return code.replace(/_/g, ' ')
-}
-
-export function PatternsList({ patterns }: Props) {
- if (patterns.length === 0) {
- return (
-
-
- Aucune erreur récurrente détectée sur vos 5 dernières productions. Continuez ainsi !
-
-
- )
- }
-
- return (
-
- {patterns.map((p) => (
-
-
-
-
- {p.description ?? humanizeCode(p.code)}
-
-
{CRITERE_LABELS[p.critere]}
-
- {p.frequency}/5
-
-
-
- ))}
-
- )
-}
diff --git a/src/features/progression/components/PreparationIndexHero.tsx b/src/features/progression/components/PreparationIndexHero.tsx
deleted file mode 100644
index ef112f7..0000000
--- a/src/features/progression/components/PreparationIndexHero.tsx
+++ /dev/null
@@ -1,64 +0,0 @@
-/**
- * PreparationIndexHero — Sprint 3.6c.
- *
- * Affiche l'indice de préparation (0-100) en gros, jauge horizontale et
- * message interprétatif (<40 / 40-70 / >70).
- *
- * Règle L : tokens Direction H exclusivement.
- * Règle H : présentation pure — le message vient du backend.
- */
-
-import { Card } from '@/shared/ui/Card'
-import type { PreparationIndex } from '@/entities/patterns/types'
-
-interface Props {
- index: PreparationIndex
-}
-
-function gaugeColor(score: number): string {
- if (score < 40) return 'bg-danger'
- if (score <= 70) return 'bg-warning'
- return 'bg-success'
-}
-
-export function PreparationIndexHero({ index }: Props) {
- const pct = Math.max(0, Math.min(100, index.score))
- const color = gaugeColor(pct)
-
- return (
-
-
-
-
- Indice de préparation
-
-
- {index.score}
- /100
-
-
-
{index.message}
-
- 0
- 40
- 70
- 100
-
-
- )
-}
diff --git a/src/features/progression/components/ProgressionPremium.tsx b/src/features/progression/components/ProgressionPremium.tsx
deleted file mode 100644
index a8c816f..0000000
--- a/src/features/progression/components/ProgressionPremium.tsx
+++ /dev/null
@@ -1,57 +0,0 @@
-/**
- * ProgressionPremium — Sprint 3.6c.
- *
- * Orchestre le contenu de /progression pour un utilisateur Premium :
- * - not-ready → NotReadyState
- * - ready → Hero (indice) + PatternsList + PatternExerciceCard[] + footer
- *
- * Règle L : tokens Direction H exclusivement.
- * Règle H : purement présentationnel — data vient du parent via props.
- */
-
-import { Card } from '@/shared/ui/Card'
-import { formatRelativeDate } from '@/shared/lib/date'
-import type { PatternsResponse } from '@/entities/patterns/types'
-import { PreparationIndexHero } from './PreparationIndexHero'
-import { PatternsList } from './PatternsList'
-import { PatternExerciceCard } from './PatternExerciceCard'
-import { NotReadyState } from './NotReadyState'
-
-interface Props {
- data: PatternsResponse
-}
-
-export function ProgressionPremium({ data }: Props) {
- if (!data.ready) {
- return
-
-
-
- Erreurs récurrentes
-
-
- {data.exercises.length > 0 && (
-
- Exercices long terme
-
- {data.exercises.map((ex, i) => (
-
- ))}
-
- )}
-
-
-
- Analyse basée sur vos {data.analyzed_productions} dernières productions —{' '}
- {formatRelativeDate(data.last_analysis)}
-
-
-
{ui} )
-}
-
-const EXERCICE: PatternExercice = {
- code: 'accord_sujet_verbe',
- critere: 'competence_grammaticale',
- diagnostic: 'Accords fragiles sur vos 5 dernières productions.',
- exercice: {
- consigne: 'Corrigez la phrase suivante.',
- exemple: 'les enfants joue dans le parc',
- correction: 'les enfants jouent dans le parc',
- astuce: 'Pointez du doigt le sujet avant de lire le verbe.',
- },
-}
-
-const READY_DATA: PatternsReady = {
- ready: true,
- patterns: [
- {
- code: 'accord_sujet_verbe',
- critere: 'competence_grammaticale',
- frequency: 4,
- description: null,
- },
- { code: 'connecteurs_repetes', critere: 'coherence_cohesion', frequency: 3, description: null },
- ],
- exercises: [EXERCICE],
- preparation_index: { score: 72, message: 'Vous êtes en bonne voie pour NCLC 9+' },
- analyzed_productions: 5,
- last_analysis: new Date(Date.now() - 2 * 60 * 60 * 1000).toISOString(),
-}
-
-const NOT_READY: PatternsNotReady = {
- ready: false,
- minimum: 5,
- current: 3,
-}
-
-describe('ProgressionPremium — état not-ready', () => {
- it('affiche le compteur N/5 et le CTA "Démarrer une simulation"', () => {
- renderWithRouter(
-
-
-
- {isPlanLoading && navigate('/plan')} />
- )}
-
- {!isPlanLoading && planData && isPremium && (
- <>
- {isPatternsLoading &&
-
- Impossible de charger votre profil de préparation. Réessayez dans quelques
- instants.
-
-
- navigate(0)}>
- Rafraîchir
-
-
-
- )}
- {patternsData &&
-
-
-
-
-
{recorder.error ?? 'Erreur audio.'}
- {recorder.permissionDenied && (
-
- Vérifiez que le site a l'autorisation d'utiliser le micro dans les réglages du
- navigateur, puis réessayez.
-
- )}
-
-
-
- void recorder.start()}>
- Réessayer
-
-
- Annuler
-
-
-
-
-
- {recorder.status === 'requesting' && 'Autorisation du micro…'}
- {isRecording && 'Enregistrement actif'}
- {isStopped && 'Enregistrement terminé'}
- {recorder.status === 'idle' && 'Prêt'}
-
-
- {formatTimer(recorder.elapsedSeconds)}
-
-
-
- {isRecording && (
-
-
- )}
-
- {maxSeconds && (isRecording || isStopped) && (
-
-
- )}
-
- {isRecording && remaining > 0 && (
-
- Minimum 30 secondes requis ({remaining} s restantes).
-
- )}
-
-
- {isRecording && (
- <>
-
- Annuler
-
-
- )}
-
- {recorder.status === 'idle' && (
-
-
{
- if (!open) onClose()
- }}
- >
-
-
-
-
-
- Pour prolonger votre rédaction, inspirez-vous de ces pistes.
-
-
-
- {isLoading && (
-
-
- )}
-
- {!isLoading && message && (
-
- {message}
-
- )}
-
- {!isLoading && !message && idees && idees.length > 0 && (
-
- {idees.map((idee, i) => (
-
- {idee}
-
- ))}
-
- )}
-
-
- )
-}
diff --git a/src/features/simulations/components/NclcCibleSelector.tsx b/src/features/simulations/components/NclcCibleSelector.tsx
deleted file mode 100644
index ce9fd48..0000000
--- a/src/features/simulations/components/NclcCibleSelector.tsx
+++ /dev/null
@@ -1,67 +0,0 @@
-/**
- * Sélecteur de niveau NCLC cible — Sprint 3.6b.
- *
- * Segmented control à 2 valeurs : NCLC 9 ou NCLC 10.
- * La valeur est envoyée dans le payload `POST /corrections/ee` (champ `nclc_cible`).
- * Backend par défaut : 9 (cf. expria-backend `corrections.ts`).
- *
- * Règle L : tokens Direction H exclusivement.
- * Règle H : purement présentationnel — l'état vit chez le parent (SimulationForm).
- */
-
-import { cn } from '@/shared/lib/utils'
-import type { NclcCible } from '@/entities/report/types'
-
-interface Props {
- value: NclcCible
- onChange: (next: NclcCible) => void
- disabled?: boolean
-}
-
-const OPTIONS: { value: NclcCible; label: string; hint: string }[] = [
- { value: 9, label: 'NCLC 9', hint: 'Visa — 14/20 minimum' },
- { value: 10, label: 'NCLC 10', hint: 'Excellence — 16/20 minimum' },
-]
-
-export function NclcCibleSelector({ value, onChange, disabled = false }: Props) {
- return (
-
- Objectif de correction
-
- {OPTIONS.map((opt) => {
- const active = opt.value === value
- return (
- onChange(opt.value)}
- className={cn(
- 'px-4 py-2 text-sm font-medium transition-colors duration-150',
- 'focus-visible:outline-none focus-visible:shadow-focus',
- 'disabled:cursor-not-allowed disabled:opacity-50',
- active
- ? 'bg-brand text-white'
- : 'bg-surface text-ink-primary hover:bg-surface-hover hover:text-ink-primary',
- )}
- title={opt.hint}
- >
- {opt.label}
-
- )
- })}
-
- {OPTIONS.find((o) => o.value === value)?.hint}
-
- )
-}
diff --git a/src/features/simulations/components/RecordingTimeline.tsx b/src/features/simulations/components/RecordingTimeline.tsx
deleted file mode 100644
index 234c065..0000000
--- a/src/features/simulations/components/RecordingTimeline.tsx
+++ /dev/null
@@ -1,56 +0,0 @@
-/**
- * Barre de progression colorée pour l'enregistrement EO — Sprint 4.6.
- *
- * Affiche le temps écoulé vs `maxSeconds` avec une couleur qui passe de
- * verte à orange à rouge selon des seuils fixes :
- * - Vert : elapsed < maxSeconds - 30
- * - Orange : maxSeconds - 30 ≤ elapsed < maxSeconds - 15
- * - Rouge : elapsed ≥ maxSeconds - 15 (les 15 dernières secondes)
- *
- * Tokens Direction Charcoal exclusivement (Règle L).
- */
-
-interface Props {
- elapsedSeconds: number
- maxSeconds: number
-}
-
-type TimelineColor = 'success' | 'warning' | 'danger'
-
-export function getTimelineColor(elapsedSeconds: number, maxSeconds: number): TimelineColor {
- if (elapsedSeconds >= maxSeconds - 15) return 'danger'
- if (elapsedSeconds >= maxSeconds - 30) return 'warning'
- return 'success'
-}
-
-const COLOR_VAR: Record = {
- success: 'var(--color-success)',
- warning: 'var(--color-warning)',
- danger: 'var(--color-danger)',
-}
-
-export function RecordingTimeline({ elapsedSeconds, maxSeconds }: Props) {
- const clamped = Math.min(Math.max(elapsedSeconds, 0), maxSeconds)
- const ratio = maxSeconds > 0 ? clamped / maxSeconds : 0
- const color = getTimelineColor(clamped, maxSeconds)
-
- return (
-
- )
-}
diff --git a/src/features/simulations/components/RecordingWaveform.tsx b/src/features/simulations/components/RecordingWaveform.tsx
deleted file mode 100644
index 405680e..0000000
--- a/src/features/simulations/components/RecordingWaveform.tsx
+++ /dev/null
@@ -1,121 +0,0 @@
-/**
- * Visualisation en barres audio animées pendant l'enregistrement — Sprint 4.6.
- *
- * Branche un AnalyserNode sur le `MediaStream` exposé par `useAudioRecorder`,
- * agrège la FFT en `barCount` barres et anime via requestAnimationFrame.
- *
- * Quand `stream === null`, le composant affiche des barres au repos (au cas
- * où il serait monté hors enregistrement) et ne crée aucun AudioContext.
- *
- * Respecte `prefers-reduced-motion` : pas de rAF, rendu statique.
- *
- * Tokens Direction Charcoal exclusivement (Règle L).
- */
-
-import { useEffect, useRef, useState } from 'react'
-
-interface Props {
- stream: MediaStream | null
- barCount?: number
-}
-
-const DEFAULT_BAR_COUNT = 32
-const FFT_SIZE = 256
-
-export function RecordingWaveform({ stream, barCount = DEFAULT_BAR_COUNT }: Props) {
- const [levels, setLevels] = useState(() => new Array(barCount).fill(0))
- const rafRef = useRef(null)
- const audioCtxRef = useRef(null)
-
- useEffect(() => {
- if (!stream) {
- setLevels(new Array(barCount).fill(0))
- return
- }
-
- const reduceMotion =
- typeof window !== 'undefined' &&
- window.matchMedia?.('(prefers-reduced-motion: reduce)').matches
-
- const Ctor =
- window.AudioContext ??
- (window as unknown as { webkitAudioContext?: typeof AudioContext }).webkitAudioContext
- if (!Ctor) return
-
- const audioCtx = new Ctor()
- audioCtxRef.current = audioCtx
- const source = audioCtx.createMediaStreamSource(stream)
- const analyser = audioCtx.createAnalyser()
- analyser.fftSize = FFT_SIZE
- analyser.smoothingTimeConstant = 0.7
- source.connect(analyser)
-
- const bins = analyser.frequencyBinCount
- const data = new Uint8Array(bins)
- const binsPerBar = Math.max(1, Math.floor(bins / barCount))
-
- function tick() {
- analyser.getByteFrequencyData(data)
- const next: number[] = []
- for (let b = 0; b < barCount; b++) {
- let sum = 0
- const start = b * binsPerBar
- for (let i = 0; i < binsPerBar; i++) sum += data[start + i] ?? 0
- next.push(sum / binsPerBar / 255)
- }
- setLevels(next)
- rafRef.current = requestAnimationFrame(tick)
- }
-
- if (reduceMotion) {
- // Snapshot unique
- analyser.getByteFrequencyData(data)
- const next: number[] = []
- for (let b = 0; b < barCount; b++) {
- let sum = 0
- const start = b * binsPerBar
- for (let i = 0; i < binsPerBar; i++) sum += data[start + i] ?? 0
- next.push(sum / binsPerBar / 255)
- }
- setLevels(next)
- } else {
- rafRef.current = requestAnimationFrame(tick)
- }
-
- return () => {
- if (rafRef.current !== null) cancelAnimationFrame(rafRef.current)
- rafRef.current = null
- try {
- source.disconnect()
- analyser.disconnect()
- } catch {
- /* noop */
- }
- void audioCtx.close().catch(() => {
- /* noop */
- })
- audioCtxRef.current = null
- }
- }, [stream, barCount])
-
- return (
-
- {levels.map((level, i) => {
- const height = Math.max(0.08, level)
- return (
-
- )
-}
diff --git a/src/features/simulations/components/SimulationForm.tsx b/src/features/simulations/components/SimulationForm.tsx
deleted file mode 100644
index 14f90af..0000000
--- a/src/features/simulations/components/SimulationForm.tsx
+++ /dev/null
@@ -1,352 +0,0 @@
-/**
- * Formulaire de saisie pour une simulation Expression Écrite.
- *
- * SEC-04 : validation Zod avant envoi (texte non vide, max 5 000 caractères).
- * SEC-05 : aucun dangerouslySetInnerHTML — le texte utilisateur est rendu comme texte.
- * Règle H : aucune logique métier — délègue à simulationConfig + useTimer.
- *
- * Minuteur et cibles de mots : cf. getSimulationConfig(tache).
- * À l'expiration du timer, soumission automatique si mots ≥ motsMin,
- * sinon message explicite demandant d'atteindre le seuil.
- */
-
-import { useEffect, useRef, useState, type FormEvent } from 'react'
-import { Clock, Lightbulb, Loader2, Shuffle } from 'lucide-react'
-import { z } from 'zod'
-import { Button } from '@/shared/ui/Button'
-import { formatTache } from '@/entities/production/lib'
-import { hasAccess, type Plan } from '@/entities/user/lib'
-import type { SujetData, Tache } from '@/entities/production/types'
-import type { NclcCible } from '@/entities/report/types'
-import type { ApiError } from '@/shared/types/api'
-import { countWords, getSimulationConfig } from '../lib/simulationConfig'
-import { useTimer } from '../hooks/useTimer'
-import { useIdees } from '../hooks/useIdees'
-import { useAutosave } from '../hooks/useAutosave'
-import type { SimulationStep } from '../state/simulationFlow'
-import { SujetDisplay } from './SujetDisplay'
-import { SpecialCharsKeyboard } from './SpecialCharsKeyboard'
-import { TimerDisplay } from './TimerDisplay'
-import { WordCountBar } from './WordCountBar'
-import { IdeesSuggestions } from './IdeesSuggestions'
-import { NclcCibleSelector } from './NclcCibleSelector'
-
-const MIN_WORDS_IDEES = 30
-const LS_SIMULATION_ID_KEY = 'expria_simulation_id'
-
-const secondaryActionBtn =
- 'inline-flex items-center gap-1.5 rounded-md border border-border bg-surface px-3 py-1.5 text-sm text-ink-primary transition-colors hover:border-brand hover:text-brand-text focus:border-brand focus:outline-none focus:shadow-focus disabled:cursor-not-allowed disabled:opacity-50'
-
-const textSchema = z.object({
- texte: z
- .string()
- .min(1, 'Le texte ne peut pas être vide.')
- .max(5000, 'Le texte ne doit pas dépasser 5 000 caractères.'),
-})
-
-function mapCorrectError(err: ApiError | null): string | null {
- if (!err) return null
- switch (err.code) {
- case 'SIMULATION_NOT_FOUND':
- return 'Simulation introuvable. Revenez en arrière et recommencez.'
- case 'AUTH_REQUIRED':
- return 'Votre session a expiré. Reconnectez-vous.'
- case 'VALIDATION_ERROR':
- case 'INVALID_BODY':
- return 'Le texte soumis est invalide. Vérifiez votre saisie.'
- default:
- return 'Correction impossible. Réessayez dans quelques instants.'
- }
-}
-
-interface Props {
- tache: Tache
- sujet: SujetData | null
- plan: Plan
- simulationId: string
- initialContenu?: string
- step: SimulationStep
- isSubmitting: boolean
- error: ApiError | null
- onSubmit: (texte: string, nclcCible: NclcCible) => void
- onBack: () => void
- onChangeSujet: () => void
-}
-
-export function SimulationForm({
- tache,
- sujet,
- plan,
- simulationId,
- initialContenu,
- step,
- isSubmitting,
- error,
- onSubmit,
- onBack,
- onChangeSujet,
-}: Props) {
- const textareaRef = useRef(null)
- const hasAutoSubmittedRef = useRef(false)
- const [texte, setTexte] = useState(() => initialContenu ?? '')
- const [fieldError, setFieldError] = useState(null)
- const [isIdeesOpen, setIsIdeesOpen] = useState(false)
- const [nclcCible, setNclcCible] = useState(9)
-
- const config = getSimulationConfig(tache)
- const wordCount = countWords(texte)
- const canSubmit = wordCount >= config.motsMin
-
- const timer = useTimer(config.dureeMinutes, !isSubmitting)
- const idees = useIdees()
- const autosaveEnabled = !isSubmitting && step !== 'done' && step !== 'correcting'
- const autosave = useAutosave(simulationId, texte, autosaveEnabled)
-
- // FTD-21 — marquer la simulation en cours pour le resume au refresh.
- useEffect(() => {
- if (simulationId) {
- localStorage.setItem(LS_SIMULATION_ID_KEY, simulationId)
- }
- }, [simulationId])
-
- // FTD-21 — nettoyer dès que la correction est terminée.
- useEffect(() => {
- if (step === 'done') {
- localStorage.removeItem(LS_SIMULATION_ID_KEY)
- }
- }, [step])
-
- const tipsAllowed = hasAccess(plan, 'tips')
- const ideesDisabled =
- isSubmitting || idees.isLoading || !sujet || !tipsAllowed || wordCount < MIN_WORDS_IDEES
- const ideesTitle = !tipsAllowed
- ? 'Disponible en Standard'
- : wordCount < MIN_WORDS_IDEES
- ? `Écrivez au moins ${MIN_WORDS_IDEES} mots`
- : undefined
-
- function handleIdeesClick() {
- if (!sujet) return
- setIsIdeesOpen(true)
- idees.fetchIdees({ consigne: sujet.consigne, contenu: texte })
- }
-
- function handleIdeesClose() {
- setIsIdeesOpen(false)
- idees.reset()
- }
-
- useEffect(() => {
- const el = textareaRef.current
- if (!el) return
- el.style.height = 'auto'
- el.style.height = `${el.scrollHeight}px`
- }, [texte])
-
- useEffect(() => {
- if (!timer.isExpired) return
- if (hasAutoSubmittedRef.current) return
- if (isSubmitting) return
- if (wordCount < config.motsMin) return
-
- hasAutoSubmittedRef.current = true
- onSubmit(texte, nclcCible)
- }, [timer.isExpired, wordCount, config.motsMin, isSubmitting, texte, nclcCible, onSubmit])
-
- function handleInsert(char: string) {
- const el = textareaRef.current
- if (!el) {
- setTexte((prev) => prev + char)
- return
- }
- const start = el.selectionStart ?? texte.length
- const end = el.selectionEnd ?? texte.length
- const next = texte.slice(0, start) + char + texte.slice(end)
- setTexte(next)
- const caret = start + char.length
- requestAnimationFrame(() => {
- el.focus()
- el.setSelectionRange(caret, caret)
- })
- }
-
- function handleSubmit(e: FormEvent) {
- e.preventDefault()
- setFieldError(null)
-
- const parsed = textSchema.safeParse({ texte })
- if (!parsed.success) {
- setFieldError(parsed.error.flatten().fieldErrors.texte?.[0] ?? null)
- return
- }
-
- if (wordCount < config.motsMin) {
- setFieldError(`Écrivez au moins ${config.motsMin} mots pour soumettre.`)
- return
- }
-
- onSubmit(parsed.data.texte, nclcCible)
- }
-
- const apiError = mapCorrectError(error)
- const expiredBelowMin = timer.isExpired && wordCount < config.motsMin
- const submitDisabled = isSubmitting || !canSubmit
-
- return (
-
-
-
- ← Retour
-
-
{formatTache(tache)}
-
-
-
-
- {sujet && (
-
-
-
-
-
-
- )}
-
-
-
- {apiError && (
-
- {apiError}
-
- )}
-
- {expiredBelowMin && (
-
- Temps écoulé. Écrivez au moins {config.motsMin} mots pour soumettre.
-
- )}
-
-