fix: tabs stuck on actions, remove broken update UI

- Removed lucide dependency from config (was causing crashes)
- All buttons use event delegation (data-del-id, data-tab)
- Removed Updates section entirely (electron-updater handles it)
- Fixed icon rendering for data: URLs in config list

Author: devflorez

apps/server/public/index.html

@@ -649,8 +649,8 @@ <h3 id="modal-title">Add action</h3>
         if (configTab === 'actions') {
           html += `<button class="add-btn" onclick="openModal()">${t('addAction')}</button>`;
           html += actions.map(a => {
-            const iconHtml = a.icon && a.icon.startsWith('http') ? `<img src="${a.icon}" style="width:20px;height:20px;border-radius:4px">` : `<i data-lucide="${{url:'globe',copy:'clipboard',command:'terminal'}[a.type]||'zap'}" style="width:18px;height:18px;color:var(--accent)"></i>`;
-            return `<div class="config-item">${iconHtml}<div class="info"><p>${a.label}</p><small>${a.type}</small></div><button class="del" onclick="del('${a.id}')">×</button></div>`;
+            const iconHtml = a.icon && (a.icon.startsWith('http') || a.icon.startsWith('data:')) ? `<img src="${a.icon}" style="width:20px;height:20px;border-radius:4px">` : `<svg viewBox="0 0 24 24" fill="none" stroke="var(--accent)" stroke-width="2" style="width:18px;height:18px"><circle cx="12" cy="12" r="10"/></svg>`;
+            return `<div class="config-item">${iconHtml}<div class="info"><p>${a.label}</p><small>${a.type}</small></div><button class="del" data-del-id="${a.id}">×</button></div>`;
           }).join('');
         } else if (configTab === 'plugins') {
           html += `<div id="plugin-store" style="font-size:12px;color:var(--text-dim)">Loading...</div>`;
@@ -666,10 +666,11 @@ <h3 id="modal-title">Add action</h3>
       }
 
       el.innerHTML = html;
-      try { lucide.createIcons(); } catch {}
       // Tab click delegation
       const tabs = document.getElementById('config-tabs');
       if (tabs) tabs.onclick = (e) => { const btn = e.target.closest('[data-tab]'); if (btn) { configTab = btn.dataset.tab; renderConfig(); } };
