sépare la vitrine de l'application : vraie coquille, barre par rôle, chat

Une fois connecté, plus aucun lien vitrine : nouvelle layouts/app (barre
du haut avec menu avatar, barre latérale par rôle, bulle de chat
Messenger, barre d'onglets mobile). Les 10 entrées de navigation
demandées sont construites en vrai plutôt qu'en renvoi "bientôt
disponible" : Ma classe, Emploi du temps, Mes devoirs, Mes cours, Mes
notes côté élève ; Mes classes, Emploi du temps, Séances en direct,
Bibliothèque, Résultats (avec Observations, la dernière fonction
fictive du tableau de bord démo) côté prof.

Chat élève <-> prof de sa classe, jamais entre élèves. Mon profil,
Paramètres (thème, taille du texte), Signaler un problème, Mes
raccourcis. /eleve vidée des faux contenus ("À faire", "Ma progression",
"Mes QCM") restés avant le chantier "vrai cockpit".

Bug trouvé en testant en réel sur le serveur (pas en local) : le
compteur de messages non lus du chat ne redescendait jamais à zéro
(FilConversation sans lu_par_prof_a/lu_par_eleve_a dans son fillable) —
corrigé avec un test de non-régression.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

portail/resources/views/aide-app.blade.php

@@ -0,0 +1,35 @@
+@extends('layouts.app')
+
+@section('titre', 'Aide et assistance')
+
+@section('contenu')
+    <div class="mx-auto max-w-2xl px-5 py-10">
+        <h1 class="text-3xl font-extrabold" style="color:var(--sy-ink)">Aide et assistance</h1>
+
+        <div class="mt-6 grid gap-5">
+            @if ($estProf)
+                <section class="rounded-2xl border p-5" style="border-color:var(--sy-line);background:var(--sy-surface)">
+                    <h2 class="font-extrabold" style="color:var(--sy-ink)">Créer une classe et ajouter des élèves</h2>
+                    <p class="mt-2 font-semibold" style="color:var(--sy-muted)">Depuis « Mes classes », crée une classe puis ajoute des élèves un par un, en lot avec un fichier CSV, ou laisse-les rejoindre avec le code de la classe.</p>
+                </section>
+                <section class="rounded-2xl border p-5" style="border-color:var(--sy-line);background:var(--sy-surface)">
+                    <h2 class="font-extrabold" style="color:var(--sy-ink)">Lancer un lab</h2>
+                    <p class="mt-2 font-semibold" style="color:var(--sy-muted)">Ouvre une classe, planifie une séance et admets les élèves en salle d'attente : chacun reçoit sa machine virtuelle.</p>
+                </section>
+            @else
+                <section class="rounded-2xl border p-5" style="border-color:var(--sy-line);background:var(--sy-surface)">
+                    <h2 class="font-extrabold" style="color:var(--sy-ink)">Rejoindre une séance</h2>
+                    <p class="mt-2 font-semibold" style="color:var(--sy-muted)">Quand ton prof ouvre une séance, elle apparaît dans « Emploi du temps » et dans « Mes devoirs ». Clique sur « Rejoindre la séance » pour obtenir ta machine virtuelle.</p>
+                </section>
+                <section class="rounded-2xl border p-5" style="border-color:var(--sy-line);background:var(--sy-surface)">
+                    <h2 class="font-extrabold" style="color:var(--sy-ink)">Perdre son identifiant ou son code</h2>
+                    <p class="mt-2 font-semibold" style="color:var(--sy-muted)">Ton prof peut te régénérer une fiche de connexion depuis sa page « Mes classes ».</p>
+                </section>
+            @endif
+            <section class="rounded-2xl border p-5" style="border-color:var(--sy-line);background:var(--sy-surface)">
+                <h2 class="font-extrabold" style="color:var(--sy-ink)">Autre chose ?</h2>
+                <p class="mt-2 font-semibold" style="color:var(--sy-muted)">Utilise « Signaler un problème » dans le menu du profil, en haut à droite.</p>
+            </section>
+        </div>
+    </div>
+@endsection