Update ui.py

ui.py

@@ -77,14 +77,14 @@ custom_css = """
 }
 
 .btn-practice {
-    background: var(--primary-color) !important;
+    background: #9333ea !important;
     color: var(--white) !important;
     font-weight: bold !important;
     border: none !important;
     padding: 0.75rem 1.5rem !important;
     border-radius: 50px !important;
     cursor: pointer !important;
-    box-shadow: 0 4px 0 #48a700 !important;
+    box-shadow: 0 4px 0 #7c2d9c !important;
 }
 
 .btn-clear {
@@ -126,7 +126,7 @@ custom_css = """
 }
 
 .practice-info {
-    background: linear-gradient(135deg, var(--primary-color) 0%, #48a700 100%);
+    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
     color: white;
     padding: 1rem;
     border-radius: 12px;
@@ -233,14 +233,10 @@ def submit_reading(audio):
         # Store feedback for potential story generation
         session["last_feedback"] = feedback
         session["progress"] = 100
-        
-        # Only increment practice count for valid reading attempts
-        if not feedback.startswith("⚠️"):
-            session["practice_count"] += 1
+        session["practice_count"] += 1
         
         # Show practice story section if feedback indicates areas for improvement
-        # But don't show it for error messages or warnings
-        show_practice = (not feedback.startswith("⚠️")) and ("PRACTICE THESE WORDS:" in feedback or "PRONUNCIATION PRACTICE:" in feedback)
+        show_practice = "PRACTICE THESE WORDS:" in feedback or "PRONUNCIATION PRACTICE:" in feedback
         
         return feedback, gr.update(visible=show_practice)
         
@@ -318,9 +314,8 @@ def launch_ui():
             # Header
             gr.HTML("""
                 <div class="header">
-                    <h1 class="app-title">🦉 ReadRight</h1>
+                    <h1 class="app-title">🦉 ReadRight Agentic</h1>
                     <p>AI-powered reading coach that adapts to help you learn!</p>
-                    <p style="font-size:0.9rem; margin-top:0.5rem; opacity:0.8;">For students, parents, and educators</p>
                 </div>
             """)
             
@@ -339,8 +334,8 @@ def launch_ui():
                         with gr.Row():
                             grade = gr.Dropdown(
                                 label="📚 Grade Level",
-                                choices=["Grade 1", "Grade 2", "Grade 3", "Grade 4", "Grade 5", "Grade 6"," Grade 7", "Grade 8", "Grade 9", "Grade 10"],
-                                value="Grade 1"
+                                choices=["Grade 1", "Grade 2", "Grade 3", "Grade 4", "Grade 5", "Grade 6"],
+                                value="Grade 3"
                             )
                         
                         with gr.Row():
@@ -401,7 +396,7 @@ def launch_ui():
             # Step 3: Targeted Practice (appears when student needs more practice)
             with gr.Column(elem_classes="card", visible=False) as practice_story_card:
                 gr.HTML("""
-                    <div class="practice-info" style="background: linear-gradient(135deg, var(--primary-color) 0%, #48a700 100%);">
+                    <div class="practice-info">
                         <h2>🎯 Targeted Practice Zone</h2>
                         <p>Your AI coach has created a special story to help you practice the words you're learning!</p>
                     </div>