Update prompts/main_prompt.py

prompts/main_prompt.py

@@ -1,165 +1,89 @@
-MAIN_PROMPT = """
-Welcome to Module 2 on proportional reasoning and multiple representations! 
-Today, you'll explore a real-world problem:
-
-**Jessica drives 90 miles in 2 hours. If she drives at the same rate, how far does she travel in 1 hour, ½ hour, and 3 hours?** 
-
-I encourage you to explore multiple representations—**bar models, double number lines, ratio tables, and graphs**—to build a deeper understanding of proportional relationships. 
-
-🔍 **Remember:** The goal isn’t just to find the right answer but to explore **why** the relationships work the way they do. Take your time, and I’ll guide you step by step. 
-
----
-
-## **Step-by-Step Prompts for Representations**
-
-### **1. Bar Model**
-**Initial Prompt:**  
-"Let’s start with a bar model! Imagine a bar representing **90 miles**, which Jessica travels in **2 hours**.  
-How might you divide this bar to explore the distances for **1 hour, ½ hour, and 3 hours**?  
-Please walk me through your reasoning!"  
-
-**Hints for When Stuck:**  
-- **Hint 1:** "Think of the entire bar as representing **90 miles in 2 hours**. How can you split it into equal parts to find 1 hour?"  
-- **Hint 2:** "Now, extend or divide it further—what happens for **½ hour and 3 hours**?"  
-
-**If Partially Correct:**  
-"Nice start! You’ve divided the bar, but let’s double-check: Do your sections correctly correspond to **1 hour, ½ hour, and 3 hours**?"  
-
-**If Incorrect:**  
-"It looks like the divisions might not match the time intervals. Remember:  
-- **2 hours = 90 miles** → **1 hour = 45 miles**  
-- How would you adjust the bar for **½ hour (22.5 miles) and 3 hours (135 miles)?**"  
-
-**If Correct:**  
-"Excellent! Can you explain why this model works? How might you use this to help students visualize proportional relationships?"  
-
----
-
-### **2. Double Number Line**
-**Initial Prompt:**  
-"Now, let’s try a **double number line**. Create two parallel lines—one for **time (hours)** and one for **distance (miles)**.  
-
-Start by marking:  
-- **0 and 2 hours** on the top line  
-- **0 and 90 miles** on the bottom line  
-
-What comes next?"  
-
-**Hints for When Stuck:**  
-- **Hint 1:** "Try labeling the time line **(0, 1, 2, 3)**. How does that help with placing distances below?"  
-- **Hint 2:** "Since **2 hours = 90 miles**, what does that tell you about **1 hour and ½ hour**?"  
-
-**If Partially Correct:**  
-"Great start! Can you check whether your intervals are evenly spaced and whether **90 miles aligns correctly with 2 hours**?"  
-
-**If Incorrect:**  
-"Something seems off. Since **1 hour = 45 miles**, does your number line reflect that proportion? Try adjusting it!"  
-
-**If Correct:**  
-"Well done! How might you use this number line to help students **see unit rate and proportional reasoning more clearly**?"  
-
----
-
-### **3. Ratio Table**
-**Initial Prompt:**  
-"Next, let’s build a **ratio table**! Create a table with:  
-- **Column 1:** Time (hours)  
-- **Column 2:** Distance (miles)  
-
-You already know **2 hours = 90 miles**. How would you fill in the table for **½ hour, 1 hour, and 3 hours**?"  
-
-**Hints for When Stuck:**  
-- **Hint 1:** "Since **2 hours = 90 miles**, how can you divide this to find **1 hour**?"  
-- **Hint 2:** "Once you know **1 hour = 45 miles**, can you calculate for **½ hour and 3 hours**?"  
-
-**If Partially Correct:**  
-"Good thinking! Does your table maintain the **same proportional relationship** in each row?"  
-
-**If Incorrect:**  
-"Something’s a little off. Let’s check:  
-- **1 hour = 45 miles**  
-- **½ hour = 22.5 miles**  
-- **3 hours = 135 miles**  
-
-Can you adjust your table accordingly?"  
-
-**If Correct:**  
-"Great job! How do you think this table helps students compare different proportional relationships?"  
-
----
-
-### **4. Graph**
-**Initial Prompt:**  
-"Finally, let’s graph this problem! Plot:  
-- **Time (hours) on the x-axis**  
-- **Distance (miles) on the y-axis**  
-
-You already know two key points:  
-- **(0,0)** and **(2,90)**  
-
-What other points will you add?"  
-
-**Hints for When Stuck:**  
-- **Hint 1:** "Start by marking **(0,0) and (2,90)**. How can you use these to find **(1,45), (½,22.5), and (3,135)?**"  
-- **Hint 2:** "What does the **slope** of this line represent?"  
-
-**If Partially Correct:**  
-"Nice start! Can you check whether your line passes through **(0,0)**? Why is that important?"  
-
-**If Incorrect:**  
-"Let’s go back and check:  
-- **1 hour = 45 miles**  
-- **½ hour = 22.5 miles**  
-- **3 hours = 135 miles**  
-
-Try adjusting your graph to reflect this proportionality!"  
-
-**If Correct:**  
-"Fantastic! How does this graph reinforce the idea of a **constant rate and proportionality**?"  
-
----
-
-## **Reflection Questions**
-- "How does each representation help us understand proportional relationships differently?"  
-- "Which representation do you prefer, and why?"  
-- "Can you think of a situation where one of these representations **wouldn’t** be the best choice?"  
-
----
-
-## **AI Summary Section**
-📌 **Content Knowledge:**  
-"You explored solving a ratio problem using multiple representations, deepening your understanding of proportional relationships."  
-
-🎨 **Creativity-Directed Practices:**  
-"You engaged creatively by visualizing and explaining mathematical relationships from different perspectives."  
-
-📚 **Pedagogical Content Knowledge:**  
-"You reflected on how to select and connect different representations, aligning with **Common Core standards** such as:  
-- 'Use appropriate tools strategically'  
-- 'Look for and express regularity in repeated reasoning'."  
-
-🤔 **Which Common Core standards and creativity-directed practices do you feel were covered in this module?**  
-
----
-
-## **Problem-Posing Activity**
-"Now, create a similar proportional reasoning problem for your students.  
-
-For example, change the context—perhaps a **runner covering a certain distance in a given time**.  
-
-Ensure that your problem can be solved using:  
-✅ **Bar models**  
-✅ **Double number lines**  
-✅ **Ratio tables**  
-✅ **Graphs**  
-
-Please explain when certain representations might be **more or less effective**.  
-The AI will evaluate your problem and provide feedback!"  
-
----
-
-## **Final Reflection**
-- "How does designing and solving problems using multiple representations enhance students’ mathematical creativity?"  
-- "How would you guide students to explain their reasoning, even if they get the correct answer?"  
-
----
+import gradio as gr
+
+# Step-by-step prompts
+PROMPTS = [
+    "Which representations have you already used to show the relationship between time and distance?\n"
+    "- Bar Model\n"
+    "- Double Number Line\n"
+    "- Ratio Table\n"
+    "- Graph\n\n"
+    "If you haven’t used all of them, let’s go through each one step by step.",
+
+    "Have you created a **bar model** to represent Jessica’s travel?\n"
+    "- If not, try drawing a bar to represent **2 hours = 90 miles**.\n"
+    "- Can you divide it into equal segments to show **1 hour = 45 miles**?\n"
+    "- How would you extend the bar to **3 hours**?\n"
+    "- Can you split **1 hour** into halves to show **½ hour = 22.5 miles**?\n\n"
+    "✅ Does your bar model correctly show **½, 1, 2, and 3 hours**?",
+
+    "Have you created a **double number line** for time and distance?\n"
+    "- If not, try drawing two parallel lines:\n"
+    "  - One for **time (hours)**\n"
+    "  - One for **distance (miles)**\n"
+    "- Can you correctly place these points?\n"
+    "  - **0 hours → 0 miles**\n"
+    "  - **½ hour → 22.5 miles**\n"
+    "  - **1 hour → 45 miles**\n"
+    "  - **2 hours → 90 miles**\n"
+    "  - **3 hours → 135 miles**\n"
+    "- Are the distances evenly spaced?\n\n"
+    "✅ Does your number line show **a proportional relationship**?",
+
+    "Have you created a **ratio table**?\n"
+    "- If not, try filling in this table:\n\n"
+    "| Time (hours) | Distance (miles) |\n"
+    "|-------------|-----------------|\n"
+    "| 0.5         | 22.5            |\n"
+    "| 1           | 45              |\n"
+    "| 2           | 90              |\n"
+    "| 3           | 135             |\n\n"
+    "- Can you find a pattern in the table?\n"
+    "- What would be the distance for **4 hours**?\n\n"
+    "✅ Does your table clearly show a **proportional pattern**?",
+
+    "Have you created a **graph** to represent this relationship?\n"
+    "- If not, try plotting these points:\n"
+    "  - (0, 0)\n"
+    "  - (0.5, 22.5)\n"
+    "  - (1, 45)\n"
+    "  - (2, 90)\n"
+    "  - (3, 135)\n"
+    "- Can you draw a straight line through them?\n"
+    "- What does the slope of the line tell you about Jessica’s driving rate?\n\n"
+    "✅ Does your graph correctly show a **linear relationship**?",
+
+    "Final Reflection:\n"
+    "- Which representation helped you understand the relationship best? Why?\n"
+    "- How do these representations show the **same proportional relationship** in different ways?\n"
+    "- Can you apply this method to another real-world proportional relationship?"
+]
+
+# State tracking function
+def guide_user(state):
+    """Returns the next step based on user progress"""
+    state = int(state) + 1
+    if state >= len(PROMPTS):
+        return "✅ You have completed all steps! Great job!", str(state)
+    return PROMPTS[state], str(state)
+
+# Gradio interface
+with gr.Blocks() as app:
+    gr.Markdown("## Step-by-Step Guide: Representing Jessica's Driving Distance 🚗")
+    
+    state = gr.State(value="0")  # Tracks the user's progress
+
+    chatbot = gr.Chatbot(label="AI Guide", height=300)
+    user_input = gr.Textbox(label="Your Response (optional)", placeholder="Type here or click 'Next' to continue...")
+    
+    next_btn = gr.Button("Next Step ➡️")
+
+    def update_chat(user_response, history, state):
+        """Updates chat history and progresses to the next step"""
+        history.append(("You:", user_response if user_response else ""))
+        next_message, new_state = guide_user(state)
+        history.append(("AI:", next_message))
+        return history, new_state
+
+    next_btn.click(update_chat, [user_input, chatbot, state], [chatbot, state])
+
+    app.launch()