Fix styles and logic
| @@ -113,7 +113,7 @@ class ChatterboxTtsProvider { | |||
| 113 | 113 | ||
| 114 | // Text chunking | 114 | // Text chunking |
| 115 | html += `<div class="chatterbox-setting-row"> | 115 | html += `<div class="chatterbox-setting-row"> |
| 116 | <label> | 116 | <label class="checkbox_label"> |
| 117 | <input type="checkbox" id="chatterbox-split-text" ${this.settings.split_text ? 'checked' : ''} /> | 117 | <input type="checkbox" id="chatterbox-split-text" ${this.settings.split_text ? 'checked' : ''} /> |
| 118 | Split long texts into chunks | 118 | Split long texts into chunks |
| 119 | </label> | 119 | </label> |
| @@ -158,7 +158,7 @@ class ChatterboxTtsProvider { | |||
| 158 | .chatterbox-settings-header h3 { | 158 | .chatterbox-settings-header h3 { |
| 159 | margin: 0; | 159 | margin: 0; |
| 160 | } | 160 | } |
| 161 | .status-indicator { | 161 | .chatterbox-settings-container .status-indicator { |
| 162 | font-weight: bold; | 162 | font-weight: bold; |
| 163 | } | 163 | } |
| 164 | #chatterbox-status.ready { color: #4CAF50; } | 164 | #chatterbox-status.ready { color: #4CAF50; } |
| @@ -173,6 +173,9 @@ class ChatterboxTtsProvider { | |||
| 173 | .chatterbox-setting-row label { | 173 | .chatterbox-setting-row label { |
| 174 | flex: 0 0 150px; | 174 | flex: 0 0 150px; |
| 175 | } | 175 | } |
| 176 | .chatterbox-setting-row label.checkbox_label { | ||
| 177 | flex-basis: auto; | ||
| 178 | } | ||
| 176 | .chatterbox-setting-row input[type="text"], | 179 | .chatterbox-setting-row input[type="text"], |
| 177 | .chatterbox-setting-row input[type="number"], | 180 | .chatterbox-setting-row input[type="number"], |
| 178 | .chatterbox-setting-row select { | 181 | .chatterbox-setting-row select { |
| @@ -312,7 +315,7 @@ class ChatterboxTtsProvider { | |||
| 312 | // Transform predefined voices | 315 | // Transform predefined voices |
| 313 | const predefinedVoices = predefinedData.map(voice => ({ | 316 | const predefinedVoices = predefinedData.map(voice => ({ |
| 314 | name: voice.display_name, | 317 | name: voice.display_name, |
| 315 | voice_id: voice.voice_id, | 318 | voice_id: voice.voice_id || voice.filename, |
| 316 | preview_url: null, | 319 | preview_url: null, |
| 317 | lang: voice.language || 'en', | 320 | lang: voice.language || 'en', |
| 318 | })); | 321 | })); |
| @@ -588,7 +591,7 @@ class ChatterboxTtsProvider { | |||
| 588 | temperature: this.settings.temperature, | 591 | temperature: this.settings.temperature, |
| 589 | exaggeration: this.settings.exaggeration, | 592 | exaggeration: this.settings.exaggeration, |
| 590 | cfg_weight: this.settings.cfg_weight, | 593 | cfg_weight: this.settings.cfg_weight, |
| 591 | seed: this.settings.seed, | 594 | seed: this.settings.seed >= 0 ? this.settings.seed : Math.floor(Math.random() * 2147483648), // Use random seed if -1 |
| 592 | speed_factor: this.settings.speed_factor, | 595 | speed_factor: this.settings.speed_factor, |
| 593 | language: this.settings.language, | 596 | language: this.settings.language, |
| 594 | split_text: this.settings.split_text, | 597 | split_text: this.settings.split_text, |