docs(ui): update help assets and regenerate help pdf

src/static/presets.js

@@ -174,6 +174,7 @@ document.addEventListener('DOMContentLoaded', () => {
   const presetBrightnessInput = document.getElementById('preset-brightness-input');
   const presetDelayInput = document.getElementById('preset-delay-input');
   const presetDefaultButton = document.getElementById('preset-default-btn');
+  const presetRemoveFromTabButton = document.getElementById('preset-remove-from-tab-btn');
   const presetSaveButton = document.getElementById('preset-save-btn');
   const presetAddFromPaletteButton = document.getElementById('preset-add-from-palette-btn');
 
@@ -532,6 +533,7 @@ document.addEventListener('DOMContentLoaded', () => {
         }
       }
     }
+    updatePresetEditorTabActionsVisibility();
   };
 
   const clearForm = () => {
@@ -565,6 +567,7 @@ document.addEventListener('DOMContentLoaded', () => {
       presetPatternInput.style.backgroundColor = '';
       presetPatternInput.style.cursor = '';
     }
+    updatePresetEditorTabActionsVisibility();
   };
 
   const getActiveTabId = () => {
@@ -575,6 +578,12 @@ document.addEventListener('DOMContentLoaded', () => {
     return section ? section.dataset.tabId : null;
   };
 
+  const updatePresetEditorTabActionsVisibility = () => {
+    if (!presetRemoveFromTabButton) return;
+    const show = Boolean(currentEditTabId && currentEditId);
+    presetRemoveFromTabButton.hidden = !show;
+  };
+
   const updateTabDefaultPreset = async (presetId) => {
     const tabId = getActiveTabId();
     if (!tabId) {
@@ -786,6 +795,7 @@ document.addEventListener('DOMContentLoaded', () => {
       editButton.textContent = 'Edit';
       editButton.addEventListener('click', async () => {
         currentEditId = presetId;
+        currentEditTabId = null;
         const paletteColors = await getCurrentProfilePaletteColors();
         const presetForEditor = {
           ...(preset || {}),
@@ -1241,6 +1251,16 @@ document.addEventListener('DOMContentLoaded', () => {
     });
   }
 
+  if (presetRemoveFromTabButton) {
+    presetRemoveFromTabButton.addEventListener('click', async () => {
+      if (!currentEditTabId || !currentEditId) return;
+      if (!window.confirm('Remove this preset from this tab?')) return;
+      await removePresetFromTab(currentEditTabId, currentEditId);
+      clearForm();
+      closeEditor();
+    });
+  }
+
   presetSaveButton.addEventListener('click', async () => {
     const payload = buildPresetPayload();
     if (!payload.name) {
@@ -1778,58 +1798,7 @@ const createPresetButton = (presetId, preset, tabId, isSelected = false) => {
       editPresetFromTab(presetId, tabId, preset);
     });
 
-    const defaultBtn = document.createElement('button');
-    defaultBtn.type = 'button';
-    defaultBtn.className = 'btn btn-secondary btn-small';
-    defaultBtn.textContent = 'Default';
-    defaultBtn.title = 'Set as default preset';
-    defaultBtn.addEventListener('click', async (e) => {
-      e.preventDefault();
-      e.stopPropagation();
-      if (isDraggingPreset) return;
-      const section = row.closest('.presets-section');
-      const namesAttr = section && section.getAttribute('data-device-names');
-      const deviceNames = namesAttr
-        ? namesAttr.split(',').map((n) => n.trim()).filter((n) => n.length > 0)
-        : [];
-      sendDefaultPreset(presetId, deviceNames);
-      // Persist tab-level default if we know the tab from this tile.
-      if (tabId) {
-        try {
-          const tabResponse = await fetch(`/tabs/${tabId}`, {
-            headers: { Accept: 'application/json' },
-          });
-          if (tabResponse.ok) {
-            const tabData = await tabResponse.json();
-            tabData.default_preset = presetId;
-            await fetch(`/tabs/${tabId}`, {
-              method: 'PUT',
-              headers: { 'Content-Type': 'application/json' },
-              body: JSON.stringify(tabData),
-            });
-          }
-        } catch (error) {
-          console.warn('Failed to save tab default preset:', error);
-        }
-      }
-    });
-
-    const removeBtn = document.createElement('button');
-    removeBtn.type = 'button';
-    removeBtn.className = 'btn btn-danger btn-small';
-    removeBtn.textContent = 'Remove';
-    removeBtn.title = 'Remove from this tab';
-    removeBtn.addEventListener('click', async (e) => {
-      e.preventDefault();
-      e.stopPropagation();
-      if (isDraggingPreset) return;
-      if (!window.confirm('Remove this preset from this tab?')) return;
-      await removePresetFromTab(tabId, presetId);
-    });
-
     actions.appendChild(editBtn);
-    actions.appendChild(defaultBtn);
-    actions.appendChild(removeBtn);
     row.appendChild(actions);
   }