From 3d52ce66ff5e19e238c3b26df5acb6a62283c1c7 Mon Sep 17 00:00:00 2001
From: zhangyahui <yhzhang@aidlab.hk>
Date: Tue, 3 Mar 2026 14:51:37 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=8F=AA=E6=9C=89=E6=9C=80=E6=96=B0?=
 =?UTF-8?q?=E4=B8=80=E6=9D=A1=E5=AF=B9=E8=AF=9D=E4=BC=9A=E6=9C=89=E6=93=8D?=
 =?UTF-8?q?=E4=BD=9C=E6=A0=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/home/agent/components/Item.vue |  3 ++-
 src/views/home/agent/components/List.vue | 32 ++++++++++++++++--------
 2 files changed, 23 insertions(+), 12 deletions(-)

diff --git a/src/views/home/agent/components/Item.vue b/src/views/home/agent/components/Item.vue
index 5f802ff..bfa8bb6 100644
--- a/src/views/home/agent/components/Item.vue
+++ b/src/views/home/agent/components/Item.vue
@@ -22,7 +22,7 @@
 				<div class="message-txt markdown-body">
 					<div v-html="formatMessage"></div>
 				</div>
-				<div class="operate flex" :class="{ 'is-user': content.isUser }">
+				<div class="operate flex" v-show="isLast" :class="{ 'is-user': content.isUser }">
 					<template v-if="content.isUser">
 						<SvgIcon name="copy" size="16" color="#000" @click.stop="handleCopyText" />
 					</template>
@@ -82,6 +82,7 @@
 
 	const props = defineProps<{
 		content: Object
+		isLast: Boolean
 	}>()
 
 	const imageList = computed(() => {
diff --git a/src/views/home/agent/components/List.vue b/src/views/home/agent/components/List.vue
index f276bff..13d91c2 100644
--- a/src/views/home/agent/components/List.vue
+++ b/src/views/home/agent/components/List.vue
@@ -1,6 +1,12 @@
 <template>
 	<div class="agent-list flex flex-col flex-1" ref="listContainer">
-		<Item v-for="message in messageList" :key="message.id" :content="message" @regenerate="$emit('regenerate', message)" />
+		<Item
+			v-for="(message, index) in messageList"
+			:key="message.id"
+			:content="message"
+			:is-last="index === messageList.length - 1"
+			@regenerate="$emit('regenerate', message)"
+		/>
 	</div>
 </template>
 
@@ -9,8 +15,8 @@
 	import Item from './Item.vue'
 
 	const props = defineProps<{
-    messageList: Array<any>
-  }>()
+		messageList: Array<any>
+	}>()
 
 	const emit = defineEmits(['regenerate'])
 
@@ -24,9 +30,13 @@
 		})
 	}
 
-	watch(() => props.messageList, () => {
-		scrollToBottom()
-	}, { deep: true })
+	watch(
+		() => props.messageList,
+		() => {
+			scrollToBottom()
+		},
+		{ deep: true }
+	)
 
 	defineExpose({ scrollToBottom })
 </script>
@@ -34,10 +44,10 @@
 <style lang="less" scoped>
 	.agent-list {
 		row-gap: 3.2rem;
-    overflow-y: auto;
-    // 隐藏滚动条
-    &::-webkit-scrollbar {
-      display: none;
-    }
+		overflow-y: auto;
+		// 隐藏滚动条
+		&::-webkit-scrollbar {
+			display: none;
+		}
 	}
 </style>