La ficha del manga incluye la info de la obra, menú lateral y banners reescalados

- Ficha e Info son una sola página: banner, puntuaciones, sinopsis, obras relacionadas y recomendaciones.
- La info se guarda una vez por manga para todos los usuarios y se actualiza en segundo plano; los mangas
  seguidos la mantienen al día solos. Si una fuente falla, se conserva lo guardado.
- Menú lateral (⋯) con seguir, listas, recortes, otras fuentes, descargas y datos de la obra.
- Banners reescalados con Real-ESRGAN; si la obra no tiene, se usa un recorte del propio usuario.

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

app/clips.js

@@ -98,6 +98,16 @@ export function setupClips({ db, DATA_DIR, HttpError, json, readBody, MANGA_ID,
   }
   const count = (userId, mangaId) => db.prepare('SELECT COUNT(*) n FROM clips WHERE user_id = ? AND manga_id = ?').get(userId, mangaId).n
 
+  // Banner de la ficha cuando la obra no tiene: un recorte del propio usuario, el más apaisado (es el que mejor
+  // llena la franja) y, si los hay, de entre los ya reescalados.
+  function bannerFor(userId, mangaId) {
+    const c = db.prepare(`SELECT * FROM clips WHERE user_id = ? AND manga_id = ?
+                          ORDER BY status = 'done' DESC, CAST(width AS REAL) / height DESC, id DESC LIMIT 1`).get(userId, mangaId)
+    if (!c) return null
+    const v = view(c)
+    return v.hd || v.img
+  }
+
   async function readImage(req) {
     let size = 0
     const chunks = []
@@ -178,5 +188,5 @@ export function setupClips({ db, DATA_DIR, HttpError, json, readBody, MANGA_ID,
 
   const queueInfo = userId => db.prepare(`SELECT SUM(status = 'queued') queued, SUM(status = 'running') running, SUM(status = 'error') errors
                                          FROM clips WHERE user_id = ?`).get(userId)
-  return { route, count, pump, queueInfo }
+  return { route, count, bannerFor, pump, queueInfo }
 }