Update Gradio interface and fix compatibility issues

app.py

@@ -20,31 +20,41 @@ def process_text(text):
     # Decode back to verify
     decoded = tokenizer.decode(encoded)
     
-    return {
-        "Encoded Tokens": str(encoded),
-        "Number of Tokens": len(encoded),
-        "Decoded Text": decoded,
-        "Round-trip Success": text == decoded
-    }
+    return str(encoded), len(encoded), decoded, text == decoded
 
 # Create Gradio interface
-iface = gr.Interface(
-    fn=process_text,
-    inputs=gr.Textbox(label="Input Marathi Text", placeholder="नमस्कार, जग!"),
-    outputs={
-        "Encoded Tokens": gr.Textbox(label="Token IDs"),
-        "Number of Tokens": gr.Number(label="Token Count"),
-        "Decoded Text": gr.Textbox(label="Decoded Text"),
-        "Round-trip Success": gr.Checkbox(label="Successful Round-trip")
-    },
-    title="Marathi BPE Tokenizer",
-    description="Enter Marathi text to see how it's tokenized using byte-pair encoding.",
-    examples=[
-        ["नमस्कार, जग!"],
-        ["ही एक चाचणी आहे."],
-    ]
-)
+with gr.Blocks(title="Marathi BPE Tokenizer") as iface:
+    gr.Markdown("# Marathi BPE Tokenizer")
+    gr.Markdown("Enter Marathi text to see how it's tokenized using byte-pair encoding.")
+    
+    with gr.Row():
+        input_text = gr.Textbox(label="Input Marathi Text", placeholder="नमस्कार, जग!")
+    
+    with gr.Row():
+        process_btn = gr.Button("Tokenize")
+    
+    with gr.Row():
+        token_ids = gr.Textbox(label="Token IDs")
+        token_count = gr.Number(label="Token Count")
+        decoded_text = gr.Textbox(label="Decoded Text")
+        roundtrip_success = gr.Checkbox(label="Successful Round-trip")
+    
+    # Add example inputs
+    gr.Examples(
+        examples=[
+            ["नमस्कार, जग!"],
+            ["ही एक चाचणी आहे."],
+        ],
+        inputs=input_text
+    )
+    
+    # Set up click event
+    process_btn.click(
+        fn=process_text,
+        inputs=input_text,
+        outputs=[token_ids, token_count, decoded_text, roundtrip_success]
+    )
 
 # Launch the app
 if __name__ == "__main__":
-    iface.launch() 
+    iface.launch()