Update app.py

app.py

@@ -163,8 +163,86 @@ def create_interface():
         header = gr.Markdown("# 디지털 굿판")
         user_display = gr.Markdown("")
 
-        # 나머지 인터페이스 코드는 동일하게 유지...
-        [이전 코드와 동일한 부분 생략]
+        with gr.Tabs() as tabs:
+            # 입장
+            with gr.Tab("입장"):
+                gr.Markdown("""# 디지털 굿판에 오신 것을 환영합니다""")
+                name_input = gr.Textbox(label="이름을 알려주세요")
+                start_btn = gr.Button("여정 시작하기")
+
+            # 청신
+            with gr.Tab("청신"):
+                with gr.Row():
+                    audio_path = os.path.abspath(os.path.join("assets", "main_music.mp3"))
+                    audio = gr.Audio(
+                        value=audio_path,
+                        type="filepath",
+                        label="온천천의 소리",
+                        interactive=False,
+                        autoplay=True
+                    )
+                    with gr.Column():
+                        reflection_input = gr.Textbox(
+                            label="현재 순간의 감상을 적어주세요",
+                            lines=3
+                        )
+                        save_btn = gr.Button("감상 저장하기")
+                        reflections_display = gr.Dataframe(
+                            headers=["시간", "감상", "감정 분석"],
+                            label="기록된 감상들"
+                        )
+
+            # 기원
+            with gr.Tab("기원"):
+                gr.Markdown("## 기원 - 목소리로 전하기")
+                with gr.Row():
+                    with gr.Column():
+                        voice_input = gr.Audio(
+                            label="나누고 싶은 이야기를 들려주세요",
+                            sources=["microphone"],
+                            type="filepath",
+                            interactive=True
+                        )
+                        clear_btn = gr.Button("녹음 지우기")
+                    
+                    with gr.Column():
+                        transcribed_text = gr.Textbox(
+                            label="인식된 텍스트",
+                            interactive=False
+                        )
+                        voice_emotion = gr.Textbox(
+                            label="음성 감정 분석",
+                            interactive=False
+                        )
+                        text_emotion = gr.Textbox(
+                            label="텍스트 감정 분석",
+                            interactive=False
+                        )
+                        analyze_btn = gr.Button("분석하기")
+
+            # 송신
+            with gr.Tab("송신"):
+                gr.Markdown("## 송신 - 시각화 결과")
+                with gr.Column():
+                    final_prompt = gr.Textbox(
+                        label="생성된 프롬프트",
+                        interactive=False,
+                        lines=3
+                    )
+                    generate_btn = gr.Button("이미지 생성하기")
+                    result_image = gr.Image(
+                        label="생성된 이미지",
+                        type="pil"
+                    )
+
+        # 인터페이스 함수들
+        def start_journey(name):
+            """여정 시작"""
+            return f"# 환영합니다, {name}님의 디지털 굿판", gr.update(selected="청신")
+
+        def clear_voice_input():
+            """음성 입력 초기화"""
+            return None
 
         def analyze_voice(audio_path, state):
             """음성 분석"""
@@ -213,10 +291,36 @@ def create_interface():
             except Exception as e:
                 return state, f"오류 발생: {str(e)}", "", "", ""
 
-        # 이벤트 연결도 동일하게 유지...
-        [이전 코드와 동일한 부분 생략]
+        # 이벤트 연결
+        start_btn.click(
+            fn=lambda name: (f"# 환영합니다, {name}님의 디지털 굿판", gr.update(selected="청신")),
+            inputs=[name_input],
+            outputs=[user_display, tabs]
+        )
+
+        save_btn.click(
+            fn=save_reflection,
+            inputs=[reflection_input, state],
+            outputs=[state, reflections_display]
+        )
+
+        clear_btn.click(
+            fn=clear_voice_input,
+            inputs=[],
+            outputs=[voice_input]
+        )
 
-        return app
+        analyze_btn.click(
+            fn=analyze_voice,
+            inputs=[voice_input, state],
+            outputs=[state, transcribed_text, voice_emotion, text_emotion, final_prompt]
+        )
+
+        generate_btn.click(
+            fn=generate_image_from_prompt,
+            inputs=[final_prompt],
+            outputs=[result_image]
+        )
 
 if __name__ == "__main__":
     demo = create_interface()