feat(chatbot): toggle de mode branché sur les 5 interfaces chatbot

Placeholder (/ et /agences desktop), Sheet (/ mobile), Réseaux (/agences mobile),
chatbot de /trouver-du-taf et Pensées (/media) envoient `profondeur` dans le body
et l'enregistrent sur chaque message (badge conservé à la restauration).

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_015vcVGz8i4WpZm2dixKUiSD

components/ChatbotReseaux.vue

@@ -54,6 +54,7 @@
           <template v-for="(msg, i) in messages" :key="i">
             <div v-if="msg.role === 'user'" class="user-bubble">{{ msg.content }}</div>
             <div v-else class="assistant-bubble">
+              <ChatModeBadge :profondeur="msg.profondeur" />
               <div v-html="renderMd(msg.content)" />
               <div v-if="msg.fiches && msg.fiches.length > 0" class="fiches-list" style="margin-top:12px;">
                 <p class="fiches-title">Structures recommandées :</p>
@@ -78,6 +79,7 @@
         </div>
 
         <div class="shrink-0 px-4 pt-3 border-t" style="border-color: var(--nav-bg-alt); padding-bottom: max(1rem, env(safe-area-inset-bottom));">
+          <ChatModeToggle v-model="profondeur" :disabled="loading" class="mb-2" />
           <div class="flex items-center gap-2">
             <input
               v-model="inputText"
@@ -113,12 +115,13 @@ import { useMarkdown } from '~/composables/useMarkdown'
 const { render: renderMd } = useMarkdown()
 
 interface FicheReco { id: number | string; nom: string; explication?: string }
-interface ChatMessage { role: 'user' | 'assistant'; content: string; fiches?: FicheReco[] }
+interface ChatMessage { role: 'user' | 'assistant'; content: string; fiches?: FicheReco[]; profondeur?: string }
 
 const props = defineProps<{ modelValue: boolean }>()
 const emit = defineEmits<{ 'update:modelValue': [value: boolean] }>()
 
 const { messages, hasHistory, clear } = useChatSession<ChatMessage>('agences')
+const profondeur = useChatProfondeur('agences')
 const inputText = ref('')
 const loading = ref(false)
 const errorMsg = ref('')
@@ -153,11 +156,12 @@ async function sendMessage() {
   if (messagesContainer.value) messagesContainer.value.scrollTop = messagesContainer.value.scrollHeight
 
   try {
+    const mode = profondeur.value
     const res = await $fetch<{ reponse_texte: string; fiches_recommandees: FicheReco[] }>(
       '/api/chatbot-reseaux',
-      { method: 'POST', body: { question } }
+      { method: 'POST', body: { question, profondeur: mode } }
     )
-    messages.value.push({ role: 'assistant', content: res.reponse_texte, fiches: res.fiches_recommandees || [] })
+    messages.value.push({ role: 'assistant', content: res.reponse_texte, fiches: res.fiches_recommandees || [], profondeur: mode })
   } catch (e: any) {
     const s = e?.statusCode ?? e?.status
     errorMsg.value = s === 429