From ded97bef0020e498c8df09de953de460d95f5126 Mon Sep 17 00:00:00 2001
From: Your Name <your.email@example.com>
Date: Fri, 10 Apr 2026 19:58:56 +0800
Subject: [PATCH] fix: improve psd image action button labels

---
 .../agents/AgentPsdTemplateEditorDialog.tsx   | 28 ++++++++-----------
 1 file changed, 12 insertions(+), 16 deletions(-)

diff --git a/components/agents/AgentPsdTemplateEditorDialog.tsx b/components/agents/AgentPsdTemplateEditorDialog.tsx
index 4fa999d11..3e14756e9 100644
--- a/components/agents/AgentPsdTemplateEditorDialog.tsx
+++ b/components/agents/AgentPsdTemplateEditorDialog.tsx
@@ -1073,16 +1073,10 @@ export function AgentPsdTemplateEditorDialog({
   );
   const selectedImageAdjustmentPanel = selectedImageLayer ? (
     <div className="space-y-3 rounded-2xl border border-white/10 bg-white/[0.03] p-3.5">
-      <div
-        className={
-          sourceImageUrl
-            ? "grid grid-cols-1 gap-2 sm:grid-cols-3"
-            : "grid grid-cols-1 gap-2 sm:grid-cols-2"
-        }
-      >
+      <div className="grid grid-cols-2 gap-2">
         {sourceImageUrl ? (
           <Button
-            className="h-11 w-full min-w-0 justify-center gap-1.5 rounded-xl border-white/10 bg-white/[0.02] px-3 text-[13px] text-white/80 transition-all hover:border-emerald-500/30 hover:bg-emerald-500/10 hover:text-emerald-400"
+            className="h-11 w-full min-w-0 justify-center gap-1.5 rounded-xl border-white/10 bg-white/[0.02] px-2.5 text-xs text-white/80 transition-all hover:border-emerald-500/30 hover:bg-emerald-500/10 hover:text-emerald-400"
             onClick={() => {
               setImageAssignments((current) => ({
                 ...current,
@@ -1102,11 +1096,11 @@ export function AgentPsdTemplateEditorDialog({
             type="button"
             variant="outline"
           >
-            <span className="min-w-0 truncate">使用当前图片</span>
+            <span className="min-w-0 whitespace-nowrap">使用当前图片</span>
           </Button>
         ) : null}
         <Button
-          className="h-11 w-full min-w-0 justify-center gap-1.5 rounded-xl border-white/10 bg-white/[0.02] px-3 text-[13px] text-white/80 transition-all hover:border-emerald-500/30 hover:bg-emerald-500/10 hover:text-emerald-400 disabled:opacity-50"
+          className="h-11 w-full min-w-0 justify-center gap-1.5 rounded-xl border-white/10 bg-white/[0.02] px-2.5 text-xs text-white/80 transition-all hover:border-emerald-500/30 hover:bg-emerald-500/10 hover:text-emerald-400 disabled:opacity-50"
           disabled={
             uploadingSlotId === selectedImageLayer.id ||
             isSelectedImageExtending
@@ -1121,10 +1115,12 @@ export function AgentPsdTemplateEditorDialog({
           ) : (
             <Upload className="h-4 w-4 shrink-0" />
           )}
-          <span className="min-w-0 truncate">上传替换图片</span>
+          <span className="min-w-0 whitespace-nowrap">上传替换图片</span>
         </Button>
         <Button
-          className="h-11 w-full min-w-0 justify-center gap-1.5 rounded-xl border-white/10 bg-white/[0.02] px-3 text-[13px] text-white/80 transition-all hover:border-emerald-500/30 hover:bg-emerald-500/10 hover:text-emerald-400 disabled:opacity-50"
+          className={`h-11 w-full min-w-0 justify-center gap-1.5 rounded-xl border-white/10 bg-white/[0.02] px-2.5 text-xs text-white/80 transition-all hover:border-emerald-500/30 hover:bg-emerald-500/10 hover:text-emerald-400 disabled:opacity-50 ${
+            sourceImageUrl ? "col-span-2" : ""
+          }`}
           disabled={
             !selectedImageAssignmentUrl || Boolean(isSelectedImageExtending)
           }
@@ -1143,15 +1139,15 @@ export function AgentPsdTemplateEditorDialog({
           ) : (
             <Expand className="h-4 w-4 shrink-0" />
           )}
-          <span className="min-w-0 truncate">图片拓展</span>
+          <span className="min-w-0 whitespace-nowrap">图片拓展</span>
         </Button>
       </div>
 
       {selectedImageAssignmentUrl ? (
         <>
-          <div className="flex justify-end gap-2">
+          <div className="grid grid-cols-2 gap-2">
             <Button
-              className="rounded-lg border-white/10 bg-white/[0.02] px-3 text-white/70 transition-all hover:border-white/20 hover:bg-white/[0.06] hover:text-white"
+              className="h-10 w-full rounded-lg border-white/10 bg-white/[0.02] px-2.5 text-xs text-white/70 transition-all hover:border-white/20 hover:bg-white/[0.06] hover:text-white"
               onClick={() => resetImagePlacement(selectedImageLayer.id)}
               size="sm"
               type="button"
@@ -1160,7 +1156,7 @@ export function AgentPsdTemplateEditorDialog({
               重置位置
             </Button>
             <Button
-              className="rounded-lg px-3 text-red-400/80 transition-all hover:bg-red-500/10 hover:text-red-400"
+              className="h-10 w-full rounded-lg px-2.5 text-xs text-red-400/80 transition-all hover:bg-red-500/10 hover:text-red-400"
               onClick={() => {
                 setImageAssignments((current) => {
                   const nextAssignments = { ...current };