Update app.py

app.py

@@ -1,3 +1,4 @@
+"""
 LocaleNLP Translation Service
 ============================
 
@@ -231,7 +232,7 @@ class ContentProcessor:
         return "\n".join(paragraph.text for paragraph in doc.paragraphs)
     
     @staticmethod
-    def _extract_html_text(content: bytes) -> str:
+    def _extract_html_text(content: bytes) -> str:
         """Extract text from HTML file."""
         encoding = chardet.detect(content)["encoding"] or "utf-8"
         text = content.decode(encoding, errors="ignore")
@@ -239,7 +240,7 @@ class ContentProcessor:
         return soup.get_text()
     
     @staticmethod
-    def _extract_markdown_text(content: bytes) -> str:
+    def _extract_markdown_text(content: bytes) -> str:
         """Extract text from Markdown file."""
         encoding = chardet.detect(content)["encoding"] or "utf-8"
         text = content.decode(encoding, errors="ignore")
@@ -248,15 +249,15 @@ class ContentProcessor:
         return soup.get_text()
     
     @staticmethod
-    def _extract_srt_text(content: bytes) -> str:
+    def _extract_srt_text(content: bytes) -> str:
         """Extract text from SRT subtitle file."""
         encoding = chardet.detect(content)["encoding"] or "utf-8"
         text = content.decode(encoding, errors="ignore")
         # Remove timestamp lines
-        return re.sub(r"\d+\n\d{2}:\d{2}:\d{2},\d{3} --> .*?\n", "", text)
+        return re.sub(r"\d+\n\d{2}:\d{2}:\d{2},\d{3} --> .*?\n", "", text)
     
     @staticmethod
-    def _extract_plain_text(content: bytes) -> str:
+    def _extract_plain_text(content: bytes) -> str:
         """Extract text from plain text file."""
         encoding = chardet.detect(content)["encoding"] or "utf-8"
         return content.decode(encoding, errors="ignore")
@@ -470,48 +471,7 @@ class TranslationApp:
         
         with gr.Blocks(
             title="LocaleNLP Translation Service",
-            css="""
-            .input-section {
-                background: linear-gradient(135deg, #e0f7fa 0%, #bbdefb 100%);
-                padding: 20px;
-                border-radius: 10px;
-                border: 1px solid #90caf9;
-                margin-bottom: 20px;
-            }
-            .output-section {
-                background: linear-gradient(135deg, #f3e5f5 0%, #e8eaf6 100%);
-                padding: 20px;
-                border-radius: 10px;
-                border: 1px solid #7986cb;
-                margin-bottom: 20px;
-            }
-            .button-primary {
-                background: linear-gradient(135deg, #42a5f5 0%, #1e88e5 100%) !important;
-                color: white !important;
-                border: none !important;
-                border-radius: 8px !important;
-                padding: 12px 24px !important;
-                font-weight: bold !important;
-            }
-            .button-primary:hover {
-                background: linear-gradient(135deg, #1e88e5 0%, #1565c0 100%) !important;
-            }
-            .radio-group {
-                background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);
-                padding: 15px;
-                border-radius: 10px;
-                border: 1px solid #90caf9;
-            }
-            .dropdown-group {
-                background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);
-                padding: 15px;
-                border-radius: 10px;
-                border: 1px solid #90caf9;
-            }
-            .control-row {
-                margin-bottom: 20px;
-            }
-            """
+            theme=gr.themes.Monochrome()
         ) as interface:
             # Header
             gr.Markdown("""
@@ -520,77 +480,70 @@ class TranslationApp:
             """)
             
             # Input controls
-            with gr.Row(elem_classes="control-row"):
-                with gr.Column(elem_classes="radio-group"):
-                    input_mode = gr.Radio(
-                        choices=[mode.value for mode in InputMode],
-                        label="Input Type",
-                        value=InputMode.TEXT.value
-                    )
+            with gr.Row():
+                input_mode = gr.Radio(
+                    choices=[mode.value for mode in InputMode],
+                    label="Input Type",
+                    value=InputMode.TEXT.value
+                )
                 
-                with gr.Column(elem_classes="dropdown-group"):
-                    input_lang = gr.Dropdown(
-                        choices=[lang.value for lang in Language],
-                        label="Input Language",
-                        value=Language.ENGLISH.value
-                    )
+                input_lang = gr.Dropdown(
+                    choices=[lang.value for lang in Language],
+                    label="Input Language",
+                    value=Language.ENGLISH.value
+                )
                 
-                with gr.Column(elem_classes="dropdown-group"):
-                    output_lang = gr.Dropdown(
-                        choices=[lang.value for lang in Language],
-                        label="Output Language",
-                        value=Language.WOLOF.value
-                    )
+                output_lang = gr.Dropdown(
+                    choices=[lang.value for lang in Language],
+                    label="Output Language",
+                    value=Language.WOLOF.value
+                )
             
             # Input components
-            with gr.Group(elem_classes="input-section"):
-                input_text = gr.Textbox(
-                    label="Enter Text",
-                    lines=8,
-                    visible=True,
-                    placeholder="Type or paste your text here..."
-                )
+            input_text = gr.Textbox(
+                label="Enter Text",
+                lines=8,
+                visible=True,
+                placeholder="Type or paste your text here..."
+            )
             
-            with gr.Group(elem_classes="input-section", visible=False) as audio_group:
-                audio_input = gr.Audio(
-                    label="Upload Audio",
-                    type="filepath"
-                )
+            audio_input = gr.Audio(
+                label="Upload Audio",
+                type="filepath",
+                visible=False
+            )
             
-            with gr.Group(elem_classes="input-section", visible=False) as file_group:
-                file_input = gr.File(
-                    file_types=SUPPORTED_FILE_TYPES,
-                    label="Upload Document"
-                )
+            file_input = gr.File(
+                file_types=SUPPORTED_FILE_TYPES,
+                label="Upload Document",
+                visible=False
+            )
             
             # Processing area
-            with gr.Group(elem_classes="output-section"):
-                extracted_text = gr.Textbox(
-                    label="Extracted / Transcribed Text",
-                    lines=8,
-                    interactive=False
-                )
+            extracted_text = gr.Textbox(
+                label="Extracted / Transcribed Text",
+                lines=8,
+                interactive=False
+            )
             
             translate_btn = gr.Button(
                 "🔄 Process & Translate",
-                variant="primary",
-                elem_classes="button-primary"
+                variant="secondary"
             )
             
-            with gr.Group(elem_classes="output-section"):
-                output_text = gr.Textbox(
-                    label="Translated Text",
-                    lines=10,
-                    interactive=False
-                )
+            output_text = gr.Textbox(
+                label="Translated Text",
+                lines=10,
+                interactive=False
+            )
             
             # Event handlers
             def update_visibility(mode: str) -> Dict[str, Any]:
                 """Update component visibility based on input mode."""
                 return {
                     input_text: gr.update(visible=(mode == InputMode.TEXT.value)),
-                    audio_group: gr.update(visible=(mode == InputMode.AUDIO.value)),
-                    file_group: gr.update(visible=(mode == InputMode.FILE.value)),
+                    audio_input: gr.update(visible=(mode == InputMode.AUDIO.value)),
+                    file_input: gr.update(visible=(mode == InputMode.FILE.value)),
                     extracted_text: gr.update(value="", visible=True),
                     output_text: gr.update(value="")
                 }
@@ -638,7 +591,7 @@ class TranslationApp:
             input_mode.change(
                 fn=update_visibility,
                 inputs=input_mode,
-                outputs=[input_text, audio_group, file_group, extracted_text, output_text]
+                outputs=[input_text, audio_input, file_input, extracted_text, output_text]
             )
             
             translate_btn.click(