Update llm_app_enhanced.py

llm_app_enhanced.py

@@ -70,19 +70,31 @@ class CodePracticeAssistant:
         # Check if we have curriculum content or need to use generic approach
         if "No specific curriculum content found" in curriculum_content or "could not be retrieved" in curriculum_content:
             # Use generic prompt without curriculum context
+            # Add randomization for diversity
+            difficulty_levels = ["beginner", "intermediate", "challenging"]
+            problem_styles = [
+                "real-world scenario", "mathematical calculation", "data processing", 
+                "game logic", "text manipulation", "pattern recognition", "algorithm implementation"
+            ]
+            
+            selected_difficulty = random.choice(difficulty_levels)
+            selected_style = random.choice(problem_styles)
+            
             prompt = f"""Create a programming practice problem for a student learning {topic}.
 
 Problem Type: {problem_types.get(internal_type, internal_type)}
+Difficulty: {selected_difficulty}
+Style: {selected_style}
 
 Requirements:
-- Make it appropriate for beginners to intermediate level
-- Include clear instructions that guide the student
-- Provide a specific, focused problem that requires thinking
+- Make it appropriate for {selected_difficulty} level
+- Use a {selected_style} approach
+- Include clear instructions
+- Provide a specific, focused problem
 - If it's a debug problem, include the buggy code
 - If it's an optimization problem, provide the original code
 - Make it engaging and educational
-- DO NOT give away the solution or complete answer in the problem statement
-- Focus on what they need to accomplish, not how to do it
+- Be creative and diverse - avoid repetitive problems
 
 Format your response as:
 PROBLEM: [The problem description and requirements]
@@ -98,14 +110,26 @@ Example Output:
 1 2 3 4 5
 ```
 
-Keep it concise but clear."""
+Keep it concise but clear and make it different from typical textbook problems."""
         else:
-            # Use curriculum-based prompt
+            # Use curriculum-based prompt with diversity
+            # Add randomization for diversity even with curriculum
+            difficulty_levels = ["beginner", "intermediate", "challenging"]
+            problem_styles = [
+                "real-world scenario", "mathematical calculation", "data processing", 
+                "game logic", "text manipulation", "pattern recognition", "algorithm implementation"
+            ]
+            
+            selected_difficulty = random.choice(difficulty_levels)
+            selected_style = random.choice(problem_styles)
+            
             prompt = f"""Create a programming practice problem for a student learning {topic}.
 
 Curriculum Context: {curriculum_content}
 
 Problem Type: {problem_types.get(internal_type, internal_type)}
+Difficulty: {selected_difficulty}
+Style: {selected_style}
 
 Requirements:
 - Base the problem on the curriculum content provided above
@@ -114,12 +138,11 @@ Requirements:
 - Make it appropriate for the skill level shown in the curriculum
 - Include clear instructions that reference the curriculum concepts
 - Provide a specific, focused problem that reinforces what they learned
+- Use a {selected_style} approach to make it diverse
 - If it's a debug problem, include the buggy code
 - If it's an optimization problem, provide the original code
 - Make it engaging and educational
-- DO NOT give away the solution or complete answer in the problem statement
-- Focus on what they need to accomplish, not how to do it
-- Guide them to think through the problem themselves
+- Be creative and diverse - avoid repetitive problems
 
 Format your response as:
 PROBLEM: [The problem description and requirements]
