Update app.py

app.py

@@ -274,7 +274,6 @@ def process_audio(audio_file, selected_effects, isolate_vocals, preset_name, exp
             "Normalize": apply_normalize,
             "Noise Gate": lambda x: apply_noise_gate(x, threshold=-50.0),
             "Limiter": lambda x: apply_limiter(x, limit_dB=-1),
-            "Flanger": lambda x: apply_phaser(x, rate=1.2, depth=0.9, mix=0.7),
             "Bitcrusher": lambda x: apply_bitcrush(x, bit_depth=8),
             "Auto Gain": lambda x: apply_auto_gain(x, target_dB=-20),
             "Vocal Distortion": lambda x: apply_vocal_distortion(x),
@@ -413,7 +412,6 @@ def auto_tune_vocal(audio_path, target_key="C"):
 def visualize_spectrum(audio_path):
     y, sr = torchaudio.load(audio_path)
     y_np = y.numpy().flatten()
-    
     stft = librosa.stft(y_np)
     db = librosa.amplitude_to_db(abs(stft))
 
@@ -429,12 +427,128 @@ def visualize_spectrum(audio_path):
     return Image.open(buf)
 
 # === Main UI – With Studio Pulse Branding ===
-with gr.Blocks(title="Studio Pulse AI", css="style.css") as demo:
-    # Header with logo and tagline
+with gr.Blocks(css="""
+    body {
+        font-family: 'Segoe UI', Arial, sans-serif;
+        background-color: hsl(0 0% 3.9%);
+        color: hsl(0 0% 98%);
+        padding: 20px;
+    }
+
+    .studio-header {
+        text-align: center;
+        margin-bottom: 30px;
+        animation: float 3s ease-in-out infinite;
+    }
+
+    .studio-header h3 {
+        font-size: 18px;
+        color: hsl(0 0% 45.1%);
+        margin-top: -5px;
+        font-style: italic;
+    }
+
+    .gr-interface {
+        background-color: hsl(0 0% 10%) !important;
+        border-radius: 0.5rem;
+        padding: 1rem;
+        box-shadow: 0 0 10px hsl(0 0% 14.9% / 0.2);
+        border: 1px solid hsl(0 0% 14.9%);
+    }
+
+    .btn-primary {
+        background-color: hsl(0 0% 98%) !important;
+        color: hsl(0 0% 9%);
+        border-radius: 0.5rem;
+        padding: 0.75rem 1.5rem;
+        font-weight: bold;
+        transition: all 0.3s ease;
+    }
+
+    .btn-primary:hover {
+        background-color: hsl(0 0% 90%) !important;
+        box-shadow: 0 0 10px hsl(0 0% 60% / 0.3);
+    }
+
+    .gr-tabs button {
+        font-size: 16px;
+        padding: 10px 20px;
+        border-radius: 8px;
+        background: hsl(0 0% 10%);
+        color: white;
+        transition: all 0.3s ease;
+    }
+
+    .gr-tabs button:hover {
+        background: hsl(120 76% 61%);
+        color: black;
+        box-shadow: 0 0 10px hsl(120 76% 61% / 0.4);
+    }
+
+    .text-muted-foreground {
+        color: hsl(0 0% 45.1%);
+    }
+
+    @keyframes float {
+        0%, 100% { transform: translateY(0); }
+        50% { transform: translateY(-10px); }
+    }
+
+    .float-animation {
+        animation: float 3s ease-in-out infinite;
+    }
+
+    input[type="text"], input[type="number"], select, textarea {
+        background-color: hsl(0 0% 14.9%);
+        color: white;
+        border: 1px solid hsl(0 0% 30%);
+        border-radius: 0.5rem;
+        width: 100%;
+        padding: 0.75rem;
+    }
+
+    .gr-checkboxgroup label {
+        background: hsl(0 0% 14.9%);
+        color: white;
+        border: 1px solid hsl(0 0% 30%);
+        border-radius: 0.5rem;
+        padding: 0.5rem 1rem;
+        transition: background 0.3s;
+    }
+
+    .gr-checkboxgroup label:hover {
+        background: hsl(0 0% 20%);
+        cursor: pointer;
+    }
+
+    .gr-gallery__items > div {
+        border-radius: 0.75rem;
+        overflow: hidden;
+        transition: transform 0.3s ease, box-shadow 0.3s ease;
+    }
+
+    .gr-gallery__items > div:hover {
+        transform: scale(1.02);
+        box-shadow: 0 0 12px hsl(120 76% 61% / 0.4);
+    }
+
+    .gr-gallery__item-label {
+        background: rgba(0, 0, 0, 0.7);
+        backdrop-filter: blur(3px);
+        color: white;
+        font-size: 14px;
+        font-weight: bold;
+        text-align: center;
+        padding: 0.5rem;
+        border-radius: 0 0 0.5rem 0.5rem;
+    }
+""") as demo:
+
+    # Header
     gr.HTML('''
-    <div class="studio-header">
+    <div class="studio-header float-animation">
         <img src="https://via.placeholder.com/400x100/1e1e1e/1db954?text=Studio+Pulse+AI" width="400" />
-        <h3>Where Your Audio Meets Intelligence</h3>
+        <h3 class="text-muted-foreground">Where Your Audio Meets Intelligence</h3>
     </div>
     ''')
 
@@ -449,7 +563,7 @@ with gr.Blocks(title="Studio Pulse AI", css="style.css") as demo:
                 preset_dropdown = gr.Dropdown(choices=preset_names, label="Select Preset", value=preset_names[0])
                 export_format = gr.Dropdown(choices=["MP3", "WAV"], label="Export Format", value="MP3")
                 isolate_vocals = gr.Checkbox(label="Isolate Vocals After Effects")
-                submit_btn = gr.Button("Process Audio")
+                submit_btn = gr.Button("Process Audio", elem_classes=["btn-primary"])
             with gr.Column(min_width=300):
                 output_audio = gr.Audio(label="Processed Audio", type="filepath")
                 waveform_img = gr.Image(label="Waveform Preview")
@@ -463,7 +577,7 @@ with gr.Blocks(title="Studio Pulse AI", css="style.css") as demo:
             output_audio, waveform_img, session_log_out, genre_out, status_box
         ])
 
