transmis au prof

frontend/src/App.jsx

@@ -190,6 +190,7 @@ function TutorApp({ currentUser, onLogout }) {
   })
   const [messages, setMessages] = useState([])
   const [currentInstruction, setCurrentInstruction] = useState('')
+  const [lastStudentTransmission, setLastStudentTransmission] = useState('')
   const [sessionActive, setSessionActive] = useState(false)
   const [currentFocusSkill, setCurrentFocusSkill] = useState(null)
   const [exerciseStatus, setExerciseStatus] = useState('not-started')
@@ -288,6 +289,7 @@ function TutorApp({ currentUser, onLogout }) {
     setSessionActive(false)
     setAssessment(null)
     setAssessmentAnswer('')
+    setLastStudentTransmission('')
     setCurrentFocusSkill(null)
     setExerciseStatus('not-started')
     if (selectedStudentId) {
@@ -459,6 +461,7 @@ function TutorApp({ currentUser, onLogout }) {
         }),
       })
       appendMessage('user', `Reponse au mini-test: ${assessmentAnswer}`)
+      setLastStudentTransmission(assessmentAnswer)
       appendMessage('assistant', data.feedback)
       setCurrentInstruction(data.feedback)
       setExerciseStatus(data.correct ? 'resolved' : 'needs-review')
@@ -492,6 +495,7 @@ function TutorApp({ currentUser, onLogout }) {
     setAssessment(null)
     setAssessmentAnswer('')
     setInput('')
+    setLastStudentTransmission('')
   }
 
   async function toggleSession() {
@@ -617,6 +621,7 @@ function TutorApp({ currentUser, onLogout }) {
       throw new Error('Choisis un élève avant d’envoyer un message.')
     }
     appendMessage('user', text)
+    setLastStudentTransmission(text)
     setInput('')
     setErrorMessage('')
     const data = await apiFetch('/chat', {
@@ -652,6 +657,7 @@ function TutorApp({ currentUser, onLogout }) {
         return
       }
 
+      setLastStudentTransmission(transcript)
       if (autoSend && selectedStudentId) {
         setVoiceStatus('Texte reconnu, envoi automatique...')
         pushAudioDebug('Envoi automatique du message transcrit')
@@ -1008,6 +1014,11 @@ function TutorApp({ currentUser, onLogout }) {
           </form>
         )}
 
+        <section className="student-transmission">
+          <span>Transmis au prof</span>
+          <p>{lastStudentTransmission || 'Le texte reconnu par le micro ou envoye au clavier apparaitra ici.'}</p>
+        </section>
+
         <form onSubmit={assessment ? submitAssessment : sendMessage} className="composer">
           <input
             value={assessment ? assessmentAnswer : input}

frontend/src/styles.css

@@ -136,6 +136,28 @@ button:disabled { opacity: 0.5; cursor: not-allowed; }
   text-transform: uppercase;
 }
 .messages { display: none; }
+.student-transmission {
+  flex: 0 0 auto;
+  border: 1px solid #dbeafe;
+  border-radius: 14px;
+  background: #f8fbff;
+  padding: 0.7rem 0.85rem;
+}
+.student-transmission span {
+  display: block;
+  color: #2563eb;
+  font-size: 0.78rem;
+  font-weight: 700;
+  margin-bottom: 0.25rem;
+  text-transform: uppercase;
+}
+.student-transmission p {
+  margin: 0;
+  color: #14213d;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
 .message {
   max-width: 92%;
   margin-bottom: 0.45rem;