@@ -135,13 +158,13 @@ Example Output:
 1 2 3 4 5
 ```
 
-Keep it concise but clear and aligned with the curriculum difficulty."""
+Keep it concise but clear and aligned with the curriculum difficulty while being creative and diverse."""
 
         try:
             response = self.anthropic_client.messages.create(
                 model="claude-3-5-haiku-20241022",
                 max_tokens=1000,
-                temperature=0.7,
+                temperature=0.9,  # Higher temperature for more diversity
                 messages=[{"role": "user", "content": prompt}]
             )
             
@@ -185,7 +208,7 @@ Keep it concise but clear and aligned with the curriculum difficulty."""
             return f"Curriculum content for '{topic}' could not be retrieved."
 
     def analyze_student_code(self, topic, problem_type, problem_description, student_code):
-        """Analyze student's code and provide step-by-step tutoring feedback"""
+        """Analyze student's code and provide feedback based on curriculum"""
         if not self.anthropic_client:
             return "LLM not available. Please check your API key."
         
@@ -213,7 +236,7 @@ Keep it concise but clear and aligned with the curriculum difficulty."""
         
         # Check if we have curriculum content or need to use generic approach
         if "No specific curriculum content found" in curriculum_content or "could not be retrieved" in curriculum_content:
-            # Use generic analysis prompt
+            # Use generic analysis prompt - Tutor style
             prompt = f"""You are a helpful programming tutor. Analyze this student's code and provide step-by-step guidance.
 
 Problem Type: {problem_type}
@@ -232,7 +255,7 @@ Provide a CONCISE, step-by-step analysis:
 
 IMPORTANT: Guide them to figure out the solution themselves. Don't provide complete working code unless they're completely stuck. Focus on hints and direction."""
         else:
-            # Use curriculum-based analysis prompt
+            # Use curriculum-based analysis prompt - Tutor style
             prompt = f"""You are a helpful programming tutor. Analyze this student's code and provide step-by-step guidance.
 
 Curriculum Context: {curriculum_content}
@@ -247,16 +270,16 @@ Analysis Type: {analysis_types.get(internal_type, "General analysis")}
 
 Provide a CONCISE, step-by-step analysis:
 1. **What's Working** (1-2 sentences)
-2. **Areas to Improve** (2-3 specific points based on curriculum)
+2. **Areas to Improve** (2-3 specific points)
 3. **Step-by-Step Solution** (guide them through the process, don't give complete code)
-4. **Key Takeaway** (1 sentence about the concept)
+4. **Key Takeaway** (1 sentence)
 
 IMPORTANT: Guide them to figure out the solution themselves. Don't provide complete working code unless they're completely stuck. Focus on hints and direction based on curriculum concepts."""
 
         try:
             response = self.anthropic_client.messages.create(
                 model="claude-3-5-haiku-20241022",
-                max_tokens=800,
+                max_tokens=1500,
                 temperature=0.7,
                 messages=[{"role": "user", "content": prompt}]
             )
@@ -385,18 +408,21 @@ Thanks! Slide number:"""
             )
             
             # Create answer generation prompt
-            answer_template = """You are a helpful programming tutor. The student asked:
+            answer_template = """Hey there! I'm helping a student understand a programming concept. They asked:
 "{question}"
 Here's what the curriculum slide says about it:
 {slide_content}
-
-Provide a CONCISE, friendly explanation (2-3 sentences max):
-- Answer their specific question
-- Use simple, clear language
-- Reference the curriculum content
-- End with a helpful tip or suggestion
-
-Keep it brief and encouraging!"""
+Could you help me explain this to them in a friendly, educational way? I'd like you to:
+- Break it down in simple terms
+- Use examples if the slide has them
+- Make it step-by-step and easy to follow
+- Add some helpful context if the slide is brief
+- Use bullet points or lists to make it clear
+- Make sure your answer directly addresses what they asked
+- Include code examples when relevant
+- Provide detailed explanations with examples
+- Be comprehensive and educational
+Thanks for your help! Here's what I'd tell the student:"""
             
             self.answer_prompt = PromptTemplate(
                 input_variables=["question", "slide_content"],
@@ -525,7 +551,7 @@ Keep it brief and encouraging!"""
                 # Get LLM's answer
                 response = self.anthropic_client.messages.create(
                     model="claude-3-5-haiku-20241022",
-                    max_tokens=800,
+                    max_tokens=2000,
                     temperature=0.7,
                     messages=[{"role": "user", "content": prompt}]
                 )
@@ -617,39 +643,36 @@ def extract_topic_from_query(query):
     
     return "programming basics"  # Default topic
 
-def go_to_practice(query):
-    """Generate practice problem and return topic for navigation"""
+def generate_practice_for_topic(query):
+    """Generate practice problem and return with navigation message"""
     topic = extract_topic_from_query(query)
-    # Generate a problem for this topic
     problem, code = practice_assistant.generate_practice_problem(topic, "Create Practice Problems")
-    return topic, problem, code
-
-# Custom CSS for better accessibility and styling
-custom_css = """
-.gradio-container {
-    font-size: 16px !important;
-}
-.markdown-text {
-    font-size: 18px !important;
-    line-height: 1.6 !important;
-}
-.problem-description {
-    font-size: 18px !important;
-    font-weight: bold !important;
-}
-.requirements {
-    font-size: 16px !important;
-    color: #666 !important;
-}
-.terminal-output {
-    font-family: 'Courier New', monospace !important;
-    font-size: 14px !important;
-    background-color: #f5f5f5 !important;
-}
+    
+    # Create a message to guide user to practice tab
+    navigation_message = f"""
+🎯 **Practice Problem Generated!**
+
+I've created a practice problem for **{topic}** and loaded it into the Code Practice tab.
+
+**To continue practicing:**
+1. Click on the **"💻 Code Practice"** tab above
+2. You'll see the topic and problem already filled in
+3. Write your solution and click "Analyze My Code"
+
+**Topic:** {topic}
+**Problem Type:** Create Practice Problems
+
+Ready to practice? Switch to the Code Practice tab! 🚀
 """
+    
+    return navigation_message, topic, problem, code
+
+
+
+with gr.Blocks(title="LLM Curriculum Assistant", theme=gr.themes.Soft()) as demo:
+    gr.Markdown("# 🤖 LLM Curriculum Assistant\nYour AI programming tutor with LLM-powered content selection and code practice!")
+    
 
-with gr.Blocks(title="Enhanced LLM Curriculum Assistant", theme=gr.themes.Soft(), css=custom_css) as demo:
-    gr.Markdown("# 🤖 Enhanced LLM Curriculum Assistant\nYour AI programming tutor with improved UX and accessibility!")
     
     with gr.Tabs() as tabs:
         # Tab 1: Chat Assistant
@@ -666,7 +689,7 @@ with gr.Blocks(title="Enhanced LLM Curriculum Assistant", theme=gr.themes.Soft()
                         lines=3
                     )
                     submit = gr.Button("🤖 Ask AI", variant="primary", size="lg")
-                    answer = gr.Markdown(label="LLM Generated Answer", elem_classes=["markdown-text"])
+                    answer = gr.Markdown(label="LLM Generated Answer")
                     
                     # Practice button
                     practice_btn = gr.Button("💻 Practice This Topic", variant="secondary", size="lg", visible=False)
@@ -725,7 +748,7 @@ with gr.Blocks(title="Enhanced LLM Curriculum Assistant", theme=gr.themes.Soft()
                     generate_btn = gr.Button("🎲 Generate Problem", variant="primary", size="lg")
                     
                     gr.Markdown("#### 📋 Problem Description")
-                    problem_description = gr.Markdown(label="Problem will appear here...", elem_classes=["problem-description"])
+                    problem_description = gr.Markdown(label="Problem will appear here...")
                     
                     gr.Markdown("#### 💻 Starter Code (if applicable)")
                     starter_code = gr.Code(
@@ -753,12 +776,11 @@ with gr.Blocks(title="Enhanced LLM Curriculum Assistant", theme=gr.themes.Soft()
                         label="Terminal Output",
                         lines=8,
                         value="# Code execution output will appear here...",
-                        interactive=False,
-                        elem_classes=["terminal-output"]
+                        interactive=False
                     )
                     
                     gr.Markdown("#### 📊 AI Analysis")
-                    analysis_output = gr.Markdown(label="Analysis will appear here...", elem_classes=["markdown-text"])
+                    analysis_output = gr.Markdown(label="Analysis will appear here...")
             
             # Event handlers for practice
             generate_btn.click(
@@ -773,25 +795,12 @@ with gr.Blocks(title="Enhanced LLM Curriculum Assistant", theme=gr.themes.Soft()
                 outputs=[terminal_output, analysis_output]
             )
             
-            # Practice button from chat - populate topic and generate problem
-            def practice_with_navigation(query):
-                topic, problem, code = go_to_practice(query)
-                return topic, problem, code
-            
+            # Practice button - generate problem and show navigation message
             practice_btn.click(
-                fn=practice_with_navigation,
+                fn=generate_practice_for_topic,
                 inputs=[question],
-                outputs=[topic_input, problem_description, starter_code]
-            )
-            
-            # Add a separate event to switch tabs
-            def switch_to_practice():
-                return gr.update(selected=1)
-            
-            practice_btn.click(
-                fn=switch_to_practice,
-                outputs=[tabs]
+                outputs=[answer, topic_input, problem_description, starter_code]
             )
 
 if __name__ == "__main__":
-    demo.launch() 
+    demo.launch()