[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_26":27,"_28":29,"_30":12,"_31":12,"_32":12,"_33":12,"_34":12,"_35":12,"_36":37},"routes/canvas.shared.$sharedTextdocId",{"_9":10,"_11":12},"sharedTextdoc",{"_13":14,"_15":-7,"_16":17,"_18":19,"_20":21,"_22":23,"_24":12,"_25":12},"isAuthenticated",false,"sharedTextdocId","6962dff16f30819196446407560edb09","versionInt","title","Application De Recherche – Fiches Pédagogiques","type","code/react","content","import { useEffect, useMemo, useRef, useState } from \"react\";\n\nfunction Chip({ children, className = \"\" }) {\n return (\n \n {children}\n \n );\n}\n\nfunction IconButton({ children, onClick, active = false, title }) {\n return (\n \n {children}\n \n );\n}\n\nfunction SectionTitle({ children, right }) {\n return (\n

{children}

\n {right}\n

\n );\n}\n\nconst autoTags = (niveau, titre) => {\n const t = titre.toLowerCase();\n const tags = new Set();\n\n if (niveau === \"Découvrir / Explorer\") tags.add(\"Découverte\");\n if (niveau === \"Analyser / Comprendre\") tags.add(\"Analyse\");\n if (niveau === \"Mémoriser / Consolider\") tags.add(\"Mémorisation\");\n if (niveau === \"Créer / Innover\") tags.add(\"Créativité\");\n if (niveau === \"Coopérer / Travailler ensemble\") tags.add(\"Collaboration\");\n if (niveau === \"Évaluer / S’autoévaluer\") tags.add(\"Évaluation\");\n\n if (t.includes(\"kahoot\") || t.includes(\"wooclap\") || t.includes(\"qr\") || t.includes(\"numérique\") || t.includes(\"genially\")) {\n tags.add(\"Numérique\");\n tags.add(\"Hybride possible\");\n }\n\n if (t.includes(\"icebreaker\") || t.includes(\"speed\") || t.includes(\"bingo\") || t.includes(\"roue\")) tags.add(\"Brise-glace\");\n if (t.includes(\"minute\") || t.includes(\"rapide\") || t.includes(\"speed\")) tags.add(\"Court\");\n\n if (t.includes(\"quiz\") || t.includes(\"qcm\")) tags.add(\"Quiz\");\n if (t.includes(\"jeu\") || t.includes(\"game\") || t.includes(\"escape\")) tags.add(\"Ludique\");\n if (t.includes(\"débat\") || t.includes(\"critique\") || t.includes(\"dilemme\")) tags.add(\"Débat\");\n if (t.includes(\"brainstorm\") || t.includes(\"idé\") || t.includes(\"mashup\") || t.includes(\"scamper\") || t.includes(\"design\")) tags.add(\"Idéation\");\n if (t.includes(\"poster\") || t.includes(\"storyboard\") || t.includes(\"bd\") || t.includes(\"dessin\")) tags.add(\"Production\");\n if (t.includes(\"feedback\") || t.includes(\"bilan\") || t.includes(\"journal\") || t.includes(\"rétrospective\")) tags.add(\"Feedback\");\n if (t.includes(\"rôle\") || t.includes(\"théâtre\") || t.includes(\"forum\") || t.includes(\"story\") || t.includes(\"scénario\")) tags.add(\"Mise en situation\");\n if (t.includes(\"carte\") || t.includes(\"image\") || t.includes(\"photolangage\") || t.includes(\"portrait chinois\") || t.includes(\"timeline\")) tags.add(\"Visuel\");\n if (t.includes(\"pairs\") || t.includes(\"entre pairs\") || t.includes(\"collabor\") || t.includes(\"équipe\") || t.includes(\"ensemble\") || t.includes(\"co-\")) tags.add(\"Travail en groupe\");\n\n if (t.includes(\"marshmallow\") || t.includes(\"spaghetti\") || t.includes(\"pont\")) tags.add(\"Matériel\");\n\n tags.add(\"Présentiel\");\n\n return Array.from(tags);\n};\n\nconst estimateDuration = (tags = []) => {\n const weights = {\n Court: 10,\n \"Brise-glace\": 10,\n Quiz: 15,\n Ludique: 20,\n Débat: 25,\n Analyse: 25,\n \"Mise en situation\": 30,\n Créativité: 30,\n Production: 30,\n Collaboration: 35,\n \"Travail en groupe\": 25,\n Feedback: 15,\n Mémorisation: 20,\n Numérique: 15,\n Visuel: 10,\n Idéation: 20,\n Matériel: 10,\n };\n\n const base = tags.reduce((s, t) => s + (weights[t] || 6), 0);\n const raw = Math.min(45, Math.max(10, base));\n const steps = [10, 15, 20, 25, 30, 35, 40, 45];\n return steps.reduce((best, v) => (Math.abs(v - raw) < Math.abs(best - raw) ? v : best), steps[0]);\n};\n\nconst rawData = [\n { niveau: \"Découvrir / Explorer\", numero: 14, titre: \"Carte mystère\", page: 25 },\n { niveau: \"Analyser / Comprendre\", numero: 8, titre: \"Analyse d’articles + vote\", page: 61 },\n { niveau: \"Mémoriser / Consolider\", numero: 18, titre: \"Ancrages mnésiques (acrostiches)\", page: 50 },\n { niveau: \"Analyser / Comprendre\", numero: 9, titre: \"Comparaison double entrée\", page: 62 },\n { niveau: \"Mémoriser / Consolider\", numero: 19, titre: \"Fiche mémo collective\", page: 51 },\n { niveau: \"Analyser / Comprendre\", numero: 18, titre: \"Kaizen – réparer le processus\", page: 71 },\n { niveau: \"Mémoriser / Consolider\", numero: 15, titre: \"Paires image ↔ terme\", page: 47 },\n { niveau: \"Mémoriser / Consolider\", numero: 20, titre: \"Quiz progressif (espacé)\", page: 52 },\n { niveau: \"Analyser / Comprendre\", numero: 11, titre: \"Tri critique d’arguments\", page: 64 },\n { niveau: \"Découvrir / Explorer\", numero: 10, titre: \"Associations d’images\", page: 21 },\n { niveau: \"Créer / Innover\", numero: 6, titre: \"Atelier futur possible\", page: 101 },\n { niveau: \"Mémoriser / Consolider\", numero: 7, titre: \"Atelier teach back\", page: 39 },\n { niveau: \"Créer / Innover\", numero: 14, titre: \"Atelier analogies\", page: 109 },\n { niveau: \"Créer / Innover\", numero: 4, titre: \"Atelier métaphores visuelles\", page: 99 },\n { niveau: \"Coopérer / Travailler ensemble\", numero: 3, titre: \"Atelier puzzle collaboratif\", page: 77 },\n { niveau: \"Évaluer / S’autoévaluer\", numero: 8, titre: \"Auto-positionnement (1→5)\", page: 124 },\n { niveau: \"Évaluer / S’autoévaluer\", numero: 5, titre: \"Baromètre du groupe\", page: 121 },\n { niveau: \"Découvrir / Explorer\", numero: 6, titre: \"Brainstorming post-it\", page: 17 },\n { niveau: \"Coopérer / Travailler ensemble\", numero: 18, titre: \"Carte des compétences\", page: 92 },\n { niveau: \"Découvrir / Explorer\", numero: 8, titre: \"Carte mentale collective\", page: 19 },\n { niveau: \"Créer / Innover\", numero: 17, titre: \"Carte postale du futur\", page: 112 },\n { niveau: \"Coopérer / Travailler ensemble\", numero: 9, titre: \"Chasse aux trésors en équipes\", page: 83 },\n { niveau: \"Évaluer / S’autoévaluer\", numero: 17, titre: \"Checklist de relecture\", page: 133 },\n { niveau: \"Coopérer / Travailler ensemble\", numero: 7, titre: \"Co-construction de posters\", page: 81 },\n { niveau: \"Créer / Innover\", numero: 5, titre: \"Conception d’un serious game court\", page: 100 },\n { niveau: \"Coopérer / Travailler ensemble\", numero: 12, titre: \"Construire un pont\", page: 86 },\n { niveau: \"Évaluer / S’autoévaluer\", numero: 14, titre: \"Contrat d’engagement SMART\", page: 130 },\n { niveau: \"Créer / Innover\", numero: 2, titre: \"Création d’un slogan ou affiche\", page: 97 },\n { niveau: \"Analyser / Comprendre\", numero: 5, titre: \"Débat mouvant (oui/non)\", page: 58 },\n { niveau: \"Évaluer / S’autoévaluer\", numero: 19, titre: \"Démo évaluée\", page: 135 },\n { niveau: \"Créer / Innover\", numero: 20, titre: \"Design d’affordances\", page: 115 },\n { niveau: \"Créer / Innover\", numero: 9, titre: \"Dessin / BD explicative\", page: 104 },\n { niveau: \"Mémoriser / Consolider\", numero: 5, titre: \"Dominos des concepts\", page: 37 },\n { niveau: \"Analyser / Comprendre\", numero: 6, titre: \"Escape game pédagogique basé sur un problème\", page: 59 },\n { niveau: \"Créer / Innover\", numero: 10, titre: \"Escape room par les apprenants\", page: 105 },\n { niveau: \"Analyser / Comprendre\", numero: 1, titre: \"Étude de cas ludifiée\", page: 54 },\n { niveau: \"Évaluer / S’autoévaluer\", numero: 2, titre: \"Feedback croisé entre pairs\", page: 118 },\n { niveau: \"Évaluer / S’autoévaluer\", numero: 13, titre: \"Feu tricolore des notions\", page: 129 },\n { niveau: \"Mémoriser / Consolider\", numero: 2, titre: \"Flashcards (papier ou numérique)\", page: 34 },\n { niveau: \"Analyser / Comprendre\", numero: 16, titre: \"Grille de critères de qualité\", page: 69 },\n { niveau: \"Créer / Innover\", numero: 13, titre: \"Hack ton process\", page: 108 },\n { niveau: \"Découvrir / Explorer\", numero: 1, titre: \"Icebreaker 2 vérités 1 mensonge\", page: 12 },\n { niveau: \"Analyser / Comprendre\", numero: 12, titre: \"Ishikawa (causes/effets)\", page: 65 },\n { niveau: \"Créer / Innover\", numero: 3, titre: \"Imagine une solution impossible\", page: 98 },\n { niveau: \"Évaluer / S’autoévaluer\", numero: 6, titre: \"Jeu la bonne réponse avec buzzers\", page: 122 },\n { niveau: \"Coopérer / Travailler ensemble\", numero: 6, titre: \"Jeu de l’araignée\", page: 80 },\n { niveau: \"Découvrir / Explorer\", numero: 7, titre: \"Jeu de piste numérique\", page: 18 },\n { niveau: \"Découvrir / Explorer\", numero: 9, titre: \"Jeu de rôle scénario surprise\", page: 20 },\n { niveau: \"Analyser / Comprendre\", numero: 4, titre: \"Jeu de rôle critique\", page: 57 },\n { niveau: \"Évaluer / S’autoévaluer\", numero: 9, titre: \"Jeu de rôle évaluation inversée\", page: 125 },\n { niveau: \"Analyser / Comprendre\", numero: 2, titre: \"Jeu des erreurs à repérer\", page: 55 },\n { niveau: \"Découvrir / Explorer\", numero: 3, titre: \"Jeu du bingo des attentes\", page: 14 },\n { niveau: \"Évaluer / S’autoévaluer\", numero: 3, titre: \"Jeu du feu rouge\", page: 119 },\n { niveau: \"Coopérer / Travailler ensemble\", numero: 2, titre: \"Jeu du marshmallow challenge\", page: 76 },\n { niveau: \"Mémoriser / Consolider\", numero: 3, titre: \"Jeu du pendu vocabulaire métier\", page: 35 },\n { niveau: \"Analyser / Comprendre\", numero: 3, titre: \"Jeu du puzzle processus\", page: 56 },\n { niveau: \"Mémoriser / Consolider\", numero: 11, titre: \"Bataille de définitions\", page: 43 },\n { niveau: \"Analyser / Comprendre\", numero: 15, titre: \"Carte d’empathie\", page: 68 },\n { niveau: \"Mémoriser / Consolider\", numero: 12, titre: \"Chaise chaude\", page: 44 },\n { niveau: \"Découvrir / Explorer\", numero: 16, titre: \"Chasse aux idées\", page: 27 },\n { niveau: \"Coopérer / Travailler ensemble\", numero: 14, titre: \"Critique positive 3x3\", page: 88 },\n { niveau: \"Découvrir / Explorer\", numero: 18, titre: \"Galerie vivante\", page: 29 },\n { niveau: \"Évaluer / S’autoévaluer\", numero: 16, titre: \"Gométocratie\", page: 132 },\n { niveau: \"Coopérer / Travailler ensemble\", numero: 17, titre: \"Rétrospective météo\", page: 91 },\n { niveau: \"Découvrir / Explorer\", numero: 17, titre: \"Roue des questions\", page: 28 },\n { niveau: \"Mémoriser / Consolider\", numero: 8, titre: \"Timeline à reconstituer\", page: 40 },\n { niveau: \"Mémoriser / Consolider\", numero: 17, titre: \"Tour des mots-clés\", page: 49 },\n { niveau: \"Analyser / Comprendre\", numero: 10, titre: \"Brainstorming inversé\", page: 63 },\n { niveau: \"Analyser / Comprendre\", numero: 14, titre: \"Comparatif pair à pair\", page: 67 },\n { niveau: \"Mémoriser / Consolider\", numero: 10, titre: \"Défi minute\", page: 42 },\n { niveau: \"Coopérer / Travailler ensemble\", numero: 8, titre: \"Design Thinking\", page: 82 },\n { niveau: \"Découvrir / Explorer\", numero: 11, titre: \"Détective pédagogique\", page: 22 },\n { niveau: \"Analyser / Comprendre\", numero: 17, titre: \"Dilemme éthique\", page: 70 },\n { niveau: \"Analyser / Comprendre\", numero: 19, titre: \"Filtre de l’info fiable\", page: 72 },\n { niveau: \"Analyser / Comprendre\", numero: 20, titre: \"Jeu des hypothèses\", page: 73 },\n { niveau: \"Évaluer / S’autoévaluer\", numero: 18, titre: \"Journal d’apprentissage\", page: 134 },\n { niveau: \"Coopérer / Travailler ensemble\", numero: 10, titre: \"Kanban humain\", page: 84 },\n { niveau: \"Mémoriser / Consolider\", numero: 14, titre: \"Loto des concepts\", page: 46 },\n { niveau: \"Coopérer / Travailler ensemble\", numero: 13, titre: \"Marché aux idées\", page: 87 },\n { niveau: \"Analyser / Comprendre\", numero: 13, titre: \"Mini-dataset enquête\", page: 66 },\n { niveau: \"Découvrir / Explorer\", numero: 20, titre: \"Mot interdit\", page: 31 },\n { niveau: \"Évaluer / S’autoévaluer\", numero: 12, titre: \"PechaKucha\", page: 128 },\n { niveau: \"Découvrir / Explorer\", numero: 19, titre: \"Photo langage\", page: 30 },\n { niveau: \"Créer / Innover\", numero: 18, titre: \"PoC minute\", page: 113 },\n { niveau: \"Découvrir / Explorer\", numero: 12, titre: \"Puzzle humain\", page: 23 },\n { niveau: \"Découvrir / Explorer\", numero: 13, titre: \"Qui suis-je ? (métier)\", page: 24 },\n { niveau: \"Découvrir / Explorer\", numero: 15, titre: \"Quiz inversé\", page: 26 },\n { niveau: \"Coopérer / Travailler ensemble\", numero: 11, titre: \"Relais d’atelier\", page: 85 },\n { niveau: \"Coopérer / Travailler ensemble\", numero: 19, titre: \"Tournoi des solutions\", page: 93 },\n { niveau: \"Mémoriser / Consolider\", numero: 16, titre: \"Vrai/Faux justifié\", page: 48 },\n { niveau: \"Mémoriser / Consolider\", numero: 9, titre: \"Message voyageur\", page: 41 },\n { niveau: \"Coopérer / Travailler ensemble\", numero: 1, titre: \"Lego Serious Play\", page: 75 },\n { niveau: \"Évaluer / S’autoévaluer\", numero: 15, titre: \"3 pourquoi\", page: 131 },\n { niveau: \"Mémoriser / Consolider\", numero: 13, titre: \"Cartes trouées\", page: 45 },\n { niveau: \"Coopérer / Travailler ensemble\", numero: 15, titre: \"Rôles tournants\", page: 89 },\n { niveau: \"Créer / Innover\", numero: 11, titre: \"Mashup d’idées\", page: 106 },\n { niveau: \"Mémoriser / Consolider\", numero: 1, titre: \"Memory game notions clés\", page: 33 },\n { niveau: \"Évaluer / S’autoévaluer\", numero: 4, titre: \"Minute paper\", page: 120 },\n { niveau: \"Mémoriser / Consolider\", numero: 6, titre: \"Mots croisés pédagogiques\", page: 38 },\n { niveau: \"Créer / Innover\", numero: 16, titre: \"Objets détournés\", page: 111 },\n { niveau: \"Évaluer / S’autoévaluer\", numero: 7, titre: \"Photolangage 1000 mots\", page: 123 },\n { niveau: \"Créer / Innover\", numero: 12, titre: \"Pitch 60 secondes\", page: 107 },\n { niveau: \"Découvrir / Explorer\", numero: 2, titre: \"Portrait chinois\", page: 13 },\n { niveau: \"Créer / Innover\", numero: 8, titre: \"Prototypage rapide low-tech\", page: 103 },\n { niveau: \"Évaluer / S’autoévaluer\", numero: 1, titre: \"QCM à choix multiples\", page: 117 },\n { niveau: \"Évaluer / S’autoévaluer\", numero: 20, titre: \"Question minute aléatoire\", page: 136 },\n { niveau: \"Mémoriser / Consolider\", numero: 4, titre: \"Quiz battle en équipe\", page: 36 },\n { niveau: \"Découvrir / Explorer\", numero: 4, titre: \"Quiz découverte\", page: 15 },\n { niveau: \"Évaluer / S’autoévaluer\", numero: 10, titre: \"Quiz final gamifié\", page: 126 },\n { niveau: \"Évaluer / S’autoévaluer\", numero: 11, titre: \"Rubriques critériées\", page: 127 },\n { niveau: \"Créer / Innover\", numero: 19, titre: \"SCAMPER contraintes\", page: 114 },\n { niveau: \"Analyser / Comprendre\", numero: 7, titre: \"Simulation d’incident\", page: 60 },\n { niveau: \"Créer / Innover\", numero: 7, titre: \"Sketch théâtral\", page: 102 },\n { niveau: \"Découvrir / Explorer\", numero: 5, titre: \"Speed meeting\", page: 16 },\n { niveau: \"Coopérer / Travailler ensemble\", numero: 16, titre: \"Storyboard d’équipe\", page: 90 },\n { niveau: \"Créer / Innover\", numero: 15, titre: \"Storyboard produit\", page: 110 },\n { niveau: \"Créer / Innover\", numero: 1, titre: \"Storytelling collaboratif\", page: 96 },\n { niveau: \"Coopérer / Travailler ensemble\", numero: 5, titre: \"Théâtre forum\", page: 79 },\n { niveau: \"Coopérer / Travailler ensemble\", numero: 20, titre: \"Tour de spaghetti\", page: 94 },\n { niveau: \"Coopérer / Travailler ensemble\", numero: 4, titre: \"World Café\", page: 78 },\n];\n\nconst data = rawData.map((d) => {\n const tags = autoTags(d.niveau, d.titre);\n return { ...d, tags, duree: estimateDuration(tags) };\n});\n\nconst niveauColors = {\n \"Découvrir / Explorer\": \"bg-sky-100 text-sky-900 border-sky-200\",\n \"Analyser / Comprendre\": \"bg-indigo-100 text-indigo-900 border-indigo-200\",\n \"Mémoriser / Consolider\": \"bg-emerald-100 text-emerald-900 border-emerald-200\",\n \"Créer / Innover\": \"bg-orange-100 text-orange-900 border-orange-200\",\n \"Coopérer / Travailler ensemble\": \"bg-amber-100 text-amber-900 border-amber-200\",\n \"Évaluer / S’autoévaluer\": \"bg-rose-100 text-rose-900 border-rose-200\",\n};\n\nconst tagFamilies = [\n { key: \"Format\", items: [\"Court\", \"Brise-glace\", \"Matériel\"] },\n { key: \"Modalité\", items: [\"Présentiel\", \"Numérique\", \"Hybride possible\"] },\n {\n key: \"Mécaniques\",\n items: [\"Ludique\", \"Quiz\", \"Débat\", \"Idéation\", \"Production\", \"Feedback\", \"Mise en situation\", \"Visuel\", \"Travail en groupe\"],\n },\n { key: \"Objectif\", items: [\"Découverte\", \"Analyse\", \"Mémorisation\", \"Créativité\", \"Collaboration\", \"Évaluation\"] },\n];\n\nexport default function RechercheFiches() {\n const [fullscreen, setFullscreen] = useState(false);\n const [mode, setMode] = useState(\"recherche\");\n const [hideHeader, setHideHeader] = useState(false);\n\n const lastYRef = useRef(0);\n const tickingRef = useRef(false);\n\n useEffect(() => {\n const onScroll = () => {\n const y = window.scrollY || 0;\n if (tickingRef.current) return;\n tickingRef.current = true;\n window.requestAnimationFrame(() => {\n const last = lastYRef.current;\n const goingDown = y > last;\n const beyond = y > 80;\n setHideHeader(goingDown && beyond);\n lastYRef.current = y;\n tickingRef.current = false;\n });\n };\n\n lastYRef.current = window.scrollY || 0;\n window.addEventListener(\"scroll\", onScroll, { passive: true });\n return () => window.removeEventListener(\"scroll\", onScroll);\n }, []);\n\n const [niveau, setNiveau] = useState(\"Tous\");\n const [numero, setNumero] = useState(\"\");\n const [texte, setTexte] = useState(\"\");\n const [tag, setTag] = useState(\"Tous\");\n const [tagQuick, setTagQuick] = useState([]);\n const [ordreTitre, setOrdreTitre] = useState(\"numero\");\n\n const [intentionPedagogique, setIntentionPedagogique] = useState(\"lancer\");\n const [dureeSeance, setDureeSeance] = useState(60);\n const [modalite, setModalite] = useState(\"Présentiel\");\n const [energie, setEnergie] = useState(\"dynamique\");\n const [objectifDominant, setObjectifDominant] = useState(\"Tous\");\n\n const niveaux = useMemo(() => [\"Tous\", ...Array.from(new Set(data.map((d) => d.niveau)))], []);\n\n const allTags = useMemo(() => {\n const s = new Set();\n data.forEach((d) => d.tags.forEach((t) => s.add(t)));\n return [\"Tous\", ...Array.from(s)];\n }, []);\n\n const toggleQuickTag = (t) => {\n setTagQuick((prev) => (prev.includes(t) ? prev.filter((x) => x !== t) : [...prev, t]));\n };\n\n const clearFilters = () => {\n setNiveau(\"Tous\");\n setNumero(\"\");\n setTexte(\"\");\n setTag(\"Tous\");\n setTagQuick([]);\n setOrdreTitre(\"numero\");\n };\n\n const filtered = useMemo(() => {\n return data\n .filter((d) => {\n const okNiveau = niveau === \"Tous\" || d.niveau === niveau;\n const okNumero = numero === \"\" || d.numero === Number(numero);\n const okTexte = texte === \"\" || d.titre.toLowerCase().includes(texte.toLowerCase());\n const okTag = tag === \"Tous\" || d.tags.includes(tag);\n const okQuick = tagQuick.length === 0 || tagQuick.every((t) => d.tags.includes(t));\n return okNiveau && okNumero && okTexte && okTag && okQuick;\n })\n .sort((a, b) => {\n if (ordreTitre === \"az\") return a.titre.localeCompare(b.titre, \"fr\");\n if (ordreTitre === \"za\") return b.titre.localeCompare(a.titre, \"fr\");\n return a.numero - b.numero;\n });\n }, [niveau, numero, texte, tag, tagQuick, ordreTitre]);\n\n const scoreForSeance = (d) => {\n let s = 0;\n\n const intentionBoost = {\n lancer: [\"Brise-glace\", \"Découverte\"],\n produire: [\"Production\", \"Créativité\", \"Idéation\", \"Travail en groupe\", \"Collaboration\"],\n evaluer_sans_stress: [\"Mémorisation\", \"Évaluation\", \"Quiz\", \"Feedback\"],\n };\n\n const wanted = intentionBoost[intentionPedagogique] || [];\n wanted.forEach((t) => d.tags.includes(t) && (s += 3));\n\n if (modalite === \"Numérique\" && (d.tags.includes(\"Numérique\") || d.tags.includes(\"Hybride possible\"))) s += 3;\n if (modalite === \"Présentiel\" && d.tags.includes(\"Présentiel\")) s += 2;\n\n if (energie === \"dynamique\") {\n if (d.tags.includes(\"Ludique\")) s += 2;\n if (d.tags.includes(\"Brise-glace\")) s += 2;\n if (d.tags.includes(\"Mise en situation\")) s += 1;\n }\n\n if (energie === \"calme\") {\n if (d.tags.includes(\"Visuel\")) s += 2;\n if (d.tags.includes(\"Analyse\")) s += 2;\n if (d.tags.includes(\"Feedback\")) s += 1;\n if (d.tags.includes(\"Débat\")) s -= 1;\n }\n\n if (objectifDominant !== \"Tous\" && d.niveau === objectifDominant) s += 4;\n\n if (dureeSeance <= 45 && d.tags.includes(\"Matériel\")) s -= 1;\n\n return s;\n };\n\n const prepared = useMemo(() => {\n if (mode !== \"seance\") return [];\n\n const targetPhases = [\n { phase: \"1. Lancement\", niveaux: [\"Découvrir / Explorer\"], preferTags: [\"Brise-glace\", \"Découverte\"] },\n {\n phase: \"2. Approfondissement\",\n niveaux: [\"Analyser / Comprendre\", \"Mémoriser / Consolider\"],\n preferTags: [\"Analyse\", \"Mémorisation\"],\n },\n {\n phase: \"3. Production\",\n niveaux: [\"Créer / Innover\", \"Coopérer / Travailler ensemble\"],\n preferTags: [\"Production\", \"Créativité\", \"Collaboration\", \"Travail en groupe\", \"Idéation\"],\n },\n {\n phase: \"4. Évaluation / Debrief\",\n niveaux: [\"Évaluer / S’autoévaluer\", \"Mémoriser / Consolider\"],\n preferTags: [\"Évaluation\", \"Feedback\", \"Quiz\"],\n },\n ];\n\n const pool = data\n .filter((d) => {\n if (modalite === \"Numérique\") return d.tags.includes(\"Numérique\") || d.tags.includes(\"Hybride possible\");\n return true;\n })\n .map((d) => ({ ...d, _score: scoreForSeance(d) }))\n .sort((a, b) => b._score - a._score);\n\n const used = new Set();\n const sequence = [];\n\n targetPhases.forEach((p) => {\n const best = pool.find((d) => {\n if (used.has(d.numero)) return false;\n if (!p.niveaux.includes(d.niveau)) return false;\n const hasPrefer = p.preferTags.some((t) => d.tags.includes(t));\n return hasPrefer || d._score >= 4;\n });\n\n if (best) {\n used.add(best.numero);\n sequence.push({ ...best, phase: p.phase });\n }\n });\n\n let total = sequence.reduce((s, x) => s + x.duree, 0);\n const cap = Math.max(30, Math.min(180, Number(dureeSeance) || 60));\n\n const extras = pool.filter((d) => !used.has(d.numero));\n for (const d of extras) {\n if (sequence.length >= 6) break;\n if (total + d.duree > cap) continue;\n used.add(d.numero);\n sequence.push({ ...d, phase: \"+ Bonus\" });\n total += d.duree;\n if (total >= cap - 10) break;\n }\n\n return sequence.map(({ _score, ...rest }) => rest);\n }, [mode, intentionPedagogique, dureeSeance, modalite, energie, objectifDominant]);\n\n const results = mode === \"recherche\" ? filtered : prepared;\n const totalMinutes = mode === \"seance\" ? results.reduce((s, x) => s + x.duree, 0) : null;\n\n return (\n

\n \n

🔎 Fiches pédagogiques — Recherche & Préparation de séance

Mobile/tablette • tags auto • séquence recommandée

\n setFullscreen((v) => !v)}>\n {fullscreen ? \"Quitter plein écran\" : \"Plein écran\"}\n \n setMode(\"recherche\")}>\n Recherche\n \n setMode(\"seance\")}>\n Je prépare ma séance\n \n

\n\n {mode === \"recherche\" && (\n

\n \n\n setNumero(e.target.value)}\n className=\"border p-2 rounded-xl\"\n />\n\n setTexte(e.target.value)}\n className=\"border p-2 rounded-xl md:col-span-2\"\n />\n\n \n\n \n

\n\n

💡 Filtre multi-tags (ET logique) : clique ci-dessous

\n \n

\n\n

\n {tagFamilies.map((fam) => (\n

\n {fam.key}\n {fam.items.map((t) => (\n toggleQuickTag(t)}\n className={`text-xs px-3 py-1.5 rounded-full border transition ${\n tagQuick.includes(t) ? \"bg-black text-white\" : \"bg-white hover:bg-gray-50\"\n }`}\n >\n {t}\n \n ))}\n

\n ))}\n

\n )}\n\n {mode === \"seance\" && (\n

\n setIntentionPedagogique(e.target.value)}\n className=\"border p-2 rounded-xl\"\n >\n \n \n \n \n\n \n\n \n\n \n\n

