feat: 修改会话历史获取图片结构

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

@@ -10,7 +10,10 @@
 				:key="'sketch-item-' + index"
 			>
 				<Menu class="menu-btn" @click="handleClickMenu" />
-				<div class="edit-btn flex align-center space-between" @click="handleClickEdit">
+				<div
+					class="edit-btn flex align-center space-between"
+					@click="handleClickEdit(item)"
+				>
 					<div>Edit</div>
 					<img src="@/assets/images/arrow-top-right.png" />
 				</div>
@@ -124,6 +127,9 @@
 	import Menu from './Menu.vue'
 	import LoadingImg from '@/assets/images/sketch-loading.gif'
 	import reportNull from '@/assets/images/reportNull.png'
+	import myEvent from '@/utils/myEvent'
+	import { useProjectStore } from '@/stores'
+	const projectStore = useProjectStore()
 
 	// 存储每个图片的加载状态
 	const loadedStatus = reactive<Record<number, boolean>>({})
@@ -146,12 +152,19 @@
 
 	// 获取当前显示的图片源
 	const getImageSrc = (item: string, index: number) => {
-		return loadedStatus[index] ? item : LoadingImg
+		if (typeof item === 'string') {
+			return loadedStatus[index] ? item : LoadingImg
+		}
+		if (typeof item === 'object') {
+			return Object.values(item)[0]
+		}
 	}
 
-	const handleClickEdit = () => {
-		// 编辑按钮点击逻辑
-		console.log('Edit button clicked')
+	const handleClickEdit = (item: string) => {
+		const url = Object.values(item)[0]
+		const imgId = Object.keys(item)[0]
+		const nodeId = projectStore.state.nodeId
+		myEvent.emit('openFlowCanvas', { url, imgId, nodeId })
 	}
 	const handleClickMenu = () => {
 		// 菜单按钮点击逻辑