Card central

frontend/src/App.jsx

@@ -213,7 +213,6 @@ function TutorApp({ currentUser, onLogout }) {
   const [studentProgram, setStudentProgram] = useState(null)
   const [activeAssetIndex, setActiveAssetIndex] = useState(0)
   const [activeSectionIndex, setActiveSectionIndex] = useState(0)
-  const [assetFullscreenOpen, setAssetFullscreenOpen] = useState(false)
   const [progressPanelOpen, setProgressPanelOpen] = useState(false)
   const [settingsPanelOpen, setSettingsPanelOpen] = useState(false)
   const mediaRecorderRef = useRef(null)
@@ -512,7 +511,6 @@ function TutorApp({ currentUser, onLogout }) {
     stopSpeechPlayback()
     deactivateAutoListening(false)
     setSessionActive(false)
-    setAssetFullscreenOpen(false)
     setProgressPanelOpen(false)
     setSettingsPanelOpen(false)
     setCurrentInstruction('')
@@ -614,6 +612,22 @@ function TutorApp({ currentUser, onLogout }) {
     }
   }
 
+  function getLessonContextPayload() {
+    return {
+      lesson_title: activeLessonTitle,
+      asset_title: activeAsset?.title || null,
+      section_title: activeSection?.title || activeAsset?.title || null,
+      step_percent: lessonStepPercent,
+    }
+  }
+
+  function compactInstruction(text) {
+    const cleanText = text.trim()
+    if (!cleanText) return ''
+    const sentences = cleanText.match(/[^.!?]+[.!?]+|[^.!?]+$/g) || [cleanText]
+    return sentences.slice(0, 2).join(' ').trim()
+  }
+
   async function finishSpeechPlayback(debugMessage) {
     setSpeaking(false)
     if (audioPlaybackUrlRef.current) {
@@ -718,7 +732,11 @@ function TutorApp({ currentUser, onLogout }) {
     const data = await apiFetch('/chat', {
       method: 'POST',
       headers: { 'Content-Type': 'application/json' },
-      body: JSON.stringify({ student_id: Number(selectedStudentId), message: text }),
+      body: JSON.stringify({
+        student_id: Number(selectedStudentId),
+        message: text,
+        ...getLessonContextPayload(),
+      }),
     })
     appendMessage('assistant', data.reply)
     setCurrentInstruction(data.reply)
@@ -1079,7 +1097,7 @@ function TutorApp({ currentUser, onLogout }) {
                 )}
               </div>
               {currentInstruction ? (
-                <p className="teacher-transcript">{currentInstruction}</p>
+                <p className="teacher-transcript">{compactInstruction(currentInstruction)}</p>
               ) : (
                 <p className="muted teacher-transcript">Professeur TOP prépare la suite de la leçon.</p>
               )}
@@ -1106,18 +1124,12 @@ function TutorApp({ currentUser, onLogout }) {
                       </button>
                     </div>
                   </div>
-                  <button
-                    type="button"
-                    className="lesson-asset-open"
-                    onClick={() => setAssetFullscreenOpen(true)}
-                    aria-label="Agrandir la fiche"
-                  >
+                  <div className="lesson-asset-open">
                     <img
                       src={activeSection?.url || activeAsset.url}
                       alt={activeSection?.title || activeAsset.title}
                     />
-                    <span>Agrandir la fiche</span>
-                  </button>
+                  </div>
                 </div>
               )}
             </section>
@@ -1195,42 +1207,6 @@ function TutorApp({ currentUser, onLogout }) {
               </div>
             )}
 
-            {assetFullscreenOpen && activeAsset && (
-              <div className="asset-fullscreen" role="dialog" aria-label="Fiche agrandie">
-                <div className="asset-fullscreen-bar">
-                  <strong>
-                    Étape {activeLessonStep}/{totalLessonSteps} · {activeSection?.title || activeAsset.title}
-                  </strong>
-                  <button type="button" className="secondary-button" onClick={() => setAssetFullscreenOpen(false)}>
-                    Fermer
-                  </button>
-                </div>
-                <div className="asset-fullscreen-stage">
-                  <img
-                    src={activeSection?.url || activeAsset.url}
-                    alt={activeSection?.title || activeAsset.title}
-                  />
-                </div>
-                <div className="asset-fullscreen-controls">
-                  <button
-                    type="button"
-                    className="secondary-button"
-                    onClick={goToPreviousLessonStep}
-                    disabled={activeLessonStep <= 1}
-                  >
-                    Précédente
-                  </button>
-                  <button
-                    type="button"
-                    className="secondary-button"
-                    onClick={goToNextLessonStep}
-                    disabled={activeLessonStep >= totalLessonSteps}
-                  >
-                    Suivante
-                  </button>
-                </div>
-              </div>
-            )}
           </main>
         )}
       </div>