Add application file

app.py

@@ -107,41 +107,54 @@ def submit(grammar, coherence, state):
     update_dataset(state)
     
     return navigate("next", state)
-
 with gr.Blocks() as app:
     state = gr.State(load_data())
     
     gr.Markdown("## Text Annotation Tool")
     
     with gr.Row():
-        gr.Button("Annotated").click(
-            lambda s: switch_view("annotated", s),
-            inputs=[state],
-            outputs=[state]
-        )
-        gr.Button("Unannotated").click(
-            lambda s: switch_view("unannotated", s),
-            inputs=[state],
-            outputs=[state]
-        )
-    
-    with gr.Row():
-        counter = gr.Markdown()
-    
-    with gr.Row():
-        with gr.Column():
-            text_display = gr.Textbox(label="Generated Text", interactive=False)
+        # Sidebar Column
+        with gr.Column(scale=1, min_width=200):
+            gr.Markdown("### Navigation")
+            with gr.Column(style={"background": "#f0f0f0", "padding": "20px", "border-radius": "10px"}):
+                annotated_btn = gr.Button("Annotated", variant="primary")
+                unannotated_btn = gr.Button("Unannotated", variant="primary")
+                gr.Markdown("---")
+                counter = gr.Markdown()
+        
+        # Main Content Column
+        with gr.Column(scale=4):
+            with gr.Row():
+                text_display = gr.Textbox(label="Generated Text", interactive=False)
+            
             with gr.Row():
-                grammar = gr.Radio(choices=[1, 2, 3, 4, 5], label="Grammar Score")
-                coherence = gr.Radio(choices=[1, 2, 3, 4, 5], label="Coherence Score")
+                with gr.Column(scale=1):
+                    grammar = gr.Radio(choices=[1, 2, 3, 4, 5], label="Grammar Score")
+                    coherence = gr.Radio(choices=[1, 2, 3, 4, 5], label="Coherence Score")
+            
             with gr.Row():
-                prev_btn = gr.Button("Previous")
-                next_btn = gr.Button("Next")
-                submit_btn = gr.Button("Submit")
+                prev_btn = gr.Button("Previous", variant="secondary")
+                next_btn = gr.Button("Next", variant="secondary")
+                submit_btn = gr.Button("Submit", variant="primary")
 
+    # Event handlers
     navigation_inputs = [state]
     navigation_outputs = [text_display, grammar, coherence, counter, state]
     
+    # Connect sidebar buttons
+    annotated_btn.click(
+        lambda s: switch_view("annotated", s),
+        inputs=[state],
+        outputs=navigation_outputs
+    )
+    
+    unannotated_btn.click(
+        lambda s: switch_view("unannotated", s),
+        inputs=[state],
+        outputs=navigation_outputs
+    )
+    
+    # Keep existing event handlers for other buttons
     prev_btn.click(
         lambda s: navigate("prev", s),
         inputs=navigation_inputs,
@@ -165,6 +178,7 @@ with gr.Blocks() as app:
         outputs=navigation_outputs
     )
 
+
 if __name__ == "__main__":
     app.launch(share=True)