Merge branch 'main' of ssh://18.167.251.121:10002/aidlab/FiDA_Front

src/views/home/agent/components/Agent.vue

@@ -385,6 +385,7 @@
 		}
 
 		const { ancestors, current } = data
+
 		const imgList = []
 		const ancestorsList = []
 		if (ancestors) {

src/views/home/agent/components/Item.vue

@@ -1,6 +1,9 @@
 <template>
 	<div class="agent-item">
-		<div class="message-wrapper flex" :class="{ 'is-user': content.isUser,'is-loading': content.loading }">
+		<div
+			class="message-wrapper flex"
+			:class="{ 'is-user': content.isUser, 'is-loading': content.loading }"
+		>
 			<div class="thumb">
 				<img :src="content.isUser ? userThumb : agentThumb" class="thumb-icon" />
 			</div>
@@ -36,7 +39,14 @@
 				</div>
 			</div>
 			<div class="message-context loading" v-show="content.loading">
-				<img src="@/assets/images/generate-loading.gif" alt="loading" class="loading-gif" />
+				<!-- <img src="@/assets/images/generate-loading.gif" alt="loading" class="loading-gif" /> -->
+				<video
+					src="@/assets/images/generate-loading.mp4"
+					autoplay
+					loop
+					muted
+					class="loading-gif"
+				></video>
 			</div>
 			<div class="message-context" v-show="content.thinking">
 				<div class="thinking">
@@ -111,7 +121,7 @@
 		{
 			name: 'refreshTransparent',
 			action: () => {
-				emit('regenerate')
+				// emit('regenerate')
 			}
 		},
 		{
@@ -203,6 +213,7 @@
 			height: 6.8rem;
 			border: 0.1rem solid #cdcdcd;
 			border-radius: 1.5rem;
+			object-fit: contain;
 		}
 	}
 

src/views/home/agent/index.vue

@@ -56,7 +56,7 @@
 	const handleSelectNode = () => {
 		getNodeAncestors({ projectId: projectStore.state.id, id: projectStore.state.nodeId }).then(
 			(res) => {
-				agentRef.value.setChatInfo(res)
+				agentRef.value.setChatInfo({ conversation: res, project: {} })
 			}
 		)
 	}

src/views/home/components/Input.vue

@@ -677,7 +677,7 @@
 				.preview-image {
 					width: 100%;
 					height: 100%;
-					object-fit: cover;
+					object-fit: contain;
 					border-radius: 0.8rem;
 				}