Files
nav-carte/components/ChatModeBadge.vue
T
Jules NenyandClaude Opus 5.5 4c57f30f6a feat(chatbot): composant ChatModeToggle (radiogroup) et état partagé du mode
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
2026-10-09 03:49:56 +02:00

22 lines
564 B
Vue

<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>