From ffe85267459ef4ffc152edd4b84f911c9b6ce467 Mon Sep 17 00:00:00 2001
From: zhangyahui <yhzhang@aidlab.hk>
Date: Tue, 17 Mar 2026 11:22:47 +0800
Subject: [PATCH 1/3] =?UTF-8?q?feat:=20=E7=94=9F=E6=88=90sketch=E8=87=AA?=
 =?UTF-8?q?=E5=8A=A8=E5=88=87=E6=8D=A2=E4=B8=BAsketch=E8=A7=86=E5=9B=BE=20?=
 =?UTF-8?q?style:=20md=E5=86=85=E5=AE=B9=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/home/agent/components/Item.vue    | 13 +++++++++
 src/views/home/agent/components/Preview.vue | 29 ++++++++++++++++++---
 src/views/home/agent/index.vue              | 12 ++++-----
 3 files changed, 45 insertions(+), 9 deletions(-)

diff --git a/src/views/home/agent/components/Item.vue b/src/views/home/agent/components/Item.vue
index 6375a0d..fbc7638 100644
--- a/src/views/home/agent/components/Item.vue
+++ b/src/views/home/agent/components/Item.vue
@@ -140,6 +140,19 @@
 			} else {
 				return {}
 			}
+		},
+		heading: {
+			style: {
+				fontFamily: 'Regular',
+				lineHeight: 2
+				// fontSize: '1.4rem'
+			}
+		},
+		p: {
+			style: {
+				fontSize: '1.4rem',
+				lineHeight: 1.5
+			}
 		}
 	}
 
diff --git a/src/views/home/agent/components/Preview.vue b/src/views/home/agent/components/Preview.vue
index 78c5e38..b21caff 100644
--- a/src/views/home/agent/components/Preview.vue
+++ b/src/views/home/agent/components/Preview.vue
@@ -5,6 +5,7 @@
 	>
 		<template v-if="type === 'sketch'">
 			<div
+				v-show="!showLoading"
 				class="sketch-item"
 				v-for="(item, index) in sketchList"
 				:key="'sketch-item-' + index"
@@ -18,7 +19,7 @@
 									src="@/assets/images/restore-sketch.png"
 									class="dropdown-icon restore"
 								/>
-								<span>Restore</span>
+								<span class="dropdown-txt">Quote</span>
 							</el-dropdown-item>
 							<el-dropdown-item
 								class="sketch-item flex align-center"
@@ -28,7 +29,7 @@
 									src="@/assets/images/delete.png"
 									class="dropdown-icon delete"
 								/>
-								<span>Delete</span>
+								<span class="dropdown-txt del">Delete</span>
 							</el-dropdown-item>
 						</el-dropdown-menu>
 					</template>
@@ -124,6 +125,19 @@
 	)
 
 	const customAttrs: CustomAttrs = {
+		heading: {
+			style: {
+				fontFamily: 'Regular',
+				lineHeight: 2
+				// fontSize: '1.4rem'
+			}
+		},
+		p: {
+			style: {
+				fontSize: '1.4rem',
+				lineHeight: 1.5
+			}
+		},
 		img: {
 			style: 'max-width: 100%;display:block;'
 		},
@@ -283,7 +297,7 @@
 						height: 1.3rem;
 					}
 					&.delete {
-						width: 1.2rem;
+						width: 1.19rem;
 						height: 1.3rem;
 					}
 				}
@@ -408,6 +422,7 @@
 						overflow-y: auto;
 						margin: 2rem;
 						padding: 0 8.8rem 8.8rem;
+						user-select: text;
 					}
 				}
 			}
@@ -416,5 +431,13 @@
 	:deep(.el-dropdown-menu__item) {
 		column-gap: 1.2rem;
 		padding: 1.2rem 1.4rem;
+		.dropdown-txt {
+			font-size: 1.3rem;
+			font-family: 'Medium';
+			color: #000;
+			&.del {
+				color: #ff4747;
+			}
+		}
 	}
 </style>
diff --git a/src/views/home/agent/index.vue b/src/views/home/agent/index.vue
index 89e2f79..bb46454 100644
--- a/src/views/home/agent/index.vue
+++ b/src/views/home/agent/index.vue
@@ -113,6 +113,10 @@
 		previewType.value = 'url'
 	}
 
