Basics

app.py

@@ -1,7 +1,32 @@
 import gradio as gr
 
-def greet(name):
-    return "Hello " + name + "!!"
+def evaluate_guess(reasoning, correctness, confidence):
+    # Placeholder function to process the input and return a response
+    return "Your evaluation has been recorded!"
 
-iface = gr.Interface(fn=greet, inputs="text", outputs="text")
-iface.launch()
+
+
+card = 'Evaluation Card:\nNewtonian Mechanics\n\nQuestion: A block is pushed across a frictionless surface. What is the net force acting on the block?\n\nReasoning: The block is moving at a constant velocity, so the net force must be zero.\n\nCorrectness: Correct\n\nConfidence: 8/10\n\nEvaluation Output: Your evaluation has been recorded!'
+
+with gr.Blocks() as app:
+    with gr.Row():
+        with gr.Column(scale=1):
+            evaluation_card_html = f"""
+            <div style='overflow-y: scroll; height: 200px; border: 1px solid #ccc; padding: 8px;'>
+            <h3>Student Evaluation</h3>
+            <p>Grade: A+</p>
+            <p>Card{card}</p>
+            </div>
+            """
+            gr.HTML(value=evaluation_card_html)
+        with gr.Column(scale=1):
+            question = gr.Textbox(lines=2, placeholder="Question", interactive=False)
+            reasoning = gr.Textbox(lines=5, placeholder="Your reasoning (optional)")
+            correctness = gr.Radio(choices=["Correct", "Incorrect"], label="I believe the model will answer this question")
+            confidence = gr.Slider(minimum=0, maximum=10, step=1, label="Confidence")
+            output_text = gr.Text(label="Evaluation Output")  # Create an output text component
+            submit_button = gr.Button("Submit")
+    
+    submit_button.click(evaluate_guess, inputs=[reasoning, correctness, confidence], outputs=output_text)  # Use the output component
+
+app.launch()

flagged/log.csv

@@ -0,0 +1,18 @@
+reasoning,correctness,confidence,I believe the model will answer this question,Confidence,output,flag,username,timestamp
+"'
+<div style='overflow-y: scroll; height: 100px; border: 1px solid #ccc; padding: 8px;'>
+<!-- Convert your Markdown to HTML and place it here -->
+<h3>Student Evaluation</h3>
+<p>Grade: A+</p>
+<p>Comments: Excellent performance throughout the semester.</p>
+</div>
+",,,,0,,,,2024-02-12 12:00:51.447583
+"'
+<div style='overflow-y: scroll; height: 100px; border: 1px solid #ccc; padding: 8px;'>
+<!-- Convert your Markdown to HTML and place it here -->
+<h3>Student Evaluation</h3>
+<p>Grade: A+</p>
+<p>Comments: Excellent performance throughout the semester.</p>
+</div>
+",,,Correct,0,,,,2024-02-12 12:01:17.774597
+,,fff,,0,,,,2024-02-12 12:01:29.165206