-    # --- AI Mastering Chain Tab – Now Fully Defined ===
+    # --- AI Mastering Chain Tab ---
     with gr.Tab("🎧 AI Mastering Chain"):
         gr.Interface(
             fn=ai_mastering_chain,
@@ -557,7 +671,7 @@ with gr.Blocks(title="Studio Pulse AI", css="style.css") as demo:
             description="Correct vocal pitch automatically"
         )
 
-    # --- Real-Time Spectrum Analyzer + Live EQ Preview – Added Back ===
+    # --- Frequency Spectrum Tab – Real-time Visualizer ===
     with gr.Tab("📊 Frequency Spectrum"):
         gr.Interface(
             fn=visualize_spectrum,
@@ -567,7 +681,7 @@ with gr.Blocks(title="Studio Pulse AI", css="style.css") as demo:
             description="See the frequency breakdown of your audio"
         )
 
-    # --- Loudness Graph Tab – Added Back ===
+    # --- Loudness Graph Tab – EBU R128 Matching ===
     with gr.Tab("📈 Loudness Graph"):
         gr.Interface(
             fn=match_loudness,
@@ -607,7 +721,8 @@ with gr.Blocks(title="Studio Pulse AI", css="style.css") as demo:
             ],
             outputs=gr.File(label="Project File (.aiproj)"),
             title="Save Everything Together",
-            description="Save your session, effects, and settings in one file to reuse later."
+            description="Save your session, effects, and settings in one file to reuse later.",
+            allow_flagging="never"
         )
 
         gr.Interface(
@@ -632,7 +747,9 @@ with gr.Blocks(title="Studio Pulse AI", css="style.css") as demo:
             ("https://via.placeholder.com/150x100/1e1e1e/1db954?text=R+B", "R&B"),
             ("https://via.placeholder.com/150x100/1e1e1e/1db954?text=Soul", "Soul"),
             ("https://via.placeholder.com/150x100/1e1e1e/1db954?text=Funk", "Funk"),
-            ("https://via.placeholder.com/150x100/1e1e1e/1db954?text=Jazz", "Jazz")
+            ("https://via.placeholder.com/150x100/1e1e1e/1db954?text=Jazz", "Jazz"),
+            ("https://via.placeholder.com/150x100/1e1e1e/1db954?text=Stage+Mode", "Stage Mode"),
+            ("https://via.placeholder.com/150x100/1e1e1e/1db954?text=Tube+Saturation", "Tube Saturation")
         ], label="Preset Cards", columns=4, height="auto")
 
         preset_name_out = gr.Dropdown(choices=preset_names, label="Selected Preset")