v68: тест — жёсткие слоги Buon·gior·no с ярким hover (жёлтый)

dist/index.html

@@ -666,7 +666,7 @@ async function doCompare(blob, originalText, duration) {
 <script>
 // ---------- Глобальные переменные и инициализация ----------
 const GROQ_API_KEY = '';
-const VERSION = 'v67';
+const VERSION = 'v68';
 
 let mediaRecorder, audioChunks = [], userAudioBlob = null, ttsText = '';
 let isRecording = false, isAnalyzing = false, micAnalyser = null, micAnimId = null;
@@ -675,6 +675,30 @@ let recordStartTime = 0, recordDuration = 0;
 function setStatus(msg) { document.getElementById('status').textContent = msg; }
 function enable(id, val) { document.getElementById(id).disabled = !val; }
 
+// ---------- ТЕСТ: жёсткие слоги при загрузке (только hover) ----------
+(function testSylHover() {
+  const div = document.getElementById('syllables');
+  if (!div) return;
+  const syls = ['Buon','gior','no'];
+  const wrap = document.createElement('div');
+  wrap.style.cssText = 'margin-top:8px;font-size:1.4em;letter-spacing:3px;user-select:none';
+  syls.forEach((s, i) => {
+    if (i > 0) {
+      const sep = document.createElement('span');
+      sep.style.cssText = 'color:#aaa;margin:0 2px';
+      sep.textContent = '·';
+      wrap.appendChild(sep);
+    }
+    const chip = document.createElement('span');
+    chip.textContent = s;
+    chip.style.cssText = 'cursor:pointer;padding:3px 8px;border-radius:6px;border:1px solid #ccc';
+    chip.onmouseenter = function() { this.style.background = '#ffeb3b'; this.style.borderColor = '#f9a825'; };
+    chip.onmouseleave = function() { this.style.background = ''; this.style.borderColor = '#ccc'; };
+    wrap.appendChild(chip);
+  });
+  div.appendChild(wrap);
+})();
+
 // ---------- Инициализация ----------
 document.getElementById('ver').textContent = VERSION;
 renderHistory();

js/main.js

@@ -1,6 +1,6 @@
 // ---------- Глобальные переменные и инициализация ----------
 const GROQ_API_KEY = '';
-const VERSION = 'v67';
+const VERSION = 'v68';
 
 let mediaRecorder, audioChunks = [], userAudioBlob = null, ttsText = '';
 let isRecording = false, isAnalyzing = false, micAnalyser = null, micAnimId = null;
@@ -9,6 +9,30 @@ let recordStartTime = 0, recordDuration = 0;
 function setStatus(msg) { document.getElementById('status').textContent = msg; }
 function enable(id, val) { document.getElementById(id).disabled = !val; }
 
+// ---------- ТЕСТ: жёсткие слоги при загрузке (только hover) ----------
+(function testSylHover() {
+  const div = document.getElementById('syllables');
+  if (!div) return;
+  const syls = ['Buon','gior','no'];
+  const wrap = document.createElement('div');
+  wrap.style.cssText = 'margin-top:8px;font-size:1.4em;letter-spacing:3px;user-select:none';
+  syls.forEach((s, i) => {
+    if (i > 0) {
+      const sep = document.createElement('span');
+      sep.style.cssText = 'color:#aaa;margin:0 2px';
+      sep.textContent = '·';
+      wrap.appendChild(sep);
+    }
+    const chip = document.createElement('span');
+    chip.textContent = s;
+    chip.style.cssText = 'cursor:pointer;padding:3px 8px;border-radius:6px;border:1px solid #ccc';
+    chip.onmouseenter = function() { this.style.background = '#ffeb3b'; this.style.borderColor = '#f9a825'; };
+    chip.onmouseleave = function() { this.style.background = ''; this.style.borderColor = '#ccc'; };
+    wrap.appendChild(chip);
+  });
+  div.appendChild(wrap);
+})();
+
 // ---------- Инициализация ----------
 document.getElementById('ver').textContent = VERSION;
 renderHistory();