Update app.py

app.py

@@ -621,6 +621,21 @@ def create_interface():
         .gradio-button:active {
             transform: scale(0.98);
         }
+        .loader {
+            width: 48px;
+            height: 48px;
+            border: 5px solid #FFF;
+            border-bottom-color: #FF3D00;
+            border-radius: 50%;
+            display: inline-block;
+            box-sizing: border-box;
+            animation: rotation 1s linear infinite;
+        }
+    
+        @keyframes rotation {
+            0% { transform: rotate(0deg); }
+            100% { transform: rotate(360deg); }
+        }
     """
 
     with gr.Blocks(theme=gr.themes.Soft(), css=css) as app:
@@ -689,12 +704,11 @@ def create_interface():
                             analysis_result = gr.Markdown("")
                 
                 def handle_blessing_complete(audio, state):
-                    """축원 완료 및 분석 처리"""
                     if audio is None:
                         return (
                             state,                          
                             "음성을 먼저 녹음해주세요.",
-                            gr.update(visible=True),     # loading
+                            gr.update(visible=False),     # loading
                             gr.update(visible=False),    # voice_features
                             gr.update(visible=False),    # text_sentiment
                             gr.update(visible=False),    # analysis_result
@@ -703,11 +717,17 @@ def create_interface():
                         )
                     
                     try:
-                        # 분석 시작
-                        loading = gr.update(visible=True)
-                        status = "🔄 기준 음성을 분석중입니다..."
-                        yield (state, status, loading, gr.update(visible=False), gr.update(visible=False), 
-                               gr.update(visible=False), gr.update(visible=True), gr.update(visible=False))
+                        # 분석 시작 표시
+                        yield (
+                            state, 
+                            "🔄 기준 음성을 분석중입니다...",
+                            gr.update(value='''<div style="display:flex;justify-content:center;align-items:center;"><div class="loader"></div></div>''', visible=True),
+                            gr.update(visible=False),
+                            gr.update(visible=False),
+                            gr.update(visible=False),
+                            gr.update(visible=True),
+                            gr.update(visible=False)
+                        )
                         
                         features = calculate_baseline_features(audio)
                         if features is None:
@@ -722,30 +742,44 @@ def create_interface():
                                 gr.update(visible=False)
                             )
                         
-                        # 감정 분석
+                        # 감정 분석 중 표시
+                        yield (
+                            state,
+                            "🔄 음성의 감정과 특성을 분석중입니다...", 
+                            gr.update(visible=True),
+                            gr.update(visible=False),
+                            gr.update(visible=False),
+                            gr.update(visible=False),
+                            gr.update(visible=True),
+                            gr.update(visible=False)
+                        )
+                        
                         baseline_emotion = map_acoustic_to_emotion(features)
                         
-                        # 기본 음성 특성 분석 결과
-                        voice_features_text = (
-                            f"음성 특성:\n"
-                            f"- 에너지 레벨: {baseline_emotion['details']['energy_level']}\n"
-                            f"- 말하기 속도: {baseline_emotion['details']['speech_rate']}\n"
-                            f"- 음높이 변화: {baseline_emotion['details']['pitch_variation']}\n"
-                            f"- 음성 크기: {baseline_emotion['details']['voice_volume']}"
-                        )
+                        # 분석 결과 생성
+                        voice_features_text = f"""
+                        🎭 음성 특성 분석:
                         
-                        sentiment_text = (
-                            f"기본 감정 상태: {baseline_emotion['primary']}\n"
-                            f"감정 강도: {baseline_emotion['intensity']:.1f}%\n"
-                            f"특징: {', '.join(baseline_emotion['characteristics'])}"
-                        )
+                        • 에너지 레벨: {baseline_emotion['details']['energy_level']}
+                        • 말하기 속도: {baseline_emotion['details']['speech_rate']}
+                        • 음높이 변화: {baseline_emotion['details']['pitch_variation']}
+                        • 음성 크기: {baseline_emotion['details']['voice_volume']}
+                        """
                         
-                        # 최종 분석 결과
-                        analysis_text = (
-                            f"✨ 기준 음성 분석이 완료되었습니다.\n\n"
-                            f"이 음성 특성을 기준으로 이후의 감정 변화를 분석합니다.\n"
-                            f"청신 단계에서 마음을 정화하신 후 기원을 진행해주세요."
-                        )
+                        sentiment_text = f"""
+                        💫 기본 감정 상태:
+                        
+                        • 주요 감정: {baseline_emotion['primary']}
+                        • 감정 강도: {baseline_emotion['intensity']:.1f}%
+                        • 특징: {', '.join(baseline_emotion['characteristics'])}
+                        """
+                        
+                        analysis_text = f"""
+                        ✨ 기준 음성 분석이 완료되었습니다.
+                        
+                        이 음성 특성을 기준으로 이후의 감정 변화를 분석합니다.
+                        청신 단계에서 마음을 정화하신 후 기원을 진행해주세요.
+                        """
                         
                         # 상태 업데이트
                         new_state = safe_state_update(state, {
@@ -754,15 +788,16 @@ def create_interface():
                             "analysis_complete": True
                         })
                         
+                        # 최종 결과 반환
                         return (
                             new_state,
                             "✅ 축원이 완료되었습니다. 이제 청신 단계로 진행해주세요.",
-                            gr.update(visible=False),                    # loading
-                            gr.update(value=voice_features_text, visible=True),   # voice_features
-                            gr.update(value=sentiment_text, visible=True),        # text_sentiment
-                            gr.update(value=analysis_text, visible=True),         # analysis_result
-                            gr.update(visible=False),                    # blessing_section
-                            gr.update(visible=True)                      # entry_guide_section
+                            gr.update(visible=False),
+                            gr.update(value=voice_features_text, visible=True),
+                            gr.update(value=sentiment_text, visible=True),
+                            gr.update(value=analysis_text, visible=True),
+                            gr.update(visible=False),
+                            gr.update(visible=True)
                         )
                         
                     except Exception as e:
@@ -776,7 +811,7 @@ def create_interface():
                             gr.update(visible=True),
                             gr.update(visible=False)
                         )
-                        
+                                        
                 # 4단계: 굿판 입장 안내
                 entry_guide_section = gr.Column(visible=False)
                 with entry_guide_section: