Update app.py

app.py

@@ -343,10 +343,8 @@ def save_reflection(text, state):
         return state, []
 
 def create_interface():
-    """Gradio 인터페이스 생성"""
     db = SimpleDB()
     
-    # 초기 상태값 설정
     initial_state = {
         "user_name": "",
         "baseline_features": None,
@@ -359,93 +357,109 @@ def create_interface():
     with gr.Blocks(theme=gr.themes.Soft()) as app:
         state = gr.State(value=initial_state)
         
-        header = gr.Markdown("# 디지털 굿판")
-        user_display = gr.Markdown("")
+        gr.Markdown("# 디지털 굿판")
 
-        with gr.Tabs() as tabs:
-            with gr.Tab("입장"):
+        with gr.Tabs(selected=0) as tabs:  # selected 속성 추가
+            with gr.TabItem("입장") as tab_entrance:  # Tab -> TabItem
                 gr.Markdown(WELCOME_MESSAGE)
                 name_input = gr.Textbox(
                     label="이름을 알려주세요",
-                    placeholder="이름을 입력해주세요"
+                    placeholder="이름을 입력해주세요",
+                    interactive=True  # 명시적으로 지정
                 )
                 worldview_display = gr.Markdown(visible=False)
-                start_btn = gr.Button("여정 시작하기")
+                start_btn = gr.Button("여정 시작하기", variant="primary")  # variant 추가
 
-            with gr.Tab("기준 설정"):
+            with gr.TabItem("기준 설정") as tab_baseline:
                 gr.Markdown("""### 축원의 문장을 평온한 마음으로 읽어주세요""")
                 gr.Markdown("'당신의 건강과 행복이 늘 가득하기를'")
                 baseline_audio = gr.Audio(
                     label="축원 문장 녹음하기",
-                    type="numpy",
-                    source="microphone",
-                    streaming=False
+                    sources="microphone",  # source -> sources
+                    streaming=False,
+                    type="numpy"
                 )
-                set_baseline_btn = gr.Button("기준점 설정 완료")
+                set_baseline_btn = gr.Button("기준점 설정 완료", variant="primary")
                 baseline_status = gr.Markdown("")
 
-            with gr.Tab("청신"):
+            with gr.TabItem("청신") as tab_listen:
                 gr.Markdown("## 청신 - 소리로 정화하기")
-                play_music_btn = gr.Button("온천천의 소리 듣기")
+                play_music_btn = gr.Button("온천천의 소리 듣기", variant="secondary")
                 with gr.Row():
                     audio = gr.Audio(
                         value="oncheoncheon_sound.wav",
                         type="filepath",
                         label="온천천의 소리",
                         interactive=False,
-                        autoplay=False,
+                        show_download_button=True,  # 다운로드 버튼 추가
                         visible=True
                     )
                     with gr.Column():
                         reflection_input = gr.Textbox(
                             label="지금 이 순간의 감상을 자유롭게 적어보세요",
-                            lines=3
+                            lines=3,
+                            max_lines=5  # 최대 라인 수 지정
                         )
-                        save_btn = gr.Button("감상 저장하기")
+                        save_btn = gr.Button("감상 저장하기", variant="secondary")
                         reflections_display = gr.Dataframe(
                             headers=["시간", "감상", "감정 분석"],
                             label="기록된 감상들",
                             value=[[]],
-                            interactive=False
+                            interactive=False,
+                            wrap=True  # 긴 텍스트 wrap 처리
                         )
 
-            with gr.Tab("기원"):
+            with gr.TabItem("기원") as tab_wish:
                 gr.Markdown("## 기원 - 소원을 전해보세요")
                 with gr.Row():
                     with gr.Column():
                         voice_input = gr.Audio(
                             label="소원을 나누고 싶은 마음을 말해주세요",
-                            type="numpy",
-                            source="microphone",
-                            streaming=False
+                            sources="microphone",
+                            streaming=False,
+                            type="numpy"
                         )
-                        clear_btn = gr.Button("녹음 지우기")
-                        analyze_btn = gr.Button("소원 분석하기")
+                        with gr.Row():
+                            clear_btn = gr.Button("녹음 지우기", variant="secondary")
+                            analyze_btn = gr.Button("소원 분석하기", variant="primary")
 
                     with gr.Column():
-                        transcribed_text = gr.Textbox(label="인식된 텍스트")
-                        voice_emotion = gr.Textbox(label="음성 감정 분석")
-                        text_emotion = gr.Textbox(label="텍스트 감정 분석")
+                        transcribed_text = gr.Textbox(
+                            label="인식된 텍스트",
+                            interactive=False
+                        )
+                        voice_emotion = gr.Textbox(
+                            label="음성 감정 분석",
+                            interactive=False
+                        )
+                        text_emotion = gr.Textbox(
+                            label="텍스트 감정 분석",
+                            interactive=False
+                        )
 
-            with gr.Tab("송신"):
+            with gr.TabItem("송신") as tab_send:
                 gr.Markdown("## 송신 - 마음의 그림을 남기고, 보내기")
                 final_prompt = gr.Textbox(
                     label="생성된 프롬프트",
                     interactive=False,
                     lines=3
                 )
-                generate_btn = gr.Button("마음의 그림 그리기")
-                result_image = gr.Image(label="생성된 이미지")
+                generate_btn = gr.Button("마음의 그림 그리기", variant="primary")
+                result_image = gr.Image(
+                    label="생성된 이미지",
+                    show_download_button=True  # 다운로드 버튼 추가
+                )
 
                 gr.Markdown("## 마지막 감상을 남겨주세요")
                 final_reflection = gr.Textbox(
                     label="마지막 감상",
-                    placeholder="한 줄로 남겨주세요..."
+                    placeholder="한 줄로 남겨주세요...",
+                    max_lines=3
                 )
-                save_final_btn = gr.Button("감상 남기기")
+                save_final_btn = gr.Button("감상 남기기", variant="primary")
                 save_final_status = gr.Markdown("")
 
-        # 이벤트 연결
+        # 이벤트 연결 - gr.on 사용
         start_btn.click(
             fn=lambda name, state: (
                 WORLDVIEW_MESSAGE if name.strip() else "이름을 입력해주세요",
@@ -457,7 +471,10 @@ def create_interface():
         )
 
         set_baseline_btn.click(
-            fn=lambda x, s: ({**s, "baseline_features": calculate_baseline_features(x)}, "기준점이 설정되었습니다."),
+            fn=lambda x, s: (
+                {**s, "baseline_features": calculate_baseline_features(x)},
+                "기준점이 설정되었습니다."
+            ),
             inputs=[baseline_audio, state],
             outputs=[state, baseline_status]
         )
@@ -510,4 +527,3 @@ if __name__ == "__main__":
         server_name="0.0.0.0",
         server_port=7860
     )
-