diff --git a/web/src/components/AgentChatComponent.vue b/web/src/components/AgentChatComponent.vue
index 8bef5f15..8fcbdba8 100644
--- a/web/src/components/AgentChatComponent.vue
+++ b/web/src/components/AgentChatComponent.vue
@@ -1412,6 +1412,12 @@ const handleSendMessage = async ({ image } = {}) => {
 
   threadState.isStreaming = true
   resetOnGoingConv(threadId)
+  const requestId = createClientRequestId()
+  insertOptimisticHumanMessage(threadState, {
+    requestId,
+    text,
+    imageContent
+  })
   threadState.streamAbortController = new AbortController()
 
   try {