-
-
-
-
-
diff --git a/web/src/components/AgentInputArea.vue b/web/src/components/AgentInputArea.vue
index 768e2ec76..8b3b9bebd 100644
--- a/web/src/components/AgentInputArea.vue
+++ b/web/src/components/AgentInputArea.vue
@@ -128,7 +128,7 @@ const emit = defineEmits(['update:modelValue', 'send', 'keydown', 'upload-attach
const inputRef = ref(null)
const currentImage = ref(null)
const todoPopoverOpen = ref(false)
-const placeholder = '问点什么？使用 @ 可以提及哦~'
+const placeholder = '问点什么？使用 @ 提及资源，Shift + Enter 换行'
const totalTodoCount = computed(() => props.todos.length)
const completedTodoCount = computed(
diff --git a/web/src/components/AgentMessageComponent.vue b/web/src/components/AgentMessageComponent.vue
index 60b56aae1..7552f2a25 100644
--- a/web/src/components/AgentMessageComponent.vue
+++ b/web/src/components/AgentMessageComponent.vue
@@ -16,7 +16,12 @@
-
{{ message.content }}
+
{{ message.content }}
@@ -105,6 +110,8 @@ import ToolCallsGroupComponent from '@/components/ToolCallsGroupComponent.vue'
import MarkdownPreview from '@/components/common/MarkdownPreview.vue'
import { useAgentStore } from '@/stores/agent'
import { useInfoStore } from '@/stores/info'
+import { useChatUIStore } from '@/stores/chatUI'
+import { renderUserMessage } from '@/utils/mention'
import { storeToRefs } from 'pinia'
import { MessageProcessor } from '@/utils/messageProcessor'
@@ -216,6 +223,22 @@ const getErrorMessage = computed(() => {
const agentStore = useAgentStore()
const { availableKnowledgeBases } = storeToRefs(agentStore)
const infoStore = useInfoStore()
+const chatUIStore = useChatUIStore()
+
+/**
+ * 消息内提及药丸点击事件代理处理器
+ * @param {MouseEvent} e 鼠标点击事件
+ */
+const handleMessageClick = (e) => {
+ const filePill = e.target.closest('.mention-pill.file-pill')
+ if (filePill) {
+ const filePath = filePill.getAttribute('data-value')
+ if (filePath) {
+ chatUIStore.triggerFilePreview(filePath)
+ }
+ }
+}
+
// 提取消息来源
const messageSources = computed(() => {
if (props.message.type === 'ai') {
@@ -314,9 +337,16 @@ const parsedData = computed(() => {
.message-text {
max-width: 100%;
margin-bottom: 0;
- white-space: pre-line;
+ white-space: pre-wrap;
+
+ &.render-html {
+ word-break: break-all;
+ }
}
+ // 历史消息气泡提及药丸精致流式样式 (引入共享 Less 模块，开启暗色自适应与只读展示)
+ @import '@/assets/css/mention-pill.less';
+
.message-copy-btn {
cursor: pointer;
color: var(--gray-400);
diff --git a/web/src/components/AgentPanel.vue b/web/src/components/AgentPanel.vue
index fedeac30c..b5f4d73be 100644
--- a/web/src/components/AgentPanel.vue
+++ b/web/src/components/AgentPanel.vue
@@ -88,27 +88,6 @@