Move tactile sounds into Appearance and stop orphaning Feel.

The Feel fieldset used to append after Settings → Advanced once Runtime
was no longer a top-level fieldset, which overlapped the lab disclosure.

Co-authored-by: Byte271 <byte271@users.noreply.github.com>

Author: cursoragent

apps/openlive-gateway/web/app.js

@@ -2881,25 +2881,11 @@ function wireSetupWizard() {
 }
 
 function wireUiSoundToggle() {
-  const host = document.querySelector("#settingsPanel .sheet-body");
-  if (!host || document.querySelector("#uiSoundToggle")) return;
-  const fieldset = document.createElement("fieldset");
-  fieldset.className = "sheet-group";
-  fieldset.innerHTML = `
-    <legend>Feel</legend>
-    <label class="checkbox-row" for="uiSoundToggle">
-      <input id="uiSoundToggle" type="checkbox" ${isUiSoundMuted() ? "" : "checked"} />
-      <span>Tactile sounds (slider ticks, soft clicks)</span>
-    </label>
-    <p class="setup-hint">Subtle Web Audio feedback — never interrupts voice.</p>
-  `;
-  // Insert before Runtime if present, else append.
-  const runtime = [...host.querySelectorAll("fieldset")].find((f) =>
-    f.querySelector("legend")?.textContent?.includes("Runtime"),
-  );
-  if (runtime) host.insertBefore(fieldset, runtime);
-  else host.appendChild(fieldset);
-  document.querySelector("#uiSoundToggle")?.addEventListener("change", (event) => {
+  const toggle = document.querySelector("#uiSoundToggle");
+  if (!toggle || toggle.dataset.bound === "1") return;
+  toggle.dataset.bound = "1";
+  toggle.checked = !isUiSoundMuted();
+  toggle.addEventListener("change", (event) => {
     setUiSoundMuted(!event.target.checked);
     if (event.target.checked) {
       unlockUiAudio();

apps/openlive-gateway/web/index.html

@@ -513,6 +513,11 @@ <h3 class="settings-section-title">
               <span class="settings-row-label">Show latency</span>
               <input id="latencyToggle" type="checkbox" />
             </label>
+            <label class="settings-row settings-toggle" for="uiSoundToggle">
+              <span class="settings-row-label">Tactile sounds</span>
+              <input id="uiSoundToggle" type="checkbox" checked />
+            </label>
+            <p class="settings-hint" style="margin:0 12px 10px">Soft clicks for controls — never interrupts voice.</p>
           </div>
         </section>