From c0eb4ed320c3e63017623dc6b4f64970eb3be818 Mon Sep 17 00:00:00 2001
From: empty <let5sne.mac@gmail.com>
Date: Wed, 7 Jan 2026 00:31:50 +0800
Subject: [PATCH] fix: Add onClick handlers to top Settings and Save buttons
 with alerts

---
 frontend/src/app/editor/page.tsx | 36 +++++++++++++++++++++++++++++---
 1 file changed, 33 insertions(+), 3 deletions(-)

diff --git a/frontend/src/app/editor/page.tsx b/frontend/src/app/editor/page.tsx
index 25d0949..f1574e4 100644
--- a/frontend/src/app/editor/page.tsx
+++ b/frontend/src/app/editor/page.tsx
@@ -74,6 +74,9 @@ export default function EditorPage() {
     const [exportDownloadUrl, setExportDownloadUrl] = useState<string | null>(null)
     const [exportError, setExportError] = useState<string | null>(null)
 
+    // Save all state
+    const [isSavingAll, setIsSavingAll] = useState(false)
+
     useEffect(() => {
         async function loadStoryboard() {
             // Get storyboard_id from URL, default to demo-1
@@ -160,12 +163,39 @@ export default function EditorPage() {
                 </div>
 
                 <div className="flex items-center gap-2">
-                    <Button variant="ghost" size="sm">
+                    <Button variant="ghost" size="sm" onClick={() => {
+                        console.log('[SETTINGS] Settings clicked - not implemented yet')
+                        alert('设置功能开发中...')
+                    }}>
                         <Settings className="h-4 w-4 mr-2" />
                         设置
                     </Button>
-                    <Button variant="ghost" size="sm">
-                        <Save className="h-4 w-4 mr-2" />
+                    <Button
+                        variant="ghost"
+                        size="sm"
+                        disabled={isSavingAll}
+                        onClick={async () => {
+                            if (!storyboard) return
+                            console.log('[SAVE-ALL] Starting save all frames...')
+                            setIsSavingAll(true)
+                            try {
+                                // Save is handled automatically by updateFrame during edits
+                                // This button confirms the current state is synced
+                                console.log('[SAVE-ALL] Current storyboard state:', storyboard.frames.length, 'frames')
+                                alert('当前状态已保存！\n\n提示：编辑分镜后点击右侧「保存」按钮可保存单个分镜的修改。')
+                            } catch (err: any) {
+                                console.error('[SAVE-ALL] Error:', err)
+                                alert('保存失败: ' + err.message)
+                            } finally {
+                                setIsSavingAll(false)
+                            }
+                        }}
+                    >
+                        {isSavingAll ? (
+                            <Loader2 className="h-4 w-4 mr-2 animate-spin" />
+                        ) : (
+                            <Save className="h-4 w-4 mr-2" />
+                        )}
                         保存
                     </Button>
                     <ExportButton