fix: update copy

app.py

@@ -86,7 +86,9 @@ HEADER = """
 <br>
 <div style="color: #fff !important; width: 70%"><span style="color: inherit; font-weight: 600">GLIDER</span> is a powerful 3B evaluator LLM that can score any text input and associated context on arbitrary user defined criteria.</div>
 <br>
-<div style="color: #fff !important; width: 70%;"><span style="color: inherit; font-weight: 600">Getting Started</span>: First, provide a model output (text generated by your model) and user input (text used to prompt your model) and optionally a gold answer (label or gold answer to the prompt) and retrieved context (context used for text generated by your model). Next, provide a pass criteria (description of a passing evaluation). Finally, provide an optional rubric (scoring scales with explanations) and then click submit. The GLIDER Output panel will provide a score and reasoning which is a human readable explanation of the score.</div>
+<div style="color: #fff !important; width: 70%;"><span style="color: inherit; font-weight: 600">Getting Started</span>: First, provide a model output (text generated by your model) and user input (text used to prompt your model) and optionally a gold answer (label or gold answer to the prompt) and retrieved context (context used for text generated by your model). Next, provide a pass criteria (description of a passing evaluation). Finally, provide an optional but recommended rubric (scoring scales with explanations) and then click submit. The GLIDER Output panel will provide a score and reasoning which is a human readable explanation of the score.</div>
+<br>
+<div style="color: #fff !important; width: 70%;"><span style="color: inherit; font-weight: 600">Note</span>: In your Pass Criteria, use the attribute tags from above (i.e. MODEL OUTPUT, USER INPUT, GOLD ANSWER, RETRIEVED CONTEXT).</div>
 <br>
 """
 
@@ -97,10 +99,6 @@ EXAMPLES_HEADER = """
 """
 
 css = """
-#test textarea {
-    background-color: #fff !important;
-    color: #000 !important;
-}
 .example-button {
     width: fit-content;
     font-size: 1rem;
@@ -177,7 +175,7 @@ with gr.Blocks(css=css, theme=theme) as demo:
     with gr.Row(equal_height=True):
         with gr.Column(scale=1):
             gr.Markdown("<div style='color: #fff !important; font-weight: 600'>Your Inputs</div>")
-            model_output = gr.Textbox(label="MODEL OUTPUT (required)", elem_id="test")
+            model_output = gr.Textbox(label="MODEL OUTPUT (required)")
             user_input = gr.Textbox(label="USER INPUT (required)")
             gold_answer = gr.Textbox(label="GOLD ANSWER")
             retrieved_context = gr.Textbox(label="RETRIEVED CONTEXT")