Refactor deconstruct interface to columns with textbox

app.py

@@ -149,14 +149,23 @@ outputs = [
 
 with gr.Blocks() as demo:
     gr.Markdown(HEADER)
-    gr.Interface(fn=model_call, inputs=inputs, outputs=outputs)
+    # gr.Interface(fn=model_call, inputs=inputs, outputs=outputs)
+    
     # tokenizer_state = gr.State()
     # model_state = gr.State()
+    with gr.Column(scale=1):
+        question = gr.Textbox(label="Question")
+        document = gr.Textbox(label="Document")
+        answer = gr.Textbox(label="Answer")
+        submit_button = gr.Textbox(label="Submit")
+    with gr.Column(scale=1):
+        reasoning = gr.Textbox(label="Reasoning")
+        score = gr.Textbox(label="Score")
 
     # model_dropdown = gr.Dropdown(choices=["Patronus Lynx 8B", "Patronus Lynx 70B"], value="Patronus Lynx 8B", label="Model")
     # model_dropdown.change(fn=update_model, inputs=[model_dropdown, tokenizer_state, model_state], outputs=[tokenizer_state, model_state])
 
-    # submit_button.click(fn=model_call, inputs=inputs, outputs=output)
+    submit_button.click(fn=model_call, inputs=[question, document, answer], outputs=[reasoning, score])
 
 # initial_tokenizer, initial_model = load_model_and_tokenizer("Patronus Lynx 8B")
 # demo.load(fn=lambda: (initial_tokenizer, initial_model), outputs=[tokenizer_state, model_state])