{latestAssistantMessage.content}
+ ) : ( ++ Demarre la seance pour afficher ici la consigne de Professeur TOP. +
+ )} +Le dialogue apparaƮtra ici.
} {messages.map((message) => ( diff --git a/frontend/src/styles.css b/frontend/src/styles.css index 1099038..893a10e 100644 --- a/frontend/src/styles.css +++ b/frontend/src/styles.css @@ -58,9 +58,32 @@ button:disabled { opacity: 0.5; cursor: not-allowed; } color: #64748b; font-size: 0.95rem; } +.instruction-stage { + min-height: 180px; + display: flex; + flex-direction: column; + justify-content: center; + gap: 0.75rem; + background: #eef6ff; + border: 1px solid #cfe4ff; + border-radius: 20px; + padding: 1.25rem; +} +.instruction-stage p { + margin: 0; + font-size: 1.25rem; + line-height: 1.5; + white-space: pre-wrap; +} +.stage-label { + color: #2563eb; + font-size: 0.85rem; + font-weight: 700; + text-transform: uppercase; +} .messages { flex: 1; - min-height: 360px; + min-height: 220px; overflow: auto; background: #f8fafc; border-radius: 20px;