From 14ee1cfdaa509ffe20cd04caa53927b695d21a19 Mon Sep 17 00:00:00 2001
From: Your Name <your.email@example.com>
Date: Sun, 8 Mar 2026 17:39:25 +0800
Subject: [PATCH] make realtime brand badge link home

---
 components/canvas/RealtimeCanvasDialog.tsx | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/components/canvas/RealtimeCanvasDialog.tsx b/components/canvas/RealtimeCanvasDialog.tsx
index 96778e964..cda3014a6 100644
--- a/components/canvas/RealtimeCanvasDialog.tsx
+++ b/components/canvas/RealtimeCanvasDialog.tsx
@@ -2665,6 +2665,11 @@ export function RealtimeCanvasDialog({
     onOpenChange(false);
   }, [onOpenChange, standalone]);
 
+  const handleGoHome = useCallback(() => {
+    if (typeof window === "undefined") return;
+    window.location.assign("/");
+  }, []);
+
   const closeBrushSettingPopovers = useCallback(() => {
     setBrushPopoverOpen(false);
     setEraserPopoverOpen(false);
@@ -2758,7 +2763,12 @@ export function RealtimeCanvasDialog({
         </DialogHeader>
       )}
       <div className="pointer-events-none absolute top-6 left-6 z-50 flex items-center gap-3">
-        <div className="pointer-events-auto flex items-center gap-3 rounded-full border border-border/40 bg-background/80 px-4 py-2 shadow-sm backdrop-blur-md">
+        <button
+          className="pointer-events-auto flex items-center gap-3 rounded-full border border-border/40 bg-background/80 px-4 py-2 shadow-sm backdrop-blur-md transition hover:bg-background"
+          onClick={handleGoHome}
+          title="返回首页"
+          type="button"
+        >
           {siteLogo ? (
             <img
               alt={siteName}
@@ -2777,7 +2787,7 @@ export function RealtimeCanvasDialog({
           <span className="font-semibold text-foreground text-sm">
             {siteName}
           </span>
-        </div>
+        </button>
       </div>
 
       <div className="pointer-events-none absolute top-6 right-6 z-50">