reverted to block arabic check box, but not hide it

app.py

@@ -1,6 +1,7 @@
 """
 A simple web interface to demonstrate the Turkish transliteration.
 """
+import os
 import gradio as gr
 from turkic_translit.core import to_latin, to_ipa
 import unicodedata as ud
@@ -17,40 +18,18 @@ def transliterate(text, lang, include_arabic, output_format):
             result = to_ipa(text, lang)
             format_label = "IPA"
         result = ud.normalize("NFC", result)
-        stats_md = (f"**UTF-8 bytes:** Cyrillic = {len(text.encode('utf8'))}, "
-                    f"{format_label} = {len(result.encode('utf8'))}")
+        stats_md = (f"**Bytes** — Cyrillic : {len(text.encode('utf8'))}, "
+                    f"{format_label} : {len(result.encode('utf8'))}")
         return result, stats_md
     except Exception as e:
         raise gr.Error(str(e))
 
-# Function to toggle Arabic checkbox visibility based on output format
-# Uses 'hidden' class to keep layout stable
-
-def _toggle_arabic_visibility(mode: str):
-    hidden = mode != "Latin"
-    new_classes = ["fade", "fade-hidden"] if hidden else ["fade", "fade-visible"]
-    return gr.update(elem_classes=new_classes)
+# Function to enable/disable Arabic checkbox based on output format
+def toggle_arabic_checkbox(mode):
+    return gr.update(interactive=(mode == "Latin"))
 
 # Create the Gradio interface
-demo = gr.Blocks(
-    title="Turkic Transliteration Demo",
-    css="""
-        /* baseline footprint & margin */
-        #arabic-box        { margin-top:0.25rem; }
-
-        /* animation helpers */
-        .fade              { transition:opacity .25s ease; }
-        .fade-visible      { opacity:1; }
-        .fade-hidden       {
-            opacity:0;
-            pointer-events:none;
-            background:transparent !important;
-            padding:0 !important;
-        }
-    """
-)
-
-with demo:
+with gr.Blocks(title="Turkic Transliteration Demo") as demo:
     gr.Markdown("# Turkic Transliteration Demo")
     gr.Markdown("Enter Cyrillic text for Kazakh (kk) or Kyrgyz (ky) and see the Latin transliteration")
     
@@ -73,12 +52,7 @@ with demo:
                 info="Latin = Standard Latin alphabet, IPA = International Phonetic Alphabet",
                 value="Latin"
             )
-            include_arabic = gr.Checkbox(
-    value=False,
-    label="Also transliterate embedded Arabic (Latin-mode only)",
-    elem_id="arabic-box",
-    elem_classes=["fade", "fade-visible"]   # start visible; we’ll flip later
-)
+            include_arabic = gr.Checkbox(False, label="Also transliterate Arabic script (Latin mode only)")
         
         with gr.Column():
             output_text = gr.Textbox(
@@ -121,17 +95,13 @@ with demo:
         inputs=[input_text, lang, include_arabic, output_format],
         outputs=[output_text, stats]
     )
-    # Register the handler for fade effect (before transliteration)
-    output_format.change(_toggle_arabic_visibility, output_format, include_arabic)
-
-    # Register transliteration handler
+    # Disable Arabic checkbox in IPA mode
     output_format.change(
-        transliterate,
-        [input_text, lang, include_arabic, output_format],
-        [output_text, stats]
+        fn=toggle_arabic_checkbox,
+        inputs=output_format,
+        outputs=include_arabic
     )
 
-
 # Launch the app
 if __name__ == "__main__":
     demo.queue().launch()