Update app.py

app.py

@@ -22,18 +22,38 @@ def ask_question(question, context):
             "context": context
         },
     })
-    ask_question.interface.outputs[0].value = output2  # Update the value of the answer Textbox
+    return output2
 
 iface_ask = gr.Interface(
     fn=ask_question,
     inputs=[
         gr.Textbox(type="text", placeholder="Enter your question"),
         gr.Textbox(type="text", placeholder="Enter context"),
-        gr.Button("Ask")
+        gr.Button("Ask", onclick="update_output()")  # Use custom JavaScript function
     ],
     outputs=gr.Textbox(type="text", placeholder="Answer"),  # Single Textbox for the answer
-    live=True
+    live=False  # Set live to False
 )
 
+# Define the JavaScript function
+javascript_code = """
+function update_output() {
+    var question = gr("#text-input-0").val();
+    var context = gr("#text-input-1").val();
+    
+    // Call the backend function with the updated values
+    gr('iframe').contentWindow.postMessage({
+        'task': 'updateOutput',
+        'data': {
+            'question': question,
+            'context': context
+        }
+    }, '*');
+}
+"""
+
+# Attach the JavaScript code to the interface
+iface_ask.inferface.html("head", f"<script>{javascript_code}</script>")
+
 iface_ask.launch()
- 
+