+      // Delete button delegation
+      el.onclick = (e) => { const btn = e.target.closest('[data-del-id]'); if (btn) { del(btn.dataset.delId); } const tabBtn = e.target.closest('[data-tab]'); if (tabBtn) { configTab = tabBtn.dataset.tab; renderConfig(); } };
       if (configTab === 'connect' && isHost) {
         fetch('/health').then(r=>r.json()).then(d => {
           const el = document.getElementById('qr-url');
@@ -695,7 +696,6 @@ <h3 id="modal-title">Add action</h3>
       html += `<h4 style="font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:0.5px;margin-bottom:10px;margin-top:16px">${t('language')}</h4>`;
       html += `<div style="display:flex;gap:8px"><button onclick="setLang('en')" style="flex:1;padding:10px;border-radius:10px;border:1px solid ${lang==='en'?'var(--accent)':'var(--glass-border)'};background:${lang==='en'?'var(--accent-soft)':'transparent'};color:${lang==='en'?'var(--accent)':'var(--text-dim)'};font-size:12px;font-weight:600;cursor:pointer">English</button><button onclick="setLang('es')" style="flex:1;padding:10px;border-radius:10px;border:1px solid ${lang==='es'?'var(--accent)':'var(--glass-border)'};background:${lang==='es'?'var(--accent-soft)':'transparent'};color:${lang==='es'?'var(--accent)':'var(--text-dim)'};font-size:12px;font-weight:600;cursor:pointer">Español</button></div>`;
       html += `<h4 style="font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:0.5px;margin-bottom:10px;margin-top:16px">${t('sound')}</h4><div class="sound-toggle"><span>${t('notifSound')}</span><button class="toggle ${soundEnabled?'on':''}" onclick="toggleSound()"></button></div>`;
-      html += `<h4 style="font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:0.5px;margin-bottom:10px;margin-top:16px">Updates</h4><div id="update-section" style="font-size:12px;color:var(--text-dim)"></div>`;
       html += `<details style="margin-top:16px;border:1px solid var(--glass-border);border-radius:10px;overflow:hidden"><summary style="padding:10px 14px;font-size:11px;color:var(--text-dim);cursor:pointer;background:var(--glass)">Debug logs</summary><div style="padding:10px 14px;border-top:1px solid var(--glass-border)"><pre id="debug-logs" style="font-size:10px;color:var(--text-dim);max-height:150px;overflow:auto;white-space:pre-wrap;-webkit-overflow-scrolling:touch;margin:0">${lang==='es'?'Cargando...':'Loading...'}</pre><button id="copy-logs-btn" style="margin-top:8px;padding:6px 12px;border-radius:6px;border:1px solid var(--glass-border);background:var(--glass);color:var(--text-dim);font-size:10px;cursor:pointer">${lang==='es'?'Copiar':'Copy'}</button></div></details>`;
       html += `<p id="version-label" style="margin-top:16px;font-size:10px;color:var(--text-dim);text-align:center"></p>`;
       html += `</div>`;
@@ -782,23 +782,9 @@ <h3 id="modal-title">Add action</h3>
         .catch(() => addNotif('Uninstall failed', 'error'));
     }
 
-    const CURRENT_VERSION = '0.6.6';
-    const REPO = 'florextech/deck';
-
-    function checkForUpdates() {
-      const el = document.getElementById('update-section');
-      if (!el) return;
-      fetch('/health').then(r=>r.json()).then(h => {
-        const currentV = h.version || CURRENT_VERSION;
-        const vLabel = document.getElementById('version-label');
-        if (vLabel) vLabel.textContent = `Deck v${currentV}`;
-        el.innerHTML = `<span style="color:var(--green)">v${currentV} ✓</span>`;
-      }).catch(() => { el.innerHTML = `<span style="color:var(--text-dim)">v${CURRENT_VERSION}</span>`; });
-    }
-
     // Check on settings render
     const origRenderConfig = renderConfig;
-    renderConfig = function() { origRenderConfig(); if (configTab === 'settings') { setTimeout(checkForUpdates, 200); setTimeout(setupDebugBtn, 300); } };
+    renderConfig = function() { origRenderConfig(); if (configTab === 'settings') { setTimeout(setupDebugBtn, 200); setTimeout(()=>{ const vl=document.getElementById('version-label'); if(vl) fetch('/health').then(r=>r.json()).then(h=>{vl.textContent='Deck v'+(h.version||'0.7.1')}).catch(()=>{}); },100); } };
 
     function setupDebugBtn() {
       const pre = document.getElementById('debug-logs');

electron/public/index.html

@@ -649,8 +649,8 @@ <h3 id="modal-title">Add action</h3>
         if (configTab === 'actions') {
           html += `<button class="add-btn" onclick="openModal()">${t('addAction')}</button>`;
           html += actions.map(a => {
-            const iconHtml = a.icon && a.icon.startsWith('http') ? `<img src="${a.icon}" style="width:20px;height:20px;border-radius:4px">` : `<i data-lucide="${{url:'globe',copy:'clipboard',command:'terminal'}[a.type]||'zap'}" style="width:18px;height:18px;color:var(--accent)"></i>`;
-            return `<div class="config-item">${iconHtml}<div class="info"><p>${a.label}</p><small>${a.type}</small></div><button class="del" onclick="del('${a.id}')">×</button></div>`;
+            const iconHtml = a.icon && (a.icon.startsWith('http') || a.icon.startsWith('data:')) ? `<img src="${a.icon}" style="width:20px;height:20px;border-radius:4px">` : `<svg viewBox="0 0 24 24" fill="none" stroke="var(--accent)" stroke-width="2" style="width:18px;height:18px"><circle cx="12" cy="12" r="10"/></svg>`;
+            return `<div class="config-item">${iconHtml}<div class="info"><p>${a.label}</p><small>${a.type}</small></div><button class="del" data-del-id="${a.id}">×</button></div>`;
           }).join('');
         } else if (configTab === 'plugins') {
           html += `<div id="plugin-store" style="font-size:12px;color:var(--text-dim)">Loading...</div>`;
@@ -666,10 +666,11 @@ <h3 id="modal-title">Add action</h3>
       }
 
       el.innerHTML = html;
-      try { lucide.createIcons(); } catch {}
       // Tab click delegation
       const tabs = document.getElementById('config-tabs');
       if (tabs) tabs.onclick = (e) => { const btn = e.target.closest('[data-tab]'); if (btn) { configTab = btn.dataset.tab; renderConfig(); } };
+      // Delete button delegation
+      el.onclick = (e) => { const btn = e.target.closest('[data-del-id]'); if (btn) { del(btn.dataset.delId); } const tabBtn = e.target.closest('[data-tab]'); if (tabBtn) { configTab = tabBtn.dataset.tab; renderConfig(); } };
       if (configTab === 'connect' && isHost) {
         fetch('/health').then(r=>r.json()).then(d => {
           const el = document.getElementById('qr-url');
@@ -695,7 +696,6 @@ <h3 id="modal-title">Add action</h3>
       html += `<h4 style="font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:0.5px;margin-bottom:10px;margin-top:16px">${t('language')}</h4>`;
       html += `<div style="display:flex;gap:8px"><button onclick="setLang('en')" style="flex:1;padding:10px;border-radius:10px;border:1px solid ${lang==='en'?'var(--accent)':'var(--glass-border)'};background:${lang==='en'?'var(--accent-soft)':'transparent'};color:${lang==='en'?'var(--accent)':'var(--text-dim)'};font-size:12px;font-weight:600;cursor:pointer">English</button><button onclick="setLang('es')" style="flex:1;padding:10px;border-radius:10px;border:1px solid ${lang==='es'?'var(--accent)':'var(--glass-border)'};background:${lang==='es'?'var(--accent-soft)':'transparent'};color:${lang==='es'?'var(--accent)':'var(--text-dim)'};font-size:12px;font-weight:600;cursor:pointer">Español</button></div>`;
       html += `<h4 style="font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:0.5px;margin-bottom:10px;margin-top:16px">${t('sound')}</h4><div class="sound-toggle"><span>${t('notifSound')}</span><button class="toggle ${soundEnabled?'on':''}" onclick="toggleSound()"></button></div>`;
-      html += `<h4 style="font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:0.5px;margin-bottom:10px;margin-top:16px">Updates</h4><div id="update-section" style="font-size:12px;color:var(--text-dim)"></div>`;
       html += `<details style="margin-top:16px;border:1px solid var(--glass-border);border-radius:10px;overflow:hidden"><summary style="padding:10px 14px;font-size:11px;color:var(--text-dim);cursor:pointer;background:var(--glass)">Debug logs</summary><div style="padding:10px 14px;border-top:1px solid var(--glass-border)"><pre id="debug-logs" style="font-size:10px;color:var(--text-dim);max-height:150px;overflow:auto;white-space:pre-wrap;-webkit-overflow-scrolling:touch;margin:0">${lang==='es'?'Cargando...':'Loading...'}</pre><button id="copy-logs-btn" style="margin-top:8px;padding:6px 12px;border-radius:6px;border:1px solid var(--glass-border);background:var(--glass);color:var(--text-dim);font-size:10px;cursor:pointer">${lang==='es'?'Copiar':'Copy'}</button></div></details>`;
       html += `<p id="version-label" style="margin-top:16px;font-size:10px;color:var(--text-dim);text-align:center"></p>`;
       html += `</div>`;
@@ -782,23 +782,9 @@ <h3 id="modal-title">Add action</h3>
         .catch(() => addNotif('Uninstall failed', 'error'));
     }
 
-    const CURRENT_VERSION = '0.6.6';
-    const REPO = 'florextech/deck';
-
-    function checkForUpdates() {
-      const el = document.getElementById('update-section');
-      if (!el) return;
-      fetch('/health').then(r=>r.json()).then(h => {
-        const currentV = h.version || CURRENT_VERSION;
-        const vLabel = document.getElementById('version-label');
-        if (vLabel) vLabel.textContent = `Deck v${currentV}`;
-        el.innerHTML = `<span style="color:var(--green)">v${currentV} ✓</span>`;
-      }).catch(() => { el.innerHTML = `<span style="color:var(--text-dim)">v${CURRENT_VERSION}</span>`; });
-    }
-
     // Check on settings render
     const origRenderConfig = renderConfig;
-    renderConfig = function() { origRenderConfig(); if (configTab === 'settings') { setTimeout(checkForUpdates, 200); setTimeout(setupDebugBtn, 300); } };
+    renderConfig = function() { origRenderConfig(); if (configTab === 'settings') { setTimeout(setupDebugBtn, 200); setTimeout(()=>{ const vl=document.getElementById('version-label'); if(vl) fetch('/health').then(r=>r.json()).then(h=>{vl.textContent='Deck v'+(h.version||'0.7.1')}).catch(()=>{}); },100); } };
 
     function setupDebugBtn() {
       const pre = document.getElementById('debug-logs');

package.json

@@ -1,7 +1,7 @@
 {
   "name": "open-deck",
   "private": true,
-  "version": "0.7.1",
+  "version": "0.7.2",
   "description": "AI Command Center — Open Deck by Florex Labs",
   "scripts": {
     "dev": "tsx scripts/qr.ts && concurrently -n server,agent -c blue,magenta \"pnpm dev:server\" \"pnpm dev:agent\"",