Update app.py

app.py

@@ -8,6 +8,213 @@ from datetime import datetime
 client = None
 conversation_history = []
 
+def validate_api_key(api_key):
+    """Validate OpenAI API key by making a test request"""
+    try:
+        test_client = OpenAI(api_key=api_key)
+        # Make a minimal test request
+        test_client.responses.create(
+            model="gpt-4o-mini",
+            input="Hello"
+        )
+        return True, "API key is valid!"
+    except Exception as e:
+        return False, f"Invalid API key: {str(e)}"
+
+def save_api_key(api_key):
+    """Save API key and initialize client"""
+    global client
+    is_valid, message = validate_api_key(api_key)
+    
+    if is_valid:
+        client = OpenAI(api_key=api_key)
+        return gr.update(visible=False), gr.update(visible=True), message
+    else:
+        return gr.update(visible=True), gr.update(visible=False), message
+
+def chat(message, history, response_id):
+    """Process chat message and get response"""
+    global client, conversation_history
+    
+    if not client:
+        return history + [[message, "Please enter a valid API key first"]], None
+    
+    try:
+        # Add user message to history
+        conversation_history.append({"role": "user", "content": message})
+        
+        # Get response from OpenAI
+        response = client.responses.create(
+            model="gpt-4o-mini",
+            input=message,
+            previous_response_id=response_id if response_id else None
+        )
+        
+        # Add assistant response to history
+        conversation_history.append({"role": "assistant", "content": response.output_text})
+        
+        return history + [[message, response.output_text]], response.id
+    except Exception as e:
+        error_message = f"Error: {str(e)}"
+        return history + [[message, error_message]], None
+
+def prepare_json_export():
+    """Prepare conversation history as JSON for download"""
+    global conversation_history
+    
+    if not conversation_history:
+        return None, "No conversation to export"
+    
+    # Create JSON content
+    json_content = json.dumps(conversation_history, indent=2)
+    
+    # Create filename with timestamp
+    timestamp = datetime.now().strftime("%Y%m%d_%H%M%S")
+    filename = f"chat_export_{timestamp}.json"
+    
+    return json_content, filename
+
+def clear_chat(history):
+    """Clear the chat history"""
+    global conversation_history
+    conversation_history = []
+    return [], None
+
+# Create Gradio interface
+with gr.Blocks(theme=gr.themes.Soft()) as app:
+    gr.HTML('''
+    <div style="text-align: center; margin-bottom: 1rem">
+        <h1 style="margin-bottom: 0.5rem">Chatbot based on responses API by Pejman Ebrahimi</h1>
+        <p>Powered by OpenAI's Responses API</p>
+    </div>
+    ''')
+    
+    # API key input interface
+    with gr.Group(visible=True) as api_key_group:
+        api_key_input = gr.Textbox(
+            label="Enter your OpenAI API Key",
+            placeholder="sk-...",
+            type="password"
+        )
+        api_submit_btn = gr.Button("Submit API Key")
+        api_message = gr.Textbox(label="Status")
+    
+    # Chat interface
+    with gr.Group(visible=False) as chat_group:
+        chatbot = gr.Chatbot(height=500)
+        response_id = gr.State(None)
+        
+        with gr.Row():
+            msg = gr.Textbox(
+                label="Message",
+                placeholder="Type your message here...",
+                show_label=False
+            )
+            submit_btn = gr.Button("Send")
+        
+        with gr.Row():
+            clear_btn = gr.Button("Clear Chat")
+            export_btn = gr.Button("Export Chat (JSON)")
+        
+        # Hidden components for export functionality
+        json_content = gr.State()
+        export_filename = gr.State()
+        export_message = gr.Textbox(label="Export Status", visible=True)
+    
+    # Set up event handlers
+    api_submit_btn.click(
+        save_api_key,
+        inputs=[api_key_input],
+        outputs=[api_key_group, chat_group, api_message]
+    )
+    
+    msg.submit(
+        chat,
+        inputs=[msg, chatbot, response_id],
+        outputs=[chatbot, response_id]
+    ).then(
+        lambda: "",
+        None,
+        [msg]
+    )
+    
+    submit_btn.click(
+        chat,
+        inputs=[msg, chatbot, response_id],
+        outputs=[chatbot, response_id]
+    ).then(
+        lambda: "",
+        None,
+        [msg]
+    )
+    
+    clear_btn.click(
+        clear_chat,
+        inputs=[chatbot],
+        outputs=[chatbot, response_id]
+    )
+    
+    # Export functionality using JavaScript for reliable download
+    export_btn.click(
+        prepare_json_export,
+        outputs=[json_content, export_filename]
+    ).then(
+        lambda json_data, filename: f'''
+        <script>
+            const jsonData = {json.dumps(json.dumps(conversation_history, indent=2))};
+            const blob = new Blob([jsonData], {{type: 'application/json'}});
+            const url = URL.createObjectURL(blob);
+            const a = document.createElement('a');
+            a.href = url;
+            a.download = "{filename}";
+            document.body.appendChild(a);
+            a.click();
+            document.body.removeChild(a);
+            URL.revokeObjectURL(url);
+        </script>
+        Downloading chat history as {filename}...
+        ''',
+        inputs=[json_content, export_filename],
+        outputs=[export_message],
+        _js=True
+    )
+    
+    # Footer
+    gr.HTML('''
+    <div style="text-align: center; margin-top: 1rem; padding-top: 1rem; border-top: 1px solid #ddd">
+        <p>© 2025 Pejman Ebrahimi | Built with Gradio and OpenAI Responses API</p>
+        <p style="font-size: 0.8rem; color: #666">
+            This application securely processes your conversations using OpenAI's technology.
+            Your API key is used only for authentication and is not stored permanently.
+        </p>
+    </div>
+    ''')
+
+# Launch the app
+if __name__ == "__main__":
+    app.launch()
+""")
+
+print("Created app.py with improved export functionality using JavaScript for reliable downloads")
+Oops, I made a syntax error. Let me try again.
+
+Let me provide a simpler solution that will work reliably:
+
+Code
+python
+Copy Code
+# Create app.py file for Hugging Face deployment
+with open('app.py', 'w') as f:
+    f.write('''import gradio as gr
+import json
+import os
+from openai import OpenAI
+from datetime import datetime
+
+# Global variables
+client = None
+conversation_history = []
+
 def validate_api_key(api_key):
     """Validate OpenAI API key by making a test request"""
     try:
@@ -59,20 +266,21 @@ def chat(message, history, response_id):
         return history + [[message, error_message]], None
 
 def export_chat():
-    """Export conversation history to JSON file for download"""
+    """Export conversation history as downloadable JSON"""
     global conversation_history
     
     if not conversation_history:
         return None, "No conversation to export"
     
+    # Create filename with timestamp
     timestamp = datetime.now().strftime("%Y%m%d_%H%M%S")
     filename = f"chat_export_{timestamp}.json"
     
     # Create JSON content
     json_content = json.dumps(conversation_history, indent=2)
     
-    # Return file for download and status message
-    return (filename, json_content), f"Conversation ready for download"
+    # Return file for download
+    return (filename, json_content), "Chat exported successfully. Download should start automatically."
 
 def clear_chat(history):
     """Clear the chat history"""
@@ -116,9 +324,9 @@ with gr.Blocks(theme=gr.themes.Soft()) as app:
             clear_btn = gr.Button("Clear Chat")
             export_btn = gr.Button("Export Chat (JSON)")
         
-        # File download component
-        chat_file = gr.File(label="Download Chat", visible=False)
-        export_message = gr.Textbox(label="Export Status", visible=True)
+        # File download component and status message
+        file_output = gr.File(label="Download Chat")
+        export_message = gr.Textbox(label="Export Status")
     
     # Set up event handlers
     api_submit_btn.click(
@@ -155,11 +363,7 @@ with gr.Blocks(theme=gr.themes.Soft()) as app:
     
     export_btn.click(
         export_chat,
-        outputs=[chat_file, export_message]
-    ).then(
-        lambda: gr.update(visible=True),
-        None,
-        [chat_file]
+        outputs=[file_output, export_message]
     )
     
     # Footer
@@ -175,6 +379,4 @@ with gr.Blocks(theme=gr.themes.Soft()) as app:
 
 # Launch the app
 if __name__ == "__main__":
-    app.launch()
-
-print("Updated Gradio app code with downloadable JSON export functionality.")
+    app.launch()