From 5224c6df79b2a47095d4128d7c2070b86c67f69d Mon Sep 17 00:00:00 2001
From: Kunthawat Greethong <kunthawat@Kunthawats-MacBook-Pro.local>
Date: Wed, 17 Jun 2026 21:38:19 +0700
Subject: [PATCH] fix: show actual error details in chat error messages

- Extract error from err.response.data.error (axios error response)
- Log full error to console for debugging
- Show actual backend error message instead of generic 'Error'
---
 frontend/src/components/Step5Interaction.vue | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/Step5Interaction.vue b/frontend/src/components/Step5Interaction.vue
index 77395dc..7aa51a2 100644
--- a/frontend/src/components/Step5Interaction.vue
+++ b/frontend/src/components/Step5Interaction.vue
@@ -669,10 +669,12 @@ const sendMessage = async () => {
       await sendToAgent(message)
     }
   } catch (err) {
-    addLog(t('log.sendFailed', { error: err.message }))
+    const errDetail = err.response?.data?.error || err.message || 'Unknown error'
+    console.error('Chat error:', err)
+    addLog(`❌ ${t('log.sendFailed', { error: errDetail })}`)
     chatHistory.value.push({
       role: 'assistant',
-      content: t('step5.errorOccurred', { error: err.message }),
+      content: `❌ ${t('step5.errorOccurred', { error: errDetail })}`,
       timestamp: new Date().toISOString()
     })
   } finally {