From 8aadc721a5e905f8249299bc6bf2e8bb9cacc76c Mon Sep 17 00:00:00 2001
From: Your Name <your.email@example.com>
Date: Thu, 5 Mar 2026 10:31:02 +0800
Subject: [PATCH] fix(canvas): adjust overlay controls and restore add-to-chat
 action

---
 components/canvas/CanvasWorkspace.tsx |  2 +-
 components/canvas/nodes/ImageNode.tsx | 18 +++++++++++++-----
 2 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/components/canvas/CanvasWorkspace.tsx b/components/canvas/CanvasWorkspace.tsx
index efd9b3cc0..095cf4d39 100644
--- a/components/canvas/CanvasWorkspace.tsx
+++ b/components/canvas/CanvasWorkspace.tsx
@@ -1193,7 +1193,7 @@ export function CanvasWorkspace({ occlusionRight = 0 }: CanvasWorkspaceProps) {
 
       {/* 缩放控制器 */}
       {selectedImageNodes.length > 0 && (
-        <div className="absolute bottom-4 left-4 z-30" data-canvas-overlay>
+        <div className="absolute bottom-16 left-4 z-30" data-canvas-overlay>
           <Button
             variant="secondary"
             size="sm"
diff --git a/components/canvas/nodes/ImageNode.tsx b/components/canvas/nodes/ImageNode.tsx
index e451282bb..7c68d71dc 100644
--- a/components/canvas/nodes/ImageNode.tsx
+++ b/components/canvas/nodes/ImageNode.tsx
@@ -2067,11 +2067,19 @@ export function ImageNode({ node, isSelected }: ImageNodeProps) {
             onPointerDown={(e) => e.stopPropagation()}
             onClick={(e) => e.stopPropagation()}
           >
-            <div className="mr-1 inline-flex h-10 shrink-0 items-center gap-1.5 whitespace-nowrap rounded-xl bg-slate-900 px-3 text-[13px] font-semibold text-white dark:bg-slate-100 dark:text-slate-900">
-              <Sparkles className="h-4 w-4" />
-              <span className="whitespace-nowrap">快捷编辑</span>
-              <span className="whitespace-nowrap text-white/55 dark:text-slate-500">Tab</span>
-            </div>
+            <Button
+              variant="ghost"
+              disabled={isProcessing || isAddingToChat}
+              className="mr-1 inline-flex h-10 shrink-0 items-center gap-1.5 whitespace-nowrap rounded-xl bg-slate-900 px-3 text-[13px] font-semibold text-white hover:bg-slate-800 hover:text-white dark:bg-slate-100 dark:text-slate-900 dark:hover:bg-slate-200"
+              onClick={handleAddToChat}
+            >
+              {isAddingToChat ? (
+                <Loader2 className="h-4 w-4 animate-spin" />
+              ) : (
+                <MessageSquarePlus className="h-4 w-4" />
+              )}
+              <span className="whitespace-nowrap">添加对话</span>
+            </Button>
 
             <div className="mx-1 h-6 w-px bg-slate-200 dark:bg-slate-700" />