Update app.py

switched to from a gr.Blocks() to a gr.Interface() layout, and caching examples.
PS: after merging this, it will take a little bit more time to launch because it will run each example and cashe the output , so wait a little bit until it finishes building up.
if you want to disable this behaviour just set up `cache_examples=False`

app.py

@@ -62,41 +62,27 @@ def main(
             generated_text = seq["generated_text"].replace(prompt, "")
             return generated_text
 
-    with gr.Blocks(css=css) as demo:
-        gr.Markdown(title)
-        gr.Markdown(description)
-        with gr.Row(equal_height=True):
-            with gr.Column(variant="default"):
-                interface_input = gr.Textbox(
-                    lines=3,
-                    label="Instruction",
-                    placeholder="Anything you want to ask Magicoder ?",
-                    value="Write a snake game in Python using the turtle library (the game is created by Magicoder).",
-                )
-                temperature = gr.Slider(minimum=0, maximum=1, value=0, label="Temperature")
-                max_new_tokens = gr.Slider(
-                    minimum=1, maximum=2048, step=1, value=2048, label="Max tokens"
-                )
-                submit = gr.Button(value="Generate")
-                gr.Examples(
-                    examples=[
-                        ["Write a snake game in Python using the turtle library (the game is created by Magicoder)."],
-                        ["Build a console-based Othello game in Java with row and column numbers shown on the board. The game should end when there are no more valid moves for either player."],
-                        ["Write a gradio (3.48.0) application for the following use case: Take an input image and return a 45 degree clockwise rotated image. You should also add text description under the output showing the rotation degree."],
-                        ["Build a simple neural network in Python using Pytorch to classify handwritten digits from the MNIST dataset. You should use CNN as the model structure, train the model for 5 epochs, draw a chart of the training loss, and show the final result."],
-                    ],
-                    inputs = [interface_input]
-                )
-            with gr.Column(variant="default"):
-                with gr.Tab("Output", elem_id="q-output"):
-                    output = gr.Markdown(
-                        label="Output"
-                    )
-            submit.click(
-                evaluate_magicoder,
-                inputs=[interface_input, temperature, max_new_tokens],
-                outputs=[output],
-            )
+    # componenents 
+    interface_input = gr.Textbox(
+        lines=3,
+        label="Instruction",
+        placeholder="Anything you want to ask Magicoder ?",
+        value="Write a snake game in Python using the turtle library (the game is created by Magicoder).",
+    )
+    
+    temperature = gr.Slider(minimum=0, maximum=1, value=0, label="Temperature")
+    max_new_tokens = gr.Slider(
+        minimum=1, maximum=2048, step=1, value=2048, label="Max tokens"
+    )
+    output = gr.Markdown(label="Output")
+    examples = [
+        ["Write a snake game in Python using the turtle library (the game is created by Magicoder).",0,2048],
+        ["Build a console-based Othello game in Java with row and column numbers shown on the board. The game should end when there are no more valid moves for either player.",0,2048],
+        ["Write a gradio (3.48.0) application for the following use case: Take an input image and return a 45 degree clockwise rotated image. You should also add text description under the output showing the rotation degree.",0,2048],
+        ["Build a simple neural network in Python using Pytorch to classify handwritten digits from the MNIST dataset. You should use CNN as the model structure, train the model for 5 epochs, draw a chart of the training loss, and show the final result.",0,2048],
+        ]
+    # interface
+    demo = gr.Interface(evaluate_magicoder,inputs = [interface_input,temperature,max_new_tokens],outputs=[output],examples = examples,cache_examples=True,title=title,description=description,css=css)
     demo.queue().launch()
 
 if __name__ == "__main__":