+	const handleOpenSketch = () => {
+		previewType.value = 'sketch'
+	}
+
 	watch(
 		() => proJectId.value,
 		(newVal, oldVal) => {
@@ -126,9 +130,7 @@
 	onMounted(() => {
 		MyEvent.add('openReport', handleOpenReport)
 		MyEvent.add('openUrls', handleOpenUrls)
-		MyEvent.add('OpenSketch', ()=>{
-			previewType.value = 'sketch'
-		})
+		MyEvent.add('OpenSketch', handleOpenSketch)
 		projectStore.clearProject()
 		if (proJectId.value) {
 			handleGetProjectInfoAndHistory()
@@ -137,9 +139,7 @@
 	onUnmounted(() => {
 		MyEvent.remove('openReport', handleOpenReport)
 		MyEvent.remove('openUrls', handleOpenUrls)
-		MyEvent.remove('OpenSketch', ()=>{
-			previewType.value = 'sketch'
-		})
+		MyEvent.remove('OpenSketch')
 	})
 </script>
 

From d48e407471a1806bb8dbcc6589a77518f537a756 Mon Sep 17 00:00:00 2001
From: lzp <zpli@aidlab.hk>
Date: Tue, 17 Mar 2026 11:35:04 +0800
Subject: [PATCH 2/3] 11

---
 .../components/depth-header-tools.vue         |  6 +++--
 src/components/Canvas/DepthCanvas/index.vue   |  2 +-
 .../DepthCanvas/manager/CanvasManager.ts      | 25 +++++++++++--------
 .../DepthCanvas/manager/ObjectManager.ts      |  9 +++++++
 4 files changed, 28 insertions(+), 14 deletions(-)

diff --git a/src/components/Canvas/DepthCanvas/components/depth-header-tools.vue b/src/components/Canvas/DepthCanvas/components/depth-header-tools.vue
index 8b0ea8d..040aac7 100644
--- a/src/components/Canvas/DepthCanvas/components/depth-header-tools.vue
+++ b/src/components/Canvas/DepthCanvas/components/depth-header-tools.vue
@@ -31,7 +31,7 @@
 <script setup lang="ts">
 	import { ref, inject, computed } from 'vue'
 	import { exportCanvasToImage } from '../tools/exportMethod'
-	import { OperationType } from '../tools/layerHelper'
+	import { OperationType, BlendMode } from '../tools/layerHelper'
 	const props = defineProps({
 		zoom: { default: 1, type: Number },
 		step: { default: 0.1, type: Number }
@@ -87,7 +87,9 @@
 	}
 	const onImageClick = async () => {
 		const layer = await importLocalImage(false)
-		objectManager.setFillRepeat(layer?.info?.id)
+		const id = layer?.info?.id
+		objectManager.setBlendMode(id, BlendMode.MULTIPLY)
+		objectManager.setFillRepeat(id)
 	}
 	const onWorkbench = async () => {
 		exportCanvasToImage(canvasManager.canvas).then((url) => {
diff --git a/src/components/Canvas/DepthCanvas/index.vue b/src/components/Canvas/DepthCanvas/index.vue
index 1c339dd..b2cbb89 100644
--- a/src/components/Canvas/DepthCanvas/index.vue
+++ b/src/components/Canvas/DepthCanvas/index.vue
@@ -1,7 +1,7 @@
 <template>
 	<fullscreen-dialog v-model="dialogVisible" @close="onClose" hide-destroy>
 		<div class="canvas-box">
-			<depth-canvas :config="config" @workbench="onWorkbench" @close="onClose" />
+			<depth-canvas :config="config" @workbench="onWorkbench" />
 		</div>
 	</fullscreen-dialog>
 </template>
diff --git a/src/components/Canvas/DepthCanvas/manager/CanvasManager.ts b/src/components/Canvas/DepthCanvas/manager/CanvasManager.ts
index ffc28b6..e129fcd 100644
--- a/src/components/Canvas/DepthCanvas/manager/CanvasManager.ts
+++ b/src/components/Canvas/DepthCanvas/manager/CanvasManager.ts
@@ -60,17 +60,12 @@ export class CanvasManager {
 		this.layerManager = this.stateManager.layerManager
 		this.canvasWidth = options.canvasWidth || 750
 		this.canvasHeight = options.canvasHeight || 600
-		this.canvas = createCanvas(options.canvasRef.value, {
-			preserveObjectStacking: true,
-			enableRetinaScaling: true,
-			backgroundColor: '#fff',
-		})
+		var image = null;
 		if (options.url) {
-			await new Promise((resolve, reject) => {
+			await new Promise((resolve) => {
 				fabric.Image.fromURL(options.url, async (img) => {
 					this.canvasWidth = img.width
 					this.canvasHeight = img.height
-					this.setCanvasViewSize(options)
 					img.set({
 						left: 0,
 						top: 0,
@@ -81,14 +76,22 @@ export class CanvasManager {
 							name: "图片图层",
 						}
 					})
-					this.canvas.add(img)
-					await this.layerManager.updateLayerThumbnailsById(img.info.id)
+					image = img
 					resolve(img)
 				}, { crossOrigin: 'anonymous' })
 			})
-		} else {
-			this.setCanvasViewSize(options)
 		}
+		this.canvas = createCanvas(options.canvasRef.value, {
+			preserveObjectStacking: true,
+			enableRetinaScaling: true,
+			backgroundColor: '#fff',
+		})
+		if (image) {
+			this.canvas.add(image)
+			await this.layerManager.updateLayerThumbnailsById(image.info.id)
+		}
+		this.setCanvasViewSize(options)
+
 		this.canvas.clipPath = new fabric.Rect({
 			left: 0,
 			top: 0,
diff --git a/src/components/Canvas/DepthCanvas/manager/ObjectManager.ts b/src/components/Canvas/DepthCanvas/manager/ObjectManager.ts
index 282a6e4..e7b3e13 100644
--- a/src/components/Canvas/DepthCanvas/manager/ObjectManager.ts
+++ b/src/components/Canvas/DepthCanvas/manager/ObjectManager.ts
@@ -78,6 +78,14 @@ export class ObjectManager {
 		this.layerManager = options.layerManager
 	}
 	onMounted() { }
+	/** 设置混合模式 */
+	setBlendMode(id: string, blendMode: string) {
+		const object = this.canvasManager.getObjectById(id)
+		if (!object) return console.warn('设置混合模式失败，对象不存在ID:', id)
+		object.set("globalCompositeOperation", blendMode)
+		this.canvasManager.renderAll()
+	}
+
 	/** 设置平铺状态 */
 	setFillRepeat(id: string) {
 		const object = this.canvasManager.getObjectById(id)
@@ -118,6 +126,7 @@ export class ObjectManager {
 			scaleY: object.scaleY,
 			flipX: object.flipX,
 			flipY: object.flipY,
+			globalCompositeOperation: object.globalCompositeOperation,
 			originX: "left",
 			originY: "top",
 			info,

From 0bd313c107351ad966e785b1e4da648f0e06d814 Mon Sep 17 00:00:00 2001
From: zhangyahui <yhzhang@aidlab.hk>
Date: Tue, 17 Mar 2026 14:16:14 +0800
Subject: [PATCH 3/3] =?UTF-8?q?feat:=20agent=E9=A1=B5=E9=9D=A2=20reprot=20?=
 =?UTF-8?q?=E6=8C=89=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/icons/light.svg                |  2 +-
 src/assets/icons/plus.svg                 |  3 +
 src/views/home/agent/components/Agent.vue |  3 +
 src/views/home/components/Input.vue       | 93 ++++++++++++++++++++++-
 4 files changed, 97 insertions(+), 4 deletions(-)
 create mode 100644 src/assets/icons/plus.svg

diff --git a/src/assets/icons/light.svg b/src/assets/icons/light.svg
index dba6a35..7205c7d 100644
--- a/src/assets/icons/light.svg
+++ b/src/assets/icons/light.svg
@@ -1,3 +1,3 @@
 <svg width="16" height="20" viewBox="0 0 16 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M11.7248 18.6371C11.7248 18.8138 11.6476 18.9906 11.5262 19.1231C11.3937 19.2445 11.2168 19.3217 11.0402 19.3217H4.14022C3.95255 19.3217 3.77596 19.2445 3.64348 19.1231C3.52204 18.9906 3.44484 18.8138 3.44484 18.6371C3.44484 18.4495 3.52204 18.2729 3.64348 18.1404C3.77596 18.019 3.95255 17.9418 4.14022 17.9418H11.0402C11.2168 17.9418 11.3937 18.019 11.5262 18.1404C11.6476 18.2729 11.7248 18.4495 11.7248 18.6371ZM15.1802 7.59719C15.1802 8.74535 14.9153 9.88246 14.4185 10.9092C13.9106 11.9469 13.1821 12.8524 12.2768 13.5589C12.1002 13.6914 11.9675 13.8569 11.8682 14.0446C11.7799 14.2433 11.7248 14.4532 11.7248 14.6629V15.1818C11.7248 15.5461 11.5811 15.8992 11.3162 16.1532C11.0623 16.4181 10.7091 16.5618 10.3448 16.5618H4.82483C4.46051 16.5618 4.10736 16.4181 3.85345 16.1532C3.58849 15.8992 3.44484 15.5461 3.44484 15.1818V14.6629C3.44484 14.4532 3.40081 14.2433 3.30145 14.0557C3.21313 13.868 3.06949 13.7025 2.90389 13.57C1.99862 12.8634 1.27004 11.969 0.762207 10.9423C0.265409 9.91562 0.000245425 8.7785 0.000245425 7.63035C-0.0328744 3.52349 3.29036 0.1012 7.39722 0.00184018C8.4129 -0.0202397 9.41747 0.156378 10.3669 0.531736C11.3053 0.896054 12.1664 1.44802 12.884 2.15458C13.6127 2.86113 14.1868 3.71122 14.5842 4.64961C14.9706 5.57697 15.1802 6.58152 15.1802 7.59719ZM13.8002 7.59719C13.8002 6.75816 13.6346 5.94127 13.3034 5.17951C12.9833 4.41775 12.5196 3.72241 11.9234 3.14833C11.3273 2.56322 10.6319 2.11035 9.85911 1.81227C9.08632 1.50315 8.25837 1.35975 7.43038 1.38183C4.07423 1.45911 1.35816 4.26316 1.38024 7.63035C1.38024 8.5577 1.59007 9.48526 2.00959 10.3243C2.41807 11.1744 3.01431 11.903 3.75399 12.477C4.09623 12.742 4.36115 13.0731 4.54883 13.4484C4.72547 13.8238 4.82483 14.2434 4.82483 14.6629V15.1818H6.90021V11.3288L4.33914 8.76749C4.20666 8.63501 4.12944 8.46948 4.12944 8.2818C4.12944 8.09412 4.20666 7.92859 4.33914 7.79611C4.47162 7.66363 4.63715 7.58641 4.82483 7.58641C5.01251 7.58641 5.18908 7.66363 5.31052 7.79611L7.58482 10.0704L9.85911 7.79611C9.92535 7.72987 9.99154 7.67452 10.0799 7.6414C10.1682 7.60828 10.2565 7.58641 10.3448 7.58641C10.4331 7.58641 10.5214 7.60828 10.6098 7.6414C10.6981 7.67452 10.7643 7.72987 10.8305 7.79611C10.8967 7.86235 10.9521 7.92853 10.9852 8.01685C11.0183 8.10517 11.0402 8.19348 11.0402 8.2818C11.0402 8.37012 11.0183 8.45843 10.9852 8.54675C10.9521 8.63507 10.8967 8.70125 10.8305 8.76749L8.2802 11.3288V15.1818H10.3448V14.6629C10.3448 14.2434 10.4442 13.8238 10.6319 13.4484C10.8195 13.062 11.0844 12.731 11.4156 12.477C12.1664 11.903 12.7626 11.1523 13.1711 10.3132C13.5796 9.46317 13.8002 8.53559 13.8002 7.59719Z" fill="#FFDB56"/>
+<path d="M11.7248 18.6371C11.7248 18.8138 11.6476 18.9906 11.5262 19.1231C11.3937 19.2445 11.2168 19.3217 11.0402 19.3217H4.14022C3.95255 19.3217 3.77596 19.2445 3.64348 19.1231C3.52204 18.9906 3.44484 18.8138 3.44484 18.6371C3.44484 18.4495 3.52204 18.2729 3.64348 18.1404C3.77596 18.019 3.95255 17.9418 4.14022 17.9418H11.0402C11.2168 17.9418 11.3937 18.019 11.5262 18.1404C11.6476 18.2729 11.7248 18.4495 11.7248 18.6371ZM15.1802 7.59719C15.1802 8.74535 14.9153 9.88246 14.4185 10.9092C13.9106 11.9469 13.1821 12.8524 12.2768 13.5589C12.1002 13.6914 11.9675 13.8569 11.8682 14.0446C11.7799 14.2433 11.7248 14.4532 11.7248 14.6629V15.1818C11.7248 15.5461 11.5811 15.8992 11.3162 16.1532C11.0623 16.4181 10.7091 16.5618 10.3448 16.5618H4.82483C4.46051 16.5618 4.10736 16.4181 3.85345 16.1532C3.58849 15.8992 3.44484 15.5461 3.44484 15.1818V14.6629C3.44484 14.4532 3.40081 14.2433 3.30145 14.0557C3.21313 13.868 3.06949 13.7025 2.90389 13.57C1.99862 12.8634 1.27004 11.969 0.762207 10.9423C0.265409 9.91562 0.000245425 8.7785 0.000245425 7.63035C-0.0328744 3.52349 3.29036 0.1012 7.39722 0.00184018C8.4129 -0.0202397 9.41747 0.156378 10.3669 0.531736C11.3053 0.896054 12.1664 1.44802 12.884 2.15458C13.6127 2.86113 14.1868 3.71122 14.5842 4.64961C14.9706 5.57697 15.1802 6.58152 15.1802 7.59719ZM13.8002 7.59719C13.8002 6.75816 13.6346 5.94127 13.3034 5.17951C12.9833 4.41775 12.5196 3.72241 11.9234 3.14833C11.3273 2.56322 10.6319 2.11035 9.85911 1.81227C9.08632 1.50315 8.25837 1.35975 7.43038 1.38183C4.07423 1.45911 1.35816 4.26316 1.38024 7.63035C1.38024 8.5577 1.59007 9.48526 2.00959 10.3243C2.41807 11.1744 3.01431 11.903 3.75399 12.477C4.09623 12.742 4.36115 13.0731 4.54883 13.4484C4.72547 13.8238 4.82483 14.2434 4.82483 14.6629V15.1818H6.90021V11.3288L4.33914 8.76749C4.20666 8.63501 4.12944 8.46948 4.12944 8.2818C4.12944 8.09412 4.20666 7.92859 4.33914 7.79611C4.47162 7.66363 4.63715 7.58641 4.82483 7.58641C5.01251 7.58641 5.18908 7.66363 5.31052 7.79611L7.58482 10.0704L9.85911 7.79611C9.92535 7.72987 9.99154 7.67452 10.0799 7.6414C10.1682 7.60828 10.2565 7.58641 10.3448 7.58641C10.4331 7.58641 10.5214 7.60828 10.6098 7.6414C10.6981 7.67452 10.7643 7.72987 10.8305 7.79611C10.8967 7.86235 10.9521 7.92853 10.9852 8.01685C11.0183 8.10517 11.0402 8.19348 11.0402 8.2818C11.0402 8.37012 11.0183 8.45843 10.9852 8.54675C10.9521 8.63507 10.8967 8.70125 10.8305 8.76749L8.2802 11.3288V15.1818H10.3448V14.6629C10.3448 14.2434 10.4442 13.8238 10.6319 13.4484C10.8195 13.062 11.0844 12.731 11.4156 12.477C12.1664 11.903 12.7626 11.1523 13.1711 10.3132C13.5796 9.46317 13.8002 8.53559 13.8002 7.59719Z" fill="currentColor"/>
 </svg>
diff --git a/src/assets/icons/plus.svg b/src/assets/icons/plus.svg
new file mode 100644
index 0000000..7e4b3a8
--- /dev/null
+++ b/src/assets/icons/plus.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8 0C8.49092 0 8.88889 0.397969 8.88889 0.888889L8.88889 7.11111L15.1111 7.11111C15.602 7.11111 16 7.50908 16 8C16 8.49092 15.602 8.88889 15.1111 8.88889L8.88889 8.88889L8.88889 15.1111C8.88889 15.602 8.49092 16 8 16C7.50908 16 7.11111 15.602 7.11111 15.1111L7.11111 8.88889L0.888889 8.88889C0.397969 8.88889 0 8.49092 0 8C0 7.50908 0.397969 7.11111 0.888889 7.11111L7.11111 7.11111L7.11111 0.888889C7.11111 0.397969 7.50908 0 8 0Z" fill="currentColor"/>
+</svg>
diff --git a/src/views/home/agent/components/Agent.vue b/src/views/home/agent/components/Agent.vue
index 998024c..0940e46 100644
--- a/src/views/home/agent/components/Agent.vue
+++ b/src/views/home/agent/components/Agent.vue
@@ -109,6 +109,7 @@
 			handleSendMessage({
 				text: initialData.text,
 				images: initialData.images,
+				useReport:initialData.useReport,
 				tempImages: initialData.tempImages
 			})
 			// 更新 configParams
@@ -123,12 +124,14 @@
 			text: string
 			images: Array<{ url: string; name: string }>
 			tempImages: any[]
+			useReport: boolean
 		},
 		skipUserMessage = false
 	) => {
 		isPaused.value = false
 		isGenerating.value = true
 		params.message = message.text
+		params.useReport = message.useReport
 		params.imageUrlList = message.images || []
 
 		// 如果不是重新生成模式，则添加用户消息到列表
diff --git a/src/views/home/components/Input.vue b/src/views/home/components/Input.vue
index 4dc8e35..a779384 100644
--- a/src/views/home/components/Input.vue
+++ b/src/views/home/components/Input.vue
@@ -35,8 +35,36 @@
 			</div>
 			<div class="operate flex align-center space-between">
 				<div class="left flex align-center">
-					<div class="attach flex flex-center" @click="triggerFileUpload">
-						<img src="@/assets/icons/attach.svg" alt="" />
+					<div class="agent-operate flex flex-center">
+						<el-popover
+							placement="top-end"
+							trigger="click"
+							popper-class="agent-plus-popover"
+						>
+							<template #reference>
+								<SvgIcon name="plus" color="#0D0D0D" size="16" />
+							</template>
+							<template #default>
+								<div class="agent-modal flex flex-col">
+									<div class="file flex align-center" @click="triggerFileUpload">
+										<img src="@/assets/icons/attach.svg" class="file-icon" />
+										<span>Upload files</span>
+									</div>
+									<div class="gap"></div>
+									<div class="report flex align-center" @click="toogltReportTag">
+										<SvgIcon color="#5A5A5A" name="light" size="11" />
+										<span>Trending report</span>
+									</div>
+								</div>
+							</template>
+						</el-popover>
+					</div>
+					<div
+						class="attach flex flex-center"
+						@click="triggerFileUpload"
+						v-if="!isAgentMode"
+					>
+						<img src="@/assets/icons/attach.svg" />
 					</div>
 					<input
 						ref="fileInputRef"
@@ -186,7 +214,7 @@
 			class="report-btn flex space-between align-center"
 			@click="toogltReportTag"
 		>
-			<SvgIcon class="light-icon" name="light" size="16" />
+			<SvgIcon class="light-icon" color="#FFDB56" name="light" size="16" />
 			<span>{{ $t('Input.trendingReport') }}</span>
 		</div>
 		<Preview v-model="showPreview" :url="previewUrl" />
@@ -656,6 +684,7 @@
 		const payload = {
 			text: inputValue.value.trim(),
 			images: imageUrlList,
+			useReport: reportTags.value.length > 0,
 			tempImages: uploadedImages.value
 		}
 		emits('send', payload)
@@ -941,6 +970,15 @@
 			.left {
 				column-gap: 2rem;
 			}
+			.agent-operate {
+				width: 3.2rem;
+				height: 3.2rem;
+				cursor: pointer;
+				border-radius: 50%;
+				&:hover {
+					background-color: #f0f0f0;
+				}
+			}
 			.attach {
 				width: 4rem;
 				height: 4rem;
@@ -1320,4 +1358,53 @@
 			height: 1.2rem;
 		}
 	}
+
+	.agent-plus-popover {
+		display: flex;
+		justify-content: flex-start;
+		background: transparent !important;
+		box-shadow: none !important;
+		border: none !important;
+		padding: 0 !important;
+		margin-bottom: -1rem;
+		pointer-events: none;
+		.el-popper__arrow:before {
+			display: none;
+		}
+		.agent-modal {
+			// width: 14.6rem;
+			// height: 8.5rem;
+			row-gap: 1.2rem;
+			font-family: 'Medium';
+			font-weight: 500;
+			font-size: 1.3rem;
+			color: #222;
+			background-color: #fff;
+			border: 1px solid #d9d9d9;
+			box-shadow: 0px 6.53px 32.63px 0px #0000000d;
+			border-radius: 1rem;
+			padding: 1.2rem 1.4rem;
+			.c-svg {
+				width: initial;
+				width: 1rem;
+				height: 1.3rem;
+			}
+			.file,
+			.report {
+				line-height: 1.8rem;
+				column-gap: 1rem;
+				cursor: pointer;
+			}
+			.file {
+				.file-icon {
+					width: 1.1rem;
+					height: 1.3rem;
+				}
+			}
+			.gap {
+				height: 0.05rem;
+				background-color: #d4d4d4;
+			}
+		}
+	}
 </style>