kingkont 0.18.8 → 0.18.9

package/index.html

@@ -381,14 +381,14 @@
 <div class="modal hidden" id="genModal">
   <div class="modal-card">
     <h3 id="genTitle">Сгенерировать ноду</h3>
-    <label style="display:none;">Тип
+    <div class="field-row" style="display:none;">Тип
       <div class="seg-control">
         <button class="seg active" data-kind="image" type="button">Картинка</button>
         <button class="seg" data-kind="video" type="button">Видео</button>
         <button class="seg" data-kind="audio" type="button">Голос</button>
       </div>
-    </label>
-    <label id="imageModelRow">Модель для картинки
+    </div>
+    <div class="field-row" id="imageModelRow">Модель для картинки
       <div class="seg-control">
         <button class="seg active" data-img-model="nano-banana-2" type="button" title="Высокое качество, медленно">Nano Banana 2</button>
         <button class="seg" data-img-model="nano-banana-pro" type="button" title="Pro-версия nano-banana, выше качество">Nano Banana Pro</button>
@@ -398,15 +398,15 @@
         <button class="seg" data-img-model="flux-schnell" type="button" title="Очень быстрая (3-5с)">⚡ Flux Schnell</button>
         <button class="seg" data-img-model="sdxl-lightning" type="button" title="Очень быстрая (3-5с)">⚡ SDXL Lightning</button>
       </div>
-    </label>
-    <label id="imageQualityRow">Качество
+    </div>
+    <div class="field-row" id="imageQualityRow">Качество
       <div class="seg-control" id="imageQualityCtl">
         <button class="seg" data-img-quality="low" type="button" title="Быстрее, дешевле">low</button>
         <button class="seg active" data-img-quality="medium" type="button">medium</button>
         <button class="seg" data-img-quality="high" type="button" title="Лучше детализация, медленнее">high</button>
       </div>
-    </label>
-    <label id="imageOptionsRow">Соотношение сторон
+    </div>
+    <div class="field-row" id="imageOptionsRow">Соотношение сторон
       <div class="seg-control" id="imageAspectCtl">
         <button class="seg" data-img-asp="source" type="button" id="imgAspSource"
                 title="Взять формат у исходной картинки-референса"
@@ -419,16 +419,16 @@
         <button class="seg" data-img-asp="4:3" type="button" title="Не поддерживается Grok">4:3</button>
         <button class="seg" data-img-asp="3:4" type="button" title="Не поддерживается Grok">3:4</button>
       </div>
-    </label>
-    <label id="videoModelRow" style="display: none;">Модель для видео
+    </div>
+    <div class="field-row" id="videoModelRow" style="display: none;">Модель для видео
       <div class="seg-control">
         <button class="seg active" data-vid-model="seedance-2" type="button" title="ByteDance Seedance 2 — основная">Seedance 2</button>
         <button class="seg" data-vid-model="seedance-2-fast" type="button" title="Быстрее, чуть проще качество">⚡ Seedance 2 Fast</button>
         <button class="seg" data-vid-model="kling-o1" type="button" title="Kling O1 — креативный, поддерживает reference-видео">Kling O1</button>
         <button class="seg" data-vid-model="kling-3.0" type="button" title="Kling 3.0 — multi-shot до 15с">Kling 3.0</button>
       </div>
-    </label>
-    <label id="videoOptionsRow" style="display: none;">Параметры видео
+    </div>
+    <div class="field-row" id="videoOptionsRow" style="display: none;">Параметры видео
       <div style="display: flex; gap: 12px; flex-wrap: wrap; margin-top: 6px;">
         <div style="flex: 1; min-width: 200px;">
           <div style="font-size: 11px; color: #888; margin-bottom: 4px;">Длительность (сек)</div>
@@ -461,15 +461,15 @@
           </div>
         </div>
       </div>
-    </label>
-    <label id="ttsModelRow" style="display: none;">Модель TTS
+    </div>
+    <div class="field-row" id="ttsModelRow" style="display: none;">Модель TTS
       <div class="seg-control" style="flex-wrap:wrap;">
         <button class="seg active" data-tts-model="qwen/qwen3-tts" type="button" title="Qwen TTS — мульти-язык, ready-голоса">Qwen TTS</button>
         <button class="seg" data-tts-model="elevenlabs/v3" type="button" title="ElevenLabs v3 — лучший EN, тоны">ElevenLabs v3</button>
         <button class="seg" data-tts-model="minimax/speech-02-hd" type="button" title="MiniMax Speech HD — клон-голоса">MiniMax Speech HD</button>
         <button class="seg" data-tts-model="google/gemini-3.1-flash-tts-preview" type="button" title="Gemini 3.1 Flash TTS">Gemini Flash TTS</button>
       </div>
-    </label>
+    </div>
     <label id="voiceRow" style="display: none;">Голос
       <select id="genVoice"></select>
     </label>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kingkont",
-  "version": "0.18.8",
+  "version": "0.18.9",
   "description": "KingKont · Chatium — нод-редактор сцен с AI-генерацией (картинки/видео/голос/SFX/музыка/текст)",
   "main": "main.js",
   "bin": {

package/renderer/styles.css

@@ -1668,7 +1668,14 @@
     position: relative;
   }
   .modal-card h3 { font-size: 16px; }
-  .modal-card label { display: flex; flex-direction: column; gap: 6px; font-size: 12px; color: #aaa; text-transform: uppercase; letter-spacing: 0.5px; }
+  .modal-card label,
+  .modal-card .field-row { display: flex; flex-direction: column; gap: 6px; font-size: 12px; color: #aaa; text-transform: uppercase; letter-spacing: 0.5px; }
+  /* .field-row — replacement для <label> в строках с .seg-control. Раньше
+     был <label>, но без `for=` HTML семантика «click на label → click
+     на ПЕРВЫЙ labelable element внутри» приводила к багу: брызги мыши
+     по тексту «Качество» или паддингу активировали первую кнопку (low /
+     Nano Banana 2) — выглядело как «застрявший hover». <div> такой
+     семантики не имеет. CSS — те же стили, через общий селектор выше. */
   .modal-card input, .modal-card textarea, .modal-card select {
     background: #1e1e1e; color: #e0e0e0; border: 1px solid #383838;
     border-radius: 4px; padding: 8px 10px; font-family: inherit; font-size: 14px;