add beautify text support

app.py

@@ -18,14 +18,17 @@ def count_tokens(text):
     # Encode the input text to get the list of token IDs
     tokens = encoding.encode(text)
     
-    # Return the number of tokens
-    return len(tokens)
+    # Return the number of tokens and the beautified text
+    return len(tokens), text.replace("\\n", "\n")
 
 # Define the Gradio interface
 iface = gr.Interface(
     fn=count_tokens,                   # The function to call
-    inputs=gr.Textbox(lines=10, placeholder="Enter your text here..."),  # Input component
-    outputs="number",                  # Output component
+    inputs=gr.Textbox(lines=1, max_lines=1000000, placeholder="Enter your text here..."),  # Input component
+    outputs=[
+        "number",
+        gr.Textbox(label="Beautified Text", lines=30)
+    ],
     title="Token Counter with tiktoken",
     description="Enter text below to calculate the number of tokens using the tiktoken library.",
     examples=[