diff --git a/app/public/app.js b/app/public/app.js
index d4a5a96..ae5072b 100644
--- a/app/public/app.js
+++ b/app/public/app.js
@@ -184,6 +184,7 @@ async function viewManga(id, langOverride) {
       <div class="tags">${manga.tags.map(t => `<span class="tag">${esc(t)}</span>`).join('')}</div>
       <p class="desc">${esc(manga.description)}</p>
       <div class="row">${mainBtn}
+        ${progress || reads.length ? '<button class="btn danger" id="drop">Dejar de leer</button>' : ''}
         ${isLc ? '' : `<select id="lang">${langOpts.map(l => `<option value="${esc(l)}" ${l === lang ? 'selected' : ''}>${esc(LANGS[l] || l)}</option>`).join('')}</select>
         <a class="btn" href="${altSearch}">Buscar en LeerCapitulo</a>`}
       </div>
@@ -195,6 +196,12 @@ async function viewManga(id, langOverride) {
   ${chapters.length ? '<ul class="chapters"></ul>' : isLc ? '<p class="muted">Este manga no tiene capítulos.</p>' : `<p class="muted">No hay capítulos legibles en ${esc(LANGS[lang] || lang)} (MangaDex retira algunos por licencia).
     Prueba a <a class="tag" href="${altSearch}">buscarlo en LeerCapitulo</a>.
     ${chapterLangs.length ? `Disponibles en: ${chapterLangs.map(l => `<a class="tag" href="#" data-lang="${esc(l)}">${esc(LANGS[l] || l)}</a>`).join(' ')}` : 'No hay capítulos en ningún idioma.'}</p>`}`
+  $('#drop')?.addEventListener('click', async () => {
+    if (!confirm(`¿Dejar de leer «${manga.title}»?\nSe quitará del historial y se borrará el progreso de sus capítulos.`)) return
+    await api(`/api/history/${id}`, { method: 'DELETE' })
+    toast('Quitado del historial')
+    viewManga(id, langOverride)
+  })
   app.querySelectorAll('[data-lang]').forEach(a => a.addEventListener('click', e => { e.preventDefault(); store.set(`lang:${id}`, a.dataset.lang); viewManga(id, a.dataset.lang) }))
 
   const ul = $('.chapters', app)