UI improvements

app.py

@@ -53,8 +53,7 @@ def run_edits(code):
 
 # User Interface Part
 
-TITLE = "Reasoning with StarCoder 💫"
-demo = gr.Blocks(title=TITLE, theme=gr.themes.Default())
+demo = gr.Blocks(title="Reasoning with StarCoder 💫", theme=gr.themes.Default())
 
 
 def render_instruction(mtd):
@@ -70,7 +69,7 @@ def render_instruction(mtd):
     if mtd == "TA":
         return gr.Textbox.update(
             value='''
-            💫 Query should be a direct instruction starting with *write the code* and the main question.
+            💫 Query should be a direct instruction or a question, try to provide much context as possible
             💫 Use numbers wherever possible, i.e use 2 instead of two
             💫 Example: Write the  code to find 7th Fibonacci number.
             ''',
@@ -86,10 +85,16 @@ def render_instruction(mtd):
             visible=True
         )
 
+description = '''
+<h1 style="text-align: center; color: white; font-size: 40px;"><strong>Reasoning with <span style='color: #ff75b3;'> StarCoder 💫</span></strong></h1>
+<br />
+<span style='color: white; font-size: 18px;'>This space is a playground for allowing users to interact with <a href="https://huggingface.co/bigcode/large-model" style="color: #ff75b3;">StarCoder</a> and assessing its reasoning capabilities. 
+User can select any of the evaluating strategies from the available ones <u>PAL</u>, <u>TA</u> and <u>MathPrompter</u> following with asking the query in English. The model generated code with respect to the selected strategy will be executed in the server and result is displayed.  
+In addition, the space enables users to edit the generated code and re-run it, providing a high degree of flexibility and customization in the solution process.</span>
+'''
 
 with demo:
-    gr.HTML(f"<center><h1>{TITLE}<h1></center>")
-
+    gr.Markdown(description, interactive=False)
     access_token = gr.Textbox(type="password", label="Hugging Face Access Token")
     with gr.Row():
         methods = gr.Dropdown(choices=['PAL', 'TA', 'MathPrompter'], value="PAL",interactive=True, label="Evaluation Strategies")
@@ -98,7 +103,7 @@ with demo:
     instruction = gr.Textbox(label="Instructions", visible=True, interactive=False, value=render_instruction("PAL")['value'])
     methods.change(fn=render_instruction, inputs=methods, outputs=instruction)
 
-    question_output = gr.Textbox(label="Answer", interactive=False)
+    question_output = gr.Textbox(label="Answer", interactive=True)
     code = gr.Code(language="python", interactive=False, label="Generated Code (Editable)")
     submit_btn = gr.Button("Submit")
     edit_btn = gr.Button("Run the edited code", visible=False)