feat(chatbot): persistance des conversations en sessionStorage + bouton Nouvelle conversation

- composables/useChatSession.ts : historique réactif partagé (useState) et persisté sous aep-chat-<clé>, version de schéma {v:1}, 40 derniers messages, restauration au mount uniquement (SSR-safe), try/catch partout, messages transient jamais écrits
- clés : accueil (Placeholder + Sheet), agences (Placeholder réseaux + ChatbotReseaux), taff, pensees (suffixée par l'auteur)
- ChatbotPlaceholder reçoit sa clé par prop chatKey (défaut accueil)
- ChatNewConversation : bouton sobre, visible seulement s'il y a un historique

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:38:15 +02:00
co-authored by Claude Opus 5.5
parent 31edbd37af
commit 75d8440601
8 changed files with 174 additions and 19 deletions
+7 -1
View File
@@ -74,6 +74,7 @@
<span class="dot" /><span class="dot" /><span class="dot" />
</div>
<div v-if="errorMsg" class="error-bubble">{{ errorMsg }}</div>
<ChatNewConversation v-if="hasHistory && !loading" @reset="nouvelleConversation" />
</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));">
@@ -117,7 +118,7 @@ interface ChatMessage { role: 'user' | 'assistant'; content: string; fiches?: Fi
const props = defineProps<{ modelValue: boolean }>()
const emit = defineEmits<{ 'update:modelValue': [value: boolean] }>()
const messages = ref<ChatMessage[]>([])
const { messages, hasHistory, clear } = useChatSession<ChatMessage>('agences')
const inputText = ref('')
const loading = ref(false)
const errorMsg = ref('')
@@ -136,6 +137,11 @@ onUnmounted(() => {
}
})
function nouvelleConversation() {
clear()
errorMsg.value = ''
}
async function sendMessage() {
const question = inputText.value.trim()
if (!question || loading.value) return