\n Durée\n setDureeSeance(Number(e.target.value))}\n className=\"border rounded-lg px-2 py-1\"\n >\n \n \n \n \n \n \n \n

\n )}\n

\n\n \n {results.length} activité(s)\n {mode === \"seance\" && ≈ {totalMinutes} min}\n \n }\n >\n {mode === \"recherche\" ? \"Résultats\" : \"Séquence recommandée\"}\n \n\n

\n {results.map((f) => (\n

\n {mode === \"seance\" && f.phase && {f.phase}}\n {f.niveau}\n

{f.titre}

N° {f.numero} • {f.duree} min • page {f.page}

\n {f.tags.slice(0, 12).map((t) => (\n \n {t}\n \n ))}\n

\n ))}\n

\n\n

\n \n \n \n {mode === \"seance\" && }\n \n \n \n \n \n \n \n \n \n {results.map((f) => (\n \n {mode === \"seance\" && }\n \n \n \n \n \n \n \n ))}\n \n

Phase	Niveau	N°	Titre	Durée	Page	Tags
{f.phase \|\| \"—\"}	\n {f.niveau}\n	{f.numero}	{f.titre}	{f.duree} min	{f.page}	\n \n {f.tags.map((t) => (\n \n {t}\n \n ))}\n \n

\n\n

\n Tags pédagogiques : générés automatiquement (niveau + mots-clés du titre). Tu peux ensuite les affiner fiche par fiche.\n

\n \n );\n}\n","access","public","isModerationBlocked","isAnonifyApiKeyDetected","dd",{"_38":39,"_40":41},"disablePrefetch",true,"shouldPrefetchAccount","shouldPrefetchUser","shouldPrefetchSystemHints","promoteCss","disableSSR","stripModulepreloadImports","statsigGateEvaluationsPromise",["P",37],"traceId","17485103549986204272","traceTime",1781224644798]