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
This commit is contained in:
Jules Neny
2026-10-09 03:49:56 +02:00
co-authored by Claude Opus 5.5
parent 4c57f30f6a
commit 52b79e1e8e
5 changed files with 70 additions and 9 deletions
+7 -1
View File
@@ -87,6 +87,7 @@
<!-- Message assistant -->
<div v-else class="assistant-bubble">
<ChatModeBadge :profondeur="msg.profondeur" />
<div class="md-content" v-html="renderMd(msg.content)" />
<!-- Fiches recommandées -->
@@ -123,6 +124,7 @@
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"
@@ -174,6 +176,7 @@ interface ChatMessage {
role: 'user' | 'assistant'
content: string
fiches?: FicheReco[]
profondeur?: string
}
const props = defineProps<{
@@ -186,6 +189,7 @@ const emit = defineEmits<{
}>()
const { messages, hasHistory, clear } = useChatSession<ChatMessage>('accueil')
const profondeur = useChatProfondeur('accueil')
const inputText = ref('')
const loading = ref(false)
const errorMsg = ref('')
@@ -222,6 +226,7 @@ async function sendMessage() {
errorMsg.value = ''
messages.value.push({ role: 'user', content: question })
loading.value = true
const mode = profondeur.value
await nextTick()
scrollToBottom()
@@ -232,13 +237,14 @@ async function sendMessage() {
fiches_recommandees: { id: number | string; nom: string; explication: string }[]
}>('/api/chatbot', {
method: 'POST',
body: { question },
body: { question, profondeur: mode },
})
const assistantMsg: ChatMessage = {
role: 'assistant',
content: res.reponse_texte,
fiches: res.fiches_recommandees || [],
profondeur: mode,
}
messages.value.push(assistantMsg)