feat(delete): confirm before deleting history entries and list items (#122)

Author: ellite

frontend/src/components/HistoryCard.astro

@@ -111,6 +111,10 @@ const href = isEpisode ? episodeHref(media) : `/media/movie/${media.tmdb_id}`;
     btn.addEventListener('click', async (e) => {
       e.stopPropagation();
 
+      const title = card.querySelector('p.text-lg')?.textContent?.trim() || 'this entry';
+      const ok = await (window as any).showConfirm(`Delete "${title}"?`, 'This removes it from your watch history. This cannot be undone.');
+      if (!ok) return;
+
       const eventId = card.dataset.eventId;
       const token = (window as any).__AUTH_TOKEN__ ?? '';
 

frontend/src/pages/list/[id].astro

@@ -506,6 +506,10 @@ const sonarrUrl = `${origin}/api/proxy/sonarr-compat/${list?.id}`;
       btn.dataset.bound = 'true';
       btn.addEventListener('click', async (e) => {
         e.preventDefault();
+        const itemTitle = btn.getAttribute('data-item-title') || 'this item';
+        const ok = await window.showConfirm(`Remove "${itemTitle}"?`, 'This removes it from this list.');
+        if (!ok) return;
+
         const itemId = btn.getAttribute('data-item-id');
         btn.disabled = true;
         btn.innerHTML = `<svg class="animate-spin w-3.5 h-3.5 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"/><path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"/></svg>`;
@@ -767,7 +771,7 @@ const sonarrUrl = `${origin}/api/proxy/sonarr-compat/${list?.id}`;
       </div>` : '';
 
     const removeBtn = removeItemId != null
-      ? `<button class="remove-item-btn absolute top-1.5 right-1.5 z-10 w-7 h-7 rounded-lg flex items-center justify-center bg-zinc-950/80 border border-zinc-800 text-zinc-500 hover:text-rose-200 hover:border-rose-700 hover:bg-rose-900 transition-all duration-200 cursor-pointer" data-item-id="${esc(String(removeItemId))}" aria-label="Remove from list">${TRASH_SVG}</button>`
+      ? `<button class="remove-item-btn absolute top-1.5 right-1.5 z-10 w-7 h-7 rounded-lg flex items-center justify-center bg-zinc-950/80 border border-zinc-800 text-zinc-500 hover:text-rose-200 hover:border-rose-700 hover:bg-rose-900 transition-all duration-200 cursor-pointer" data-item-id="${esc(String(removeItemId))}" data-item-title="${esc(cardTitle)}" aria-label="Remove from list">${TRASH_SVG}</button>`
       : '';
 
     return `