Update app.py

app.py

@@ -14,7 +14,7 @@ If a question does not make any sense, or is not factually coherent, explain why
 
 # Define the conversation history
 conversation_history = []
-
+css = ".generating {visibility: hidden}"
 
 def generate_response(input_text):
     global conversation_history
@@ -26,12 +26,29 @@ def generate_response(input_text):
 
     return response_text
 # Create a Gradio interface
-gr.Interface(
-    fn=generate_response,
-    inputs=gr.Textbox(placeholder="Type a message..."),
-    outputs=gr.Textbox(" "),
-    live=True,
-    layout="vertical",
-    title="MISTGPT",
-    theme="huggingface",
-).launch()
+with gr.Blocks(analytics_enabled=False, css=css) as demo:
+    with gr.Column():
+        gr.Markdown(
+            """ ## Mistral-7b Version-2.0
+            
+            Type in the box below and click the button to generate answers to your most pressing questions!
+            
+      """
+        )
+
+        with gr.Row():
+    
+            with gr.Column(scale=3):
+                instruction = gr.Textbox(placeholder="Enter your question here", label="Question", elem_id="q-input")
+
+                with gr.Box():
+                    gr.Markdown("**Answer**")
+                    output = gr.Markdown(elem_id="q-output")
+                submit = gr.Button("Generate", variant="primary")
+
+    
+
+    submit.click(generate_response, inputs=[instruction], outputs=[output])
+    instruction.submit(generate_response, inputs=[instruction], outputs=[output])
+
+demo.queue(concurrency_count=1).launch(debug=False,share=True)