UI improvements

- Use a tabbed interface for upload/canvas image
- Hide detailed output by default. Allow toggling.

app.py

@@ -71,27 +71,28 @@ def main():
 
             To use this interactive demo for PARSeq and reproduced models:
             1. Select which model you want to use.
-            2. Upload your own image, choose from the examples below, or draw on the canvas.
-            3. Click **Read Image** or **Read Drawing**.
+            2. Upload your own cropped image (or select from the given examples), or sketch on the canvas.
+            3. Click **Read Text**.
 
             *NOTE*: None of these models were trained on handwritten text datasets.
         """)
         model_name = gr.Radio(app.models, value=app.models[0], label='The STR model to use')
-        with gr.Row():
-            with gr.Column():
+        with gr.Tabs():
+            with gr.TabItem('Image Upload'):
                 image_upload = gr.Image(type='pil', source='upload', label='Image')
-                read_upload = gr.Button('Read Image')
-            with gr.Column():
-                image_canvas = gr.Image(type='pil', source='canvas', label='Drawing')
-                read_canvas = gr.Button('Read Drawing')
+                gr.Examples(glob.glob('demo_images/*.*'), inputs=image_upload)
+                read_upload = gr.Button('Read Text')
+            with gr.TabItem('Canvas Sketch'):
+                image_canvas = gr.Image(type='pil', source='canvas', label='Sketch')
+                read_canvas = gr.Button('Read Text')
 
         output = gr.Textbox(max_lines=1, label='Model output')
-        raw_output = gr.Dataframe(row_count=2, col_count=0, label='Raw output with confidence values (interval: [0, 1], [B]: BOS or BLANK token, [E]: EOS token)')
-
-        gr.Examples(glob.glob('demo_images/*.*'), inputs=image_upload)
+        adv_output = gr.Checkbox(label='Show detailed output')
+        raw_output = gr.Dataframe(row_count=2, col_count=0, label='Raw output with confidence values ([0, 1] interval; [B] - BLANK token; [E] - EOS token)', visible=False)
 
         read_upload.click(app, inputs=[model_name, image_upload], outputs=[output, raw_output])
         read_canvas.click(app, inputs=[model_name, image_canvas], outputs=[output, raw_output])
+        adv_output.change(lambda x: gr.update(visible=x), inputs=adv_output, outputs=raw_output)
 
     demo.launch()