From e449661ee02c47cedb40f0ebf9d9c6c8ab74d459 Mon Sep 17 00:00:00 2001
From: Hermann_Kitio <hermannkitio94@gmail.com>
Date: Mon, 20 Apr 2026 23:15:13 +0300
Subject: [PATCH] feat(simulations): afficher la consigne du sujet au-dessus de
 la textarea

---
 src/features/simulations/components/SimulationForm.tsx | 8 ++++++--
 src/features/simulations/pages/SimulationPage.tsx      | 2 ++
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/features/simulations/components/SimulationForm.tsx b/src/features/simulations/components/SimulationForm.tsx
index b3a7268..2612a8e 100644
--- a/src/features/simulations/components/SimulationForm.tsx
+++ b/src/features/simulations/components/SimulationForm.tsx
@@ -11,8 +11,9 @@ import { Loader2 } from 'lucide-react'
 import { z } from 'zod'
 import { Button } from '@/shared/components/ui/button'
 import { formatTache } from '@/entities/production/lib'
-import type { Tache } from '@/entities/production/types'
+import type { SujetData, Tache } from '@/entities/production/types'
 import type { ApiError } from '@/shared/types/api'
+import { SujetDisplay } from './SujetDisplay'
 
 const textSchema = z.object({
   texte: z
@@ -38,13 +39,14 @@ function mapCorrectError(err: ApiError | null): string | null {
 
 interface Props {
   tache: Tache
+  sujet: SujetData | null
   isSubmitting: boolean
   error: ApiError | null
   onSubmit: (texte: string) => void
   onBack: () => void
 }
 
-export function SimulationForm({ tache, isSubmitting, error, onSubmit, onBack }: Props) {
+export function SimulationForm({ tache, sujet, isSubmitting, error, onSubmit, onBack }: Props) {
   const [texte, setTexte] = useState('')
   const [fieldError, setFieldError] = useState<string | null>(null)
 
@@ -78,6 +80,8 @@ export function SimulationForm({ tache, isSubmitting, error, onSubmit, onBack }:
         <h2 className="text-lg font-semibold text-ink-1">{formatTache(tache)}</h2>
       </div>
 
+      <SujetDisplay sujet={sujet} />
+
       {apiError && (
         <div
           role="alert"
diff --git a/src/features/simulations/pages/SimulationPage.tsx b/src/features/simulations/pages/SimulationPage.tsx
index c669d8e..40a2b76 100644
--- a/src/features/simulations/pages/SimulationPage.tsx
+++ b/src/features/simulations/pages/SimulationPage.tsx
@@ -49,6 +49,7 @@ export function SimulationPage() {
   const {
     step,
     production,
+    sujet,
     isCreating,
     isCorrecting,
     correctError,
@@ -90,6 +91,7 @@ export function SimulationPage() {
       {planData && (step === 'task-selected' || step === 'correcting') && production && (
         <SimulationForm
           tache={production.tache}
+          sujet={sujet}
           isSubmitting={isCorrecting}
           error={correctError}
           onSubmit={submitText}