From 32b56d0919a00e449c0abb160b7a414e6ba665c6 Mon Sep 17 00:00:00 2001
From: Your Name <your.email@example.com>
Date: Fri, 20 Feb 2026 19:57:14 +0800
Subject: [PATCH] style(ui): icon-only image toolbar controls

---
 components/image-params-bar.tsx | 33 +++++++++++++++++++++++----------
 1 file changed, 23 insertions(+), 10 deletions(-)

diff --git a/components/image-params-bar.tsx b/components/image-params-bar.tsx
index 437780efd..7f06d8c66 100644
--- a/components/image-params-bar.tsx
+++ b/components/image-params-bar.tsx
@@ -8,7 +8,7 @@ import {
   DropdownMenuItem,
   DropdownMenuTrigger,
 } from "@/components/ui/dropdown-menu";
-import { Check, Image, Ratio, Maximize2, Images, Sparkles, Ban } from "lucide-react";
+import { Check, Image, Ratio, Maximize2, Images, SlidersHorizontal, Ban } from "lucide-react";
 import { cn } from "@/lib/utils";
 import { Input } from "@/components/ui/input";
 import { Switch } from "@/components/ui/switch";
@@ -181,9 +181,13 @@ export function ImageParamsBar({
         {/* 图片比例 */}
         <DropdownMenu>
           <DropdownMenuTrigger asChild>
-            <Button variant="ghost" className="h-8 px-2 gap-1 focus-visible:ring-0 focus-visible:ring-offset-0 focus:outline-none focus:ring-0">
+            <Button
+              variant="ghost"
+              className="h-8 px-2 focus-visible:ring-0 focus-visible:ring-offset-0 focus:outline-none focus:ring-0"
+              title={`比例：${params.aspectRatio}`}
+            >
               <Ratio size={14} />
-              <span className="font-medium text-xs">{params.aspectRatio}</span>
+              <span className="sr-only">{`比例：${params.aspectRatio}`}</span>
             </Button>
           </DropdownMenuTrigger>
           <DropdownMenuContent align="center" className="w-48">
@@ -206,9 +210,13 @@ export function ImageParamsBar({
         {/* 分辨率 */}
         <DropdownMenu>
           <DropdownMenuTrigger asChild>
-            <Button variant="ghost" className="h-8 px-2 gap-1 focus-visible:ring-0 focus-visible:ring-offset-0 focus:outline-none focus:ring-0">
+            <Button
+              variant="ghost"
+              className="h-8 px-2 focus-visible:ring-0 focus-visible:ring-offset-0 focus:outline-none focus:ring-0"
+              title={`分辨率：${params.imageSize}`}
+            >
               <Maximize2 size={14} />
-              <span className="font-medium text-xs">{params.imageSize}</span>
+              <span className="sr-only">{`分辨率：${params.imageSize}`}</span>
             </Button>
           </DropdownMenuTrigger>
           <DropdownMenuContent align="center" className="min-w-[100px]">
@@ -228,9 +236,13 @@ export function ImageParamsBar({
         {showImageCountSelector && (
           <DropdownMenu>
             <DropdownMenuTrigger asChild>
-              <Button variant="ghost" className="h-8 px-2 gap-1 focus-visible:ring-0 focus-visible:ring-offset-0 focus:outline-none focus:ring-0">
+              <Button
+                variant="ghost"
+                className="h-8 px-2 focus-visible:ring-0 focus-visible:ring-offset-0 focus:outline-none focus:ring-0"
+                title={`数量：${params.imageCount || 1}张`}
+              >
                 <Images size={14} />
-                <span className="font-medium text-xs">{params.imageCount || 1}张</span>
+                <span className="sr-only">{`数量：${params.imageCount || 1}张`}</span>
               </Button>
             </DropdownMenuTrigger>
             <DropdownMenuContent align="center" className="min-w-[80px]">
@@ -255,12 +267,13 @@ export function ImageParamsBar({
               <Button 
                 variant="ghost" 
                 className={cn(
-                  "h-8 px-2 gap-1 focus-visible:ring-0 focus-visible:ring-offset-0 focus:outline-none focus:ring-0",
+                  "h-8 px-2 focus-visible:ring-0 focus-visible:ring-offset-0 focus:outline-none focus:ring-0",
                   (params.promptExtend || params.negativePrompt) && "text-primary"
                 )}
+                title="高级设置"
               >
-                <Sparkles size={14} />
-                <span className="font-medium text-xs">高级</span>
+                <SlidersHorizontal size={14} />
+                <span className="sr-only">高级设置</span>
               </Button>
             </PopoverTrigger>
             <PopoverContent align="end" className="w-72">