Skip to content

feat: 新增畫布儲存、範例流程、重設與清空功能#6

Merged
dreamstyle merged 4 commits into
mainfrom
claude/canvas-save-reset-H9qpu
Mar 6, 2026
Merged

feat: 新增畫布儲存、範例流程、重設與清空功能#6
dreamstyle merged 4 commits into
mainfrom
claude/canvas-save-reset-H9qpu

Conversation

@dreamstyle
Copy link
Copy Markdown
Owner

@dreamstyle dreamstyle commented Mar 6, 2026

Summary

  • 新增 localStorage 自動儲存/載入畫布狀態功能
  • 新增「範例」按鈕:重設為預設範例流程
  • 新增「清空」按鈕:清除畫布上所有節點與邊
  • 範例與清空按鈕置於 Header 右側,使用 secondary 按鈕樣式(純文字、無 icon)
  • 移除儲存草稿按鈕

Changes

  • store/workflowStore.ts:新增 saveToLocalStorageloadFromLocalStorageresetToExampleclearCanvas 方法,初始化時自動載入已儲存狀態
  • App.tsx:Header 新增範例與清空按鈕
  • App.css:新增對應按鈕樣式

Test plan

  • 開啟應用,確認預設範例流程正確顯示
  • 編輯流程後重新整理頁面,確認狀態從 localStorage 正確還原
  • 點擊「範例」按鈕,確認畫布重設為範例流程
  • 點擊「清空」按鈕,確認畫布清空
  • 確認按鈕為 secondary 樣式、無 icon

https://claude.ai/code/session_0175xLAEKifqXsG4KxS1wXP4

- 自動將畫布狀態儲存至 localStorage,重新載入後保留
- 新增初始範例流程(開始→知識庫/模板→LLM→條件判斷→結束/HTTP)
- 首次開啟時自動載入範例流程
- 工具列新增「範例」按鈕,可重設畫布到範例流程
- 工具列新增「清空」按鈕,清除所有節點只保留開始節點

https://claude.ai/code/session_0175xLAEKifqXsG4KxS1wXP4
@github-actions
Copy link
Copy Markdown

github-actions Bot commented Mar 6, 2026

PR Preview Action v1.8.1
Preview removed because the pull request was closed.
2026-03-06 06:04 UTC

@dreamstyle dreamstyle merged commit 93d345e into main Mar 6, 2026
1 check passed
@dreamstyle dreamstyle deleted the claude/canvas-save-reset-H9qpu branch March 6, 2026 06:04
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants