Update gui.py

gui.py

@@ -158,7 +158,7 @@ ROFORMER_MODELS = {
 
 OUTPUT_FORMATS = ['wav', 'flac', 'mp3', 'ogg', 'opus', 'm4a', 'aiff', 'ac3']
 
-# CSS (unchanged)
+# Updated CSS with dropdown fixes
 CSS = """
 /* Modern ve Etkileşimli Tema */
 #app-container {
@@ -173,7 +173,7 @@ CSS = """
     min-height: 100vh;
     background: linear-gradient(135deg, #1a0b2e, #2e1a47);
     position: relative;
-    overflow: hidden;
+    overflow: visible; /* Changed from hidden to allow dropdowns */
 }
 body {
     background: none;
@@ -229,6 +229,8 @@ body::after {
     box-shadow: 0 5px 20px rgba(255, 107, 107, 0.3);
     width: 100%;
     transition: transform 0.3s ease;
+    position: relative;
+    z-index: 10; /* Ensure container is above other elements */
 }
 .dubbing-theme:hover {
     transform: translateY(-5px);
@@ -316,10 +318,47 @@ button:hover {
     color: #e0e0e0 !important;
     width: 100%;
     font-size: 1rem !important;
-    transition: border-color 0.3s ease !important;
+    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
+    position: relative;
+    z-index: 100; /* High z-index for dropdown */
 }
 .compact-dropdown:hover {
     border-color: #ff8787 !important;
+    box-shadow: 0 2px 8px rgba(255, 107, 107, 0.4) !important;
+}
+.compact-dropdown select, .compact-dropdown .gr-dropdown {
+    background: transparent !important;
+    color: #e0e0e0 !important;
+    border: none !important;
+    width: 100% !important;
+    padding: 8px !important;
+    font-size: 1rem !important;
+    appearance: none !important;
+    -webkit-appearance: none !important;
+    -moz-appearance: none !important;
+}
+.compact-dropdown .gr-dropdown-menu {
+    background: rgba(46, 26, 71, 0.95) !important;
+    border: 2px solid #ff6b6b !important;
+    border-radius: 8px !important;
+    color: #e0e0e0 !important;
+    max-height: 300px !important; /* Increased for more options */
+    overflow-y: auto !important;
+    z-index: 200 !important; /* Ensure menu is above other elements */
+    width: 100% !important;
+    opacity: 1 !important; /* Always visible */
+    visibility: visible !important;
+    position: absolute !important;
+    top: 100% !important;
+    left: 0 !important;
+}
+.compact-dropdown .gr-dropdown-menu option {
+    padding: 8px !important;
+    color: #e0e0e0 !important;
+    background: transparent !important;
+}
+.compact-dropdown .gr-dropdown-menu option:hover {
+    background: rgba(255, 107, 107, 0.3) !important;
 }
 .gr-slider input[type="range"] {
     -webkit-appearance: none !important;
@@ -369,6 +408,9 @@ button:hover {
     .footer {
         max-width: 100%;
     }
+    .compact-dropdown .gr-dropdown-menu {
+        max-height: 200px !important; /* Smaller for mobile */
+    }
 }
 """
 
@@ -382,7 +424,7 @@ def download_audio(url, cookies_file=None, out_dir="ytdl"):
     os.makedirs(out_dir, exist_ok=True)
     
     ydl_opts = {
-        'format': 'bestaudio/best/best',  # Fallback to best if bestaudio fails
+        'format': 'bestaudio/best/best',
         'postprocessors': [{'key': 'FFmpegExtractAudio', 'preferredcodec': 'wav', 'preferredquality': '192'}],
         'outtmpl': os.path.join(out_dir, '%(title)s.%(ext)s'),
         'user_agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537.36',
@@ -391,14 +433,13 @@ def download_audio(url, cookies_file=None, out_dir="ytdl"):
         'referer': 'https://www.youtube.com/',
         'noplaylist': True,
         'cookiefile': cookies_file if cookies_file else None,
-        'extractor_retries': 5,  # Retry extraction up to 5 times
-        'ignoreerrors': False,  # Stop on errors for debugging
+        'extractor_retries': 5,
+        'ignoreerrors': False,
         'no_check_certificate': True,
-        'verbose': True,  # Detailed logs for debugging
+        'verbose': True,
     }
     try:
         with YoutubeDL(ydl_opts) as ydl:
-            # Log available formats if download fails
             try:
                 info_dict = ydl.extract_info(url, download=True)
                 return ydl.prepare_filename(info_dict).rsplit('.', 1)[0] + '.wav'
@@ -530,13 +571,13 @@ def update_roformer_models(category):
     """Update Roformer model dropdown based on selected category."""
     choices = list(ROFORMER_MODELS.get(category, {}).keys()) or []
     logger.debug(f"Updating roformer models for category {category}: {choices}")
-    return gr.update(choices=choices)
+    return gr.update(choices=choices, value=choices[0] if choices else None)
 
 def update_ensemble_models(category):
     """Update ensemble model dropdown based on selected category."""
     choices = list(ROFORMER_MODELS.get(category, {}).keys()) or []
     logger.debug(f"Updating ensemble models for category {category}: {choices}")
-    return gr.update(choices=choices)
+    return gr.update(choices=choices, value=[])
 
 def create_interface():
     """Create the Gradio interface for music source separation."""
@@ -568,7 +609,7 @@ def create_interface():
                     roformer_exclude_stems = gr.Textbox(label="🚫 Exclude Stems", placeholder="e.g., vocals, drums (comma-separated)", interactive=True)
                     with gr.Row():
                         roformer_category = gr.Dropdown(label="📚 Category", choices=list(ROFORMER_MODELS.keys()), value="General Purpose", interactive=True)
-                        roformer_model = gr.Dropdown(label="🛠️ Model", choices=list(ROFORMER_MODELS["General Purpose"].keys()), interactive=True)
+                        roformer_model = gr.Dropdown(label="🛠️ Model", choices=list(ROFORMER_MODELS["General Purpose"].keys()), interactive=True, allow_custom_value=True, elem_classes="compact-dropdown")
                     with gr.Row():
                         roformer_seg_size = gr.Slider(32, 4000, value=256, step=32, label="📏 Segment Size", interactive=True)
                         roformer_overlap = gr.Slider(2, 10, value=8, step=1, label="🔄 Overlap", interactive=True)
@@ -592,7 +633,7 @@ def create_interface():
                     ensemble_exclude_stems = gr.Textbox(label="🚫 Exclude Stems", placeholder="e.g., vocals, drums (comma-separated)", interactive=True)
                     with gr.Row():
                         ensemble_category = gr.Dropdown(label="📚 Category", choices=list(ROFORMER_MODELS.keys()), value="Instrumentals", interactive=True)
-                        ensemble_models = gr.Dropdown(label="🛠️ Models", choices=list(ROFORMER_MODELS["Instrumentals"].keys()), multiselect=True, interactive=True)
+                        ensemble_models = gr.Dropdown(label="🛠️ Models", choices=list(ROFORMER_MODELS["Instrumentals"].keys()), multiselect=True, interactive=True, allow_custom_value=True, elem_classes="compact-dropdown")
                     with gr.Row():
                         ensemble_seg_size = gr.Slider(32, 4000, value=256, step=32, label="📏 Segment Size", interactive=True)
                         ensemble_overlap = gr.Slider(2, 10, value=8, step=1, label="🔄 Overlap", interactive=True)
@@ -623,7 +664,7 @@ def create_interface():
             fn=auto_ensemble_process,
             inputs=[
                 ensemble_audio, ensemble_models, ensemble_seg_size, ensemble_overlap,
-                output_format, ensemble_use_tta, model_file_dir, output_dir,
+                output_format, ensemble_use_tta, model_dir, output_dir,
                 norm_threshold, amp_threshold, batch_size, ensemble_method,
                 ensemble_exclude_stems, ensemble_weights
             ],
@@ -639,8 +680,7 @@ if __name__ == "__main__":
 
     app = create_interface()
     try:
-        # For Hugging Face Spaces
-        app.launch(server_name="0.0.0.0", server_port=args.port, share=True)
+        app.launch(server_name="0.0.0.0", server_port=args.port, share=False)
     except Exception as e:
         logger.error(f"Failed to launch app: {e}")
         raise