Update app.py

app.py

@@ -353,6 +353,12 @@ def generate_image_from_prompt(prompt):
 def safe_state_update(state, updates):
     try:
         new_state = {**state, **updates}
+        # 중요 상태값 검증
+        if "user_name" in updates:
+            new_state["user_name"] = str(updates["user_name"]).strip() or "익명"
+        if "baseline_features" in updates:
+            if updates["baseline_features"] is None:
+                return state  # baseline이 None이면 상태 업데이트 하지 않음
         return new_state
     except Exception as e:
         print(f"State update error: {e}")
@@ -373,12 +379,33 @@ def create_interface():
 
     css = """
         @media (max-width: 600px) {
-            .container { padding: 10px; }
-            .gradio-row { flex-direction: column; }
-            .gradio-button { width: 100%; margin: 5px 0; }
-            .gradio-textbox { width: 100%; }
-            #audio-recorder { width: 100%; }
-            #result-image { width: 100%; }
+            .container { padding: 10px !important; }
+            .gradio-row { 
+                flex-direction: column !important;
+                gap: 10px !important;
+            }
+            .gradio-button { 
+                width: 100% !important; 
+                margin: 5px 0 !important;
+                min-height: 44px !important;  /* 모바일 터치 영역 개선 */
+            }
+            .gradio-textbox { width: 100% !important; }
+            .gradio-audio { width: 100% !important; }
+            .gradio-image { width: 100% !important; }
+            #audio-recorder { width: 100% !important; }
+            #result-image { width: 100% !important; }
+            .gradio-dataframe {
+                overflow-x: auto !important;
+                max-width: 100% !important;
+            }
+        }
+    
+        /* 전반적인 UI 개선 */
+        .gradio-button {
+            transition: all 0.3s ease;
+        }
+        .gradio-button:active {
+            transform: scale(0.98);
         }
     """
 
@@ -425,19 +452,17 @@ def create_interface():
                     set_baseline_btn = gr.Button("축원 마치기", variant="primary")
                     baseline_status = gr.Markdown("")
 
-    # 4단계: 굿판 입장 안내
-    entry_guide_section = gr.Column(visible=False)
-    with entry_guide_section:
-        gr.Markdown("## 굿판으로 입장하기")
-        gr.Markdown("""
-        * 청신 탭으로 이동해 주세요.
-        * 부산광역시 동래구 온천장역에서 시작하면 더욱 깊은 경험을 시작할 수 있습니다.
-        * (본격적인 경험을 시작하기에 앞서 이동을 권장드립니다)
-        """)
-        enter_btn = gr.Button("청신 의식 시작하기", variant="primary")
-
+                # 4단계: 굿판 입장 안내
+                entry_guide_section = gr.Column(visible=False)
+                with entry_guide_section:
+                    gr.Markdown("## 굿판으로 입장하기")
+                    gr.Markdown("""
+                    * 청신 탭으로 이동해 주세요.
+                    * 부산광역시 동래구 온천장역에서 시작하면 더욱 깊은 경험을 시작할 수 있습니다.
+                    * (본격적인 경험을 시작하기에 앞서 이동을 권장드립니다)
+                    """)
+                    enter_btn = gr.Button("청신 의식 시작하기", variant="primary")
 
-            # 청신 탭
             with gr.TabItem("청신") as tab_listen:
                 gr.Markdown("## 청신 - 소리로 정화하기")
                 gr.Markdown("""