專案改造：AI幫我重構整個換面

今天工作太忙了，直接把專案交給(windsurf-codex)，請它幫我檢視、思考，然後給出更完善的修改建議與程式碼。以下是我給的prompt：

1. 檢視整份專案
2. 檢視後，你自己思考一下，看這個專案的畫面、功能可以怎麼修改
3. 幫我直接完整修改一下我的專案，讓這個專案更完善
4. 並且用繁體中文回答我你改了什麼

AI 回覆了我什麼？

• src/config/sessionPresets.ts
  建立專注意圖、休息建議與音景清單，並提供 findIntentById / findAmbientById，讓各頁共享設定。

• src/pages/FocusSetupPage.vue
  全面重構設定流程：新增模式卡片、自訂時長與休息選擇、音景挑選與摘要卡片，並在開始時同步 BGM 設定。

• src/pages/FocusTimerPage.vue
  重新設計計時介面：整合專注摘要、進度條與 3D 呼吸球控制，加入暫停/恢復、重新開始、提早結束與休息建議清單。

• src/components/useCountdown.ts 與 src/components/BgmControl.vue
  強化倒數邏輯（暫停/恢復/累計秒數），並顯示目前音景與音量漸層滑桿。

• src/pages/WelcomePage.vue 與 src/pages/DonePage.vue
  更新進入與完成頁敘事，提供三步驟導覽、專注統計與完成後的恢復建議與捷徑。

現在的畫面

首頁

選擇模式

倒數頁面

今天END

說老實話，今天還蠻驚豔的，不知道可以被改成這樣，我的美感真是連AI都感到堪憂。