Update app.py

app.py

@@ -45,7 +45,7 @@ def save_tags_to_cloud(tags_data):
         print(f"同步至雲端失敗。原因: {e}")
 
 
-def analyze_song_v7(artist, song, progress=gr.Progress()):
+def analyze_song_v8(artist, song, progress=gr.Progress()):
     # 📊 階段 1：連線雲端
     progress(0.1, desc="🔄 正在連線 Hugging Face 雲端下載歷史標籤庫...")
     current_tags = load_tags_from_cloud()
@@ -77,7 +77,7 @@ def analyze_song_v7(artist, song, progress=gr.Progress()):
     2. 動態標籤（必須對照下方的【標準資料庫】進行語意對齊）：
        包含【情緒基調】、【視覺畫面】、【適用場景】、【風格曲風】。
        - 語意對齊：如果你想到的詞與下方資料庫中的詞高度相似，必須自動校正並採用資料庫中的詞（採用後一樣要在後面補上英文翻譯）。
-       - 發現新詞規則：如果你認為現有資料庫無法涵蓋，允許你創造新詞，但必須在「中文新詞」前面加上 `[NEW:類別]` 標記，並在其後方照常輸出英文翻譯。
+       - 發現新詞規則：如果你認為現有資料庫無法涵蓋，允許你創造新詞，幕前必須在「中文新詞」前面加上 `[NEW:類別]` 標記，並在其後方照常輸出英文翻譯。
          （例如：創造新曲風寫成 `[NEW:風格曲風]周氏情歌, Chou Style`；創造新情感寫成 `[NEW:情緒基調]青澀回憶, Youthful Memories`）。
 
     【目前的標準資料庫】（供你對齊與參考語意）：
@@ -113,43 +113,56 @@ def analyze_song_v7(artist, song, progress=gr.Progress()):
     progress(0.95, desc="✨ 雲端同步完成！正在進行最後的中英雙語清洗與格式化...")
     clean_output = re.sub(r'\[NEW:[^\]]+\]', '', result_text)
     
+    # ✨ 新增優化：利用正則表達式在後台把「情境描述」與「標籤庫」攔截並拆開
+    desc_match = re.search(r'### 📝 1\. 意境與情境描述\s*([\s\S]*?)(?=### 🏷️ 2\. 統一標籤庫|$)', clean_output)
+    tags_match = re.search(r'### 🏷️ 2\. 統一標籤庫\s*([\s\S]*)', clean_output)
+    
+    # 萃取乾淨的內容
+    desc_content = desc_match.group(1).strip() if desc_match else "（未能成功生成情境描述）"
+    tags_content = tags_match.group(1).strip() if tags_match else clean_output
+    
     progress(1.0, desc="🎉 大功告成！")
-    return clean_output
+    
+    # 同時回傳兩個結果給前端不同的組件
+    return tags_content, desc_content
 
 
-# ✨ 核心改造：使用 gr.Blocks 自訂極簡版面，徹底抹除 Share 按鈕
+# 使用 gr.Blocks 自訂極簡版面
 with gr.Blocks(title="🎵 智慧音樂關鍵字與意境分析系統") as demo:
     gr.Markdown("# 🎵 智慧音樂關鍵字與意境分析系統 (中英雙語版)")
-    gr.Markdown("輸入歌手與歌名，系統會顯示即時執行進度條。AI 自動聯網檢索，生成一體化標籤庫，且中文標籤自動附帶英文翻譯。")
+    gr.Markdown("輸入歌手與歌名，AI 自動聯網檢索。畫面上將直接顯示雙語標籤海，情境描述已自動隱藏至下方選單中。")
     
-    # 建立左右並排的兩欄佈局（完全複製你截圖中的完美外觀）
     with gr.Row():
         # 左半邊：輸入與控制區
         with gr.Column():
             artist_input = gr.Textbox(label="歌手 / 藝術家", placeholder="例如：周杰倫")
             song_input = gr.Textbox(label="歌曲名稱", placeholder="例如：蒲公英的約定")
             
-            # 按鈕水平並排
             with gr.Row():
                 clear_btn = gr.Button("Clear")
                 submit_btn = gr.Button("Submit", variant="primary")
         
-        # 右半邊：完美的 Markdown 輸出區（不夾帶任何多餘按鈕）
+        # 右半邊：輸出區
         with gr.Column():
-            output_md = gr.Markdown(label="AI 雙語音樂關鍵字解析")
+            gr.Markdown("### 🏷️ 智慧生成雙語標籤庫")
+            output_tags = gr.Markdown()  # 這裡會直接大大的顯示標籤
+            
+            # ✨ 關鍵改造：建立一個預設關閉 (open=False) 的摺疊區塊，把描述藏在裡面
+            with gr.Accordion("📝 點擊展開：查看 AI 歌曲意境與情境描述", open=False):
+                output_desc = gr.Markdown()  # 隱藏的情境描述放在這
 
-    # 綁定 Submit 按鈕事件（自動相容進度條）
+    # 綁定 Submit 按鈕事件（負責將兩個輸出分流塞入對應位置）
     submit_btn.click(
-        fn=analyze_song_v7,
+        fn=analyze_song_v8,
         inputs=[artist_input, song_input],
-        outputs=output_md
+        outputs=[output_tags, output_desc]
     )
     
-    # 綁定 Clear 按鈕事件，一鍵清空輸入與輸出內容
+    # 綁定 Clear 按鈕事件，一鍵清空所有欄位
     clear_btn.click(
-        fn=lambda: ("", "", ""),
+        fn=lambda: ("", "", "", ""),
         inputs=None,
-        outputs=[artist_input, song_input, output_md]
+        outputs=[artist_input, song_input, output_tags, output_desc]
     )
 
 if __name__ == "__main__":