More debugging

app.py

@@ -4,7 +4,7 @@ import os
 
 client = OpenAI(api_key=os.getenv("OPENAI_API_KEY"))
 
-# ---- GPT-5 explanation backend ----
+# ---- GPT explanation backend ----
 def explain_text(selected_text):
     if selected_text is None:
         return ""
@@ -12,21 +12,19 @@ def explain_text(selected_text):
     if not selected_text:
         return "Please select or enter some text first."
     
-    prompt = f"""
-You are an expert machine learning instructor. The user highlighted the following text from a learning resource:
-
-\"\"\"
-{selected_text}
-\"\"\"
-
-Explain it clearly and intuitively. Assume the reader has basic ML knowledge. Keep it concise and educational.
-"""
-    
-    response = client.responses.create(
-        model="gpt-5",
-        input=prompt,
-    )
-    return response.output_text
+    try:
+        response = client.chat.completions.create(
+            model="gpt-4o",  # or "gpt-4-turbo" or "gpt-3.5-turbo"
+            messages=[
+                {"role": "system", "content": "You are an expert machine learning instructor. Explain concepts clearly and intuitively for learners with basic ML knowledge. Keep explanations concise and educational."},
+                {"role": "user", "content": f"Explain this text from a learning resource:\n\n\"\"\"\n{selected_text}\n\"\"\""}
+            ],
+            temperature=0.7,
+            max_tokens=500
+        )
+        return response.choices[0].message.content
+    except Exception as e:
+        return f"Error: {str(e)}"
 
 # ---- Page content ----
 PAGE_HTML = """
@@ -52,24 +50,20 @@ with gr.Blocks(head="""
 document.addEventListener("mouseup", () => {
     const selection = window.getSelection().toString().trim();
     if (selection.length > 0) {
-        // Find the Gradio textbox by its data attribute
         const textbox = document.querySelector('textarea[data-testid="textbox"]');
         if (textbox) {
-            // Update the value
             const nativeInputValueSetter = Object.getOwnPropertyDescriptor(
                 window.HTMLTextAreaElement.prototype, 
                 "value"
             ).set;
             nativeInputValueSetter.call(textbox, selection);
-            
-            // Trigger change event so Gradio picks it up
             textbox.dispatchEvent(new Event("input", { bubbles: true }));
         }
     }
 });
 </script>
 """) as demo:
-    gr.Markdown("### 📘 Highlight text and ask GPT-5 for help")
+    gr.Markdown("### 📘 Highlight text and ask GPT for help")
     gr.HTML(PAGE_HTML)
     
     selected_text = gr.Textbox(