Add clone buttons, fix card navigation highlight, UI polish

- Add clone buttons to Audio Source and Value Source cards
- Fix command palette navigation destroying card highlight by skipping
  redundant data reload (skipLoad option on switchTab)
- Convert value source modal sliders to value-in-label pattern
- Change audio/value source modal footers to icon-only buttons
- Remove separator lines between card sections
- Add UI conventions to CLAUDE.md (card appearance, modal footer, sliders)

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

server/src/wled_controller/static/js/features/audio-sources.js

@@ -149,6 +149,22 @@ export async function editAudioSource(sourceId) {
     }
 }
 
+// ── Clone ─────────────────────────────────────────────────────
+
+export async function cloneAudioSource(sourceId) {
+    try {
+        const resp = await fetchWithAuth(`/audio-sources/${sourceId}`);
+        if (!resp.ok) throw new Error('fetch failed');
+        const data = await resp.json();
+        delete data.id;
+        data.name = data.name + ' (copy)';
+        await showAudioSourceModal(data.source_type, data);
+    } catch (e) {
+        if (e.isAuth) return;
+        showToast(e.message, 'error');
+    }
+}
+
 // ── Delete ────────────────────────────────────────────────────
 
 export async function deleteAudioSource(sourceId) {

server/src/wled_controller/static/js/features/streams.js

@@ -748,6 +748,7 @@ function renderPictureSourcesList(streams) {
                 <div class="stream-card-props">${propsHtml}</div>
                 ${src.description ? `<div class="template-config" style="opacity:0.7;">${escapeHtml(src.description)}</div>` : ''}
                 <div class="template-card-actions">
+                    <button class="btn btn-icon btn-secondary" onclick="cloneAudioSource('${src.id}')" title="${t('common.clone')}">📋</button>
                     <button class="btn btn-icon btn-secondary" onclick="editAudioSource('${src.id}')" title="${t('common.edit')}">✏️</button>
                 </div>
             </div>

server/src/wled_controller/static/js/features/tabs.js

@@ -20,7 +20,7 @@ function _setHash(tab, subTab) {
 
 let _suppressHashUpdate = false;
 
-export function switchTab(name, { updateHash = true } = {}) {
+export function switchTab(name, { updateHash = true, skipLoad = false } = {}) {
     document.querySelectorAll('.tab-btn').forEach(btn => {
         const isActive = btn.dataset.tab === name;
         btn.classList.toggle('active', isActive);
@@ -40,11 +40,11 @@ export function switchTab(name, { updateHash = true } = {}) {
 
     if (name === 'dashboard') {
         // Use window.* to avoid circular imports with feature modules
-        if (apiKey && typeof window.loadDashboard === 'function') window.loadDashboard();
+        if (!skipLoad && apiKey && typeof window.loadDashboard === 'function') window.loadDashboard();
     } else {
         if (typeof window.stopPerfPolling === 'function') window.stopPerfPolling();
         if (typeof window.stopUptimeTimer === 'function') window.stopUptimeTimer();
-        if (!apiKey) return;
+        if (!apiKey || skipLoad) return;
         if (name === 'streams') {
             if (typeof window.loadPictureSources === 'function') window.loadPictureSources();
         } else if (name === 'targets') {

server/src/wled_controller/static/js/features/value-sources.js

@@ -234,6 +234,22 @@ export async function editValueSource(sourceId) {
     }
 }
 
+// ── Clone ─────────────────────────────────────────────────────
+
+export async function cloneValueSource(sourceId) {
+    try {
+        const resp = await fetchWithAuth(`/value-sources/${sourceId}`);
+        if (!resp.ok) throw new Error('fetch failed');
+        const data = await resp.json();
+        delete data.id;
+        data.name = data.name + ' (copy)';
+        await showValueSourceModal(data);
+    } catch (e) {
+        if (e.isAuth) return;
+        showToast(e.message, 'error');
+    }
+}
+
 // ── Delete ────────────────────────────────────────────────────
 
 export async function deleteValueSource(sourceId) {
@@ -308,6 +324,7 @@ export function createValueSourceCard(src) {
             <div class="stream-card-props">${propsHtml}</div>
             ${src.description ? `<div class="template-config" style="opacity:0.7;">${escapeHtml(src.description)}</div>` : ''}
             <div class="template-card-actions">
+                <button class="btn btn-icon btn-secondary" onclick="cloneValueSource('${src.id}')" title="${t('common.clone')}">📋</button>
                 <button class="btn btn-icon btn-secondary" onclick="editValueSource('${src.id}')" title="${t('common.edit')}">✏️</button>
             </div>
         </div>