feat: 为聊天对话中的图片处理按钮添加中文标签

- 在'变清晰'和'抠图'按钮上添加中文文字标签
- 图标和文字并排显示，方便用户快速识别功能
- 优化按钮样式，使用flex布局确保图标和文字对齐

components/image-preview.tsx

@@ -224,7 +224,7 @@ export function ImagePreview({
           <div className="absolute top-2 left-2 flex gap-1.5 z-10">
             {onImageEnhance && (
               <button
-                className="rounded-full bg-blue-600/90 hover:bg-blue-700 p-2 text-white transition-colors shadow-lg"
+                className="flex items-center gap-1.5 rounded-full bg-blue-600/90 hover:bg-blue-700 px-2.5 py-1.5 text-white transition-colors shadow-lg"
                 onClick={(e) => {
                   e.stopPropagation();
                   onImageEnhance(original);
@@ -233,12 +233,13 @@ export function ImagePreview({
                 aria-label="变清晰"
                 title="变清晰"
               >
-                <Sparkles size={16} />
+                <Sparkles size={14} />
+                <span className="text-xs font-medium">变清晰</span>
               </button>
             )}
             {onImageRmbg && (
               <button
-                className="rounded-full bg-green-600/90 hover:bg-green-700 p-2 text-white transition-colors shadow-lg"
+                className="flex items-center gap-1.5 rounded-full bg-green-600/90 hover:bg-green-700 px-2.5 py-1.5 text-white transition-colors shadow-lg"
                 onClick={(e) => {
                   e.stopPropagation();
                   onImageRmbg(original);
@@ -247,7 +248,8 @@ export function ImagePreview({
                 aria-label="抠图"
                 title="抠图"
               >
-                <Scissors size={16} />
+                <Scissors size={14} />
+                <span className="text-xs font-medium">抠图</span>
               </button>
             )}
           </div>