From 76ed0ff3152dbafff12085c4b17b34166c17523f Mon Sep 17 00:00:00 2001
From: Lilia_Chen <chenalenavenger@gmail.com>
Date: Wed, 30 Jul 2025 04:06:11 +0100
Subject: [PATCH] stage-web fix chat history only load the last AIRI'soutput
 (#334)

---
 apps/stage-web/src/components/Widgets/ChatHistory.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/stage-web/src/components/Widgets/ChatHistory.vue b/apps/stage-web/src/components/Widgets/ChatHistory.vue
index 572091405..2f195995f 100644
--- a/apps/stage-web/src/components/Widgets/ChatHistory.vue
+++ b/apps/stage-web/src/components/Widgets/ChatHistory.vue
@@ -66,7 +66,7 @@ onTokenLiteral(async () => {
             <div>
               <span text-xs text="primary-400/90 dark:primary-600/90" font-normal class="inline <sm:hidden">{{ t('stage.chat.message.character-name.airi') }}</span>
             </div>
-            <div v-if="message.content && index === messages.length - 1" class="markdown-content break-words" text="xs primary-400">
+            <div v-if="message.content" class="markdown-content break-words" text="xs primary-400">
               <div v-for="(slice, sliceIndex) in message.slices" :key="sliceIndex">
                 <div v-if="slice.type === 'tool-call'">
                   <div
@@ -79,7 +79,7 @@ onTokenLiteral(async () => {
                 <div v-else v-html="process(slice.text)" />
               </div>
             </div>
-            <div v-else i-eos-icons:three-dots-loading />
+            <div v-else-if="index === messages.length - 1 && !message.content" i-eos-icons:three-dots-loading />
           </div>
         </div>
         <div v-else-if="message.role === 'user'" flex="~ row-reverse" ml="12">