docs: update copilot instructions and project plan for improved workflow and user experience

app.py

@@ -861,6 +861,29 @@ def on_event_select(event_name):
         return None
 
 
+def on_event_change(event_name, start_time, duration, epicenter_lon, epicenter_lat):
+    """
+    當選擇事件時，同時更新波形地圖、波形圖、實際觀測圖
+
+    Returns:
+        (station_map_html, waveform_plot, info_text, observed_intensity_path)
+    """
+    try:
+        # 同時更新波形地圖
+        station_map_html, waveform_plot, info_text, _ = load_and_display_waveform(
+            event_name, start_time, duration, epicenter_lon, epicenter_lat
+        )
+
+        # 同時更新實際觀測圖
+        observed_intensity_path = load_observed_intensity_image(event_name)
+
+        return station_map_html, waveform_plot, info_text, observed_intensity_path
+
+    except Exception as e:
+        logger.error(f"事件切換時發生錯誤: {e}")
+        return None, None, f"錯誤: {str(e)}", None
+
+
 def create_input_station_map(selected_stations, epicenter_lat, epicenter_lon):
     """創建輸入測站分布地圖：顯示所有測站 + 突顯被選中的 25 個"""
     import folium
@@ -1225,9 +1248,9 @@ with gr.Blocks(title="TTSAM 震度預測系統") as demo:
 
     # 綁定事件
     event_dropdown.change(
-        fn=on_event_select,
-        inputs=[event_dropdown],
-        outputs=[observed_intensity_image]
+        fn=on_event_change,
+        inputs=[event_dropdown, start_slider, duration_slider, epicenter_lon_input, epicenter_lat_input],
+        outputs=[input_station_map, waveform_plot, info_output, observed_intensity_image]
     )
 
     load_waveform_btn.click(
@@ -1242,4 +1265,11 @@ with gr.Blocks(title="TTSAM 震度預測系統") as demo:
         outputs=[observed_intensity_image, predicted_intensity_map, stats_output]
     )
 
+    # 應用啟動時自動載入預設地震事件的波形
+    demo.load(
+        fn=on_event_change,
+        inputs=[event_dropdown, start_slider, duration_slider, epicenter_lon_input, epicenter_lat_input],
+        outputs=[input_station_map, waveform_plot, info_output, observed_intensity_image]
+    )
+
 demo.launch()

changelog.md

@@ -4,6 +4,13 @@
 
 ## [Unreleased]
 
+### Added
+- **UI 流程自動化**（2025-10-26）
+  - 應用啟動時自動載入預設地震事件的波形地圖（測站分布 + 波形圖）
+  - 地震事件切換時同步自動更新波形地圖與實際觀測圖
+  - 新增 `on_event_change()` callback 協調多個 UI 組件的聯動更新
+  - 新增 `demo.load` 事件綁定，實現應用啟動自動初始化
+
 ### Changed
 - **規格理念調整**：從「穩定可靠系統」改為「互動式教育展示 Demo」
   - 強調預裝化設計：所有資源（模型、Vs30、波形、測站表）預裝於 HF Space，無需運行時下載
@@ -24,10 +31,9 @@
   - 更新「快速參考」與「進一步閱讀」指向新的模塊化規格
   - 更新「專案結構」說明 spec 資料夾的模塊化檔案
 
-### Added
-- 模塊化規格文件（`spec/00-*.md` 至 `spec/04-*.md`）
-- Copilot 開發指南（`.github/copilot-instructions.md`）
-- 完整的錯誤處理策略文檔（`spec/03-error-handling.md`）
+- **Gradio 事件綁定優化**
+  - `event_dropdown.change` 現使用 `on_event_change()` 而非 `on_event_select()`
+  - 一次事件切換可同時更新波形地圖、波形圖、實際觀測圖
 
 ### Fixed
 - （待填）