adding sliding bar

app.py

@@ -315,7 +315,9 @@ with gr.Blocks(title="🤗 Tokenizer Playground", theme=gr.themes.Soft()) as app
                 tokenize_input = gr.Textbox(
                     label="Input Text",
                     placeholder="Enter text to tokenize...",
-                    lines=5
+                    lines=5,
+                    max_lines=15,
+                    autoscroll=False
                 )
             with gr.Column(scale=1):
                 tokenize_model = gr.Dropdown(
@@ -335,17 +337,17 @@ with gr.Blocks(title="🤗 Tokenizer Playground", theme=gr.themes.Soft()) as app
 
         with gr.Row():
             with gr.Column():
-                tokens_output = gr.Textbox(label="Tokens", lines=10, max_lines=20)
+                tokens_output = gr.Textbox(label="Tokens", lines=10, max_lines=20, autoscroll=False, show_copy_button=True)
             with gr.Column():
-                token_ids_output = gr.Textbox(label="Token IDs", lines=10, max_lines=20)
+                token_ids_output = gr.Textbox(label="Token IDs", lines=10, max_lines=20, autoscroll=False, show_copy_button=True)
 
         with gr.Row():
             with gr.Column():
-                decoded_output = gr.Textbox(label="Decoded Text (Verification)", lines=5)
+                decoded_output = gr.Textbox(label="Decoded Text (Verification)", lines=5, max_lines=15, autoscroll=False, show_copy_button=True)
             with gr.Column():
-                token_info_output = gr.Textbox(label="Detailed Token Information", lines=10, max_lines=20)
+                token_info_output = gr.Textbox(label="Detailed Token Information", lines=10, max_lines=20, autoscroll=False, show_copy_button=True)
 
-        stats_output = gr.Textbox(label="Statistics", lines=7)
+        stats_output = gr.Textbox(label="Statistics", lines=7, max_lines=15, autoscroll=False)
 
         tokenize_btn.click(
             fn=tokenize_text,
@@ -359,7 +361,9 @@ with gr.Blocks(title="🤗 Tokenizer Playground", theme=gr.themes.Soft()) as app
                 decode_input = gr.Textbox(
                     label="Token IDs",
                     placeholder="Enter token IDs as a list [101, 2023, ...] or space/comma separated",
-                    lines=5
+                    lines=5,
+                    max_lines=15,
+                    autoscroll=False
                 )
             with gr.Column(scale=1):
                 decode_model = gr.Dropdown(
@@ -377,9 +381,11 @@ with gr.Blocks(title="🤗 Tokenizer Playground", theme=gr.themes.Soft()) as app
         decode_output = gr.Textbox(
             label="Decoded Text",
             lines=10,
+            max_lines=20,
             interactive=False,
             show_copy_button=True,
-            placeholder="Decoded text will appear here..."
+            placeholder="Decoded text will appear here...",
+            autoscroll=False
         )
 
         decode_stats = gr.Textbox(
@@ -392,8 +398,10 @@ with gr.Blocks(title="🤗 Tokenizer Playground", theme=gr.themes.Soft()) as app
             decode_tokens_output = gr.Textbox(
                 label="Tokens",
                 lines=10,
+                max_lines=20,
                 interactive=False,
-                show_copy_button=True
+                show_copy_button=True,
+                autoscroll=False
             )
 
         decode_btn.click(
@@ -406,7 +414,9 @@ with gr.Blocks(title="🤗 Tokenizer Playground", theme=gr.themes.Soft()) as app
         compare_input = gr.Textbox(
             label="Input Text",
             placeholder="Enter text to compare tokenization across models...",
-            lines=5
+            lines=5,
+            max_lines=15,
+            autoscroll=False
         )
 
         compare_models = gr.CheckboxGroup(