refactor: reorganize layout for earthquake alert report and waveform visualization

app.py

@@ -964,25 +964,16 @@ with gr.Blocks(title="TTSAM 震度預測系統", fill_height=True) as demo:
 
     # ========== 上層：使用說明與參數設定 ==========
     with gr.Row():
-        # 左上：使用步驟與狀態顯示
         with gr.Column(scale=1):
             gr.Markdown("## 使用說明")
             gr.Markdown(
                 """
                 - **選擇地震事件**：自動載入測站並執行預測
                 - **調整時間滑桿**：即時更新波形與震度預測
-                
+    
                 系統會自動選擇距離震央最近的 25 個測站，並快取資料避免重複讀檔。
             """
             )
-            gr.Markdown("## 警報資訊")
-            alert_textbox = gr.Textbox(
-                label="地震預警報告（≥ 4 級地區）",
-                lines=7,
-                max_lines=7,
-                interactive=False,
-                show_copy_button=False,
-            )
         with gr.Column(scale=1):
             event_dropdown = gr.Dropdown(
                 choices=list(earthquake_metadata.keys()),
@@ -992,9 +983,18 @@ with gr.Blocks(title="TTSAM 震度預測系統", fill_height=True) as demo:
             duration_slider = gr.Slider(
                 2, 15, value=15, step=1, label="P 波後時間 (秒)"
             )
-            waveform_plot = gr.Plot(
-                label="地震波形（選定的 25 個測站）",
-            )
+    with gr.Row(scale=1):
+        alert_textbox = gr.Textbox(
+            label="地震預警報告（≥ 4 級地區）",
+            lines=7,
+            max_lines=7,
+            interactive=False,
+            show_copy_button=False,
+        )
+
+        waveform_plot = gr.Plot(
+            label="地震波形（選定的 25 個測站）",
+        )
 
     # ========== 下層：合併地圖 vs 實際觀測 ==========
     with gr.Row():