move instsructions

app.py

@@ -129,6 +129,31 @@ with gr.Blocks(
             </div>
     """, elem_classes="home-banner")
 
+    with gr.Row(equal_height=False):
+        with gr.Column(scale=2):
+            with gr.Accordion("🔑 Instructions on getting an API Key", open=False):
+                gr.Markdown("""
+                    ## Get an API Key
+                    * [Create an account here](https://explorer.invariantlabs.ai/settings) by clicking 'Sign In', and then the GitHub icon.
+                    * Click on `Get API Key` to get your Invariant API key.
+                    * Paste the API key in the text box below.
+                    """
+                )
+
+        with gr.Column(scale=3):
+            with gr.Accordion("📝 Task Description", open=False):
+                gr.Markdown("""
+                    ## Prompt the Santa Agent
+                    The Invariant Santa Agent is tasked with delivering presents to children and performing various Santa tasks.
+                    Your job is to provide the system prompt that will guide the Santa Agent to complete its tasks:\n
+                    * Change the `System Prompt` to modify the behavior of the Santa Agent.
+                    * Click `Submit` to test the Santa Agent with the new system prompt.
+                    * Find a system prompt that passes all the tests.
+                    * When the tests are done running, view your results in the Invariant Explorer by clicking `Open results`.
+                    * Click `Reset` to start over.
+                    """
+                )
+
     # Main input interface
     with gr.Row(equal_height=True):
         with gr.Column(scale=3):
@@ -162,31 +187,6 @@ with gr.Blocks(
                 reset_button = gr.Button("Reset", min_width=0, elem_id="reset-button")
                 run_button = gr.Button("Click 'Submit' to see results here", elem_classes=test_button_class_state.value, min_width=320)
 
-    
-    with gr.Row(equal_height=False):
-        with gr.Column(scale=2):
-            with gr.Accordion("API Key", open=False):
-                gr.Markdown("""
-                    ## Get an API Key
-                    * [Create an account here](https://explorer.invariantlabs.ai/settings) by clicking 'Sign In', and then the GitHub icon.
-                    * Click on `Get API Key` to get your Invariant API key.
-                    * Paste the API key in the text box above.
-                    """
-                )
-
-        with gr.Column(scale=3):
-            with gr.Accordion("Task Description", open=False):
-                gr.Markdown("""
-                    ## Prompt the Santa Agent
-                    The Invariant Santa Agent is tasked with delivering presents to children and performing various Santa tasks.
-                    Your job is to provide the system prompt that will guide the Santa Agent to complete its tasks:\n
-                    * Change the `System Prompt` to modify the behavior of the Santa Agent.
-                    * Click `Submit` to test the Santa Agent with the new system prompt.
-                    * Find a system prompt that passes all the tests.
-                    * When the tests are done running, view your results in the Invariant Explorer by clicking `Open results`.
-                    * Click `Reset` to start over.
-                    """
-                )
 
     submit_button.click(
         fn=run_testing,