From 7f67259c94877158a8cc501cf6d9eed6ea57d319 Mon Sep 17 00:00:00 2001
From: Your Name <your.email@example.com>
Date: Mon, 2 Feb 2026 12:17:05 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E7=89=A9=E5=93=81=E6=A0=87=E7=AD=BE?=
 =?UTF-8?q?=E4=BD=BF=E7=94=A8=E5=9B=BE=E7=89=87=E7=BC=A9=E7=95=A5=E5=9B=BE?=
 =?UTF-8?q?=EF=BC=8C=E7=A7=BB=E9=99=A4emoji=E5=9B=BE=E6=A0=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/canvas/CanvasChatPanel.tsx | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

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 = `
-      <span class="text-orange-500 text-xs">🎯</span>
-      <span class="text-xs text-orange-700 font-medium">${objectName}</span>
-      <span class="text-xs text-orange-500">·</span>
-      <span class="text-xs text-orange-600">${objectPosition}</span>
+      <img src="${url}" alt="" class="h-5 w-5 object-cover rounded-full border border-border/50" />
+      <span class="text-xs text-foreground/80">${objectName}</span>
+      <span class="text-xs text-foreground/50">·</span>
+      <span class="text-xs text-foreground/70">${objectPosition}</span>
     `;
     
     // 在光标位置插入，或添加到末尾