jules/nav-carte
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(chatbot): composant ChatModeToggle (radiogroup) et état partagé du mode

Browse Source 
Toggle sobre 2 options (role radiogroup, flèches/Home/End, focus visible,
reduced-motion), étiquette de mode sur les réponses approfondies, et
useChatProfondeur (état par clé, desktop et mobile synchronisés). Libellés lus
dans utils/chatProfondeur.ts.

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 80f69565aa
commit 4c57f30f6a
3 changed files with 114 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/ChatModeBadge.vue
+21
View File
@@ -0,0 +1,21 @@
<template>
<span v-if="profondeur === 'approfondi'" class="chat-mode-badge">{{ CHAT_PROFONDEUR_LIBELLES.approfondi }}</span>
</template>
<script setup lang="ts">
// Étiquette sobre sur une réponse donnée en mode approfondi (rien en mode rapide).
defineProps<{ profondeur?: string }>()
</script>
<style scoped>
.chat-mode-badge {
display: inline-block;
margin-bottom: 6px;
padding: 1px 8px;
border-radius: 9999px;
border: 1px solid var(--nav-bg-alt);
font-size: 0.66rem;
font-family: var(--nav-font);
color: var(--nav-text-muted);
}
</style>