Enhance AIChat component styles with scrollbar customization and Ment…

…ionList adjustments. Added custom scrollbar styles to improve UI aesthetics in History component. Updated MentionList styles for better visual consistency, including border removal, adjusted border-radius, and improved hover effects. Enhanced layout with flex properties for better alignment and spacing of elements.

packages/xgen/layouts/components/Neo/components/AIChat/History/index.less

@@ -46,6 +46,25 @@
 		overflow-y: auto;
 		padding: 8px;
 		min-height: 0;
+
+		&::-webkit-scrollbar {
+			width: 6px;
+			height: 6px;
+		}
+
+		&::-webkit-scrollbar-thumb {
+			background: var(--color_border);
+			border-radius: 3px;
+
+			&:hover {
+				background: var(--color_text_grey);
+			}
+		}
+
+		&::-webkit-scrollbar-track {
+			background: var(--color_border_soft);
+			border-radius: 3px;
+		}
 	}
 
 	.group {

packages/xgen/layouts/components/Neo/components/AIChat/MentionList/index.less

@@ -1,9 +1,9 @@
 .mentionList {
 	position: fixed;
 	background: var(--color_bg_menu);
-	border: 1px solid var(--color_border);
-	border-radius: var(--radius);
+	border-radius: 8px;
 	box-shadow: var(--shadow);
+	border: none;
 	min-width: 200px;
 	max-width: 300px;
 	z-index: 1000;
@@ -64,7 +64,7 @@
 
 			&:hover,
 			&.selected {
-				background: var(--color_border_soft);
+				background-color: var(--color_border_soft);
 			}
 
 			.avatar {
@@ -84,15 +84,17 @@
 				flex: 1;
 				min-width: 0;
 				display: flex;
+				justify-content: space-between;
 				align-items: center;
-				gap: 8px;
 
 				.name {
+					flex: 1;
 					font-size: 13px;
 					color: var(--color_text);
 					overflow: hidden;
 					text-overflow: ellipsis;
 					white-space: nowrap;
+					margin-right: 12px;
 				}
 
 				.type {
@@ -101,6 +103,7 @@
 					background: var(--color_border_light);
 					padding: 2px 6px;
 					border-radius: 4px;
+					flex-shrink: 0;
 				}
 			}
 		}