diff --git a/components/canvas/CanvasChatPanel.tsx b/components/canvas/CanvasChatPanel.tsx
index 370100b..25b6338 100644
--- a/components/canvas/CanvasChatPanel.tsx
+++ b/components/canvas/CanvasChatPanel.tsx
@@ -215,7 +215,7 @@ export function CanvasChatPanel({ chatId, initialMessages = [], onClose, onOpenF
console.log('[CanvasChat] 已插入图片标签:', url.substring(0, 50));
}, []);
- // 🆕 辅助函数:在 contenteditable 中插入物品标签(带🎯图标)
+ // 🆕 辅助函数:在 contenteditable 中插入物品标签(带图片缩略图,样式与普通图片标签一致)
const insertPickedObjectTagInEditor = useCallback((
url: string,
objectName: string,
@@ -241,12 +241,14 @@ export function CanvasChatPanel({ chatId, initialMessages = [], onClose, onOpenF
tagSpan.setAttribute('data-attachment-url', url);
tagSpan.setAttribute('data-picked-object', 'true');
tagSpan.setAttribute('data-object-name', objectName);
- tagSpan.className = 'inline-flex items-center gap-1 bg-orange-50 hover:bg-orange-100 border border-orange-200 rounded-full pl-1.5 pr-2 py-0.5 mx-0.5 align-middle cursor-default select-none';
+ // 样式与普通图片标签一致
+ tagSpan.className = 'inline-flex items-center gap-1 bg-muted/60 hover:bg-muted rounded-full pl-1 pr-2 py-0.5 mx-0.5 align-middle cursor-default select-none';
+ // 使用图片缩略图,不使用 emoji 或图标
tagSpan.innerHTML = `
- 🎯
- ${objectName}
- ·
- ${objectPosition}
+
+ ${objectName}
+ ·
+ ${objectPosition}
`;
// 在光标位置插入,或添加到末尾