Update app.py

app.py

@@ -846,6 +846,47 @@ def generate_dynamic_story_starter(theme_id: str, level: str) -> Dict[str, str]:
             'th': 'กาลครั้งหนึ่ง...'
         }
 
+def handle_application_error(error: Exception):
+    """Handle application-wide errors"""
+    logging.error(f"Application error: {str(error)}")
+    
+    error_message = f"""
+        <div style="
+            background-color: #ffebee;
+            padding: 20px;
+            border-radius: 10px;
+            border-left: 4px solid #c62828;
+            margin: 20px 0;
+        ">
+            <h3 style="color: #c62828; margin: 0 0 10px 0;">
+                ⚠️ เกิดข้อผิดพลาดในระบบ
+            </h3>
+            <p style="color: #333; margin: 0;">
+                กรุณาลองใหม่อีกครั้ง หรือติดต่อผู้ดูแลระบบ
+            </p>
+            <div style="
+                margin-top: 10px;
+                padding: 10px;
+                background-color: #f5f5f5;
+                border-radius: 5px;
+                font-family: monospace;
+                font-size: 0.9em;
+            ">
+                Error: {str(error)}
+            </div>
+        </div>
+    """
+    
+    st.markdown(error_message, unsafe_allow_html=True)
+    
+    # Show technical details in expander
+    with st.expander("📋 รายละเอียดข้อผิดพลาด (สำหรับผู้ดูแลระบบ)"):
+        st.code(f"""
+        Error Type: {type(error).__name__}
+        Error Message: {str(error)}
+        Timestamp: {datetime.now().isoformat()}
+        """)
+
 def update_points(is_correct_first_try: bool):
     """อัพเดตคะแนนตามผลการเขียน"""
     try:
@@ -2027,16 +2068,7 @@ def show_main_interface():
 
 # === 6. MAIN APPLICATION LOGIC ===
 def main():
-    """Main application entry point"""
     try:
-        # Page config
-        st.set_page_config(
-            page_title="JoyStory - Interactive Story Adventure",
-            page_icon="📖",
-            layout="wide",
-            initial_sidebar_state="collapsed"
-        )
-
         # Initialize states
         init_session_state()
         init_theme_state()
@@ -2049,72 +2081,18 @@ def main():
             </div>
         """, unsafe_allow_html=True)
 
-        # แสดงแถบเตือนด้านบนเมื่อเริ่มต้นใช้งาน
-        if 'show_settings_notice' not in st.session_state:
-            st.session_state.show_settings_notice = True
-        
-        if st.session_state.show_settings_notice:
-            st.info("""
-                💡 **คำแนะนำ:** คลิกที่ ≡ มุมซ้ายบนเพื่อตั้งค่าระดับความยาก (Beginner, Intermediate, Advanced) 
-                และโหลดความก้าวหน้าของคุณ
-            """)
-            if st.button("✕ ซ่อนคำแนะนำ"):
-                st.session_state.show_settings_notice = False
-                st.rerun()
-
         # Show header
         st.markdown("# 📖 JoyStory")
         show_welcome_section()
         show_parent_guide()
 
-        # Sidebar with enhanced UI
+        # Sidebar
         with st.sidebar:
-            st.markdown("""
-                <div style="text-align: center; padding: 10px; background-color: #f0f7ff; 
-                           border-radius: 8px; margin-bottom: 20px;">
-                    <h3 style="color: #1e88e5; margin: 0;">⚙️ การตั้งค่า</h3>
-                    <p style="color: #666; margin: 10px 0 0 0; font-size: 0.9em;">
-                        ปรับแต่งระดับความยากและจัดการความก้าวหน้าของคุณ
-                    </p>
-                </div>
-            """, unsafe_allow_html=True)
             show_sidebar()
 
         # Session Status Check
         check_session_status()
 
-        # แสดงตัวบ่งชี้ด้านข้าง (ถ้า sidebar ถูกซ่อนอยู่)
-        if st.session_state.get('initial_load', True):
-            st.markdown("""
-                <div style="
-                    position: fixed;
-                    left: 10px;
-                    top: 50%;
-                    transform: translateY(-50%);
-                    background-color: #1e88e5;
-                    color: white;
-                    padding: 10px;
-                    border-radius: 0 8px 8px 0;
-                    box-shadow: 2px 2px 10px rgba(0,0,0,0.1);
-                    cursor: pointer;
-                    z-index: 1000;
-                    animation: pulse 2s infinite;
-                ">
-                    <div style="writing-mode: vertical-rl; text-orientation: mixed;">
-                        ⚙️ ตั้งค่าระดับความ��าก
-                    </div>
-                </div>
-                
-                <style>
-                @keyframes pulse {
-                    0% { transform: translateY(-50%) scale(1); }
-                    50% { transform: translateY(-50%) scale(1.05); }
-                    100% { transform: translateY(-50%) scale(1); }
-                }
-                </style>
-            """, unsafe_allow_html=True)
-            st.session_state.initial_load = False
-
         # Main content area
         main_container = st.container()
         with main_container:
@@ -2131,49 +2109,12 @@ def main():
         if st.session_state.story:
             auto_save_progress()
 
-        # Add CSS for sidebar enhancement
-        st.markdown("""
-            <style>
-            /* Highlight sidebar toggle button */
-            [data-testid="baseButton-header"] {
-                background-color: #e3f2fd !important;
-                border-radius: 8px !important;
-                animation: highlight 2s infinite;
-            }
-            
-            @keyframes highlight {
-                0% { box-shadow: 0 0 0 0 rgba(30,136,229,0.4); }
-                70% { box-shadow: 0 0 0 10px rgba(30,136,229,0); }
-                100% { box-shadow: 0 0 0 0 rgba(30,136,229,0); }
-            }
-            
-            /* Style sidebar */
-            .css-1d391kg {
-                background-color: #fafafa;
-                border-right: 1px solid #e0e0e0;
-            }
-            
-            /* Enhance sidebar buttons */
-            .stButton > button {
-                width: 100%;
-                margin: 5px 0;
-                border-radius: 8px;
-                transition: all 0.2s;
-            }
-            
-            .stButton > button:hover {
-                transform: translateY(-2px);
-                box-shadow: 0 2px 5px rgba(0,0,0,0.1);
-            }
-            </style>
-        """, unsafe_allow_html=True)
-
     except Exception as e:
         handle_application_error(e)
 
 if __name__ == "__main__":
     main()
-
+    
 def check_session_status():
     """Check and maintain session status"""
     try: