- Latest interaction is now positioned right above the chat-input / form

- It moves to the standard positing in MessageHistory.vue

eveai_chat_client/static/assets/vue-components/ChatApp.vue

@@ -259,7 +259,8 @@ export default {
                         type: 'text',
                         timestamp: new Date().toISOString(),
                         taskId: data.task_id,
-                        status: 'processing'
+                        status: 'processing',
+                        isTemporarilyAtBottom: true
                     };
 
                     this.allMessages.push(placeholderMessage);
@@ -277,6 +278,20 @@ export default {
             }
         },
 
+        // Message repositioning logic - simplified to only toggle flag
+        repositionLatestAiMessage() {
+            // Find AI message with isTemporarilyAtBottom flag
+            const aiMessage = this.allMessages.find(msg => 
+                msg.sender === 'ai' && msg.taskId && msg.isTemporarilyAtBottom
+            );
+            
+            if (aiMessage) {
+                // Simply turn off the flag - no array manipulation needed
+                aiMessage.isTemporarilyAtBottom = false;
+                console.log('AI message returned to normal flow position');
+            }
+        },
+
         // Message handling
         addMessage(messageData) {
             const message = {
@@ -307,7 +322,10 @@ export default {
 
             console.log('Sending message:', this.currentMessage);
 
-            // Add user message to chat
+            // FIRST: Reposition latest AI message to correct chronological place
+            this.repositionLatestAiMessage();
+
+            // THEN: Add user message to chat
             const userMessage = this.addMessage({
                 content: this.currentMessage,
                 sender: 'user',
@@ -356,7 +374,8 @@ export default {
                         type: 'text',
                         timestamp: new Date().toISOString(),
                         taskId: data.task_id,
-                        status: 'processing'
+                        status: 'processing',
+                        isTemporarilyAtBottom: true
                     };
 
                     this.allMessages.push(placeholderMessage);