Update app.py

app.py

@@ -21,7 +21,7 @@ WELCOME_MESSAGE = """
 """
 
 WORLDVIEW_MESSAGE = """
-## 굿판의 세계관 🌌
+## 온천천 이야기 🌌
 
 온천천의 물줄기는 신성한 금샘에서 시작됩니다. 금샘은 생명과 창조의 원천이며, 
 천상의 생명이 지상에서 숨을 틔우는 자리입니다. 도시의 소음 속에서도 신성한 생명력을 느껴보세요. 
@@ -374,6 +374,26 @@ def save_reflection_fixed(text, state):
         print(f"Error saving reflection: {e}")
         return state, state.get("reflections", [])
 
+def is_mobile(user_agent):
+    return any(device in user_agent.lower() for device in ['mobile', 'android', 'iphone'])
+
+def handle_tab_change(tab_index, state):
+    """탭 변경 시 상태 유지"""
+    state = {**state, "current_tab": tab_index}
+    return state
+
+def safe_state_update(state, updates):
+    """안전한 상태 업데이트"""
+    try:
+        new_state = {**state, **updates}
+        return new_state
+    except Exception as e:
+        print(f"State update error: {e}")
+        return state
+
+# 상태 업데이트 시 사용
+state = safe_state_update(state, {"user_name": name})
+
 def create_interface():
     db = SimpleDB()
     
@@ -384,10 +404,22 @@ def create_interface():
         "wish": None,
         "final_prompt": "",
         "image_path": None,
-        "current_tab": 0  # 탭 상태 추가
+        "current_tab": 0,
+        "is_mobile": False,  # 모바일 여부
+        "session_active": True  # 세션 상태
     }
 
-    with gr.Blocks(theme=gr.themes.Soft()) as app:
+    with gr.Blocks(
+        theme=gr.themes.Soft(),
+        css="""
+            @media (max-width: 600px) {
+                .container { padding: 10px; }
+                .gradio-row { flex-direction: column; }
+                .gradio-button { width: 100%; margin: 5px 0; }
+                .gradio-textbox { width: 100%; }
+            }
+        """
+    ) as app:
         state = gr.State(value=initial_state)
         
         gr.Markdown("# 디지털 굿판")
@@ -415,12 +447,20 @@ def create_interface():
                     sources=["microphone"],
                     type="numpy",
                     streaming=False
+                    min_width=300,     # 최소 너비 설정
+                    elem_id="audio-recorder"  # CSS 식별자 추가
                 )
                 set_baseline_btn = gr.Button("기준점 설정 완료", variant="primary")
                 baseline_status = gr.Markdown("")
 
             with gr.TabItem("청신") as tab_listen:
                 gr.Markdown("## 청신 - 소리로 정화하기")
+                gr.Markdown("""
+                온천천의 소리를 들으며 마음을 정화해보세요.
+                
+                💫 이 앱은 온천천의 사운드스케이프를 녹음하여 제작되었으며,
+                온천천 온천장역에서 장전역까지 걸으며 더 깊은 체험이 가능합니다.
+                """)
                 play_music_btn = gr.Button("온천천의 소리 듣기", variant="secondary")
                 with gr.Row():
                     audio = gr.Audio(
@@ -475,7 +515,7 @@ def create_interface():
                         )
 
             with gr.TabItem("송신") as tab_send:
-                gr.Markdown("## 송신 - 마음의 그림을 남기고, 보내기")
+                gr.Markdown("## 송신 -소지(소원지)를 그려 날려 태워봅시다")
                 final_prompt = gr.Textbox(
                     label="생성된 프롬프트",
                     interactive=False,
@@ -485,6 +525,8 @@ def create_interface():
                 result_image = gr.Image(
                     label="생성된 이미지",
                     show_download_button=True
+                    min_width=300,
+                    elem_id="result-image"
                 )
             
                 gr.Markdown("## 온천천에 전하고 싶은 소원을 남겨주세요")
@@ -650,8 +692,16 @@ def create_interface():
 if __name__ == "__main__":
     demo = create_interface()
     demo.launch(
-        debug=True,
-        share=True,  # 추가
-        server_name="0.0.0.0",
-        server_port=7860
-    )
+    debug=True,
+    share=True,
+    server_name="0.0.0.0",
+    server_port=7860,
+    enable_queue=True,  # 큐 활성화
+    cache_examples=True,  # 캐시 활성화
+    max_threads=4,      # 스레드 제한
+    show_error=True,
+    # 모바일 최적화를 위한 설정
+    height=None,        # 자동 높이 조정
+    width="100%",      # 전체 너비 사용
+    allow_flagging=False,  # 불필요한 기능 비활성화
+)