new scheme

app.py

@@ -36,34 +36,42 @@ def get_datasets(task):
 with gr.Blocks(theme=gr.themes.Soft()) as demo:
     with gr.Row():
         gr.Markdown("## Multilingual Prompt Generator")
-
     with gr.Row():
-        with gr.Column(scale=2):
-            instruction = gr.Textbox(label="Instruction")
-            model_type = gr.Dropdown(label="Model Type", choices=["Multilingual", "English"], value='English')
-            config_recommendation = gr.Button("Recommend Configuration")
-        with gr.Column():
-            task = gr.Dropdown(label="Task", choices=list(tasks_datasets.keys()), value=QA)
-            language = gr.Dropdown(label="Source Language", choices=languages, value="English")
-            zero_shot = gr.Checkbox(label="Zero-shot", value=False)
-            with gr.Accordion("Prompt Configuration Selection", open=False):
-                prefix_selection = gr.Dropdown(["English", "Source"], label="prefix", value='English')
-                context_selection = gr.Dropdown(["English", "Source"], label="context", value='English')
-                examples_selection = gr.Dropdown(["English", "Source"], label="examples" , value='English')
-                output_selection = gr.Dropdown(["English", "Source"], label="output", value='English')
-            with gr.Accordion("Few Shot - Select Type of Examples ", open=False, visible=True) as few_shot:
-                dataset = gr.Dropdown(label="Dataset", choices=tasks_datasets[QA], value="XlSum")
-                num_examples = gr.Slider(label="Number of examples in context", minimum=1, maximum=10, step=1, value=3)
+        gr.Markdown("### Task Details", elem_id="section-title")  # Adding a small title
     with gr.Row():
-        question = gr.Textbox(label="Question", visible=True)
-        context = gr.Textbox(label="Context", visible=True)
-        text = gr.Textbox(label="Text", visible=False)
-        sentence = gr.Textbox(label="Sentence", visible=False)
-        hypothesis = gr.Textbox(label="Hypothesis", visible=False)
-        premise = gr.Textbox(label="Premise", visible=False)
+        task = gr.Dropdown(label="Task", choices=list(tasks_datasets.keys()), value=QA)
+        language = gr.Dropdown(label="Source Language", choices=languages, value="English")
+        zero_shot = gr.Checkbox(label="Zero-shot", value=False)
+    config_recommendation = gr.Button("Recommend Configuration")
     with gr.Row():
         config_prompt = gr.Textbox(label="Recommended Configuration", interactive=False,
                             placeholder="Recommended Configuration for this scenerio")
+    with gr.Row():
+        with gr.Column(scale=3):
+            gr.Markdown("### Prompt Configuration", elem_id="section-title")  # Adding a small title
+            # Set the same background style across all components
+            with gr.Group(elem_id="prompt-background"):
+
+                instruction = gr.Textbox(label="Instruction")
+                model_type = gr.Dropdown(label="Model Type", choices=["Multilingual", "English"], value='English')
+                with gr.Accordion("Few Shot - Select Type of Examples ", open=False, visible=True) as few_shot:
+                    dataset = gr.Dropdown(label="Dataset", choices=tasks_datasets[QA], value="XlSum")
+                    num_examples = gr.Slider(label="Number of examples in context", minimum=1, maximum=10, step=1,
+                                             value=3)
+                # Accordion for Prompt Configuration Selection
+                with gr.Accordion(label="Prompt Configuration Selection", open=False):
+                    prefix_selection = gr.Dropdown(["English", "Source"], label="prefix", value='English')
+                    context_selection = gr.Dropdown(["English", "Source"], label="context", value='English')
+                    examples_selection = gr.Dropdown(["English", "Source"], label="examples", value='English')
+                    output_selection = gr.Dropdown(["English", "Source"], label="output", value='English')
+                    # Accordion for Few Shot example selection
+                with gr.Row():
+                    question = gr.Textbox(label="Question", visible=True)
+                    context = gr.Textbox(label="Context", visible=True)
+                    text = gr.Textbox(label="Text", visible=False)
+                    sentence = gr.Textbox(label="Sentence", visible=False)
+                    hypothesis = gr.Textbox(label="Hypothesis", visible=False)
+                    premise = gr.Textbox(label="Premise", visible=False)
 
     generate_button = gr.Button("Generate Prompt")