From 63656565f7782fcece3817d7b5def9778e654fb6 Mon Sep 17 00:00:00 2001
From: pr-daaif <prof-daaif@enset-media.ac.ma>
Date: Sun, 2 Aug 2026 13:21:38 +0100
Subject: [PATCH] =?UTF-8?q?fix(mobile):=20Assistant=20=E2=80=94=20question?=
 =?UTF-8?q?=20dict=C3=A9e=20pleinement=20visible=20avant=20envoi?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Retour de recette (02/08) : la barre de saisie sur une ligne masquait le
texte transcrit dès qu'il dépassait quelques mots, empêchant la relecture
avant envoi (D5 de la maquette Assistant). Remplacée par une zone
multiligne pleine largeur (jusqu'à 160px, défilement interne au-delà) —
même patron que la description de clôture (cloture.tsx) — avec "Envoyer"
comme geste séparé et délibéré en dessous, pas accolé au champ.

Typecheck propre, 17 tests Jest, lint 5/5 paquets.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 apps/mobile/app/assistant/index.tsx | 73 +++++++++++++++--------------
 1 file changed, 37 insertions(+), 36 deletions(-)

diff --git a/apps/mobile/app/assistant/index.tsx b/apps/mobile/app/assistant/index.tsx
index 5f2787c..2acff59 100644
--- a/apps/mobile/app/assistant/index.tsx
+++ b/apps/mobile/app/assistant/index.tsx
@@ -168,61 +168,62 @@ export default function PageAssistant() {
         ) : (
           <View
             style={{
-              flexDirection: 'row',
-              alignItems: 'center',
               gap: 8,
               borderWidth: 1.5,
               borderColor: t.bordureForte,
               borderRadius: 10,
               backgroundColor: t.surface,
-              paddingHorizontal: 10,
-              paddingVertical: 6,
+              padding: 10,
             }}
           >
-            <Pressable
-              accessibilityRole="button"
-              accessibilityLabel="Dicter la question"
-              disabled={transcrire.isPending}
-              onPress={() => void demarrerDictee()}
-              style={{
-                width: 26,
-                height: 26,
-                borderRadius: 13,
-                backgroundColor: t.primaireDoux,
-                alignItems: 'center',
-                justifyContent: 'center',
-              }}
-            >
-              <Text style={{ fontSize: 13 }}>🎙</Text>
-            </Pressable>
+            {/* Zone pleine largeur, multiligne : la question dictée doit se
+             *  lire EN ENTIER avant d'envoyer (trouvé en recette, 02/08 —
+             *  une barre d'une ligne masquait le texte transcrit long). */}
             <TextInput
               ref={saisieRef}
               accessibilityLabel="Poser une question"
+              multiline
+              scrollEnabled
               value={transcrire.isPending ? 'Transcription…' : question}
               editable={!transcrire.isPending}
               onChangeText={setQuestion}
-              onSubmitEditing={envoyer}
               maxLength={500}
-              placeholder="Poser une question…"
+              placeholder="Poser une question, ou dictez avec 🎙…"
               placeholderTextColor={t.encre3}
-              style={{ flex: 1, color: t.encre, fontFamily: 'Manrope_600SemiBold', fontSize: 13 }}
+              style={{
+                minHeight: 44,
+                maxHeight: 160,
+                color: t.encre,
+                fontFamily: 'Manrope_600SemiBold',
+                fontSize: 13.5,
+                textAlignVertical: 'top',
+              }}
             />
-            <Pressable
-              accessibilityRole="button"
-              accessibilityLabel="Envoyer"
-              disabled={question.trim().length < 3 || ask.isPending}
-              onPress={envoyer}
-            >
-              <Text
+            <View style={{ flexDirection: 'row', alignItems: 'center', gap: 8 }}>
+              <Pressable
+                accessibilityRole="button"
+                accessibilityLabel="Dicter la question"
+                disabled={transcrire.isPending}
+                onPress={() => void demarrerDictee()}
                 style={{
-                  color: question.trim().length < 3 || ask.isPending ? t.encre3 : t.primaire,
-                  fontFamily: 'Manrope_800ExtraBold',
-                  fontSize: 12.5,
+                  width: 30,
+                  height: 30,
+                  borderRadius: 15,
+                  backgroundColor: t.primaireDoux,
+                  alignItems: 'center',
+                  justifyContent: 'center',
                 }}
               >
-                Envoyer
-              </Text>
-            </Pressable>
+                <Text style={{ fontSize: 14 }}>🎙</Text>
+              </Pressable>
+              <View style={{ flex: 1 }}>
+                <BoutonTel
+                  libelle="Envoyer"
+                  desactive={question.trim().length < 3 || ask.isPending || transcrire.isPending}
+                  surAppui={envoyer}
+                />
+              </View>
+            </View>
           </View>
         )}
         {transcrire.isError ? (