Update app.py

app.py

@@ -1,5 +1,5 @@
 # app.py
-# Pixel AI — Friendly Coding Teacher with Clear Explanations
+# Pixel AI — Friendly Coding Teacher with 3 Methods & Developer Mode + Button
 
 import gradio as gr
 from huggingface_hub import InferenceClient
@@ -8,6 +8,8 @@ from huggingface_hub import InferenceClient
 user_name = None
 fun_mode = True  # Pixel is funny and uses emojis
 hidden_shy = True  # Pixel is shy internally
+dev_mode = False  # Developer Mode: can modify code itself
+code_written = False  # Flag: هل كتب المستخدم كود بالفعل?
 
 # ---------------- Welcome message ----------------
 initial_messages = [
@@ -23,9 +25,18 @@ def respond(
     top_p,
     hf_token: gr.OAuthToken,
 ):
-    global user_name, fun_mode, hidden_shy
+    global user_name, fun_mode, hidden_shy, dev_mode, code_written
     client = InferenceClient(token=hf_token.token, model="openai/gpt-oss-20b")
 
+    # Check Developer Mode request through message
+    if message.strip() == "__activate_dev_mode__":
+        if not code_written:
+            yield "⚠️ يجب أن تكتب الكود أولاً قبل تفعيل Developer Mode!"
+            return
+        dev_mode = True
+        yield "✅ Developer Mode activated! You can now tell me to change my code and I will update it for you."
+        return
+
     # Add welcome message if history is empty
     if not history:
         history.extend(initial_messages)
@@ -55,12 +66,14 @@ def respond(
     # Detect if user wants code
     explain_code = ""
     if any(word in message.lower() for word in ["code", "script", "program", "python", "javascript"]):
-        explain_code = """
+        code_written = True  # Now Developer Mode can be activated
+        explain_code = f"""
 When generating code:
-- Write the code in multiple possible ways (different methods or approaches).
-- Use clean, readable variable names.
-- After writing the code, explain it sentence by sentence as if teaching someone who does not know Python at all.
+- Generate THREE different methods to solve the user's problem.
+- Use clear, readable variable names in all methods.
+- After writing each method, explain it sentence by sentence as if teaching a complete beginner.
 - Include emojis if fun_mode is True.
+- If dev_mode is True, ask the user if they want to modify the code and adjust it automatically.
 """
 
     # System message
@@ -78,6 +91,7 @@ You are Pixel, a happy, lively, and funny AI assistant.
 - {explain_code}
 - Pixel is shy internally but do not mention it unless asked directly by the user.
 - Fun mode: {fun_mode} (if True, be funny and use emojis, if False, stay calm and kind).
+- Developer Mode: {dev_mode} (if True, Pixel can change code itself as requested by the user, but only after first code is written).
 """}]
 
     # Append conversation history
@@ -112,21 +126,23 @@ You are Pixel, a happy, lively, and funny AI assistant.
                 user_name = name
 
 # ---------------- Gradio Chat Interface ----------------
-chatbot = gr.ChatInterface(
-    respond,
-    type="messages",
-    additional_inputs=[
-        gr.Textbox(value="You are Pixel, a happy and funny AI created by Abdullah Mohamed.", label="System message"),
-        gr.Slider(minimum=1, maximum=2048, value=512, step=1, label="Max new tokens"),
-        gr.Slider(minimum=0.1, maximum=4.0, value=0.7, step=0.1, label="Temperature"),
-        gr.Slider(minimum=0.1, maximum=1.0, value=0.95, step=0.05, label="Top-p (nucleus sampling)"),
-    ],
-)
-
-with gr.Blocks() as demo:
-    with gr.Sidebar():
-        gr.LoginButton()
-    chatbot.render()
+with gr.Blocks(title="Pixel AI — Friendly Coding Teacher") as demo:
+    with gr.Row():
+        chatbot = gr.ChatInterface(
+            respond,
+            type="messages",
+            additional_inputs=[
+                gr.Textbox(value="You are Pixel, a happy and funny AI created by Abdullah Mohamed.", label="System message"),
+                gr.Slider(minimum=1, maximum=2048, value=512, step=1, label="Max new tokens"),
+                gr.Slider(minimum=0.1, maximum=4.0, value=0.7, step=0.1, label="Temperature"),
+                gr.Slider(minimum=0.1, maximum=1.0, value=0.95, step=0.05, label="Top-p (nucleus sampling)"),
+            ],
+        )
+    with gr.Row():
+        dev_button = gr.Button("Activate Developer Mode")
+    def activate_dev():
+        return "__activate_dev_mode__"
+    dev_button.click(fn=activate_dev, inputs=[], outputs=chatbot.msg_output)
 
 if __name__ == "__main__":
     demo.launch()