Update prompts/main_prompt.py

prompts/main_prompt.py

@@ -1,140 +1,132 @@
-# Module starts with the task
-TASK_PROMPT = """
-Welcome to Module 2: Solving a Ratio Problem Using Multiple Representations!
-
-### Task:
-Jessica drives 90 miles in 2 hours. If she drives at the same rate, how far does she travel in:
-- 1 hour?
-- ½ hour?
-- 3 hours?
-
-To solve this, try using different representations:
-- Bar models
-- Double number lines
-- Ratio tables
-- Graphs
-
-Remember: Don't just find the answer—explain why!
-I'll guide you step by step—let’s start with the bar model.
-"""
-
-# Step 1: Bar Model Representation
-BAR_MODEL_PROMPT = """
-Step 1: Bar Model Representation
-
-Imagine a bar representing 90 miles—the distance Jessica travels in 2 hours.
-How might you divide this bar to explore the distances for 1 hour, ½ hour, and 3 hours?
-
-Hints if needed:
-1. Think of the entire bar as representing 90 miles in 2 hours. How would you divide it into two equal parts to find 1 hour?
-2. Now, extend or divide it further—what happens for ½ hour and 3 hours?
-
-If correct: Great! Can you explain why this model helps students visualize proportional relationships?
-If incorrect: Try dividing the bar into two equal sections. What does each section represent?
-"""
-
-# Step 2: Double Number Line
-DOUBLE_NUMBER_LINE_PROMPT = """
-Step 2: Double Number Line Representation
-
-Now, let’s use 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 if needed:
-1. Try labeling the time line (0, 1, 2, 3). How does that help with placing distances below?
-2. Since 2 hours = 90 miles, what does that tell you about 1 hour and ½ hour?
-
-If correct: Nice work! How does this help students understand proportional relationships?
-If incorrect: Check your spacing—does your number line keep a constant rate?
-"""
-
-# Step 3: Ratio Table
-RATIO_TABLE_PROMPT = """
-Step 3: Ratio Table Representation
-
-Next, let’s create a ratio table.
-Make a table with:
-- Column 1: Time (hours)
-- Column 2: Distance (miles)
-
-You already know 2 hours = 90 miles.
-How would you complete the table for ½ hour, 1 hour, and 3 hours?
-
-Hints if needed:
-1. Since 2 hours = 90 miles, how can you divide this to find 1 hour?
-2. Once you know 1 hour = 45 miles, can you calculate for ½ hour and 3 hours?
-
-If correct: Well done! How might this help students compare proportional relationships?
-If incorrect: Something’s a little off. Try using unit rate: 90 ÷ 2 = ?
-"""
-
-# Step 4: Graph Representation
-GRAPH_PROMPT = """
-Step 4: Graph Representation
-
-Now, 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 if needed:
-1. Start by marking (0,0) and (2,90).
-2. How can you use these to find (1,45), (½,22.5), and (3,135)?
-
-If correct: Fantastic! How does this graph reinforce the idea of constant rate and proportionality?
-If incorrect: Does your line pass through (0,0)? Why is that important?
-"""
-
-# Reflection Prompt
-REFLECTION_PROMPT = """
-Reflection Time!
-
-Now that you've explored multiple representations, think about these questions:
-- How does each method highlight proportional reasoning 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?
-
-Take a moment to reflect!
-"""
-
-# Summary Prompt
-SUMMARY_PROMPT = """
-Summary of Module 2
-
-In this module, you:
-- Solved a proportional reasoning problem using multiple representations
-- Explored how different models highlight proportional relationships
-- Reflected on teaching strategies aligned with Common Core practices
-
-Final Task: Try creating a similar proportional reasoning problem!
-Example: A runner covers a certain distance in a given time.
-
-Make sure your problem can be solved using:
-- Bar models
-- Double number lines
-- Ratio tables
-- Graphs
-
-The AI will evaluate your problem and provide feedback!
-"""
-
-# Final Reflection Prompt
-FINAL_REFLECTION_PROMPT = """
-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?
-
-Share your thoughts!
-"""
+import gradio as gr
+
+# Step-by-step prompts
+PROMPTS = [
+    # Task Introduction
+    "## Task: Representing Jessica’s Driving Distance 🚗\n"
+    "Jessica is driving at a constant speed. She travels **90 miles in 2 hours**.\n\n"
+    "### Your Goal:\n"
+    "Represent the relationship between **time and distance** using different mathematical models:\n"
+    "✅ Bar Model\n"
+    "✅ Double Number Line\n"
+    "✅ Ratio Table\n"
+    "✅ Graph\n\n"
+    "Let’s go through each representation step by step!",
+
+    # Step 1: Identifying Current Representation
+    "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.",
+
+    # Step 2: Bar Model
+    "### Step 1: Bar Model Representation 📊\n"
+    "Have you created a **bar model** to represent Jessica’s travel?\n\n"
+    "**If not, follow these steps:**\n"
+    "1️⃣ Draw a **long bar** to represent **2 hours of driving**, labeling it **90 miles**.\n"
+    "2️⃣ Divide the bar into **two equal parts** to show **1 hour = 45 miles**.\n"
+    "3️⃣ Extend the bar to **3 hours** by adding another **45-mile segment**.\n"
+    "4️⃣ Divide **one 1-hour segment in half** to show **½ hour = 22.5 miles**.\n\n"
+    "✅ Does your bar model correctly show **½, 1, 2, and 3 hours**?",
+
+    # Step 3: Double Number Line
+    "### Step 2: Double Number Line Representation 📏\n"
+    "Have you created a **double number line** for time and distance?\n\n"
+    "**If not, follow these steps:**\n"
+    "1️⃣ Draw **two parallel number lines**:\n"
+    "   - The **top line** represents **time (hours)**.\n"
+    "   - The **bottom line** represents **distance (miles)**.\n"
+    "2️⃣ Mark these key 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"
+    "3️⃣ Ensure the distances are evenly spaced.\n\n"
+    "✅ Does your number line show a **proportional relationship**?",
+
+    # Step 4: Ratio Table
+    "### Step 3: Ratio Table Representation 📋\n"
+    "Have you created a **ratio table**?\n\n"
+    "**If not, follow these steps:**\n"
+    "1️⃣ Fill in the table below:\n\n"
+    "| Time (hours) | Distance (miles) |\n"
+    "|-------------|-----------------|\n"
+    "| 0.5         | 22.5            |\n"
+    "| 1           | 45              |\n"
+    "| 2           | 90              |\n"
+    "| 3           | 135             |\n\n"
+    "2️⃣ Look for patterns.\n"
+    "3️⃣ What would be the distance for **4 hours**?\n\n"
+    "✅ Does your table clearly show a **proportional pattern**?",
+
+    # Step 5: Graph
+    "### Step 4: Graph Representation 📈\n"
+    "Have you created a **graph** to represent this relationship?\n\n"
+    "**If not, follow these steps:**\n"
+    "1️⃣ Draw a **coordinate plane**:\n"
+    "   - **x-axis → time (hours)**\n"
+    "   - **y-axis → distance (miles)**\n"
+    "2️⃣ Plot these points:\n"
+    "   - (0, 0)\n"
+    "   - (0.5, 22.5)\n"
+    "   - (1, 45)\n"
+    "   - (2, 90)\n"
+    "   - (3, 135)\n"
+    "3️⃣ Draw a straight line through these points.\n"
+    "4️⃣ What does the **slope of the line** tell you about Jessica’s driving rate?\n\n"
+    "✅ Does your graph correctly show a **linear relationship**?",
+
+    # Step 6: Final Reflection & Posing Questions
+    "### Final Reflection 💭\n"
+    "Great job! Now, take a moment to reflect:\n"
+    "1️⃣ Which representation helped you understand the relationship best? Why?\n"
+    "2️⃣ How do these representations show the **same proportional relationship** in different ways?\n"
+    "3️⃣ Can you apply this method to another real-world proportional relationship?\n\n"
+    "### New Challenge 🌟\n"
+    "Imagine Jessica increases her speed by **10 miles per hour**. How would this affect the bar model, number line, ratio table, and graph?\n\n"
+    "Try adjusting your models to reflect this change!",
+
+    # Summary of Objectives & Common Core Standards
+    "### Summary of Objectives 🎯\n"
+    "- You explored **four ways** to represent proportional relationships: Bar Model, Double Number Line, Ratio Table, and Graph.\n"
+    "- You understood how **time and distance** relate at a constant rate.\n"
+    "- You analyzed how different models show the **same mathematical pattern**.\n\n"
+    "### Common Core Math Standards 🏆\n"
+    "- **6.RP.A.1** - Understand the concept of a ratio.\n"
+    "- **6.RP.A.3a** - Use ratio reasoning to solve real-world problems.\n"
+    "- **7.RP.A.2** - Recognize proportional relationships.\n\n"
+    "✅ **Congratulations! You’ve completed this module.** 🚀"
+]
+
+# 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, type="messages")  # Fixed deprecation warning
+    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({"role": "user", "content": user_response if user_response else ""})
+        next_message, new_state = guide_user(state)
+        history.append({"role": "assistant", "content": next_message})
+        return history, new_state
+
+    next_btn.click(update_chat, [user_input, chatbot, state], [chatbot, state])
+
+    app.launch()