docs/deps: point upstream to github.com/maxmelichov/BlueTTS

README.md

@@ -12,7 +12,7 @@ python_version: "3.12"
 
 # BlueTTS — Multilingual text-to-speech
 
-Interactive demo for **BlueTTS** (LightBlue): fast on-device synthesis with **ONNX Runtime**. Type text, pick a language and voice, and generate audio in the browser.
+Interactive demo for **[BlueTTS](https://github.com/maxmelichov/BlueTTS)**: fast on-device synthesis with **ONNX Runtime**. Type text, pick a language and voice, and generate audio in the browser. Project site: [lightbluetts.com](https://lightbluetts.com/).
 
 ## Languages
 
@@ -39,7 +39,7 @@ If you fork this Space and point downloads at a **private** repo, set a Hugging
 ## Links
 
 - **ONNX weights:** [notmax123/blue-onnx](https://huggingface.co/notmax123/blue-onnx)
-- **Upstream project:** [Light-BlueTTS (GitHub)](https://github.com/maxmelichov/Light-BlueTTS)
+- **Source code:** [maxmelichov/BlueTTS on GitHub](https://github.com/maxmelichov/BlueTTS)
 - **Hebrew G2P:** [thewh1teagle/renikud](https://huggingface.co/thewh1teagle/renikud)
 
 ## Local development
@@ -60,4 +60,4 @@ uv export --no-hashes --no-emit-project > requirements.txt
 
 ## License
 
-See the upstream LightBlueTTS repository and the `blue-onnx` model card for licensing of code and weights.
+See the [BlueTTS](https://github.com/maxmelichov/BlueTTS) repository and the [blue-onnx](https://huggingface.co/notmax123/blue-onnx) model card for licensing of code and weights.

app.py

@@ -1,3 +1,7 @@
+"""
+Gradio Space for BlueTTS — multilingual ONNX TTS.
+Upstream: https://github.com/maxmelichov/BlueTTS
+"""
 import os
 import re
 import sys
@@ -862,38 +866,130 @@ body, .gradio-container {
 .gradio-textbox label span, .gradio-dropdown label span,
 .gradio-radio label span, .gradio-slider label span { color: #9ca3af !important; font-size: 0.8rem !important; font-weight: 500 !important; text-transform: uppercase !important; letter-spacing: 0.05em !important; }
 
-/* Controls row */
-.controls-row { margin-top: 1.25rem; gap: 0.75rem !important; align-items: stretch !important; }
-.controls-row > div { display: flex !important; flex-direction: column !important; justify-content: flex-start !important; }
-.controls-row .gradio-dropdown,
-.controls-row .gradio-radio,
-.controls-row .gradio-slider { flex: 1; }
-.controls-row .gradio-dropdown select,
+/* Controls grid — 4 equal cells, all top-aligned */
+.controls-row {
+    margin-top: 1.25rem;
+    display: grid !important;
+    grid-template-columns: repeat(4, 1fr) !important;
+    gap: 0.75rem !important;
+    align-items: start !important;
+}
+/* Remove any Gradio flex overrides inside the row */
+.controls-row > div,
+.controls-row > div > div { all: unset; display: contents; }
+
+/* Shared label style for all four controls */
+.controls-row .gradio-dropdown > label > span,
+.controls-row .gradio-radio   > fieldset > legend > span,
+.controls-row .gradio-slider  > label > span {
+    display: block !important;
+    color: #9ca3af !important;
+    font-size: 0.75rem !important;
+    font-weight: 600 !important;
+    text-transform: uppercase !important;
+    letter-spacing: 0.06em !important;
+    margin-bottom: 0.4rem !important;
+    line-height: 1 !important;
+}
+
+/* Shared control surface height */
+.ctrl-surface {
+    background: #0d0d14;
+    border: 1px solid #2a2a3e;
+    border-radius: 8px;
+    height: 42px;
+    display: flex;
+    align-items: center;
+    padding: 0 0.75rem;
+    transition: border-color 0.2s;
+}
+.ctrl-surface:focus-within { border-color: #60a5fa; }
+
+/* Dropdown */
+.controls-row .gradio-dropdown { display: block !important; }
 .controls-row .gradio-dropdown > label > div {
     background: #0d0d14 !important;
     border: 1px solid #2a2a3e !important;
     border-radius: 8px !important;
     color: #e8e8f0 !important;
     min-height: 42px !important;
+    padding: 0 0.75rem !important;
 }
-.controls-row .gradio-radio fieldset {
-    display: flex; flex-direction: column; gap: 0.45rem;
-    padding: 0.4rem 0.6rem 0.6rem;
-    background: #0d0d14;
+.controls-row .gradio-dropdown > label > div:focus-within {
+    border-color: #60a5fa !important;
+}
+
+/* Radio — horizontal pills */
+.controls-row .gradio-radio { display: block !important; }
+.controls-row .gradio-radio > fieldset {
+    border: none !important;
+    padding: 0 !important;
+    margin: 0 !important;
+    background: transparent !important;
+}
+.controls-row .gradio-radio > fieldset > div {
+    display: flex !important;
+    flex-direction: row !important;
+    gap: 0.4rem !important;
+    flex-wrap: wrap !important;
+}
+.controls-row .gradio-radio > fieldset > div > label {
+    flex: 1 !important;
+    display: flex !important;
+    align-items: center !important;
+    justify-content: center !important;
+    height: 42px !important;
+    background: #0d0d14 !important;
     border: 1px solid #2a2a3e !important;
-    border-radius: 8px;
-    margin-top: 2px;
+    border-radius: 8px !important;
+    cursor: pointer !important;
+    transition: border-color 0.2s, background 0.2s !important;
+    padding: 0 0.5rem !important;
+    white-space: nowrap !important;
+}
+.controls-row .gradio-radio > fieldset > div > label:has(input:checked) {
+    background: #1a2744 !important;
+    border-color: #60a5fa !important;
+}
+.controls-row .gradio-radio > fieldset > div > label > input[type=radio] {
+    display: none !important;
+}
+.controls-row .gradio-radio > fieldset > div > label > span {
+    color: #c4c4d4 !important;
+    font-size: 0.85rem !important;
+    font-weight: 500 !important;
+    text-transform: none !important;
+    letter-spacing: normal !important;
+}
+.controls-row .gradio-radio > fieldset > div > label:has(input:checked) > span {
+    color: #60a5fa !important;
 }
-.controls-row .gradio-radio legend { margin-bottom: 0.2rem; }
-.controls-row .gradio-slider { padding-top: 0; }
+
+/* Sliders */
+.controls-row .gradio-slider { display: block !important; }
 .controls-row .gradio-slider > label > div {
-    padding: 0.35rem 0 0.5rem;
+    background: #0d0d14 !important;
+    border: 1px solid #2a2a3e !important;
+    border-radius: 8px !important;
+    height: 42px !important;
+    display: flex !important;
+    align-items: center !important;
+    padding: 0 0.75rem !important;
+    gap: 0.6rem !important;
 }
-/* Keep all label spans consistent */
-.controls-row label > span,
-.controls-row legend > span {
-    display: block;
-    margin-bottom: 0.3rem;
+.controls-row .gradio-slider > label > div > input[type=range] {
+    flex: 1 !important;
+    accent-color: #60a5fa !important;
+    margin: 0 !important;
+}
+.controls-row .gradio-slider > label > div > input[type=number] {
+    background: transparent !important;
+    border: none !important;
+    color: #9ca3af !important;
+    font-size: 0.8rem !important;
+    width: 3rem !important;
+    text-align: right !important;
+    padding: 0 !important;
 }
 
 /* Generate button */
@@ -973,18 +1069,16 @@ with gr.Blocks(title="BlueTTS — Multilingual TTS") as demo:
             value="הכוח לשנות מתחיל ברגע שבו אתה מאמין שזה אפשרי!",
         )
 
-        with gr.Row(equal_height=False, elem_classes="controls-row"):
-            with gr.Column(scale=2, min_width=170):
-                lang_input = gr.Dropdown(
-                    choices=[("Hebrew 🇮🇱", "he"), ("English 🇺🇸", "en"), ("Spanish 🇪🇸", "es"), ("German 🇩🇪", "de"), ("Italian 🇮🇹", "it")],
-                    value="he", label="Language",
-                )
-            with gr.Column(scale=1, min_width=150):
-                voice_input = gr.Radio(choices=list(VOICES.keys()), value="Female 1", label="Voice")
-            with gr.Column(scale=2, min_width=150):
-                steps_input = gr.Slider(2, 16, 8, step=1, label="Quality (steps)")
-            with gr.Column(scale=2, min_width=150):
-                speed_input = gr.Slider(0.5, 2.0, 1.0, step=0.05, label="Speed")
+        with gr.Row(elem_classes="controls-row"):
+            lang_input = gr.Dropdown(
+                choices=[("Hebrew 🇮🇱", "he"), ("English 🇺🇸", "en"), ("Spanish 🇪🇸", "es"), ("German 🇩🇪", "de"), ("Italian 🇮🇹", "it")],
+                value="he", label="Language", elem_id="ctrl-lang",
+            )
+            voice_input = gr.Radio(
+                choices=list(VOICES.keys()), value="Female 1", label="Voice", elem_id="ctrl-voice",
+            )
+            steps_input = gr.Slider(2, 16, 8, step=1, label="Quality (steps)", elem_id="ctrl-steps")
+            speed_input = gr.Slider(0.5, 2.0, 1.0, step=0.05, label="Speed", elem_id="ctrl-speed")
 
         btn = gr.Button("⚡ Generate Speech", elem_classes="gen-btn")
 

pyproject.toml

@@ -16,4 +16,4 @@ dependencies = [
 
 [tool.uv.sources]
 renikud-onnx = { git = "https://github.com/thewh1teagle/renikud-v5.git", subdirectory = "renikud-onnx" }
-lightblue-onnx = { git = "https://github.com/maxmelichov/Light-BlueTTS" }
+lightblue-onnx = { git = "https://github.com/maxmelichov/BlueTTS" }

requirements.txt

@@ -103,7 +103,7 @@ jsonschema-specifications==2025.9.1
     # via jsonschema
 language-tags==1.2.0
     # via csvw
-lightblue-onnx @ git+https://github.com/maxmelichov/Light-BlueTTS@bae78b3aed2ecbf9dd03d5767f652dad42123bb8
+lightblue-onnx @ git+https://github.com/maxmelichov/BlueTTS
     # via styletts2-hebrew
 markdown-it-py==4.0.0
     # via rich

uv.lock

@@ -658,7 +658,7 @@ wheels = [
 [[package]]
 name = "lightblue-onnx"
 version = "0.1.0"
-source = { git = "https://github.com/maxmelichov/Light-BlueTTS#bae78b3aed2ecbf9dd03d5767f652dad42123bb8" }
+source = { git = "https://github.com/maxmelichov/BlueTTS" }
 dependencies = [
     { name = "numpy" },
     { name = "onnxruntime" },
@@ -1618,7 +1618,7 @@ dependencies = [
 requires-dist = [
     { name = "espeakng-loader", specifier = ">=0.1.9" },
     { name = "gradio", specifier = ">=6.9.0" },
-    { name = "lightblue-onnx", git = "https://github.com/maxmelichov/Light-BlueTTS" },
+    { name = "lightblue-onnx", git = "https://github.com/maxmelichov/BlueTTS" },
     { name = "num2words", specifier = ">=0.5.14" },
     { name = "phonemizer-fork", specifier = ">=3.3.2" },
     { name = "renikud-onnx", git = "https://github.com/thewh1teagle/renikud-v5.git?subdirectory=renikud-onnx" },